/* ValeCrest product page preview (product-preview.html). Loads after vc-sales.css and reuses its tokens. */
.crumbs{font-size:13px;color:var(--dim);padding:18px 0 0}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--ink)}
.pp{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;padding:20px 0 64px;align-items:start}
@media(min-width:861px){.pp-gal{position:sticky;top:84px}}
@media(max-width:860px){.pp{grid-template-columns:1fr;gap:22px;padding-top:12px}}

/* Gallery: big image, counter, arrows, thumbnail strip */
.pg-stage{position:relative;background:var(--paper);border-radius:var(--r);overflow:hidden;aspect-ratio:1/1}
.pg-stage img{width:100%;height:100%;object-fit:contain}
.pg-count{position:absolute;left:14px;bottom:14px;background:rgba(20,20,20,.72);color:#fff;font-size:12px;padding:4px 10px;border-radius:999px}
.pg-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.92);box-shadow:0 2px 10px rgba(0,0,0,.12);cursor:pointer;display:flex;align-items:center;justify-content:center}
.pg-nav svg{width:18px;height:18px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pg-prev{left:12px}.pg-next{right:12px}
.pg-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.pg-thumbs button{padding:0;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper);aspect-ratio:1/1;cursor:pointer}
.pg-thumbs button[aria-current="true"]{border-color:var(--green)}
.pg-thumbs img{width:100%;height:100%;object-fit:cover}

/* Buy box */
.pb-rating{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--dim);margin-bottom:8px}
.pb-stars{display:inline-flex;gap:2px}
.pb-stars svg{width:15px;height:15px;fill:none;stroke:var(--dim);stroke-width:1.5}
.pb h1{font-size:clamp(32px,4vw,44px);margin-bottom:10px}
.pb-promise{font-size:16.5px;color:var(--dim);margin-bottom:14px}
.pb-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.pb-badges span{display:inline-flex;align-items:center;gap:6px;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600}
.pb-badges svg{width:14px;height:14px;stroke:var(--green);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pb-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:16px}
.pb-price strong{font-family:var(--serif);font-size:34px;line-height:1}
.pb-price small{font-size:13px;color:var(--dim)}
.pb-status{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:16px}
.pb-status i{width:9px;height:9px;border-radius:50%;background:#C98A1B;display:inline-block}
.pb-row{display:flex;gap:10px;align-items:stretch;margin-bottom:10px}
.qty{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:999px;background:var(--paper)}
.qty button{width:42px;height:50px;border:0;background:none;font-size:20px;cursor:pointer;color:var(--ink)}
.qty input{width:36px;border:0;text-align:center;font:inherit;font-size:15px;background:none;-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.pb-row .btn{flex:1}
.btn[aria-disabled="true"]{opacity:.55;pointer-events:none}
.pb-buynow{width:100%;margin-bottom:14px}
.pb-ship{display:grid;gap:8px;font-size:14px;margin:6px 0 16px}
.pb-ship div{display:flex;gap:10px;align-items:flex-start}
.pb-ship svg{flex:0 0 18px;width:18px;height:18px;margin-top:2px;stroke:var(--green);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pay{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}
.pay span{border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:4px 9px;font-size:11.5px;font-weight:600;letter-spacing:.02em;color:var(--dim)}

/* Accordions in the buy box */
.acc{border-top:1px solid var(--line)}
.acc details{border-bottom:1px solid var(--line)}
.acc summary{cursor:pointer;list-style:none;position:relative;padding:16px 36px 16px 0;font-weight:600;font-size:15px}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:300;color:var(--dim);transition:transform .2s}
.acc details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.acc .acc-b{padding:0 0 18px;font-size:14.5px;color:var(--dim)}
.acc .acc-b ul{padding-left:18px;display:grid;gap:4px}
.acc .acc-b p+p,.acc .acc-b p+ul{margin-top:8px}

/* Comparison table */
.cmp{max-width:820px;margin:0 auto;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--paper)}
.cmp table{width:100%;border-collapse:collapse;font-size:15px}
.cmp th,.cmp td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line)}
.cmp tr:last-child td{border-bottom:0}
.cmp thead th{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);background:var(--ivory)}
.cmp thead th.us{color:#fff;background:var(--green)}
.cmp td.us{background:color-mix(in srgb,var(--green) 7%,#fff);font-weight:600}
.cmp-note{max-width:820px;margin:12px auto 0;font-size:12.5px;color:var(--dim);text-align:center}
@media(max-width:600px){.cmp th,.cmp td{padding:12px 10px;font-size:13.5px}}

/* Reviews (empty until there are verified reviews) */
.rv{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start}
.rv-sum{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:26px}
.rv-sum strong{font-family:var(--serif);font-size:44px;line-height:1;display:block}
.rv-bars{list-style:none;display:grid;gap:7px;margin:16px 0 18px;font-size:13px;color:var(--dim)}
.rv-bars li{display:grid;grid-template-columns:44px 1fr 22px;gap:10px;align-items:center}
.rv-bars b{display:block;height:7px;border-radius:9px;background:var(--line)}
.rv-empty{border:1.5px dashed var(--line);border-radius:var(--r);padding:44px 28px;text-align:center;color:var(--dim)}
.rv-empty h3{font-family:var(--sans);font-size:18px;color:var(--ink);font-weight:600;margin-bottom:6px;letter-spacing:0}
@media(max-width:860px){.rv{grid-template-columns:1fr;gap:20px}}

/* Shipping by region */
.ship-t{max-width:820px;margin:0 auto;list-style:none;border-top:1px solid var(--line)}
.ship-t li{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
.ship-t li.h{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
@media(max-width:560px){.ship-t li{grid-template-columns:1fr 1fr;font-size:14px}.ship-t li span:first-child{grid-column:1/-1;font-weight:600}.ship-t li.h span:first-child{display:none}}

/* Newsletter (no list connected yet) */
.news{background:var(--sand);border-radius:28px;padding:48px 28px;text-align:center}
.news h2{font-size:clamp(28px,3.6vw,40px);margin-bottom:10px}
.news p{color:var(--dim);max-width:520px;margin:0 auto 20px}
.news form{display:flex;gap:10px;max-width:460px;margin:0 auto}
.news input{flex:1;min-width:0;height:52px;border:1.5px solid var(--line);border-radius:999px;padding:0 20px;font:inherit;background:var(--paper)}
@media(max-width:520px){.news form{flex-direction:column}}