:root { --green:#073f2d; --green2:#176247; --gold:#c69027; --paper:#fffefb; --cream:#f7f3ea; --line:#e7dfd2; --muted:#657067; --serif:Georgia,"Times New Roman",serif; --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
body { margin:0; color:#172019; background:var(--paper); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.product-header { position:sticky; top:0; z-index:20; background:rgba(255,254,251,.97); border-bottom:1px solid var(--line); backdrop-filter:blur(15px); }
.header-inner { width:min(1180px,calc(100% - 40px)); height:78px; margin:auto; display:flex; align-items:center; justify-content:space-between; }
.product-brand { display:flex; align-items:center; gap:8px; color:var(--green); }
.brand-image { width:51px; height:54px; overflow:hidden; }
.brand-image img { width:100%; height:100%; object-fit:cover; object-position:center 24%; transform:scale(1.23); }
.product-brand > span:last-child { display:flex; flex-direction:column; line-height:1; }
.product-brand strong { font:500 1.55rem var(--serif); }
.product-brand em { color:var(--gold); font-style:normal; }
.product-brand small { margin-top:4px; font-size:.42rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.header-actions { display:flex; align-items:center; gap:16px; }
.header-actions a { color:var(--green); font-size:.78rem; font-weight:800; }
.header-actions button { padding:8px 10px; color:var(--green); background:#fff; border:1px solid var(--line); border-radius:7px; font-size:.7rem; font-weight:800; cursor:pointer; }
.product-tabs { max-width:1180px; margin:auto; display:flex; gap:5px; overflow-x:auto; scrollbar-width:none; }
.product-tabs a { flex:1 0 auto; padding:11px 18px 13px; color:var(--muted); border-bottom:2px solid transparent; text-align:center; font-size:.72rem; font-weight:700; white-space:nowrap; }
.product-tabs a.active { color:var(--green); border-color:var(--gold); }
main { width:min(1180px,calc(100% - 40px)); margin:0 auto 70px; }
.breadcrumb { padding:25px 0; display:flex; gap:9px; color:var(--muted); font-size:.7rem; }
.breadcrumb strong { color:var(--green); }
.product-detail { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr); gap:clamp(45px,7vw,90px); align-items:center; }
.gallery { min-width:0; }
.main-image { aspect-ratio:1.13; overflow:hidden; background:var(--cream); border:1px solid var(--line); border-radius:16px; box-shadow:0 17px 50px rgba(7,63,45,.08); }
.main-image img { width:100%; height:100%; object-fit:cover; }
.main-image picture,.thumbnail picture { display:block; width:100%; height:100%; }
.thumbnails { margin-top:13px; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.thumbnail { aspect-ratio:1.35; padding:0; overflow:hidden; background:var(--cream); border:2px solid transparent; border-radius:8px; cursor:pointer; }
.thumbnail.active { border-color:var(--gold); }
.thumbnail img { width:100%; height:100%; object-fit:cover; }
.gallery-note { margin:9px 0 0; color:var(--muted); font-size:.64rem; }
.eyebrow { margin:0 0 8px; color:var(--gold); font-size:.68rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
h1 { margin:0 0 17px; color:var(--green); font:500 clamp(2.6rem,4.3vw,4.2rem)/1.02 var(--serif); letter-spacing:-.04em; }
.commerce-row { display:flex; align-items:center; gap:16px; padding:15px 0; border-block:1px solid var(--line); }
.commerce-row strong { color:var(--green); font:500 1.45rem var(--serif); }
.commerce-row span { padding:5px 10px; color:var(--green2); background:#eaf5ef; border-radius:20px; font-size:.66rem; font-weight:800; }
.commerce-row span.preorder { color:#805b11; background:#fff1ce; }
.description { margin:23px 0 17px; color:var(--muted); line-height:1.7; }
.product-info ul { margin:0 0 20px; padding:0; list-style:none; }
.product-info li { position:relative; margin:8px 0; padding-left:24px; color:#3f4b42; font-size:.85rem; }
.product-info li::before { content:"✓"; position:absolute; left:0; color:var(--green2); font-weight:900; }
.availability { margin-bottom:17px; padding:10px 12px; color:var(--green); background:#f1f6f2; border-radius:8px; font-size:.73rem; font-weight:700; }
.whatsapp-button { width:100%; min-height:53px; display:flex; align-items:center; justify-content:center; gap:10px; padding:13px 22px; color:#fff; background:linear-gradient(135deg,var(--green),var(--green2)); border:0; border-radius:8px; font:800 .88rem var(--sans); box-shadow:0 11px 25px rgba(7,63,45,.2); cursor:pointer; transition:.2s ease; }
.whatsapp-button:hover { transform:translateY(-2px); background:#188d45; }
.whatsapp-button>span:first-child { font-size:1.15rem; }
.product-purchase-actions { display:grid; grid-template-columns:1.45fr .9fr; gap:9px; }
.product-cart-link { min-height:53px; display:flex; align-items:center; justify-content:center; gap:7px; padding:11px 12px; color:var(--green); background:#fff; border:1px solid var(--line); border-radius:8px; font-size:.72rem; font-weight:800; text-align:center; }
.product-cart-link b { min-width:23px; height:23px; display:grid; place-items:center; color:#fff; background:var(--gold); border-radius:50%; font-size:.63rem; }
.whatsapp-button.added { background:linear-gradient(135deg,#176247,#2d8061); }
.payment-note { margin:10px 0 0; color:var(--muted); font-size:.68rem; text-align:center; }
.product-assurance { margin-top:70px; padding:26px 0; display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid var(--line); }
.product-assurance article { display:flex; align-items:center; justify-content:center; gap:13px; padding:0 25px; }
.product-assurance article + article { border-left:1px solid var(--line); }
.product-assurance article > span { width:42px; height:42px; display:grid; place-items:center; color:var(--green); background:#eff6f1; border-radius:50%; font-size:1.2rem; }
.product-assurance div { display:flex; flex-direction:column; }
.product-assurance strong { color:var(--green); font:500 .95rem var(--serif); }
.product-assurance small { margin-top:2px; color:var(--muted); font-size:.66rem; }
.uniform-footer { padding:27px 0; color:var(--muted); background:var(--cream); border-top:1px solid var(--line); font-size:.7rem; }
.uniform-footer-inner { width:min(1180px,calc(100% - 40px)); margin:auto; display:flex; justify-content:space-between; gap:20px; }
.uniform-footer strong { color:var(--green); }
@media(max-width:780px){ .product-tabs{padding-inline:12px}.product-tabs a{flex:0 0 auto}.product-detail{grid-template-columns:1fr;gap:35px}.product-info{max-width:620px}.product-assurance{grid-template-columns:1fr;gap:18px}.product-assurance article{justify-content:flex-start}.product-assurance article+article{border-left:0}.gallery-note{display:none} }
@media(max-width:480px){ .header-inner,main{width:calc(100% - 28px)}.header-actions a{display:none}.breadcrumb{padding-block:18px}.main-image{aspect-ratio:1}.product-info h1{font-size:2.55rem}.product-purchase-actions{grid-template-columns:1fr}.product-assurance{margin-top:48px}.product-assurance article{padding:0 10px}.uniform-footer-inner{align-items:center;flex-direction:column;text-align:center}.thumbnails{gap:6px} }