/* ChocoDiamant - product page. Loads after choco2.css + choco2-fix.css. Body carries cd2 + cdp. */

.cdp .cdp-crumb{font-size:13px;color:rgba(243,237,227,.45);padding:96px 0 0;display:flex;gap:9px;flex-wrap:wrap}
.cdp .cdp-crumb a:hover{color:#F3EDE3}

/* buy block */
.cdp .buy{display:grid;grid-template-columns:96px 1fr 420px;gap:clamp(16px,2.4vw,32px);align-items:start;padding:28px 0 clamp(56px,7vw,96px)}
.cdp .buy>.e-con-inner{display:contents}
.cdp .thumbcol{display:flex;flex-direction:column;gap:10px}
.cdp .thumbcol button{background:#F3EDE3;aspect-ratio:1;display:block;overflow:clip;border:1px solid transparent;transition:border-color .25s,opacity .25s;opacity:.6;padding:0}
.cdp .thumbcol button img{width:100%;height:100%;object-fit:cover;display:block}
.cdp .thumbcol button:hover{opacity:1}
.cdp .thumbcol button[aria-current="true"]{opacity:1;border-color:#C69B4A}
.cdp .stage{background:#F3EDE3;aspect-ratio:1;position:relative;overflow:clip}
.cdp .stage img{width:100%;height:100%;object-fit:cover;display:block}
.cdp .stage .facet{position:absolute;left:0;top:0;width:64px;height:64px;clip-path:polygon(0 0,100% 0,0 100%);background:#D98E3B;z-index:2}

/* panel */
.cdp .panel{position:sticky;top:96px}
.cdp .panel h1,.cdp .panel h1.elementor-heading-title{font-family:var(--d)!important;font-weight:200!important;font-size:clamp(34px,4.4vw,54px)!important;line-height:1.02!important;letter-spacing:-.025em!important;color:#F3EDE3!important;margin:10px 0 12px}
.cdp .rate{display:flex;align-items:center;gap:10px;font-size:13.5px;color:rgba(243,237,227,.58)}
.cdp .rate b{color:#C69B4A;letter-spacing:.2em;font-size:12px}
.cdp .sell,.cdp .sell p{color:rgba(243,237,227,.62);max-width:44ch}
.cdp .pricebig{font-family:var(--d);font-size:38px;font-weight:300;line-height:1;color:#F3EDE3;margin-top:22px}
.cdp .pricebig small{font-family:var(--s);font-size:13px;color:rgba(243,237,227,.55);display:block;margin-top:6px}
.cdp .opts{display:grid;gap:8px;margin:26px 0}
.cdp .opt{display:flex;align-items:center;gap:14px;border:1px solid rgba(243,237,227,.14);padding:14px 16px;cursor:pointer;transition:border-color .25s,background .25s}
.cdp .opt:hover{border-color:rgba(243,237,227,.35)}
.cdp .opt[aria-checked="true"]{border-color:#C69B4A;background:#171110}
.cdp .dot{width:14px;height:14px;transform:rotate(45deg);border:1px solid rgba(243,237,227,.3);flex:none}
.cdp .opt[aria-checked="true"] .dot{background:#C69B4A;border-color:#C69B4A}
.cdp .opt .ot{flex:1;font-size:14.5px;color:#F3EDE3}
.cdp .opt .ot span{display:block;font-size:12.5px;color:rgba(243,237,227,.55)}
.cdp .opt .op{font-size:14.5px;font-weight:500;color:#F3EDE3}
.cdp .save{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#7E9B52;font-style:normal}
.cdp .actions{display:flex;gap:10px}
.cdp .qty{display:flex;align-items:center;border:1px solid rgba(243,237,227,.14)}
.cdp .qty button{width:44px;height:52px;font-size:18px;color:rgba(243,237,227,.6)}
.cdp .qty button:hover{color:#F3EDE3}
.cdp .qty span{width:34px;text-align:center;font-size:15px;font-weight:500;color:#F3EDE3}
.cdp .buybtn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#F3EDE3;color:#100C0A;padding:15px 26px;font-size:14.5px;font-weight:500;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);transition:background .25s,transform .25s}
.cdp .buybtn:hover{background:#C69B4A;transform:translateY(-2px)}
.cdp .wapp{display:block;text-align:center;border:1px solid rgba(243,237,227,.14);padding:14px 25px;margin-top:10px;font-size:14px;color:#F3EDE3;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);transition:border-color .25s,color .25s}
.cdp .wapp:hover{border-color:#C69B4A;color:#C69B4A}
.cdp .assure{display:grid;gap:9px;margin-top:24px;padding-top:22px;border-top:1px solid rgba(243,237,227,.14);font-size:13.5px;color:rgba(243,237,227,.58)}
.cdp .assure div{display:flex;gap:10px;align-items:flex-start}
.cdp .assure i{width:7px;height:7px;background:#C69B4A;transform:rotate(45deg);flex:none;margin-top:8px}
.cdp details{border-top:1px solid rgba(243,237,227,.14)}
.cdp details:last-of-type{border-bottom:1px solid rgba(243,237,227,.14)}
.cdp summary{list-style:none;cursor:pointer;padding:16px 0;display:flex;justify-content:space-between;align-items:center;font-size:14.5px;color:#F3EDE3}
.cdp summary::-webkit-details-marker{display:none}
.cdp summary::after{content:"+";color:#C69B4A;font-size:18px}
.cdp details[open] summary::after{content:"\2013"}
.cdp details p{font-size:14px;color:rgba(243,237,227,.58);padding:0 0 18px;max-width:52ch}
.cdp .acc{margin-top:30px}

/* specs */
.cdp .specs{border-top:1px solid rgba(243,237,227,.14);border-bottom:1px solid rgba(243,237,227,.14);display:grid;grid-template-columns:repeat(5,1fr)}
.cdp .specs>.e-con-inner{display:contents}
.cdp .specs .elementor-widget-html,.cdp .specs .elementor-widget-html>.elementor-widget-container{display:contents}
.cdp .specs>div{padding:30px 22px;border-left:1px solid rgba(243,237,227,.14)}
.cdp .specs>div:first-child{border-left:none}
.cdp .specs em{font-style:normal;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(243,237,227,.42);display:block;margin-bottom:8px}
.cdp .specs b{font-family:var(--d);font-size:21px;font-weight:300;color:#F3EDE3}

/* layers + related grids */
.cdp .sec-pad{padding:clamp(64px,8vw,110px) 0}
.cdp .lay-grid,.cdp .rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.cdp .rel-grid{grid-template-columns:repeat(4,1fr)}
.cdp .lay,.cdp .relc{background:#171110;border:1px solid rgba(243,237,227,.14);display:flex;flex-direction:column;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}
.cdp .lay .sh,.cdp .relc .sh{background:#F3EDE3;aspect-ratio:4/3;overflow:clip}
.cdp .relc .sh{aspect-ratio:1}
.cdp .lay .sh img,.cdp .relc .sh img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.76,0,.24,1)}
.cdp .lay:hover .sh img,.cdp .relc:hover .sh img{transform:scale(1.06)}
.cdp .lay .t,.cdp .relc .t{padding:22px}
.cdp .lay h3,.cdp .relc h3{font-family:var(--d);font-weight:300;font-size:21px;color:#F3EDE3;margin-bottom:7px}
.cdp .lay p{font-size:14.5px;color:rgba(243,237,227,.58)}
.cdp .relc .pr{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:14px;color:#F3EDE3}

/* reviews */
.cdp .rv-top{display:grid;grid-template-columns:250px 1fr;gap:clamp(24px,4vw,56px);align-items:start;margin-top:40px}
.cdp .score{border:1px solid rgba(243,237,227,.14);padding:26px;text-align:center}
.cdp .score b{font-family:var(--d);font-size:52px;font-weight:300;line-height:1;color:#F3EDE3}
.cdp .score .stars{color:#C69B4A;letter-spacing:.22em;font-size:13px;margin:10px 0 6px}
.cdp .score span{font-size:13px;color:rgba(243,237,227,.58)}
.cdp .bars{display:grid;gap:9px;margin-top:18px}
.cdp .brow{display:flex;align-items:center;gap:10px;font-size:12.5px;color:rgba(243,237,227,.58)}
.cdp .track{flex:1;height:5px;background:rgba(243,237,227,.14)}
.cdp .fill{height:100%;background:#C69B4A;display:block}
.cdp .rv-list{display:grid;gap:16px}
.cdp .rev{border:1px solid rgba(243,237,227,.14);padding:24px}
.cdp .rev .stars{color:#C69B4A;letter-spacing:.22em;font-size:12px;margin-bottom:12px}
.cdp .rev p{font-family:var(--d);font-weight:300;font-size:18px;line-height:1.42;color:#F3EDE3}
.cdp .rev footer{margin-top:14px;font-size:13px;color:rgba(243,237,227,.58)}
.cdp .note,.cdp .note p{font-size:12.5px;color:rgba(243,237,227,.4);margin-top:24px}

/* mobile sticky buy bar */
.cdp .stickybar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(16,12,10,.94);backdrop-filter:blur(14px);border-top:1px solid rgba(243,237,227,.14);padding:12px var(--g);display:none;align-items:center;gap:14px;transform:translateY(110%);transition:transform .35s cubic-bezier(.76,0,.24,1)}
.cdp .stickybar.show{transform:none}
.cdp .stickybar .sp1{flex:1;font-size:14px;color:#F3EDE3}
.cdp .stickybar .sp1 span{display:block;font-size:12.5px;color:rgba(243,237,227,.55)}

@media(max-width:1080px){
.cdp .buy{grid-template-columns:80px 1fr}
.cdp .panel{grid-column:1/-1;position:static}
.cdp .specs{grid-template-columns:repeat(3,1fr)}
.cdp .rel-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
.cdp .lay-grid,.cdp .rv-top{grid-template-columns:1fr}
.cdp .specs{grid-template-columns:1fr 1fr}
.cdp .stickybar{display:flex}
.cdp .cdp-body-pad{padding-bottom:82px}
}
@media(max-width:560px){
.cdp .buy{grid-template-columns:1fr}
.cdp .thumbcol{flex-direction:row;overflow-x:auto}
.cdp .thumbcol button{flex:0 0 68px}
.cdp .rel-grid{grid-template-columns:1fr}
}