/* One light glass material; only paint layers carry clipping and backdrop filters. */
body.dop-experience{--dm-clear-fill:color-mix(in srgb,var(--dop-glass-color,#fff) 46%,transparent);--dm-clear-shadow:inset 0 1px 1px #fffffff2,inset 1px 0 1px #ffffffa6,inset 0 -1px 1px #53607445,0 5px 16px #273a5017;--dm-clear-blur:blur(18px) saturate(1.24)}
body.dop-experience :is(#caffito-notes-toggle,.dop-dock-control,.dop-personal-orders>summary,.dm-banner,.dm-explore,.search-section form,.dm-popup-tools button,.popup .close-btn):not(.dm-header-scene *){background:radial-gradient(ellipse at var(--dm-light-x,18%) var(--dm-light-y,0%),#ffffffa6,transparent 62%),linear-gradient(145deg,#ffffff54,#ffffff0d 55%,#ffffff24),var(--dm-clear-fill)!important;border:1px solid #ffffffcf!important;box-shadow:var(--dm-clear-shadow)!important;backdrop-filter:var(--dm-clear-blur)!important;-webkit-backdrop-filter:var(--dm-clear-blur)!important;color:var(--dop-glass-ink,#202632)}
body.dop-experience #caffito-notes-toggle,body.dop-experience .dop-table-dock>#caffito-notes-toggle{background:linear-gradient(160deg,#ffffff70,#ffffff1f 60%),color-mix(in srgb,var(--dop-glass-color,#fff) 36%,transparent)!important;box-shadow:inset 0 2px 1px #ffffffed,inset 0 -1px 1px #6570835c,0 6px 22px #25364c1a!important;backdrop-filter:blur(22px) saturate(1.35)!important;-webkit-backdrop-filter:blur(22px) saturate(1.35)!important}
body.dop-experience .dop-table-dock{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:transparent!important}
body.dop-experience .dm-explore{display:grid;place-items:center;width:48px;height:48px;min-width:48px;border-radius:50%;font-size:26px;text-decoration:none}
body.dop-experience .dm-glass-touch{box-shadow:inset 0 1px 3px #fff,inset 0 -1px 2px #4a5a7080,0 3px 9px #25364c26!important}
/* Media never rotates. Alpha masking reveals the site's actual background at both diagonal edges. */
.dm-hero-scene{position:relative;overflow:visible}
.dm-hero-scene>.dm-welcome,.dm-hero-scene>.dm-banner{position:relative;z-index:1}
.dm-video-backdrop{position:absolute;pointer-events:none;z-index:0;top:var(--dm-video-offset,0px);left:-20px;right:-20px;height:calc(100% + 80px);opacity:var(--dm-video-opacity,.78);overflow:hidden;background:transparent;--dm-mask:linear-gradient(var(--dm-video-angle,166deg),transparent var(--dm-video-top,4%),#000 calc(var(--dm-video-top,4%) + var(--dm-video-feather,13%)),#000 calc(var(--dm-video-bottom,96%) - var(--dm-video-feather,13%)),transparent var(--dm-video-bottom,96%));mask-image:var(--dm-mask);-webkit-mask-image:var(--dm-mask)}
.dm-video-backdrop>:is(video,img){position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:none!important}
.dm-video-texture{position:absolute;inset:0;pointer-events:none;opacity:var(--dm-pattern-strength,.12);background:repeating-linear-gradient(154deg,transparent 0 18px,var(--dm-bg,#f5f6fa) 20px 23px,transparent 26px 58px)}
[data-video-pattern=smooth] .dm-video-texture{display:none}
[data-video-pattern=grain] .dm-video-texture{background:radial-gradient(var(--dm-bg,#f5f6fa) 1px,transparent 1.5px);background-size:5px 5px}
[data-video-pattern=ripple] .dm-video-texture{background:repeating-radial-gradient(ellipse at 0 100%,transparent 0 22px,var(--dm-bg,#f5f6fa) 24px 27px,transparent 29px 42px)}
.dm-video-toggle{position:relative;z-index:2;display:block;margin:0 0 8px auto;font-size:11px;min-height:36px;padding:7px 12px;border-radius:18px;background:#ffffffdc;color:#202632;border:1px solid #dbe1ea}
.dm-video-failed{display:none}
.dop-native-emoji[data-native-emoji]::before{content:attr(data-native-emoji)}
.dm-video-toggle{width:138px!important;height:44px!important;min-height:44px!important;white-space:nowrap;overflow:hidden}
.popup-container>.dop-sheet-handle{order:-1}
body.dop-experience .dm-inverted-card .dop-product-badges>span{max-width:100%;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box}
body.dop-experience .search-section{position:relative;z-index:1}
body.dop-experience .search-section input{background:transparent!important;color:var(--dop-glass-ink);font-size:14px;padding:12px 16px}
body.dop-experience .search-section form{min-height:54px!important}
/* Existing product pixels remain the foreground; generated scenes are separate, reversible layers. */
.dm-product-scene{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:0;isolation:isolate;background-image:var(--dm-photo-scene);background-position:center;background-size:cover;border-radius:inherit;overflow:hidden}
.dm-product-scene>img,.dm-scene-cutout{display:block;position:relative;width:100%!important;height:100%!important;object-fit:contain!important;padding:10px 16px;box-sizing:border-box;mix-blend-mode:normal}
.dm-scene-painted>img{opacity:0;position:absolute!important;inset:0;pointer-events:none}
.dm-scene-cutout{grid-area:1/1}
body.dop-experience .product-cards>.dm-inverted-card .product-image{padding:0!important;background:transparent!important;overflow:hidden!important}
body.dop-experience .product-cards .dm-product-scene>:is(img,canvas){padding:10px 16px 30px!important}
body.dop-experience .popup .popup-img:has(.dm-product-scene){padding:0!important;background:transparent!important;position:relative!important}
body.dop-experience .popup .popup-img .dm-product-scene>:is(img,canvas){padding:12px 52px!important}
body.dop-experience .popup .popup-img :is(.dm-popup-tools,.close-btn){position:absolute!important;top:12px!important;z-index:5!important}
body.dop-experience .popup .popup-img .dm-popup-tools{left:12px!important;right:auto!important}
body.dop-experience .popup .popup-img .close-btn{right:12px!important;left:auto!important}
body.dop-experience .popup-price-caption-section{padding:18px 20px 10px!important}
/* The border notch is painted independently of the card's fixed-position product dialog. */
body.dop-experience .product-cards>.dm-inverted-card{--dm-card-pad:12px;--dm-content-gap:10px;--dm-notch-width:140px;--dm-notch-height:60px;position:relative!important;padding:var(--dm-card-pad)!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;transform:none!important}
.dm-card-surface,.dm-card-rim{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.dm-card-surface{border-radius:var(--dm-radius,26px);background:linear-gradient(145deg,#ffffff80,#ffffff20),color-mix(in srgb,var(--dm-card-surface,var(--dop-glass-color,#fff)) 86%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.dm-card-rim{overflow:visible}
.dm-card-rim path{fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.dm-card-rim .dm-rim-dark{stroke:#5b68772e;stroke-width:1.7;transform:translateY(1px)}
.dm-card-rim .dm-rim-light{stroke:#ffffffed;stroke-width:1.2}
body.dop-experience .dm-inverted-card>.product-card-upper{position:relative;z-index:1;display:flex!important;flex-direction:column!important;gap:0!important;width:100%;transform:none!important;transition:none!important}
body.dop-experience .dm-inverted-card .price-caption-section{display:flex!important;flex-direction:column!important;gap:12px!important;padding:0!important;background:transparent!important}
body.dop-experience .dm-inverted-card .price-section{position:relative;z-index:2;align-self:stretch;margin:-20px 3px 0!important;min-height:48px!important;padding:9px 14px!important;background:linear-gradient(145deg,#ffffff70,#ffffff24),color-mix(in srgb,var(--dop-glass-color,#fff) 50%,transparent)!important;box-shadow:var(--dm-clear-shadow)!important;border:1px solid #ffffffd9!important;backdrop-filter:blur(18px) saturate(1.25)!important;-webkit-backdrop-filter:blur(18px) saturate(1.25)!important;border-radius:22px}
body.dop-experience .dm-inverted-card .name-caption-section{gap:6px!important;text-align:start;padding:0 3px}
body.dop-experience .dm-inverted-card .name-phrase{font-size:var(--dm-title-size,20px)!important;font-weight:800}
body.dop-experience .dm-inverted-card .caption-phrase{font-size:var(--dm-caption-size,13px)!important}
body.dop-experience .dm-inverted-card .dop-product-badges{width:calc(100% - var(--dm-notch-width) + var(--dm-card-pad) - 8px);min-height:50px;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;align-items:start;gap:6px;margin:0!important;align-self:flex-end;justify-content:flex-start}
body.dop-experience .dm-inverted-card .dop-product-badges>span{display:block!important;text-align:center;min-width:0;line-height:1.6}
body.dop-experience .dm-inverted-card:not(.dm-has-tags) .name-caption-section{width:calc(100% - var(--dm-notch-width) + var(--dm-card-pad) - 8px);align-self:flex-end;min-height:50px!important;justify-content:center}
body.dop-experience .product-cards>.dm-inverted-card>.product-card-button{position:absolute!important;top:auto!important;right:0!important;bottom:0!important;left:auto!important;width:clamp(98px,44%,156px)!important;height:auto!important;min-height:50px!important;padding:11px 13px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:13px!important;line-height:1.6!important;text-indent:0!important;white-space:normal!important;border-radius:24px!important;overflow:visible!important;color:#fff!important;z-index:3}
body.dop-experience .product-cards>.dm-inverted-card>.product-card-button::after{content:none!important}
.dm-add-label{display:inline!important;font-size:inherit!important;color:inherit!important;opacity:1!important;visibility:visible!important;position:static!important}
.dm-add-icon{display:block!important;flex:0 0 18px!important;width:18px!important;height:18px!important;opacity:1!important;visibility:visible!important}
.dm-inverted-card,.dm-inverted-card>.product-card-button{scroll-margin-block:24px 180px}
body.dop-experience .dm-inverted-card>.dm-favorite{top:calc(var(--dm-card-pad) + 8px)!important;left:calc(var(--dm-card-pad) + 8px)!important}
body.dop-experience .product-cards>.dm-inverted-card.outsell>.product-card-button{background:#596270!important;color:#fff!important;opacity:1!important}
@media(max-width:767px){
 body.dop-menu-modern.dop-experience .products-section .product-cards{grid-template-columns:minmax(0,1fr)!important}
 .dm-video-backdrop{left:-12px;right:-12px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body.dop-experience :is(#caffito-notes-toggle,.dop-dock-control,.dm-banner,.dm-explore,.search-section form,.dm-popup-tools button,.popup .close-btn,.dm-inverted-card .price-section){background:color-mix(in srgb,var(--dop-glass-color,#fff) 94%,transparent)!important}}
@media(prefers-reduced-transparency:reduce){body.dop-experience :is(#caffito-notes-toggle,.dop-dock-control,.dm-banner,.search-section form,.dm-inverted-card .price-section){background:var(--dop-glass-color,#fff)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body.dop-experience .dop-table-dock>#caffito-notes-toggle{background:var(--dop-glass-color,#fff)!important}}
@media(prefers-reduced-transparency:reduce){body.dop-experience .dop-table-dock>#caffito-notes-toggle{background:var(--dop-glass-color,#fff)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}

/* Transparent 3D category art is never cropped into an opaque photograph disc. */
body.dop-menu-modern .dm-category-photo.dm-category-photo--3d{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
body.dop-menu-modern .dm-category-photo--3d img{object-fit:contain!important;border-radius:0!important;background:transparent!important;filter:drop-shadow(0 3px 3px #26375816);padding:0;display:block}