:root{--dg-paper:#f7f8f6;--dg-white:#fff;--dg-text:#202825;--dg-muted:#46534c;--dg-line:#d9e0d9;--dg-accent:#285247;--dg-tint:#e9f1eb;--dg-warm:#f6ecd8}
:is([data-shop=cuoi],.dg-site--cuoi){--dg-paper:#f9f7f8;--dg-text:#2b2228;--dg-muted:#5d4e56;--dg-line:#e8dce2;--dg-accent:#772d48;--dg-tint:#f5e9ef;--dg-warm:#f7ebd7}
.dg-skip{position:absolute;z-index:10;top:4px;left:8px;padding:10px 12px;background:#fff;transform:translateY(-150%);color:#202825}
.dg-skip:focus{transform:none}
.dg-shop{--bg:var(--dg-paper);--brand:var(--dg-accent);--ink:var(--dg-text);--sub:var(--dg-muted);--soft:var(--dg-tint);--line:var(--dg-line);background:var(--bg);min-height:100vh;color:var(--ink)}
.dg-shop h1,.dg-shop h2,.dg-shop h3{letter-spacing:0}
.dg-shop h1{font:700 38px/1.12 Georgia,serif;margin-bottom:18px}
.dg-shop h2{font-size:21px;line-height:1.3}
.dg-shop .dg-page{padding-block:28px 58px}
.dg-masthead{border-top:3px solid var(--brand)}
.dg-mast-inner{min-height:78px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center}
.dg-shop-brand{display:grid;justify-self:start;gap:0;line-height:1.25;color:var(--ink)}
.dg-shop-brand strong{font:700 24px/1.16 Georgia,serif}
.dg-shop-brand span{font-size:12px;color:var(--sub);font-weight:600}
.dg-primary-links,.dg-account-links{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.dg-primary-links{justify-content:center}
.dg-account-links{justify-content:flex-end}
.dg-primary-links a,.dg-account-links a{display:inline-flex;align-items:center;gap:5px;min-height:44px;text-decoration:none;padding:5px 3px;border-bottom:2px solid transparent;font-weight:650;font-size:14px;color:var(--ink)}
.dg-primary-links a[aria-current],.dg-account-links a[aria-current]{border-bottom-color:var(--brand);color:var(--brand)}
.dg-primary-links a:hover,.dg-account-links a:hover{color:var(--brand)}
.dg-shop .foot{padding:9px 0;background:#fff}
.dg-shop .foot .nav-links a{padding-block:6px}
.dg-shop .store-intro{padding-block:4px 16px}
.dg-shop .store-intro p{color:var(--sub);max-width:620px}
.dg-shop .dg-campaign{min-height:280px}
.dg-shop .dg-section-line{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;margin-bottom:12px}
.dg-section-line h2{margin:0}
.dg-catalog-toolbar{padding-top:13px;border-top:1px solid var(--line);scroll-margin-top:12px}
.dg-catalog-search{width:min(100%,290px)}
.dg-catalog-search input{border-color:#a5ada8;border-radius:6px}
.dg-shop .catalog-nav{gap:8px 14px;padding:10px 0}
.dg-shop .catalog-nav a{min-height:42px;display:inline-flex;align-items:center;font-weight:650;text-decoration:none;border-bottom:1px solid var(--line)}
.dg-shop .catalog-section{scroll-margin-top:12px}
.dg-shop .product{border-radius:7px;scroll-margin-top:12px}
.dg-shop .product[hidden],.dg-shop [hidden]:not(video){display:none}
.dg-shop .product-picture-large{overflow:hidden;background:#f0f1ed}
.dg-shop .product-info{padding:13px;gap:3px}
.dg-shop .product-info h2,.dg-shop .product-info h3{font-size:16px}
.dg-shop .product-info h2 a,.dg-shop .product-info h3 a{color:var(--ink);text-decoration:none}
.dg-shop .product-info h2 a:hover,.dg-shop .product-info h3 a:hover{text-decoration:underline}
.dg-shop .product-info .button{width:100%;min-height:44px}
.dg-cart-dock{display:none}
.dg-shop .button,.dg-shop .quiet{border-radius:6px;min-height:44px}
.dg-shop .button{font-weight:700}
.dg-flow{margin:0 0 23px;border-bottom:1px solid var(--line);max-width:650px}
.dg-flow ol{list-style:none;margin:0;padding:0 0 10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.dg-flow li{display:flex;gap:7px;align-items:center;font-weight:620;font-size:14px;color:var(--sub);min-width:0}
.dg-flow-number{border:1px solid var(--line);width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center}
.dg-flow li[aria-current]{color:var(--brand);font-weight:750}
.dg-flow li[aria-current] .dg-flow-number{background:var(--brand);color:#fff;border-color:var(--brand)}
.dg-flow-done .dg-flow-number{color:var(--brand);background:var(--soft);border-color:var(--soft)}
.dg-shop :is(.dg-cart-layout,.dg-review-layout,.dg-order-layout,.dg-manage-layout){align-items:start;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:28px 40px}
.dg-checkout-form{border-inline-start:1px solid var(--line);padding-inline-start:24px}
.dg-checkout-section,.dg-cart-items,.dg-checkout-form{min-width:0}
.dg-cart-items .totals,.dg-checkout-section .totals{background:var(--soft);padding:12px;border-block:0;border-radius:5px}
.dg-shop .cart-row{padding:12px 0}
.dg-checkout-form form.fields{gap:14px}
.dg-shop .fields :is(input,select,textarea){border-color:#a5ada8;border-radius:6px}
.dg-checkout-form .fields>.button{width:100%;min-height:46px}
.dg-shop .tracking-live{margin-block:8px 18px}
.dg-shop .order-state{padding:10px 0}
.dg-shop .qr{max-width:100%;height:auto;background:#fff;border:1px solid var(--line);padding:6px}
.dg-shop .info-section{padding-top:22px}
.dg-console{--brand:#27584e;--bg:#f5f7f7;--ink:#1e2a2a;--soft:#e9f1ef;--line:#d5dfdc}
.dg-console h1{font:750 33px/1.12 system-ui,sans-serif}
.dg-console .dg-console-heading{padding-block:0 12px}
.dg-console-heading h1{margin:0}
.dg-kicker{margin:0 0 3px;color:var(--sub);font-size:13px;font-weight:650}
.dg-ops-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:12px 0 20px;border-block:1px solid var(--line);background:#fff}
.dg-ops-stats>*{display:grid;gap:4px;align-content:center;padding:12px;border-inline-end:1px solid var(--line);text-decoration:none;color:var(--ink)}
.dg-ops-stats>*:last-child{border-inline-end:0}
.dg-ops-stats a:hover{background:var(--soft)}
.dg-ops-stats span{color:var(--sub);font-weight:650;font-size:13px}
.dg-ops-stats strong{font-size:27px;line-height:1}
.dg-console-filters{align-items:end;gap:10px 16px}
.dg-console-filters label{min-width:0}
.dg-console .order-day{border-radius:6px}
.dg-table-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.6fr);gap:16px;padding:7px 12px;color:var(--sub);font-size:12px;border-bottom:1px solid var(--line)}
.dg-status{display:inline-block;max-width:100%;padding:2px 6px;font-weight:650;font-size:13px;border-radius:4px;background:#e4e9e8;color:#283a35}
.dg-status[data-state=new],.dg-status[data-state=quoted]{background:#fff0ce;color:#5a430b}
.dg-status[data-state=accepted],.dg-status[data-state=completed]{background:#e0f0e7;color:#214d3c}
.dg-status[data-state=cancelled]{background:#f8e3e6;color:#702733}
.dg-console .seller-list li:hover{background:#f5f8f7}
.dg-console .seller-list li>span>strong{font-size:13px;font-weight:620}
.dg-site{color:var(--dg-text)}
.dg-public-hero{position:relative;isolation:isolate;display:grid;align-items:center;min-height:365px;background:#263e33;color:#fff;overflow:hidden}
.dg-public-hero>img{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:center 46%}
.dg-public-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0d211ce8,#132a229c 57%,#132a2222)}
.dg-site--cuoi .dg-public-hero::after{background:linear-gradient(90deg,#21121ce3,#27182499 55%,#27182411)}
.dg-public-hero__inner{width:min(1160px,calc(100% - 40px));margin-inline:auto;padding-block:34px}
.dg-public-hero h1{font:700 52px/1.08 Georgia,serif;color:#fff;text-transform:none;letter-spacing:0;margin:0 0 9px}
.dg-public-hero p{max-width:560px;color:#fff;margin:0 0 14px}
.dg-public-hero .dg-hero-kicker{font:650 14px/1.3 system-ui,sans-serif;color:#fff2d8;margin-bottom:7px}
.dg-public-hero .dg-public-action,.dg-site .dg-public-action{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border-radius:5px;
  font:750 14px/1.2 system-ui,sans-serif;background:#f8e7ba;color:#242221;text-decoration:none;text-align:center;
}
.dg-site .dg-public-action:hover{background:#fff4d7}
.dg-public-hero .dg-public-secondary{display:inline-flex;align-items:center;min-height:44px;color:#fff;font-weight:650;text-decoration:underline}
.dg-public-promo,.dg-showcase,.dg-home-copy{width:min(1160px,calc(100% - 40px));margin:18px auto 0}
.dg-public-promo .dg-campaign{margin-bottom:12px}
.dg-showcase{padding:9px 0 24px;border-bottom:1px solid var(--dg-line)}
.dg-showcase h2,.dg-home-copy h2{font:700 25px/1.2 Georgia,serif;color:var(--dg-text);text-transform:none;letter-spacing:0;margin:0 0 12px}
.dg-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dg-showcase a{display:block;min-width:0;border:1px solid var(--dg-line);border-radius:6px;overflow:hidden;color:var(--dg-text);text-decoration:none;background:#fff}
.dg-showcase a:hover{border-color:var(--dg-accent)}
.dg-showcase a span{display:block;font:700 15px/1.3 system-ui,sans-serif;padding:10px 12px;overflow-wrap:anywhere}
.dg-showcase figure{aspect-ratio:4/3;overflow:hidden;margin:0}
.dg-showcase img{display:block;width:100%;height:100%;object-fit:cover}
.dg-home-copy{max-width:780px;padding:12px 0 28px}
.dg-site--cuoi #page.site{box-sizing:border-box;width:100%;max-width:none;margin-inline:auto;padding-inline:0;background:#fff}
.dg-site--cuoi #masthead .site-branding{width:min(1160px,calc(100% - 40px));margin:auto;padding:14px 0 12px;text-align:left}
.dg-site--cuoi #masthead .site-title{font:700 28px/1.15 Georgia,serif;text-transform:none;letter-spacing:0;margin:0}
.dg-site--cuoi #masthead .site-description{font:550 13px/1.35 system-ui,sans-serif;letter-spacing:0;text-transform:none;margin:3px 0 0;color:var(--dg-muted)}
.dg-site--cuoi #site-navigation{background:#38232f}
.dg-site--cuoi #site-navigation a{color:#fff;font:650 14px/1.35 system-ui,sans-serif;letter-spacing:0}
.dg-site--cuoi #site-navigation .menu-toggle{background:#772d48;letter-spacing:0}
.dg-site--cuoi:not(.dg-front) .site-content{background:var(--dg-paper)}
.dg-site--cuoi .entry-content,.dg-site--cuoi .entry-summary{font:400 16px/1.65 system-ui,sans-serif}
.dg-site--cuoi .entry-title{font-family:Georgia,serif;letter-spacing:0;text-transform:none}
.dg-site--cuoi :is(.entry-content,.entry-summary) img{border-radius:4px}
.dg-site--cuoi .site-footer{background:#2d2229;color:#fff}
.dg-site--vieng :is(.site-header,.journal-header,body>header){border-top:3px solid var(--dg-accent)}
.dg-site--vieng .brand{font-family:Georgia,serif}
.dg-site--vieng :is(.journal-index,.article-content,.contact){color:var(--dg-text)}
.dg-site--vieng :is(.journal-index,.article-content,.contact) h1{font-family:Georgia,serif;letter-spacing:0}
.dg-site--vieng .story>a:first-child{display:block;overflow:hidden}
.dg-site--vieng .dg-public-promo{margin-top:16px}
.dg-site--vieng .dg-public-hero>img{object-position:58% 44%}
.dg-site .dg-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;width:auto;margin:10px 0 0}
.dg-static .dg-static-heading{background:var(--dg-tint);padding-block:22px 16px;margin-bottom:18px;border-bottom:1px solid var(--dg-line)}
.dg-static .dg-static-heading h1,.dg-static .reading h1,.dg-static .journal-index h1{font-family:Georgia,serif;letter-spacing:0}
.dg-static .journal-index .intro,.dg-static .prose{color:var(--dg-text)}
.dg-static .journal-index .story{border-color:var(--dg-line);border-radius:6px}
.dg-static .reading .cover{overflow:hidden}
.dg-static-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 14px}
.dg-static-footer a{min-height:36px;display:inline-flex;align-items:center}
@media(prefers-reduced-motion:no-preference){
  .dg-public-hero__inner{animation:dg-page-in .44s ease-out}
  .dg-site--cuoi .dg-public-hero>img{animation:dg-hero-focus 2.2s cubic-bezier(.2,.68,.25,1) both}
  .dg-site--vieng .dg-public-hero>img{animation:dg-hero-focus 2.8s cubic-bezier(.2,.68,.25,1) both}
  .dg-shop .dg-page h1,.dg-shop .dg-flow,.dg-console .dg-ops-stats{animation:dg-page-in .28s ease-out}
  .dg-console .order-day[open]>.seller-list{animation:dg-page-in .2s ease-out}
  .dg-primary-links a,.dg-account-links a,.dg-showcase a{transition:color .18s ease,border-color .18s ease}
}
@keyframes dg-page-in{from{opacity:.74;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes dg-hero-focus{from{transform:scale(1.055)}to{transform:scale(1)}}
@media(max-width:820px){
  .dg-mast-inner{grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding-top:8px}
  .dg-primary-links{grid-column:1/-1;grid-row:2;justify-content:flex-start;border-top:1px solid var(--line)}
  .dg-account-links{grid-row:1;grid-column:2}
  .dg-shop .dg-page{padding-block:20px 48px}
  .dg-shop h1{font-size:32px}
}
@media(max-width:680px){
  .dg-shop:has(.dg-cart-dock){padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  .dg-cart-dock{display:block;position:fixed;z-index:4;inset:auto 0 0;padding:8px 18px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line)}
  .dg-cart-dock a{width:100%}
  .dg-shop :is(.dg-cart-layout,.dg-review-layout,.dg-order-layout,.dg-manage-layout){grid-template-columns:minmax(0,1fr)}
  .dg-checkout-form{border-inline-start:0;border-top:1px solid var(--line);padding:17px 0 0}
  .dg-ops-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dg-ops-stats>*:nth-child(even){border-inline-end:0}
  .dg-ops-stats>*:nth-child(n+3){border-top:1px solid var(--line)}
  .dg-table-head{display:none}
  .dg-flow li{flex-direction:column;justify-content:flex-start;gap:4px;font-size:12px;text-align:center}
  .dg-public-hero{min-height:310px}
  .dg-public-hero h1{font-size:36px}
  .dg-public-hero__inner{padding-block:24px}
  .dg-showcase-grid{gap:7px}
  .dg-showcase a span{font-size:13px;padding:7px 6px}
  .dg-site--cuoi #masthead .site-title{font-size:24px}
}
@media(max-width:385px){
  .dg-account-links a,.dg-primary-links a{font-size:13px}
  .dg-mast-inner .dg-shop-brand span{font-size:11px}
  .dg-shop .dg-shop-brand strong{font-size:21px}
}
