html body .pyd{--a:#ee8945;--a2:#ee8945;--p:#262626;--p2:#2d2d2d;--l:rgba(255,255,255,.1);--f:#f5f3f0;--m:#b0aaa3;display:grid;gap:clamp(56px,8vw,104px);--pp:clamp(16px,4vw,40px);padding:clamp(16px,3vw,40px) var(--pp) 24px;color:var(--f);font:500 16px/1.7 var(--ff,Quicksand,sans-serif);text-align:left}
html body .pyd *{box-sizing:border-box}
html body .pyd img{max-width:100%;height:auto;display:block}
html body .pyd ul,html body .pyd ol{list-style:none;margin:0;padding:0}
html body .pyd p{margin:0 0 14px;color:#d9d5cf;font-size:16px}
html body .pyd a{color:var(--a)}
html body .pyd h2{margin:0 0 16px;font:700 clamp(26px,3.3vw,40px)/1.15 var(--ff,Quicksand,sans-serif);letter-spacing:-.01em;color:#fff;text-transform:none}
html body .pyd h3{margin:0 0 6px;font:700 17px/1.3 var(--ff,Quicksand,sans-serif);color:#fff;text-transform:none}
html body .pyd *{float:none!important}
html body .pyd .pyd-gimg img,html body .pyd .pyd-fimg img,html body .pyd .pyd-cim img,html body .pyd .pyd-vid img,html body .pyd .pyd-vg img{height:100%}
html body .pyd li{width:auto!important;margin:0;padding-left:0}
.pyd-sec{content-visibility:auto;contain-intrinsic-size:auto 640px}
html body .woocommerce-tabs #tab-999>.socle-tab-panel{display:none!important}
.pyd-eye{display:inline-block;margin-bottom:14px;padding:6px 14px;border-radius:999px;border:1px solid rgba(238,137,69,.45);background:rgba(238,137,69,.08);color:var(--a);font:700 12px/1 var(--ff,Quicksand,sans-serif);letter-spacing:.08em;text-transform:uppercase}
.pyd-head{max-width:760px;margin:0 auto 34px;text-align:center}
.pyd-head p{margin:0}
.pyd-btn{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 28px;border-radius:999px;background:linear-gradient(#ee8945,#ee8945);color:#1b1208!important;font:700 16px var(--ff,Quicksand,sans-serif);text-decoration:none!important;box-shadow:0 12px 30px rgba(238,137,69,.3);transition:transform .15s,box-shadow .15s;margin-top:8px}
.pyd-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(238,137,69,.42)}
.pyd-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
html body .pyd .pyd-ghost{background:transparent;border:2px solid var(--a);color:var(--a)!important;box-shadow:none}
html body .pyd .pyd-ghost:hover{background:var(--a);color:#1b1208!important}
/* intro */
.pyd-intro,.pyd-feat,.pyd-vei{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
.pyd-chips{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 12px}
.pyd-chips li{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;background:var(--p);border:1px solid var(--l);font-weight:600;font-size:14px;color:#fff}
.pyd-chips li small{color:var(--m);font-size:12px}
.pyd-chips svg,.pyd-spec svg,.pyd-tg svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pyd-chips svg{width:20px;height:20px;color:var(--a)}
.pyd-gal{margin:0}
.pyd-gimg{position:relative;border-radius:24px;overflow:hidden;background:#111;border:1px solid var(--l);box-shadow:0 30px 70px rgba(0,0,0,.45);aspect-ratio:1140/834}
.pyd-gimg img{width:100%;height:100%;object-fit:cover;transition:opacity .25s}
.pyd-gal figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.pyd-gcap{color:var(--m);font-size:14px}.pyd-gcap b{color:#fff}
.pyd-sw{display:flex;gap:10px}
.pyd-sw button{width:34px;height:34px;border-radius:50%;background:var(--c);border:3px solid #262626;box-shadow:0 0 0 2px rgba(255,255,255,.18);cursor:pointer;padding:0;transition:transform .15s,box-shadow .15s}
.pyd-sw button:hover{transform:scale(1.12)}
.pyd-sw button.on{box-shadow:0 0 0 3px var(--a)}
/* feature */
.pyd-fimg{border-radius:24px;overflow:hidden;background:#111;border:1px solid var(--l);aspect-ratio:1/1;max-width:540px;width:100%}
.pyd-fimg img{width:100%;height:100%;object-fit:cover}
.pyd-two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:6px 0 4px}
.pyd-two>div{background:var(--p);border:1px solid var(--l);border-radius:18px;padding:18px}
.pyd-two p{margin:0;font-size:15px}
.pyd-spec{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 6px}
.pyd-spec li{display:grid;justify-items:center;gap:8px;text-align:center;padding:14px 8px;border-radius:16px;background:var(--p);border:1px solid var(--l);font-weight:600;font-size:13.5px;color:#fff}
.pyd-spec svg{width:28px;height:28px;color:var(--a)}
html body .pyd .pyd-note{color:var(--m);font-size:13px;margin:6px 0 0}
/* grilles de cartes */
.pyd-grid{display:grid;gap:16px}
.pyd-sg{grid-template-columns:repeat(4,minmax(0,1fr))}
.pyd-pg{grid-template-columns:repeat(4,minmax(0,1fr))}
.pyd-card{all:unset;box-sizing:border-box;display:grid;gap:6px;align-content:start;width:100%;height:100%;padding:12px;border-radius:20px;background:var(--p);border:1px solid var(--l);cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s;color:#fff;text-decoration:none}
.pyd-card:hover,.pyd-card:focus-visible{border-color:var(--a);transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.4)}
.pyd-card:focus-visible{outline:3px solid var(--a);outline-offset:2px}
.pyd-cim{display:block;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#161616;margin-bottom:6px}
.pyd-cim img{width:100%;height:100%;object-fit:contain}
.pyd-pg .pyd-cim img{object-fit:cover}
.pyd-cn{font-weight:700;font-size:15px;line-height:1.35;color:#fff}
.pyd-cp{color:var(--a);font-weight:700;font-size:14px}
.pyd-cp .amount,.pyd-cp bdi{color:inherit}
.pyd-cc{display:inline-flex;align-items:center;gap:6px;color:var(--m);font-size:13px;font-weight:600;margin-top:2px}
.pyd-cc svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.pyd-card:hover .pyd-cc{color:var(--a)}
.pyd-card:hover .pyd-cc svg{transform:translateX(4px)}
/* étapes */
.pyd-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:s}
.pyd-st li{position:relative;display:grid;gap:6px;align-content:start;padding:56px 20px 20px;border-radius:20px;background:var(--p);border:1px solid var(--l);counter-increment:s}
.pyd-st li::before{content:counter(s);position:absolute;left:20px;top:16px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#ee8945,#ee8945);color:#1b1208;font:700 16px var(--ff,Quicksand,sans-serif)}
.pyd-st b{color:#fff;font-size:17px}
.pyd-st span{color:#cfcac4;font-size:14.5px;line-height:1.6}
/* vidéo */
.pyd-vid{max-width:900px;margin:0 auto;border-radius:24px;overflow:hidden;border:1px solid var(--l);background:#000;aspect-ratio:16/9;position:relative;box-shadow:0 30px 70px rgba(0,0,0,.45)}
.pyd-vid button{all:unset;position:absolute;inset:0;cursor:pointer;display:block}
.pyd-vid img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .2s,transform .4s}
.pyd-vid button:hover img{opacity:1;transform:scale(1.03)}
.pyd-play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:linear-gradient(#ee8945,#ee8945);display:grid;place-items:center;color:#1b1208;box-shadow:0 14px 40px rgba(0,0,0,.5)}
.pyd-play svg{width:34px;height:34px;fill:currentColor;margin-left:4px}
.pyd-vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* garanties */
.pyd-tg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pyd-tg li{display:grid;gap:6px;align-content:start;padding:24px;border-radius:20px;background:var(--p);border:1px solid var(--l)}
.pyd-tg svg{width:34px;height:34px;color:var(--a);margin-bottom:6px}
.pyd-tg b{color:#fff;font-size:17px}
.pyd-tg span{color:#cfcac4;font-size:14.5px;line-height:1.6}
/* veilleuses */
.pyd-vei{padding:clamp(24px,4vw,44px);border-radius:28px;background:linear-gradient(135deg,#2a2a2a,#222);border:1px solid var(--l)}
.pyd-vg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pyd-vg a{display:block;aspect-ratio:1/1;border-radius:16px;overflow:hidden;border:1px solid var(--l);background:#161616;transition:transform .15s,border-color .15s}
.pyd-vg a:hover{transform:translateY(-3px);border-color:var(--a)}
.pyd-vg img{width:100%;height:100%;object-fit:cover}
/* texte SEO */
.pyd-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px)}
.pyd-cols h2{font-size:clamp(22px,2.4vw,30px)}
html body .pyd .pyd-hl{padding:16px 18px;border-radius:16px;background:rgba(238,137,69,.08);border:1px solid rgba(238,137,69,.35);color:#fff;margin-top:18px}
/* faq */
.pyd-fq{max-width:860px;margin:0 auto;display:grid;gap:10px}
.pyd-fq details{border-radius:16px;background:var(--p);border:1px solid var(--l);transition:border-color .15s}
.pyd-fq details[open]{border-color:rgba(238,137,69,.5)}
.pyd-fq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;font-weight:700;font-size:16px;color:#fff}
.pyd-fq summary::-webkit-details-marker{display:none}
.pyd-fq summary svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--a);stroke-width:2.2;stroke-linecap:round;transition:transform .2s}
.pyd-fq details[open] summary svg{transform:rotate(45deg)}
.pyd-fq details p{margin:0;padding:0 20px 18px;color:#d3cec8}
.pyd-fq summary:focus-visible{outline:3px solid var(--a);outline-offset:2px;border-radius:16px}
@media (max-width:1000px){
 .pyd-sg,.pyd-pg{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pyd-st{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pyd-tg{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
 .pyd-intro,.pyd-feat,.pyd-vei,.pyd-cols{grid-template-columns:1fr}
 .pyd-fimg{max-width:none;aspect-ratio:4/3}
 .pyd-sg,.pyd-pg{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pyd-head{text-align:left;margin-bottom:24px}
 .pyd-spec{grid-template-columns:repeat(2,1fr)}
 .pyd-two{grid-template-columns:1fr}
}
@media (max-width:520px){
 .pyd-st,.pyd-tg{grid-template-columns:1fr}
 .pyd-btn{width:100%;justify-content:center}
 .pyd-vg{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .pyd-play{width:68px;height:68px;margin:-34px 0 0 -34px}
}
@media (prefers-reduced-motion:reduce){.pyd *{transition:none!important}}
/* cls-fix */html body #pa_socle-personnalise .choice-default-trigger img{aspect-ratio:431/217;width:100%;height:auto}html body form.variations_form.cart:not(.pyl-on){min-height:1340px}@media(min-width:768px){html body form.variations_form.cart:not(.pyl-on){min-height:1320px}}.pyd-dots *,html body .woocommerce-tabs ul.wc-tabs li,html body .woocommerce-tabs ul.wc-tabs li a{transition:none!important}
/* mob-fix */html body input.pyl-file{left:0!important;right:auto!important;max-width:1px!important}html,body{overflow-x:clip}html body .pyd{max-width:100%;overflow-x:clip}html body .pyd>*{min-width:0;max-width:100%}html body .pyd-sec>*,html body .pyd-txt,html body .pyd-gal{min-width:0}@media(max-width:820px){html body .pyd-intro,html body .pyd-feat,html body .pyd-vei,html body .pyd-cols,html body .pyd-about{grid-template-columns:minmax(0,1fr)!important}html body .pyd-chips li{white-space:normal!important;min-width:0}}

/* espacements + carrousel + onglet socles */
html body .pyd-tbg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
html body .pyd-tbc{display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:20px;padding:20px;border-radius:22px;background:var(--p);border:1px solid var(--l);align-items:start}
html body .pyd-tbc.pyd-tbn{grid-template-columns:1fr}
html body .pyd-tbi{aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:#161616}
html body .pyd-tbi img{width:100%;height:100%;object-fit:contain}
html body .pyd .pyd-tbt h3{font-size:18px;margin:0 0 4px}
html body .pyd .pyd-tbp{color:var(--a);font-weight:700;margin:0 0 12px}
html body .pyd .pyd-tbd{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px}
html body .pyd .pyd-tbd li{display:grid;gap:2px;padding:8px 10px;border-radius:10px;background:#1f1f1f;border:1px solid var(--l);font-size:12.5px;color:var(--m)}
html body .pyd .pyd-tbd b{color:#fff;font-size:14px}
html body .pyd .pyd-tbt h4{margin:12px 0 6px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--a)}
html body .pyd .pyd-tbl{display:grid;gap:5px;margin:0}
html body .pyd .pyd-tbl li{position:relative;padding-left:16px;font-size:14px;line-height:1.5;color:#d9d5cf}
html body .pyd .pyd-tbl li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--a)}
html body .pyd .pyd-tbt p{font-size:14.5px}
html body .pyd-dots{display:none}
@media(max-width:1000px){html body .pyd-tbg{grid-template-columns:1fr}}
@media(max-width:820px){
html body .pyd{gap:64px}
html body .pyd-sg{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;margin:0 calc(var(--pp)*-1);padding:4px var(--pp) 10px;scroll-padding:0 var(--pp);scrollbar-width:none;overscroll-behavior-x:contain}
html body .pyd-sg::-webkit-scrollbar{display:none}
html body .pyd-sg>li{flex:0 0 min(74%,300px);scroll-snap-align:start}
html body .pyd-dots{display:flex;justify-content:center;gap:8px;margin-top:10px}
html body .pyd-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25);transition:all .2s}
html body .pyd-dots i.on{width:22px;border-radius:99px;background:var(--a)}
html body .pyd-tbc{grid-template-columns:minmax(0,110px) minmax(0,1fr);padding:16px;gap:14px}
}
@media(max-width:520px){html body .pyd-tbc{grid-template-columns:1fr}html body .pyd-tbi{max-width:220px}}

/* v5 : blocs encadrés, onglets, accordéons */
html body .pyd{--pp:0px;gap:clamp(20px,4vw,40px);padding-top:0}
html body .pyd-sec{--sp:clamp(20px,4.5vw,52px);padding:var(--sp);border-radius:28px;background:#1f1f1f;border:1px solid rgba(255,255,255,.07)}
html body .pyd-sec .pyd-head{margin-bottom:clamp(20px,3.5vw,34px)}
/* B: open, full-width how-it-works section. */
html body .pyd .pyd-sec.pyd-steps{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;width:100%;max-width:none}
/* B configurator: format and base together, using the existing controls. */
html body form.cart>.pyl-opt>.pyl-pick .pyl-th{place-items:center;overflow:hidden}
html body form.cart>.pyl-opt>.pyl-pick .pyl-th>img,html body form.cart>.pyl-opt>.pyl-pick .pyl-th>svg{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-height:0!important;object-fit:contain!important;object-position:center!important;margin:0!important}

html body form.cart>.pyl-opt:has(>.pyl-pick:nth-of-type(2)){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;align-items:stretch}
html body form.cart>.pyl-opt>.pyl-lbl{margin:0!important;min-width:0}
html body form.cart>.pyl-opt>.pyl-lbl:nth-of-type(1){grid-column:1;grid-row:1}
html body form.cart>.pyl-opt>.pyl-lbl:nth-of-type(2){grid-column:2;grid-row:1}
html body form.cart>.pyl-opt>.pyl-pick:nth-of-type(1){grid-column:1;grid-row:2}
html body form.cart>.pyl-opt>.pyl-pick:nth-of-type(2){grid-column:2;grid-row:2}
html body form.cart>.pyl-opt>.pyl-pick{display:grid!important;grid-template-columns:52px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:8px 10px;align-items:center;margin:0!important;padding:12px!important;min-width:0;width:100%;height:100%;box-sizing:border-box;text-align:left}
html body form.cart>.pyl-opt>.pyl-pick .pyl-th{width:52px!important;height:52px!important;min-width:0;grid-column:1;grid-row:1/3;align-self:center}
html body form.cart>.pyl-opt>.pyl-pick .pyl-t{min-width:0;grid-column:2;grid-row:1}
html body form.cart>.pyl-opt>.pyl-pick .pyl-t b{white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.35}
html body form.cart>.pyl-opt>.pyl-pick .pyl-go{grid-column:2;grid-row:2;justify-self:start;padding:4px 10px;font-size:12px;line-height:1.5}
html body form.cart>.pyl-opt>.pyl-note{grid-column:1/-1;grid-row:3;margin:0!important}
html body form.cart>.pyl-opt>.pyl-reset{grid-column:1/-1;margin:2px 0 0!important;justify-self:start}
@media(max-width:600px){
html body form.cart>.pyl-opt:has(>.pyl-pick:nth-of-type(2)){column-gap:10px}
html body form.cart>.pyl-opt>.pyl-lbl{font-size:11px;line-height:1.5}
html body form.cart>.pyl-opt>.pyl-pick{grid-template-columns:minmax(0,1fr);grid-template-rows:44px minmax(0,1fr) auto;gap:7px;padding:10px!important;align-content:start}
html body form.cart>.pyl-opt>.pyl-pick .pyl-th{grid-column:1;grid-row:1;width:44px!important;height:44px!important;justify-self:start}
html body form.cart>.pyl-opt>.pyl-pick .pyl-t{grid-column:1;grid-row:2}
html body form.cart>.pyl-opt>.pyl-pick .pyl-t b{font-size:12px}
html body form.cart>.pyl-opt>.pyl-pick .pyl-t>span{font-size:11px;line-height:1.4;white-space:normal}
html body form.cart>.pyl-opt>.pyl-pick .pyl-go{grid-column:1;grid-row:3;align-self:end}
}

html body .woocommerce-tabs.wc-tabs-wrapper{margin-top:clamp(56px,8vw,96px)!important;clear:both}
html body .woocommerce-tabs ul.wc-tabs{display:flex!important;flex-wrap:nowrap;gap:6px;justify-content:flex-start;overflow-x:auto;width:fit-content;max-width:100%;margin:0 auto clamp(20px,4vw,36px)!important;padding:6px!important;list-style:none;border:1px solid rgba(255,255,255,.12)!important;border-radius:999px;background:#242424;scrollbar-width:none}
html body .woocommerce-tabs ul.wc-tabs::-webkit-scrollbar{display:none}
html body .woocommerce-tabs ul.wc-tabs::before,html body .woocommerce-tabs ul.wc-tabs::after,html body .woocommerce-tabs ul.wc-tabs li::before,html body .woocommerce-tabs ul.wc-tabs li::after{display:none!important;content:none!important}
html body .woocommerce-tabs ul.wc-tabs li{flex:none;float:none!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:999px}
html body .woocommerce-tabs ul.wc-tabs li a{display:block;padding:12px 24px!important;border-radius:999px;color:#d9d5cf!important;font:700 15px/1.2 Quicksand,sans-serif!important;text-transform:none!important;text-decoration:none!important;white-space:nowrap;transition:background .15s,color .15s}
html body .woocommerce-tabs ul.wc-tabs li a:hover{color:#fff!important;background:rgba(255,255,255,.08)}
html body .woocommerce-tabs ul.wc-tabs li.active a{background:linear-gradient(#ee8945,#ee8945);color:#1b1208!important}
html body .woocommerce-tabs ul.wc-tabs li a:focus-visible{outline:3px solid #ee8945;outline-offset:2px}
@media(max-width:520px){html body .woocommerce-tabs ul.wc-tabs{width:100%}html body .woocommerce-tabs ul.wc-tabs li{flex:1 1 0}html body .woocommerce-tabs ul.wc-tabs li a{padding:12px 10px!important;font-size:14px!important;text-align:center;white-space:normal}}
html body .pyd.pyd-tb{padding:0}
html body .pyd-tbg{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:900px;margin:0 auto}
html body .pyd-tbr{margin:0}
html body .pyd-tbr details{border-radius:18px;background:var(--p);border:1px solid var(--l);transition:border-color .15s}
html body .pyd-tbr details[open]{border-color:rgba(238,137,69,.5)}
html body .pyd-tbr summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:60px minmax(0,1fr) 22px;gap:14px;align-items:center;padding:10px 16px 10px 10px;border-radius:18px}
html body .pyd-tbr summary::-webkit-details-marker{display:none}
html body .pyd-tbr summary:focus-visible{outline:3px solid var(--a);outline-offset:2px}
html body .pyd-tbth{display:block;width:60px;height:60px;border-radius:12px;overflow:hidden;background:#161616}
html body .pyd-tbth:empty{background:rgba(238,137,69,.12)}
html body .pyd-tbth img,html body .pyd-tbi img{width:100%;height:100%;object-fit:contain}
html body .pyd-tbn1{display:grid;gap:2px;min-width:0}
html body .pyd-tbn1 b{color:#fff;font-size:15px;line-height:1.3}
html body .pyd-tbn1 small{color:var(--a);font-weight:700;font-size:13.5px}
html body .pyd-tbr summary>svg{width:22px;height:22px;fill:none;stroke:var(--a);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
html body .pyd-tbr details[open] summary>svg{transform:rotate(180deg)}
html body .pyd-tbx{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;padding:18px 20px 22px;border-top:1px solid var(--l);margin:0 10px}
html body .pyd-tbx:not(:has(.pyd-tbi)){grid-template-columns:1fr}
html body .pyd-tbi{width:150px;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#161616}
html body .pyd .pyd-tbb{columns:2;column-gap:32px}
html body .pyd .pyd-tbb h4{break-after:avoid;margin-top:0}
html body .pyd .pyd-tbb h4:not(:first-child){margin-top:14px}
html body .pyd .pyd-tbb ul,html body .pyd .pyd-tbb p{break-inside:avoid}
html body .pyd .pyd-tbd{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}
html body .pyd .pyd-tbd li{flex:1 1 auto}
@media(max-width:700px){
html body .pyd-tbx{grid-template-columns:1fr;gap:14px;margin:0 4px;padding:16px 12px 18px}
html body .pyd-tbi{width:120px}
html body .pyd .pyd-tbb{columns:1}
html body .pyd-tbr summary{grid-template-columns:52px minmax(0,1fr) 20px;gap:12px}
html body .pyd-tbth{width:52px;height:52px}
html body .pyd-tbn1 b{font-size:14.5px}
}
@media(max-width:820px){
html body .pyd-sg{margin:0 calc(var(--sp)*-1);padding:4px var(--sp) 10px;scroll-padding:0 var(--sp)}
}
html body .woocommerce-tabs ul.wc-tabs li a,html body .woocommerce-tabs ul.wc-tabs li.active a{opacity:1!important}
html body .woocommerce-tabs ul.wc-tabs li.active a{color:#1b1208!important;text-shadow:none!important}
html body .pyd .pyd-chips li{flex-wrap:wrap;justify-content:flex-start;column-gap:8px;row-gap:0}
@media(max-width:700px){html body .pyd-tbi{display:none}html body .pyd-tbx{padding:14px 10px 16px}html body .pyd .pyd-tbl li{font-size:13.5px}html body .pyd .pyd-tbd li{font-size:12px;padding:6px 8px}html body .pyd .pyd-tbd b{font-size:13px}}
html body .pyd .pyd-video,html body .pyd .pyd-rel{background:none;border:0;padding:0;border-radius:0}
html body .pyd .pyd-st li{padding:60px 22px 22px}
html body .pyd .pyd-tg li{padding:24px 22px}
html body .pyd .pyd-st li::before{left:22px;top:18px}
@media(max-width:520px){html body .pyd .pyd-st li{padding:58px 18px 20px}html body .pyd .pyd-tg li{padding:20px 18px}html body .pyd .pyd-st li::before{left:18px}}
@media(max-width:820px){
html body .pyd-pg{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;margin:0;padding:4px 0 10px;scrollbar-width:none;overscroll-behavior-x:contain}
html body .pyd-pg::-webkit-scrollbar{display:none}
html body .pyd-pg>li{flex:0 0 min(74%,300px);scroll-snap-align:start}
}

/* Keep each card price and edit action on the same bottom row. */
html body form.cart>.pyl-opt>.pyl-pick{grid-template-columns:52px minmax(0,1fr) auto;grid-template-rows:auto auto auto}
html body form.cart>.pyl-opt>.pyl-pick .pyl-t{display:contents!important}
html body form.cart>.pyl-opt>.pyl-pick .pyl-th{grid-column:1;grid-row:1/4}
html body form.cart>.pyl-opt>.pyl-pick .pyl-t>b{grid-column:2/-1;grid-row:1;align-self:start}
html body form.cart>.pyl-opt>.pyl-pick .pyl-t>span{grid-column:2/-1;grid-row:2;align-self:start}
html body form.cart>.pyl-opt>.pyl-pick .pyl-t>.pyl-pp{grid-column:2;grid-row:3;justify-self:start;align-self:center;margin:0!important}
html body form.cart>.pyl-opt>.pyl-pick .pyl-go{grid-column:3;grid-row:3;justify-self:end;align-self:center;margin:0!important;white-space:nowrap}
@media(max-width:600px){
html body form.cart>.pyl-opt>.pyl-pick{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:44px auto minmax(0,1fr) auto;column-gap:6px}
html body form.cart>.pyl-opt>.pyl-pick .pyl-th{grid-column:1/-1;grid-row:1}
html body form.cart>.pyl-opt>.pyl-pick .pyl-t>b{grid-column:1/-1;grid-row:2}
html body form.cart>.pyl-opt>.pyl-pick .pyl-t>span{grid-column:1/-1;grid-row:3}
html body form.cart>.pyl-opt>.pyl-pick .pyl-t>.pyl-pp{grid-column:1;grid-row:4;font-size:11px;padding:3px 6px}
html body form.cart>.pyl-opt>.pyl-pick .pyl-go{grid-column:2;grid-row:4;font-size:11px;padding:3px 6px}
}