/* ==========================================================================
   Liana Home — single product page
   ========================================================================== */

/* ---------- Breadcrumb (sitewide via woocommerce_breadcrumb_defaults) ---------- */
.liana-site .crumbs{
  background:var(--white);
  border-bottom:1px solid var(--hairline);
  font-size:12.5px;font-weight:300;color:var(--muted);
  padding:14px 0;
}
.liana-site .crumbs a{color:var(--muted);transition:color .2s}
.liana-site .crumbs a:hover{color:var(--walnut)}
.liana-site .crumbs span{margin:0 10px;opacity:.5}

/* ---------- Layout ---------- */
.liana-site .pdp{background:var(--bone);padding:56px 0 96px}
.liana-site .pdp-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:start}

/* ---------- Gallery ---------- */
.liana-site .gallery-main{aspect-ratio:4/3.2;border-radius:2px}
.liana-site .gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.liana-site .gallery-thumbs .ph{aspect-ratio:1/1;border-radius:2px;cursor:pointer;transition:opacity .2s}
.liana-site .gallery-thumbs .ph:hover{opacity:.85}
.liana-site .gallery-thumbs .ph::after{font-size:9.5px;padding:6px 8px}
.liana-site .gallery-thumbs .ph.on{outline:1px solid var(--walnut);outline-offset:2px}

/* ---------- Buy panel ---------- */
.liana-site .buy{position:sticky;top:100px;background:var(--white);border:1px solid var(--hairline);border-radius:2px;padding:40px 40px 36px}
.liana-site .prod-tag{display:inline-block;font-size:11px;font-weight:400;letter-spacing:.12em;color:var(--walnut);border:1px solid var(--taupe);border-radius:2px;padding:3px 10px;margin-bottom:14px;background:var(--white)}
.liana-site .buy h1{font-size:clamp(24px,2.4vw,32px);font-weight:400;line-height:1.5}
.liana-site .buy .pdp-spec{font-size:13.5px;color:var(--muted);font-weight:300;margin-top:6px}
.liana-site .buy-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;border-top:1px solid var(--hairline);margin-top:22px;padding-top:20px}
.liana-site .buy-price strong,
.liana-site .buy-price .woocommerce-Price-amount{font-size:26px;font-weight:500;color:var(--walnut)}
.liana-site .buy-price del{font-size:15px;color:var(--muted);font-weight:300;text-decoration:line-through;margin-inline-end:6px}
.liana-site .buy-price del .woocommerce-Price-amount{font-size:15px;color:var(--muted);font-weight:300}
.liana-site .buy-price ins{text-decoration:none}
.liana-site .buy-price ins .woocommerce-Price-amount{color:#B42318}
.liana-site .buy-price > span{font-size:12.5px;color:var(--muted);font-weight:300}

.liana-site .rating-row{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:13px;font-weight:300}
.liana-site .rating-row .stars{color:#C99700;letter-spacing:2px;font-size:13px}
.liana-site .rating-row a{color:var(--walnut);border-bottom:1px solid var(--taupe);font-size:12.5px}

/* ---------- Options (built by single-product.js on top of the real form) ---------- */
.liana-site .liana-variation-ui{margin-top:26px}
.liana-site .opt{margin-top:26px}
.liana-site .opt:first-child{margin-top:0}
.liana-site .opt-label{font-size:12.5px;font-weight:400;letter-spacing:.08em;color:var(--muted);margin-bottom:10px;display:flex;justify-content:space-between;align-items:baseline}
.liana-site .opt-label .opt-current{font-style:normal;color:var(--ink);letter-spacing:0}
.liana-site .opt-pills{display:flex;gap:10px;flex-wrap:wrap}
.liana-site .opt-pill{font-size:13px;font-weight:400;border:1px solid var(--hairline);border-radius:2px;padding:9px 20px;background:var(--white);cursor:pointer;transition:all .2s}
.liana-site .opt-pill:hover{border-color:var(--walnut);color:var(--walnut)}
.liana-site .opt-pill.on{background:var(--walnut);border-color:var(--walnut);color:#fff}
.liana-site .swatches{display:flex;gap:12px;flex-wrap:wrap}
.liana-site .swatch{width:34px;height:34px;border-radius:50%;border:1px solid var(--hairline);cursor:pointer;transition:transform .15s;display:inline-block}
.liana-site .swatch:hover{transform:scale(1.08)}
.liana-site .swatch.on{outline:1px solid var(--walnut);outline-offset:3px}
.liana-site .opt-note{font-size:12.5px;color:var(--muted);font-weight:300;margin-top:12px}
.liana-site .opt-note a{color:var(--walnut);border-bottom:1px solid var(--taupe)}
.liana-site .liana-reset-link{font-size:12px;color:var(--muted);border-bottom:1px solid var(--taupe);margin-top:8px;display:inline-block}

/* Hide the native WooCommerce variation table/price once our pretty UI is built */
.liana-site .variations_form table.variations{display:none}
.liana-site .liana-hidden-price{display:none}
.liana-site .woocommerce-variation-availability{font-size:12.5px;color:var(--muted);margin-top:6px}
.liana-site .woocommerce-variation-availability p{margin:0}
.liana-site .woocommerce-variation-description{display:none}

/* Custom-size WhatsApp panel */
.liana-site .cs-panel{margin-top:14px;border:1px solid var(--hairline);border-radius:2px;background:var(--bone);padding:18px 18px 20px}
.liana-site .cs-panel p{font-size:12.5px;color:var(--ink);font-weight:300;margin-bottom:12px}
.liana-site .cs-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.liana-site .cs-field label{display:block;font-size:11.5px;color:var(--muted);margin-bottom:6px}
.liana-site .cs-field input{width:100%;padding:9px 10px;border:1px solid var(--hairline);border-radius:2px;font-family:'Alexandria',sans-serif;font-size:13.5px;background:var(--white);color:var(--ink)}
.liana-site .cs-field input:focus{outline:1px solid var(--walnut)}
.liana-site .cs-wa{margin-top:12px;width:100%;padding:11px;font-size:13px}

/* Add to cart / quantity */
.liana-site .buy-ctas{display:grid;gap:12px;margin-top:30px}
.liana-site .buy-ctas .btn,
.liana-site .buy .single_add_to_cart_button{width:100%;text-align:center;border:none;cursor:pointer;font-family:inherit}
.liana-site .buy .quantity{display:none} /* furniture is made-to-order at qty 1; remove this rule to show a stepper */
.liana-site .buy .woocommerce-variation-add-to-cart,
.liana-site .buy .cart{display:grid;gap:12px;margin-top:14px}

.liana-site .buy-trust{margin-top:28px;border-top:1px solid var(--hairline);padding-top:22px;display:grid;gap:12px}
.liana-site .buy-trust div{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:300;color:var(--ink)}
.liana-site .buy-trust svg{width:19px;height:19px;stroke:var(--walnut);flex-shrink:0}

/* ---------- Specs ---------- */
.liana-site .specs{background:var(--white);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.liana-site .specs-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}
.liana-site .specs .ph{aspect-ratio:4/4.6;border-radius:2px}
.liana-site .spec-rows{margin-top:36px}
.liana-site .spec-row{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:18px 0;border-top:1px solid var(--hairline);font-size:14px}
.liana-site .spec-row:last-child{border-bottom:1px solid var(--hairline)}
.liana-site .spec-row dt{font-weight:400;color:var(--muted)}
.liana-site .spec-row dd{font-weight:300}

/* ---------- Made to measure band ---------- */
.liana-site .measure{background:var(--walnut);color:#fff;padding:0}
.liana-site .measure-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.liana-site .measure .ph-dark{min-height:440px}
.liana-site .measure-copy{padding:88px 72px;display:flex;flex-direction:column;justify-content:center}
.liana-site .measure .kicker{color:#C9B99F}
.liana-site .measure h2{color:#fff;margin-bottom:16px}
.liana-site .measure p{color:#E4DACB;font-size:15px;font-weight:300;max-width:440px;margin-bottom:36px}

/* ---------- Reviews ---------- */
.liana-site .reviews{background:var(--bone)}
.liana-site .rev-summary{display:flex;align-items:center;gap:14px;margin-top:14px;font-size:14px;color:var(--muted);font-weight:300}
.liana-site .rev-summary .stars{font-size:16px;color:#C99700}
.liana-site .rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}
.liana-site .rev-card{background:var(--white);border:1px solid var(--hairline);border-radius:2px;padding:28px 26px}
.liana-site .rev-card .stars{font-size:12px;color:#C99700}
.liana-site .rev-text{font-size:13.5px;font-weight:300;line-height:2;margin:14px 0 18px}
.liana-site .rev-meta{border-top:1px solid var(--hairline);padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.liana-site .rev-name{font-size:13px;font-weight:500}
.liana-site .rev-name small{display:block;font-size:11.5px;color:var(--muted);font-weight:300}
.liana-site .rev-verified{font-size:11px;color:var(--green);border:1px solid #CBDCD4;background:#F0F6F3;border-radius:2px;padding:2px 8px;font-weight:400}
.liana-site .rev-empty{font-size:14px;color:var(--muted);font-weight:300;margin-top:24px}

/* ---------- Related products ---------- */
.liana-site .related{background:var(--bone)}
.liana-site .related-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:44px}
.liana-site .related-link{font-size:13.5px;font-weight:400;color:var(--walnut);border-bottom:1px solid var(--taupe);padding-bottom:2px}
.liana-site .prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.liana-site .prod{background:transparent;display:block}
.liana-site .prod .ph{aspect-ratio:4/3.4;border-radius:2px;transition:opacity .3s}
.liana-site .prod:hover .ph{opacity:.92}
.liana-site .prod-body{padding:20px 4px 0}
.liana-site .prod-name{font-size:16.5px;font-weight:500}
.liana-site .prod-spec{font-size:13px;color:var(--muted);font-weight:300;margin:4px 0 12px;min-height:18px}
.liana-site .prod-price{display:flex;align-items:baseline;gap:8px;border-top:1px solid var(--hairline);padding-top:12px}
.liana-site .prod-price strong{font-size:18px;font-weight:500;color:var(--walnut)}
.liana-site .prod-price span{font-size:12.5px;color:var(--muted);font-weight:300}

/* ---------- Responsive ---------- */
@media(max-width:980px){
  .liana-site .pdp-grid{grid-template-columns:1fr;gap:40px}
  .liana-site .buy{position:static;padding:32px 26px}
  .liana-site .specs-grid{grid-template-columns:1fr;gap:40px}
  .liana-site .spec-row{grid-template-columns:130px 1fr}
  .liana-site .prod-grid{grid-template-columns:repeat(2,1fr)}
  .liana-site .measure-grid{grid-template-columns:1fr;gap:0}
  .liana-site .measure-copy{padding:64px 32px}
  .liana-site .rev-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .liana-site .prod-grid{grid-template-columns:1fr}
  .liana-site .gallery-thumbs{grid-template-columns:repeat(4,1fr)}
}