/* Import root/theme rules from style.css so editors see metadata */
@import url('../../style.css');
/* You can also split CSS: keep base rules in style.css and component rules here. */
/* ===== Single Product — Luxe ===== */
.product-luxe{display:grid;gap:24px;margin:24px 0}
@media(min-width:980px){.product-luxe{grid-template-columns:1.2fr 1fr}}


.product-gallery{background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:14px}
.product-summary{background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:22px}
.product-summary .price{font-size:1.6rem;color:var(--accent);font-weight:800}
.product-summary .woocommerce-product-rating{margin-bottom:10px}
.product-summary .woocommerce-product-details__short-description{color:var(--muted)}


/* Gallery tweaks */
.woocommerce-product-gallery{--thumbGap:10px}
.woocommerce-product-gallery .flex-viewport{border-radius:12px;overflow:hidden}
.woocommerce-product-gallery .flex-control-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--thumbGap);margin-top:10px}
.woocommerce-product-gallery .flex-control-thumbs li{list-style:none;border-radius:8px;overflow:hidden}


/* USP bar */
.usp-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 6px}
@media(min-width:900px){.usp-bar{grid-template-columns:repeat(4,1fr)}}
.usp-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px 12px;color:var(--muted)}


/* Tabs look luxe */
.woocommerce-tabs{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;margin-top:18px}
.woocommerce-tabs .tabs{display:flex;gap:12px;list-style:none;margin:0;padding:12px;border-bottom:1px solid rgba(255,255,255,.06)}
.woocommerce-tabs .tabs li{margin:0}
.woocommerce-tabs .tabs a{display:block;padding:10px 14px;border-radius:999px;color:var(--muted)}
.woocommerce-tabs .tabs .active a, .woocommerce-tabs .tabs a:hover{background:rgba(255,255,255,.06);color:var(--text)}
.woocommerce-Tabs-panel{padding:16px}


/* Meta (SKU, categories) subtle */
.product_meta{font-size:.93rem;color:var(--muted);border-top:1px dashed rgba(255,255,255,.08);padding-top:12px;margin-top:12px}


/* Mobile sticky add-to-cart */
@media(max-width:768px){
    .single-product .ct-sticky-add-to-cart, .single-product .sticky-atc{display:none}
    .single-product .mobile-atc{position:fixed;bottom:10px;left:10px;right:10px;z-index:60;display:flex;gap:10px;background:rgba(15,17,20,.9);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:8px}
}