@font-face{font-family:"Noto Sans Thai";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/noto-sans-thai-thai.woff2") format("woff2");unicode-range:U+0E00-0E7F,U+200C-200D,U+25CC}
@font-face{font-family:"Noto Sans Thai";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/noto-sans-thai-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--dchl-nav-height:82px;--dchl-nav-safe:env(safe-area-inset-bottom,0px);--dchl-nav-total:calc(var(--dchl-nav-height) + var(--dchl-nav-safe));--dchl-universal-font:"Noto Sans Thai",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--dchl-serif:var(--dchl-universal-font);--dcsl-font:var(--dchl-universal-font);--dcsl-pdp-font:var(--dchl-universal-font)}
body.dchl-has-global-nav{font-family:var(--dchl-universal-font)!important}
body.dchl-has-global-nav button,body.dchl-has-global-nav input,body.dchl-has-global-nav select,body.dchl-has-global-nav textarea{font-family:var(--dchl-universal-font)!important}
body.dchl-has-global-nav .dchl-hero__title,body.dchl-has-global-nav .dchl-private h2,body.dchl-has-global-nav .dcsl-hero__title,body.dchl-has-global-nav .dcsl-category-hero__title,body.dchl-has-global-nav .dchl-collections__header p,body.dchl-has-global-nav .dchl-collections__header h2,body.dchl-has-global-nav .dchl-collection strong{font-family:var(--dchl-universal-font)!important}
@media(max-width:767px){
body.dchl-has-global-nav{padding-bottom:var(--dchl-nav-total)!important}
body.dchl-collections-open{overflow:hidden!important}
body.dchl-has-global-nav #mobile-bottom-bar,body.dchl-has-global-nav .mobile-bottom-bar,body.dchl-has-global-nav .wbd-mobile-nav,body.dchl-has-global-nav .wbd-grd-mobile-nav{display:none!important}
body.dchl-has-global-nav .dchl-header,body.dchl-has-global-nav .dcsl-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;padding-right:max(16px,env(safe-area-inset-right,0px))!important;padding-left:max(16px,env(safe-area-inset-left,0px))!important;align-items:center!important}
body.dchl-has-global-nav .dchl-header{height:104px!important;padding-top:calc(28px + env(safe-area-inset-top,0px))!important;padding-bottom:20px!important;transform:translate3d(0,-30px,0)!important}
body.dchl-has-global-nav .dchl-header__side,body.dchl-has-global-nav .dcsl-header__side{display:flex!important;min-width:0!important;align-items:center!important;gap:13px!important;transform:none!important}
body.dchl-has-global-nav .dchl-header__side--left,body.dchl-has-global-nav .dcsl-header__side--left{justify-content:flex-start!important}
body.dchl-has-global-nav .dchl-header__side--right,body.dchl-has-global-nav .dcsl-header__side--right{justify-content:flex-end!important}
body.dchl-has-global-nav .dchl-header__button,body.dchl-has-global-nav .dcsl-header .dcsl-icon-button{width:24px!important;height:24px!important;margin:0!important;padding:0!important}
body.dchl-has-global-nav .dchl-header__button svg,body.dchl-has-global-nav .dcsl-header .dcsl-icon-button svg{display:block!important;width:24px!important;height:24px!important}
body.dchl-has-global-nav .dchl-header__logo,body.dchl-has-global-nav .dcsl-header__logo{display:grid!important;width:min(145px,39vw)!important;height:34px!important;place-items:center!important;transform:none!important}
body.dchl-has-global-nav .dchl-header__logo img,body.dchl-has-global-nav .dcsl-header__logo img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;margin:0!important;object-fit:contain!important}
.dchl-global-nav,.dchl-global-nav *,.dchl-collections,.dchl-collections *,.dchl-collections-backdrop{box-sizing:border-box}
.dchl-collections p,.dchl-collections h2{margin:0;padding:0;border:0;text-transform:none}
.dchl-global-nav{position:fixed;z-index:100120;right:0;bottom:0;left:0;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));height:var(--dchl-nav-total);padding:8px max(7px,env(safe-area-inset-right,0px)) calc(8px + var(--dchl-nav-safe)) max(7px,env(safe-area-inset-left,0px));background:#fff!important;border:0!important;border-top:1px solid rgba(17,17,17,.08)!important;border-radius:0!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#686a6d;font-family:"Noto Sans Thai",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.dchl-global-nav__item{appearance:none;position:relative;display:grid;grid-template-rows:26px auto;place-items:center;align-content:center;gap:5px;min-width:0;margin:0;padding:5px 1px 3px;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:inherit!important;text-decoration:none!important;font:inherit;cursor:pointer}
.dchl-global-nav__item:not(:last-child)::after{content:"";position:absolute;top:7px;right:0;bottom:7px;width:1px;background:rgba(17,17,17,.075)}
.dchl-global-nav__item svg{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.dchl-global-nav__item span{display:block;max-width:100%;overflow:hidden;font-size:9px;font-weight:400;line-height:1.15;letter-spacing:.055em;text-overflow:ellipsis;white-space:nowrap}
.dchl-global-nav__item.is-active{color:#111!important}
.dchl-collections-backdrop{appearance:none;position:fixed;z-index:100100;inset:0 0 var(--dchl-nav-total);display:block;width:100%;height:auto;margin:0;padding:0;background:rgba(0,0,0,.04);border:0;opacity:0;pointer-events:none;transition:opacity .16s ease}
.dchl-collections-backdrop[hidden],.dchl-collections[hidden]{display:none!important}
.dchl-collections-backdrop.is-open{opacity:1;pointer-events:auto}
.dchl-collections{position:fixed;z-index:100110;right:0;bottom:var(--dchl-nav-total);left:0;display:block;max-height:min(58dvh,620px);padding:0 0 22px;background:#fff!important;border:0;border-top:1px solid rgba(17,17,17,.045);border-radius:13px 13px 0 0!important;box-shadow:none!important;filter:none!important;opacity:0;overflow:hidden;pointer-events:none;transform:translate3d(0,20px,0);transition:opacity .18s ease,transform .18s ease;will-change:transform}
.dchl-collections.is-open{opacity:1;pointer-events:auto;transform:translate3d(0,0,0)}
.dchl-collections__header{position:relative;display:grid;place-items:center;min-height:72px;padding:11px 62px 7px;text-align:center;color:#181818}
.dchl-collections__header p{margin:0 0 6px;font-family:Georgia,"Times New Roman",serif;font-size:8px;line-height:1;letter-spacing:.32em}
.dchl-collections__header h2{margin:0;font-family:Didot,"Bodoni MT",Georgia,"Times New Roman",serif;font-size:18px;font-weight:400;line-height:1.05;letter-spacing:.25em}
.dchl-collections__header>span{display:block;width:46px;height:1px;margin-top:10px;background:#151515}
.dchl-collections__header button{appearance:none;position:absolute;top:23px;right:20px;display:grid;width:29px;height:29px;margin:0;padding:3px;place-items:center;background:transparent;border:0;color:#111;cursor:pointer}
.dchl-collections__header button svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round}
.dchl-collections__rail{display:flex;gap:4px;max-width:100%;padding:0 12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.dchl-collections__rail::-webkit-scrollbar{display:none}
.dchl-collection{position:relative;flex:0 0 calc((100vw - 40px)/5);min-width:64px;max-width:144px;margin:0!important;padding:0!important;aspect-ratio:7/16;overflow:hidden;background:#efefed;border:0!important;border-radius:0!important;box-shadow:none!important;color:#171717;scroll-snap-align:start;text-decoration:none!important}
.dchl-collection img,.dchl-collection__placeholder{display:block;width:100%;max-width:none!important;height:100%;margin:0!important;object-fit:cover;background:linear-gradient(145deg,#e9e8e5,#f8f8f7);border:0!important;border-radius:0!important}
.dchl-collection__shade{position:absolute;z-index:1;inset:46% 0 0;background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.56) 42%,rgba(255,255,255,.9) 72%,rgba(255,255,255,.96) 100%);pointer-events:none}
.dchl-collection strong{position:absolute;z-index:2;right:6px;bottom:16px;left:6px;display:block;height:18px;overflow:hidden;color:rgba(17,17,17,.92);font-family:Didot,"Bodoni MT",Georgia,"Times New Roman",serif;font-size:8.5px;font-weight:400;line-height:10px;letter-spacing:.015em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.dchl-collection strong::after{content:"";display:block;width:22px;height:1px;margin-top:6px;background:rgba(17,17,17,.72)}
body.dchl-has-global-nav .dcsl-pdp-sticky{bottom:var(--dchl-nav-total)!important}
body.dchl-has-global-nav .dcsl-product-shell{padding-bottom:calc(98px + var(--dchl-nav-total))!important}
body.dchl-has-global-nav .dcsl-cart{z-index:100300!important}
body.dchl-has-global-nav.dcsl-panel-open .dchl-global-nav{visibility:hidden;transform:translateY(100%)}
}
@media(min-width:768px){.dchl-global-nav,.dchl-collections,.dchl-collections-backdrop{display:none!important}body.dchl-has-global-nav .dchl-header,body.dchl-has-global-nav .dcsl-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;padding-right:max(4%,env(safe-area-inset-right,0px))!important;padding-left:max(4%,env(safe-area-inset-left,0px))!important;align-items:center!important}body.dchl-has-global-nav .dchl-header__side,body.dchl-has-global-nav .dcsl-header__side{display:flex!important;min-width:0!important;align-items:center!important;gap:19px!important;transform:none!important}body.dchl-has-global-nav .dchl-header__side--left,body.dchl-has-global-nav .dcsl-header__side--left{justify-content:flex-start!important}body.dchl-has-global-nav .dchl-header__side--right,body.dchl-has-global-nav .dcsl-header__side--right{justify-content:flex-end!important}body.dchl-has-global-nav .dchl-header__button,body.dchl-has-global-nav .dcsl-header .dcsl-icon-button{width:24px!important;height:24px!important;margin:0!important;padding:0!important}body.dchl-has-global-nav .dchl-header__button svg,body.dchl-has-global-nav .dcsl-header .dcsl-icon-button svg{display:block!important;width:24px!important;height:24px!important}body.dchl-has-global-nav .dchl-header__logo,body.dchl-has-global-nav .dcsl-header__logo{display:grid!important;width:min(172px,33vw)!important;height:38px!important;place-items:center!important;transform:none!important}body.dchl-has-global-nav .dchl-header__logo img,body.dchl-has-global-nav .dcsl-header__logo img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;margin:0!important;object-fit:contain!important}}
@media(prefers-reduced-motion:reduce){.dchl-collections,.dchl-collections-backdrop{transition:none!important}}

/* Shared header: copied incrementally from the v1.1.17 homepage component. */
.dcgn-site-header{position:relative;z-index:100010;top:auto;right:auto;left:auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:100%;height:calc(56px + env(safe-area-inset-top,0px));padding:calc(10px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));align-items:center;background:#fff;color:#111}
.dcgn-site-header .dchl-header__side{display:flex;min-width:0;align-items:center;gap:15px}
.dcgn-site-header .dchl-header__side--left{justify-content:flex-start}
.dcgn-site-header .dchl-header__side--right{justify-content:flex-end}
.dcgn-site-header .dchl-header__button{appearance:none;display:grid;width:24px;height:24px;margin:0;padding:0;place-items:center;background:transparent;border:0;color:inherit;cursor:pointer;text-decoration:none}
.dcgn-site-header .dchl-header__button svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.dcgn-site-header .dchl-header__side--left>.dchl-header__button>svg{width:20.4px;height:20.4px}
.dcgn-site-header .dchl-header__side--right>.dchl-header__button>svg{width:21.12px;height:21.12px}
.dcgn-site-header .dchl-header__logo{display:grid;width:min(145px,39vw);height:34px;place-items:center;color:inherit;text-decoration:none}
.dcgn-site-header .dchl-header__logo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;filter:brightness(0)}
.dcgn-site-header .dchl-header__logo span{font-family:Georgia,"Times New Roman",serif;font-size:20px;letter-spacing:.06em;white-space:nowrap}
.dchl-hero>.dcgn-site-header,.dcsl-campaign-shell .dcgn-site-header{position:absolute;z-index:20;top:0;right:0;left:0;background:transparent;color:#fff}
.dchl-hero>.dcgn-site-header .dchl-header__logo img,.dcsl-campaign-shell--light .dcgn-site-header .dchl-header__logo img{filter:brightness(0) invert(1)}
.dcsl-campaign-shell--dark .dcgn-site-header{color:#111}
.dcsl-campaign-shell--dark .dcgn-site-header .dchl-header__logo img{filter:brightness(0)}

/* Only the old theme shell is hidden. Main content and commerce markup are untouched. */
body.dcgn-shell-active>.site-header:not(.dcgn-site-header),
body.dcgn-shell-active>#masthead,
body.dcgn-shell-active>#page>.site-header:not(.dcgn-site-header),
body.dcgn-shell-active>#page>#masthead{display:none!important}
body.dcgn-shell-active #mobile-bottom-bar,
body.dcgn-shell-active .mobile-bottom-bar,
body.dcgn-shell-active .wbd-mobile-nav,
body.dcgn-shell-active .wbd-grd-mobile-nav{display:none!important}

@media(min-width:768px){
.dcgn-site-header{height:calc(88px + env(safe-area-inset-top,0px));padding:calc(16px + env(safe-area-inset-top,0px)) max(4%,env(safe-area-inset-right,0px)) 16px max(4%,env(safe-area-inset-left,0px))}
.dcgn-site-header .dchl-header__side{gap:19px}
.dcgn-site-header .dchl-header__logo{width:min(172px,33vw);height:38px}
}

/* Logged-out Rewards showcase: the shared shell is the only header/panel owner. */
body.dcgn-shell-active.wbd-grd-logged-out-showcase-page .dcgn-site-header{
position:absolute;z-index:100010;top:0;right:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.28),transparent);color:#fff
}
body.dcgn-shell-active.wbd-grd-logged-out-showcase-page .dcgn-site-header .dchl-header__logo img{filter:brightness(0) invert(1)}
body.dcgn-shell-active.wbd-grd-logged-out-showcase-page .wbd-grd-showcase__header,
body.dcgn-shell-active.wbd-grd-logged-out-showcase-page .wbd-grd-showcase__menu-backdrop,
body.dcgn-shell-active.wbd-grd-logged-out-showcase-page .wbd-grd-showcase__menu,
body.dcgn-shell-active.wbd-grd-logged-out-showcase-page .wbd-grd-showcase__search{display:none!important}

/* Keep the shared Search submit icon self-contained on optimized Shop pages. */
body.dcgn-shell-active .dcsl-search-form button[type="submit"]>svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
