/* Cristal V3.4 — PREVIEW design overrides. Always load after V3.3.
   Uses existing product photos, logo and contact settings; no payment/API configuration. */
:root{color-scheme:light;--v34-ink:#25201c;--v34-gold:#a58249;--v34-bronze:#785632;--v34-paper:#fff;--v34-ivory:#fcfaf7}
html{color-scheme:light!important;background:#fff}
body.design-v2{font-family:Arial,Helvetica,sans-serif!important;color-scheme:light!important;background:var(--v34-ivory)!important}
body.design-v2 :is(h1,h2,h3,h4,h5,h6,p,span,small,li,a,button,input,select,option,textarea,label,dt,dd,strong,em,del,blockquote,figcaption){font-family:Arial,Helvetica,sans-serif!important}
body.design-v2 #main-header,body.design-v2 main,body.design-v2 #mobile-menu-overlay,body.design-v2 .cdmi-search-form{color-scheme:light!important}
body.design-v2 select,body.design-v2 select option,body.design-v2 select optgroup,body.design-v2 input,body.design-v2 textarea{color-scheme:light!important;forced-color-adjust:none;background-color:#fff!important;color:var(--v34-ink)!important}
body.design-v2 select option,body.design-v2 select optgroup{background:#fff!important;color:#25201c!important}
body.design-v2 select option:checked{background:#efe2cc!important;color:#25201c!important}
/* Header and legibility: the official logo is a PNG; its type is not re-created. */
body.design-v2 #main-header .cdmi-brand-tagline{font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(10.5px,.9vw,13px)!important;font-weight:500!important;color:#483624!important;line-height:1.25!important;margin-top:6px!important;white-space:nowrap!important}
body.design-v2 #main-header .cdmi-desktop-nav{gap:clamp(12px,1.25vw,21px)!important;flex-wrap:nowrap!important}
body.design-v2 #main-header .cdmi-desktop-nav a{font-size:clamp(13px,1.06vw,16px)!important;font-weight:500!important;line-height:1.3!important;white-space:nowrap}
body.design-v2 #main-header .cdmi-header-inner{grid-template-columns:minmax(235px,255px) minmax(0,1fr) 123px!important;gap:11px!important}
body.design-v2 #main-header .cdmi-logo{width:245px!important}
body.design-v2 #main-header .cdmi-official-logo-frame{--cdmi-full-logo-width:210px!important}
body.design-v2 #main-header.cdmi-header-compact .cdmi-official-logo-frame{--cdmi-full-logo-width:188px!important}
body.design-v2 #main-header.cdmi-header-compact .cdmi-brand-tagline{font-size:10.2px!important}
/* Product page sidebar: sticky INSIDE its own layout column, not fixed over images. */
@media(min-width:1024px){
  body.design-v2 main nav.fixed{position:sticky!important;top:120px!important;max-height:calc(100dvh - 138px)!important;overflow-y:auto!important;overflow-x:hidden!important;width:100%!important;z-index:2!important;background:#fcfaf7!important;padding:10px 6px 12px 0!important;box-shadow:none!important;isolation:isolate}
  body.design-v2 main nav.fixed .nav-link{white-space:normal!important;max-width:100%;font-size:clamp(13px,1.04vw,17px)!important}
  body.design-v2 main nav.fixed :is(span,a){color:#30271d!important}
}
/* Discount: a visible numeric label, never a marketing phrase. */
body.design-v2 .cdmi-discount-badge,body.design-v2 main .cdmi-card-discount,body.design-v2 main .cdmi-favorite-discount{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:#c58b08!important;color:#20180e!important;font:700 13px/1.25 Arial,Helvetica,sans-serif!important;letter-spacing:.015em;padding:5px 9px;white-space:nowrap;text-decoration:none}
body.design-v2 main .cdmi-card-discount{position:absolute;top:10px;left:10px;z-index:12;box-shadow:0 2px 10px #0002}
body.design-v2 main .cdmi-favorite-discount{margin-right:8px}
body.design-v2 main .cdmi-product-price del,body.design-v2 main del{color:#746a60!important;font-weight:400!important}
/* Existing product-gallery thumbnails use the images[] already managed in product admin. */
body.design-v2 main #cdmi-gallery-main{cursor:zoom-in;position:relative!important;isolation:isolate;touch-action:pan-y;background:#f6f2ec!important}
body.design-v2 main #cdmi-gallery-main img{transition:transform .24s ease;transform-origin:50% 50%;will-change:transform}
@media(hover:hover) and (pointer:fine){body.design-v2 main #cdmi-gallery-main:hover img{transform:scale(1.68)}}
body.design-v2 main [data-cdmi-thumb]{cursor:pointer;border:2px solid transparent!important;background:#f6f2ec!important}
body.design-v2 main [data-cdmi-thumb][aria-current="true"]{border-color:var(--v34-gold)!important}
.cdmi-gallery-lightbox[hidden]{display:none!important}
.cdmi-gallery-lightbox{position:fixed;inset:0;z-index:350;background:rgba(16,13,11,.95);display:flex;align-items:center;justify-content:center;padding:50px 52px;overscroll-behavior:contain}
.cdmi-gallery-lightbox img{display:block;max-width:100%;max-height:calc(100dvh - 105px);object-fit:contain}
.cdmi-gallery-lightbox button{position:absolute;z-index:1;border:1px solid #d9c9b4;background:#fff;color:#25201c;border-radius:50%;width:42px;height:42px;font:700 22px/1 Arial,sans-serif;display:grid;place-items:center}
.cdmi-gallery-lightbox button[data-action="close"]{right:17px;top:17px}
.cdmi-gallery-lightbox button[data-action="prev"]{left:9px;top:50%;transform:translateY(-50%)}
.cdmi-gallery-lightbox button[data-action="next"]{right:9px;top:50%;transform:translateY(-50%)}
/* Modern search, keyboard-friendly and aligned with the price font. */
body.design-v2 .cdmi-search-panel{z-index:260!important;background:#1c1814a8!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;padding:clamp(60px,11vh,105px) 15px 30px!important}
body.design-v2 .cdmi-search-form{position:relative;width:min(760px,100%)!important;padding:clamp(22px,3vw,37px)!important;border:1px solid #efe4d3;border-radius:16px!important;box-shadow:0 25px 95px #17100965!important;background:#fff!important}
body.design-v2 .cdmi-search-heading{margin-bottom:19px}
body.design-v2 .cdmi-search-eyebrow{display:block;font:700 10px/1.4 Arial,sans-serif!important;letter-spacing:.12em;color:#927043!important;margin-bottom:11px}
body.design-v2 .cdmi-search-form label{display:block;font:700 clamp(22px,2.8vw,31px)/1.15 Arial,sans-serif!important;color:#251b14!important;margin:0 0 6px!important}
body.design-v2 .cdmi-search-heading p{color:#75695d!important;font-size:14px!important;margin:0}
body.design-v2 .cdmi-search-controls{gap:10px!important;align-items:stretch}
body.design-v2 .cdmi-search-field{position:relative;display:flex;flex:1;min-width:200px;align-items:center}
body.design-v2 .cdmi-search-field svg{position:absolute;width:20px;height:20px;left:15px;color:#8f7861;pointer-events:none}
body.design-v2 .cdmi-search-controls input{width:100%!important;flex:1!important;min-width:0!important;border-radius:9px!important;padding:14px 14px 14px 45px!important;border:1px solid #d8c6b1!important;font-size:15px!important}
body.design-v2 .cdmi-search-controls button{border-radius:9px!important;padding:12px 18px!important;font-size:14px!important;font-weight:600!important;min-height:49px}
body.design-v2 #cdmi-search-close{position:absolute;top:11px;right:11px;width:39px;min-height:39px!important;padding:0!important;border-radius:50%!important;border:1px solid #e8ded2!important;background:#fff!important;color:#35281c!important;font-size:17px!important}
body.design-v2 #cdmi-search-results{gap:9px}
body.design-v2 .cdmi-search-result{border-radius:9px!important}
/* Cart must cover the sticky header, with its own fixed close control and scrolling list. */
body.design-v2 #cart-popup:not(.hidden){position:fixed!important;inset:0!important;z-index:310!important;display:block!important;isolation:isolate}
body.design-v2 #cart-popup #cart-backdrop{position:absolute!important;inset:0!important;z-index:0}
body.design-v2 #cart-panel{position:absolute!important;top:0!important;bottom:0!important;right:0!important;height:100dvh!important;max-height:100dvh!important;z-index:1!important;overflow:hidden!important}
body.design-v2 #cart-panel>.flex{min-height:0!important;height:100%!important;display:flex!important;flex-direction:column!important}
body.design-v2 #cart-panel>.flex>div:first-child{flex:none!important;position:sticky;top:0;z-index:5;background:#1e1a17!important;padding-top:max(14px,env(safe-area-inset-top))!important}
body.design-v2 #cart-panel #cart-close{display:flex!important;align-items:center;justify-content:center;min-width:45px;min-height:45px;flex:none;background:#40362c!important;color:#fff!important}
body.design-v2 #cart-panel #cart-items{min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
body.design-v2 #cart-panel #cart-footer{flex:none!important;background:#1e1a17!important;padding-bottom:max(17px,env(safe-area-inset-bottom))!important}
/* WhatsApp: small non-obstructing mobile circle; descriptive desktop pill. */
body.design-v2 .cdmi-whatsapp-desktop{display:flex;align-items:center;justify-content:center;gap:11px;position:fixed;bottom:25px;right:26px;z-index:65;background:#168442;color:#fff!important;border-radius:50px;box-shadow:0 6px 28px #0003;min-height:52px;padding:12px 19px;text-decoration:none!important;font:700 14px/1.3 Arial,Helvetica,sans-serif!important}
body.design-v2 .cdmi-whatsapp-desktop:hover{background:#0b7135;color:#fff!important}
body.design-v2 .cdmi-whatsapp-desktop svg{width:25px;height:25px;flex:none}
/* Larger original photographs in mobile product lists, without forcing crop on catalog products. */
@media(min-width:1024px) and (max-width:1330px){
 body.design-v2 #main-header .cdmi-header-inner{grid-template-columns:214px minmax(0,1fr) 110px!important;gap:8px!important}
 body.design-v2 #main-header .cdmi-logo{width:211px!important}
 body.design-v2 #main-header .cdmi-official-logo-frame{--cdmi-full-logo-width:190px!important}
 body.design-v2 #main-header .cdmi-brand-tagline{font-size:9px!important}
 body.design-v2 #main-header .cdmi-desktop-nav{gap:9px!important}
 body.design-v2 #main-header .cdmi-desktop-nav a{font-size:12.5px!important}
}
@media(max-width:1023px){
 body.design-v2 .cdmi-whatsapp-desktop{display:none!important}
 body.design-v2 #main-header .cdmi-header-inner,body.design-v2 #main-header.cdmi-header-compact .cdmi-header-inner{min-height:91px!important;padding:4px 9px 4px 47px!important;gap:3px!important}
 body.design-v2 #main-header .cdmi-logo,body.design-v2 #main-header.cdmi-header-compact .cdmi-logo{width:clamp(138px,37vw,160px)!important;min-height:83px!important;margin-right:auto!important}
 body.design-v2 #main-header .cdmi-official-logo-frame,body.design-v2 #main-header.cdmi-header-compact .cdmi-official-logo-frame{--cdmi-full-logo-width:clamp(127px,34vw,143px)!important}
 body.design-v2 #main-header .cdmi-brand-tagline,body.design-v2 #main-header.cdmi-header-compact .cdmi-brand-tagline{font-size:clamp(7.3px,1.93vw,9.3px)!important;margin-top:3px!important;white-space:nowrap!important;position:relative!important;left:50%;transform:translateX(-50%);width:max-content;max-width:none!important;letter-spacing:-.025em!important}
 body.design-v2 #mobile-menu-btn{top:26px!important;left:5px!important;z-index:60!important;min-height:38px!important;min-width:38px!important;padding:7px!important;background:#fff!important}
 body.design-v2 #main-header .cdmi-header-actions{gap:0!important}
 body.design-v2 .cdmi-whatsapp-wrap{bottom:max(20px,env(safe-area-inset-bottom) + 10px)!important;right:14px!important;z-index:65!important}
 body.design-v2 .cdmi-whatsapp-pill{min-width:52px!important;min-height:52px!important;height:52px!important;width:52px!important;padding:10px!important;overflow:hidden!important;border-radius:50%!important;display:grid!important;place-items:center!important;gap:0!important}
 body.design-v2 .cdmi-whatsapp-label{position:absolute!important;clip:rect(0,0,0,0)!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important}
 body.design-v2 .cdmi-whatsapp-pill svg{width:28px!important;height:28px!important}
 body.design-v2 .cdmi-hero-buttons{margin-top:26px!important}
 body.design-v2.design-v1-home .cdmi-hero-content{padding-top:70px!important;padding-bottom:30px!important}
 body.design-v2 main #products-grid>article>.aspect-square,body.design-v2 main .cdmi-index-card>.aspect-square{aspect-ratio:.9!important}
 body.design-v2 main .cdmi-product-card>.cdmi-product-media{aspect-ratio:.9!important}
 body.design-v2 main #products-grid>article>.aspect-square>img,body.design-v2 main .cdmi-index-card>.aspect-square>img{width:100%!important;height:100%!important;object-fit:contain!important;background:#f5f0e9!important}
 body.design-v2 main .cdmi-product-card>.cdmi-product-media img{object-fit:cover!important}
 body.design-v2 main .cdmi-index-card>.p-2,body.design-v2 main #products-grid>article>.p-2{gap:4px!important;padding:10px 9px!important}
 body.design-v2 main .cdmi-index-card h3{min-height:0!important}
 body.design-v2 main .cdmi-product-card .cdmi-product-info{padding:10px 9px!important}
 body.design-v2 main #cdmi-gallery-main img{transform:none!important;will-change:auto!important}
 body.design-v2 .cdmi-search-controls{flex-wrap:wrap!important}
 body.design-v2 .cdmi-search-field{flex-basis:100%;width:100%!important}
 body.design-v2 .cdmi-search-controls button[type=submit]{flex:1!important}
 body.design-v2 #cdmi-search-close{top:8px;right:8px}
 body.design-v2 .cdmi-gallery-lightbox{padding:50px 13px!important}
}
@media(max-width:380px){
 body.design-v2 #main-header .cdmi-logo{width:129px!important}
 body.design-v2 #main-header .cdmi-official-logo-frame{--cdmi-full-logo-width:123px!important}
 body.design-v2 #main-header .cdmi-brand-tagline{font-size:7.1px!important}
 body.design-v2 #main-header .cdmi-favorites-link,body.design-v2 #main-header .cdmi-search-link,body.design-v2 #main-header .cdmi-mobile-cart{width:29px!important;min-width:29px!important}
}
@media(prefers-reduced-motion:reduce){body.design-v2 #cdmi-gallery-main img{transition:none!important;transform:none!important}}
/* [hidden] must beat decorative display rules for selected-variant badges/navigation. */
body.design-v2 .cdmi-discount-badge[hidden],body.design-v2 .cdmi-gallery-lightbox button[hidden]{display:none!important}
/* Cart feedback must never be confused with real stock availability. */
body.design-v2 #add-to-cart-btn.cdmi-cart-added{background:#547a43!important;color:#fff!important}
