/* Pure Naked editorial product page — scoped to #pn-product */
#pn-product{
  --pn-ink:#173f34;
  --pn-deep:#0f3028;
  --pn-paper:#fffdf8;
  --pn-cream:#f3ede2;
  --pn-sage:#dfe7d9;
  --pn-line:rgba(23,63,52,.14);
  --pn-muted:#627068;
  --pn-gold:#bd9554;
  width:100%;
  max-width:none;
  box-sizing:border-box;
  padding:34px clamp(18px,4vw,64px) 96px;
  background:linear-gradient(180deg,#f8f4eb 0,#fffdf8 680px,#f4efe6 100%);
  color:var(--pn-ink);
  overflow:hidden;
}
#pn-product *{box-sizing:border-box}
#pn-product a{color:inherit}
#pn-product .pn-product-breadcrumb,
#pn-product .pn-product-intro,
#pn-product .product-detail,
#pn-product .pn-product-story,
#pn-product .guarantee-card,
#pn-product .pn-related,
#pn-product #mobileBeforeGuarantee{max-width:1240px;margin-left:auto;margin-right:auto}
#pn-product .pn-product-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:38px;color:#6b746e;font:600 12px/1.4 Arial,sans-serif;letter-spacing:.04em}
#pn-product .pn-product-breadcrumb a{text-decoration:none;border-bottom:1px solid transparent}
#pn-product .pn-product-breadcrumb a:hover{border-color:currentColor}
#pn-product .pn-product-breadcrumb span[aria-hidden]{color:#a7aea8}
#pn-product .pn-product-breadcrumb span[aria-current]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pn-product .pn-product-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);gap:24px 60px;align-items:end;margin-bottom:38px}
#pn-product .pn-product-kicker,
#pn-product .pn-section-kicker,
#pn-product .pn-purchase-kicker{margin:0 0 10px;color:#7a633d;font:800 11px/1.2 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}
#pn-product .pn-product-intro .pn-product-kicker{grid-column:1/-1;margin-bottom:-10px}
#pn-product .product-title{margin:0;color:var(--pn-deep);font:400 clamp(50px,6.5vw,92px)/.92 Georgia,"Times New Roman",serif;letter-spacing:-.055em}
#pn-product .pn-product-deck{max-width:590px;margin:0;color:#4d5f55;font:400 clamp(17px,1.5vw,21px)/1.58 Arial,sans-serif}
#pn-product .product-detail{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);gap:clamp(30px,5vw,72px);align-items:start;margin-top:0}
#pn-product .product-image,
#pn-product .product-info{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
#pn-product .product-media{position:relative;border-radius:30px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#fff 0 30%,#eee7da 72%,#e4dccd 100%);border:1px solid var(--pn-line);box-shadow:0 30px 70px rgba(30,52,40,.12)}
#pn-product .product-media::before{content:"PURE NAKED";position:absolute;left:26px;bottom:22px;z-index:1;color:rgba(23,63,52,.3);font:800 10px/1 Arial,sans-serif;letter-spacing:.22em;pointer-events:none}
#pn-product .product-media .media-frame{display:flex;align-items:center;justify-content:center;min-height:680px;aspect-ratio:auto!important;padding:34px;background:transparent!important}
#pn-product .product-media .media-frame img,
#pn-product #main-photo{display:block;width:100%!important;height:100%!important;max-height:610px;object-fit:contain!important;background:transparent!important;mix-blend-mode:multiply;filter:drop-shadow(0 24px 26px rgba(43,43,28,.18))}
#pn-product .no-photo{display:grid;place-items:center;min-height:500px;color:var(--pn-muted)}
#pn-product .gallery-static{display:flex;gap:10px;margin:14px 0 0}
#pn-product .thumb-frame{width:76px;height:82px;padding:6px;border:1px solid var(--pn-line);border-radius:13px;background:#fff;cursor:pointer;transition:transform .18s ease,border-color .18s ease}
#pn-product .thumb-frame:hover{transform:translateY(-2px)}
#pn-product .thumb-frame.is-active{border-color:var(--pn-ink);box-shadow:0 0 0 2px rgba(23,63,52,.12)}
#pn-product .thumb-frame img{width:100%;height:100%;object-fit:contain;border-radius:8px;transform:none;mix-blend-mode:multiply}
#pn-product .product-info{position:sticky;top:28px;padding:34px;border:1px solid var(--pn-line);border-radius:28px;background:rgba(255,253,248,.92);box-shadow:0 22px 50px rgba(31,55,43,.08);backdrop-filter:blur(10px)}
#pn-product .product-info>h2{margin:0 0 30px;color:var(--pn-deep);font:400 clamp(29px,3vw,42px)/1.04 Georgia,serif;letter-spacing:-.035em}
#pn-product #priceLine{display:flex;flex-direction:column;gap:22px}
#pn-product #priceTop{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--pn-line)}
#pn-product #priceTop .price{color:var(--pn-deep);font:600 clamp(30px,3vw,42px)/1 Georgia,serif;letter-spacing:-.03em}
#pn-product #priceTop .badges{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}
#pn-product .badge,
#pn-product .price-badge{display:inline-flex;align-items:center;min-height:27px;padding:5px 10px;border:1px solid var(--pn-line);border-radius:999px;background:#f1f4ec;color:#345342;font:700 11px/1 Arial,sans-serif}
#pn-product .badge--green{background:#e4efe4;color:#23603b}
#pn-product .buy-box{display:grid;grid-template-columns:92px 1fr 1fr;gap:10px;align-items:end;padding:0;background:transparent;border:0;border-radius:0}
#pn-product .buy-box label{display:flex;flex-direction:column;gap:8px;color:var(--pn-ink);font:700 12px/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
#pn-product .buy-box input[type="number"]{width:100%;min-height:50px;padding:10px 13px;border:1px solid var(--pn-line);border-radius:12px;background:#fff;color:var(--pn-ink);font:700 16px Arial,sans-serif;outline:none}
#pn-product .buy-box input[type="number"]:focus{border-color:var(--pn-gold);box-shadow:0 0 0 3px rgba(189,149,84,.2)}
#pn-product .buy-box .btn-buy,
#pn-product .buy-box .btn-ghost{display:grid;place-items:center;min-height:50px;padding:12px 16px;border-radius:12px;font:800 13px/1 Arial,sans-serif;letter-spacing:.02em;cursor:pointer;transition:transform .18s ease,background .18s ease}
#pn-product .buy-box .btn-buy{border:1px solid var(--pn-deep);background:var(--pn-deep);color:#fff;box-shadow:0 12px 25px rgba(15,48,40,.18)}
#pn-product .buy-box .btn-ghost{border:1px solid var(--pn-ink);background:transparent;color:var(--pn-ink)}
#pn-product .buy-box .btn-buy:hover,
#pn-product .buy-box .btn-ghost:hover{transform:translateY(-2px)}
#pn-product .fxc-mini-msg{grid-column:1/-1;color:#2d6343;font:700 13px Arial,sans-serif}
#pn-product .buy-box .fs-inbox{grid-column:1/-1;margin-top:6px;padding-top:17px;border-top:1px dashed rgba(23,63,52,.22)}
#pn-product .buy-box .fs-text{margin-bottom:9px;color:#4d5d54;font:600 13px/1.4 Arial,sans-serif}
#pn-product .buy-box .fs-bar{height:7px;border-radius:999px;background:#dfe4dc;overflow:hidden}
#pn-product .buy-box .fs-bar__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#315f48,#b48e50)}
#pn-product .bundle-box{position:relative;margin-top:20px;padding:21px;border:1px solid #c9d7c4;border-radius:18px;background:#edf3e9;overflow:hidden;box-shadow:none}
#pn-product #bundleBox::before{display:none}
#pn-product #bundleBox::after{top:13px;right:-37px;padding:7px 50px;background:var(--pn-gold);color:#173f34;font:900 10px Arial,sans-serif;box-shadow:none}
#pn-product .bundle-head{margin:0 0 12px;color:var(--pn-ink);font:800 11px Arial,sans-serif;letter-spacing:.14em}
#pn-product .bundle-grid{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end}
#pn-product .bundle-grid label{display:flex;flex-direction:column;gap:7px;color:var(--pn-ink);font:700 13px Arial,sans-serif}
#pn-product .bundle-grid input[type="number"]{width:140px;max-width:100%;padding:11px;border:1px solid var(--pn-line);border-radius:10px;background:#fff}
#pn-product .bundle-box .js-bundle-add{min-height:45px;padding:10px 16px;border:0;border-radius:10px;background:var(--pn-ink);color:#fff;font-weight:800;box-shadow:none}
#pn-product .bundle-note{margin-top:10px;padding:0;border:0;background:transparent;color:#58705f;font-size:12px}
#pn-product .pn-trust-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px;padding-top:22px;border-top:1px solid var(--pn-line)}
#pn-product .pn-trust-strip div{display:grid;gap:5px;padding:0 12px;border-right:1px solid var(--pn-line)}
#pn-product .pn-trust-strip div:first-child{padding-left:0}
#pn-product .pn-trust-strip div:last-child{padding-right:0;border-right:0}
#pn-product .pn-trust-strip strong{font:700 12px/1.3 Arial,sans-serif}
#pn-product .pn-trust-strip span{color:var(--pn-muted);font:400 11px/1.35 Arial,sans-serif}
#pn-product .say-card{margin-top:18px;border:1px solid var(--pn-line);border-radius:18px;background:#fff;box-shadow:none}
#pn-product .say-hd{padding:14px 16px;border-bottom:1px solid var(--pn-line);color:var(--pn-ink)}
#pn-product .say-scroll{padding:12px}
#pn-product .say-item{border:0;border-radius:12px;background:#f5f2eb}
#pn-product .pn-product-story{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;margin-top:82px}
#pn-product .product-prose,
#pn-product .pn-modal-info{margin:0;padding:clamp(30px,4vw,54px);border:1px solid var(--pn-line);border-radius:28px;background:#fff;box-shadow:0 15px 45px rgba(29,53,41,.06)}
#pn-product .product-prose h2,
#pn-product .pn-modal-info h2,
#pn-product .pn-related h2{margin:0 0 24px;color:var(--pn-deep);font:400 clamp(34px,4vw,54px)/1 Georgia,serif;letter-spacing:-.045em}
#pn-product .product-prose>p:not(.pn-section-kicker),
#pn-product .pn-modal-copy{color:#4b5a52;font:400 16px/1.82 Arial,sans-serif}
#pn-product .product-prose>p:not(.pn-section-kicker){margin:0 0 16px}
#pn-product .pn-modal-info{background:var(--pn-deep);color:#f9f4e9}
#pn-product .pn-modal-info .pn-section-kicker{color:#d0ae73}
#pn-product .pn-modal-info h2{color:#fffaf0}
#pn-product .pn-modal-copy{color:#dce6df}
#pn-product .pn-modal-copy p{margin:0 0 15px}
#pn-product .pn-info-group{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16)}
#pn-product .pn-info-group h3{margin:0 0 12px;color:#fff;font:700 13px Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
#pn-product .pn-info-group ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
#pn-product .pn-info-group li{padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);color:#f5f0e6;font:600 12px Arial,sans-serif}
#pn-product .pn-info-note{margin:24px 0 0;padding:16px;border-left:2px solid #c8a56e;background:rgba(255,255,255,.06);color:#dce6df;font:400 14px/1.6 Arial,sans-serif}
#pn-product .guarantee-card{margin-top:24px!important;padding:0!important;border:0!important;border-radius:28px!important;background:transparent!important;box-shadow:none!important;overflow:hidden}
#pn-product .guarantee-card .g-card{border-radius:28px;background:linear-gradient(115deg,#123d32,#285a45);box-shadow:0 18px 50px rgba(19,54,43,.16)}
#pn-product .pn-related{margin-top:82px}
#pn-product .pn-related-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
#pn-product .pn-related-head h2{margin-bottom:0}
#pn-product .pn-related-head>a{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px;font:700 13px Arial,sans-serif}
#pn-product .pn-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#pn-product .pn-related-card{display:grid;grid-template-rows:280px auto;overflow:hidden;border:1px solid var(--pn-line);border-radius:20px;background:#fff;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
#pn-product .pn-related-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(26,54,40,.1)}
#pn-product .pn-related-image{overflow:hidden;display:grid;place-items:center;padding:20px;background:#eee8dc}
#pn-product .pn-related-image img{display:block;width:auto;height:auto;max-width:78%;max-height:75%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 12px 14px rgba(38,48,31,.13))}
#pn-product .pn-related-copy{display:grid;gap:8px;padding:18px}
#pn-product .pn-related-copy strong{color:var(--pn-deep);font:400 21px/1.1 Georgia,serif}
#pn-product .pn-related-copy small{color:var(--pn-muted);font:400 12px/1.45 Arial,sans-serif}
#pn-product .pn-related-copy b{margin-top:4px;color:var(--pn-ink);font:700 14px Arial,sans-serif}
#pn-product .mobile-only{display:none}
#pn-product .desktop-only{display:block}
#pn-product .mobile-fab{display:none!important;font-family:Arial,sans-serif}
#pn-product :focus-visible{outline:3px solid #c99f5e;outline-offset:3px}

@media (max-width: 1020px){
  #pn-product .pn-product-intro{grid-template-columns:1fr;gap:18px}
  #pn-product .pn-product-intro .pn-product-kicker{margin-bottom:-4px}
  #pn-product .product-detail{grid-template-columns:1fr;gap:24px}
  #pn-product .product-media .media-frame{min-height:560px}
  #pn-product .product-info{position:relative;top:auto}
  #pn-product .pn-product-story{grid-template-columns:1fr}
  #pn-product .pn-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #pn-product .mobile-only{display:block}
  #pn-product .desktop-only{display:none!important}
}
@media (max-width: 760px){
  #pn-product{padding:22px 14px 72px;background:linear-gradient(180deg,#f8f4eb 0,#fffdf8 560px,#f4efe6 100%)}
  #pn-product .pn-product-breadcrumb{margin-bottom:28px}
  #pn-product .pn-product-intro{margin-bottom:26px}
  #pn-product .product-title{font-size:clamp(43px,14vw,64px)}
  #pn-product .pn-product-deck{font-size:16px;line-height:1.55}
  #pn-product .product-media{border-radius:20px}
  #pn-product .product-media .media-frame{min-height:440px;padding:20px}
  #pn-product .product-media .media-frame img{max-height:400px}
  #pn-product .gallery-static{overflow-x:auto;padding-bottom:4px}
  #pn-product .thumb-frame{flex:0 0 65px;height:70px}
  #pn-product .product-info{padding:22px;border-radius:20px}
  #pn-product .product-info>.pn-purchase-kicker,
  #pn-product .product-info>h2{display:none}
  #pn-product .buy-box{grid-template-columns:78px 1fr}
  #pn-product .buy-box .btn-ghost{grid-column:1/-1}
  #pn-product #priceTop{align-items:flex-start;flex-direction:column}
  #pn-product #priceTop .badges{justify-content:flex-start}
  #pn-product .bundle-grid{grid-template-columns:1fr}
  #pn-product .bundle-grid input[type="number"]{width:100%}
  #pn-product .pn-trust-strip{grid-template-columns:1fr;gap:0;margin-top:10px;padding-top:0}
  #pn-product .pn-trust-strip div{padding:12px 0;border-right:0;border-bottom:1px solid var(--pn-line)}
  #pn-product .pn-trust-strip div:last-child{border-bottom:0}
  #pn-product .pn-product-story{margin-top:52px}
  #pn-product .product-prose,#pn-product .pn-modal-info{padding:28px 22px;border-radius:20px}
  #pn-product .guarantee-card{border-radius:20px!important}
  #pn-product .guarantee-card .g-card{border-radius:20px}
  #pn-product .pn-related{margin-top:56px}
  #pn-product .pn-related-head{align-items:flex-start;flex-direction:column}
  #pn-product .pn-related-grid{grid-template-columns:1fr 1fr;gap:10px}
  #pn-product .pn-related-card{grid-template-rows:190px auto;border-radius:15px}
  #pn-product .pn-related-copy{padding:14px}
  #pn-product .pn-related-copy strong{font-size:18px}
  #pn-product .pn-related-copy small{display:none}
  #pn-product .mobile-fab{background:rgba(255,253,248,.96);border-color:var(--pn-line);backdrop-filter:blur(12px)}
  #pn-product .mobile-fab__add{background:var(--pn-deep)}
  #pn-product .mobile-fab__checkout{background:#fff;color:var(--pn-ink);border-color:var(--pn-line)}
}
@media (max-width: 420px){
  #pn-product .product-media .media-frame{min-height:360px}
  #pn-product .pn-related-grid{grid-template-columns:1fr}
  #pn-product .pn-related-card{grid-template-columns:130px 1fr;grid-template-rows:170px}
}
