/* DG Home UI Pro v1.2.1 — homepage only, no font override */
body.dghome-ios-ui{
 --dg-red:#d71920;--dg-red-deep:#a90f17;--dg-coral:#ff5b57;--dg-orange:#ff9f0a;--dg-blue:#0a84ff;
 --dg-ink:#15171b;--dg-muted:#6e7480;--dg-bg:#f2f4f8;
 --dg-glass:rgba(255,255,255,.70);--dg-glass-strong:rgba(255,255,255,.88);--dg-line:rgba(255,255,255,.82);
 --dg-shadow:0 18px 52px rgba(30,37,49,.10),0 2px 10px rgba(30,37,49,.05);
 --dg-shadow-hover:0 28px 66px rgba(30,37,49,.16),0 8px 24px rgba(30,37,49,.08);
 --dg-radius:30px;--dg-radius-sm:20px;--dg-ease:cubic-bezier(.22,.8,.24,1);
 color:var(--dg-ink);
 background:#f3f5f9!important;
}
body.dghome-ios-ui #wrapper,body.dghome-ios-ui #main,body.dghome-ios-ui #content{background:transparent!important}
body.dghome-ios-ui #main{position:relative;isolation:isolate;overflow:clip}
body.dghome-ios-ui.dghome-ambient #main:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:
 radial-gradient(900px 520px at 2% 4%,rgba(255,74,68,.13),transparent 62%),
 radial-gradient(760px 520px at 98% 18%,rgba(10,132,255,.10),transparent 58%),
 radial-gradient(740px 520px at 12% 62%,rgba(255,159,10,.075),transparent 58%),
 radial-gradient(800px 560px at 92% 82%,rgba(215,25,32,.085),transparent 60%),
 linear-gradient(180deg,#f7f8fb 0%,#eef2f7 42%,#f7f7fa 100%)}
body.dghome-ios-ui #content{padding-bottom:52px}

/* HERO: restore full width — do not constrain the original banner */
body.dghome-ios-ui #content>.slider-wrapper{width:100%!important;max-width:none!important;margin:0 0 30px!important;padding:0!important;border-radius:0!important;overflow:hidden!important;box-shadow:0 22px 55px rgba(30,37,49,.13)}
body.dghome-ios-ui #content>.slider-wrapper .slider,body.dghome-ios-ui #content>.slider-wrapper .flickity-viewport,body.dghome-ios-ui #content>.slider-wrapper .flickity-slider{width:100%!important}
body.dghome-ios-ui #content>.slider-wrapper .img,body.dghome-ios-ui #content>.slider-wrapper .img-inner{width:100%!important;max-width:none!important}
body.dghome-ios-ui #content>.slider-wrapper img{width:100%!important;height:auto!important;display:block!important;object-fit:cover}
body.dghome-ios-ui #content>.slider-wrapper .flickity-button{background:rgba(255,255,255,.22)!important;border:1px solid rgba(255,255,255,.42)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 22px rgba(0,0,0,.12)}

/* Sections are now a full visual system, not just lightly rounded cards */
body.dghome-ios-ui #content>.dghome-section-shell{position:relative;max-width:1540px;margin:24px auto!important;padding:0 18px!important;overflow:visible!important}
body.dghome-ios-ui #content>.dghome-section-shell:before{content:"";position:absolute;inset:-20px 2px;z-index:-1;border-radius:42px;opacity:.72;filter:blur(.1px);pointer-events:none}
body.dghome-ios-ui #content>.dghome-section--hot:before{background:linear-gradient(135deg,rgba(255,69,58,.10),rgba(255,159,10,.055) 52%,transparent 80%)}
body.dghome-ios-ui #content>.dghome-section--products:before{background:linear-gradient(135deg,rgba(10,132,255,.075),rgba(255,255,255,.18) 58%,transparent)}
body.dghome-ios-ui #content>.dghome-section--suggest:before{background:linear-gradient(135deg,rgba(175,82,222,.07),rgba(255,69,58,.055),transparent 78%)}
body.dghome-ios-ui #content>.dghome-section--about:before{background:linear-gradient(135deg,rgba(50,215,75,.055),rgba(10,132,255,.055),transparent 80%)}
body.dghome-ios-ui #content>.dghome-section--trust:before{background:linear-gradient(135deg,rgba(255,204,0,.065),rgba(255,255,255,.1),transparent 78%)}
body.dghome-ios-ui #content>.dghome-section--news:before{background:linear-gradient(135deg,rgba(215,25,32,.065),rgba(10,132,255,.055),transparent 78%)}
body.dghome-ios-ui .dghome-section-panel{position:relative;overflow:hidden!important;padding:24px 24px 28px!important;border:1px solid rgba(255,255,255,.92)!important;border-radius:32px!important;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.58))!important;box-shadow:var(--dg-shadow)!important;backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%)}
body.dghome-ios-ui .dghome-section-panel:before{content:"";position:absolute;pointer-events:none;z-index:0;width:360px;height:360px;right:-180px;top:-210px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,255,255,0) 66%)}
body.dghome-ios-ui .dghome-section-panel>*{position:relative;z-index:1}

/* Section headers */
body.dghome-ios-ui .dghome-title-wrap{position:relative;padding:5px 0 12px!important;margin-bottom:6px!important}
body.dghome-ios-ui .dghome-title-wrap:after{content:"";position:absolute;left:0;bottom:2px;width:46px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--dg-red),var(--dg-coral));box-shadow:0 4px 12px rgba(215,25,32,.22)}
body.dghome-ios-ui .title-home h2,body.dghome-ios-ui .section-title-main,body.dghome-ios-ui .col-title-btn h2{color:var(--dg-ink)!important;letter-spacing:-.035em!important;font-weight:780!important;margin-bottom:2px!important}
body.dghome-ios-ui .title-home h2{font-size:clamp(24px,1.8vw,32px)!important}
body.dghome-ios-ui .section-title-main{font-size:clamp(26px,2vw,36px)!important}
body.dghome-ios-ui .col-title-btn{display:flex;align-items:center;justify-content:space-between;gap:14px}

/* Cards */
body.dghome-ios-ui .dghome-glass-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.92)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.72))!important;box-shadow:0 8px 24px rgba(31,41,55,.075)!important;transition:transform .36s var(--dg-ease),box-shadow .36s var(--dg-ease),border-color .36s ease!important;isolation:isolate}
body.dghome-ios-ui .dghome-glass-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.98),transparent 45%);opacity:.58;z-index:0}
body.dghome-ios-ui .dghome-glass-card>*{position:relative;z-index:1}
@media(hover:hover){body.dghome-ios-ui .dghome-glass-card:hover{transform:translateY(-7px) scale(1.008);box-shadow:var(--dg-shadow-hover)!important;border-color:rgba(215,25,32,.20)!important}}
body.dghome-ios-ui .product-small>.col-inner{padding:10px!important}
body.dghome-ios-ui .product-small .box-image{border-radius:18px!important;overflow:hidden;background:linear-gradient(145deg,#fff,#f5f6f8);box-shadow:inset 0 0 0 1px rgba(0,0,0,.035)}
body.dghome-ios-ui .product-small .box-image img{transition:transform .56s var(--dg-ease),filter .56s var(--dg-ease)}
@media(hover:hover){body.dghome-ios-ui .product-small:hover .box-image img{transform:scale(1.045);filter:saturate(1.04)}}
body.dghome-ios-ui .product-small .box-text{padding:12px 7px 8px!important}
body.dghome-ios-ui .product-small .product-title a{font-weight:620!important;line-height:1.42!important;color:#24272c!important}
body.dghome-ios-ui .product-small .price{margin-top:7px!important}
body.dghome-ios-ui .product-small .price ins bdi,body.dghome-ios-ui .product-small .price>span.amount bdi{color:var(--dg-red)!important;font-weight:800!important}
body.dghome-ios-ui .home-danh-muc-san-pham .box-category{padding:12px!important;text-align:center}
body.dghome-ios-ui .home-danh-muc-san-pham .box-category .box-image{border-radius:20px!important;background:linear-gradient(145deg,#fff,#f1f4f8)!important}
body.dghome-ios-ui .blog-home .box-image{overflow:hidden;border-radius:18px 18px 12px 12px!important}
body.dghome-ios-ui .blog-home .post-title{font-weight:750!important;letter-spacing:-.015em!important;line-height:1.4!important}

/* iOS segmented controls */
body.dghome-ios-ui .dghome-segmented{display:flex!important;gap:4px!important;width:max-content;max-width:100%;padding:4px!important;border:1px solid rgba(0,0,0,.045)!important;border-radius:15px!important;background:rgba(118,118,128,.11)!important;overflow-x:auto;scrollbar-width:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.62)}
body.dghome-ios-ui .dghome-segmented::-webkit-scrollbar{display:none}
body.dghome-ios-ui .dghome-segmented li{margin:0!important;flex:0 0 auto}
body.dghome-ios-ui .dghome-segmented li a{padding:9px 16px!important;border-radius:11px!important;font-weight:680!important;color:#484d55!important;transition:all .24s var(--dg-ease)!important}
body.dghome-ios-ui .dghome-segmented li.active a{background:rgba(255,255,255,.97)!important;color:#101114!important;box-shadow:0 3px 9px rgba(0,0,0,.11)!important}
body.dghome-ios-ui .dghome-segmented li a:before{display:none!important}

/* Buttons */
body.dghome-ios-ui .dghome-action,body.dghome-ios-ui .btn-xemthem{border-radius:999px!important;min-height:40px;padding:0 18px!important;font-weight:700!important;transition:transform .18s var(--dg-ease),box-shadow .25s var(--dg-ease),filter .25s ease!important}
body.dghome-ios-ui .button.primary{background:linear-gradient(135deg,var(--dg-red),var(--dg-red-deep))!important;box-shadow:0 8px 18px rgba(215,25,32,.20)!important}
body.dghome-ios-ui .dghome-action.dghome-pressed{transform:scale(.965)!important}

/* RIGHT NAVIGATION RAIL — intentionally obvious and always visible on desktop */
body.dghome-ios-ui .dghome-rail{position:fixed!important;right:18px!important;top:50%!important;transform:translateY(-50%)!important;z-index:2147482000!important;width:58px;padding:10px 8px;border:1px solid rgba(255,255,255,.88);border-radius:29px;background:rgba(246,247,250,.72);box-shadow:0 18px 48px rgba(31,41,55,.18),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%)}
body.dghome-ios-ui .dghome-rail-track{display:grid;gap:5px;position:relative;z-index:2}
body.dghome-ios-ui .dghome-rail-progress{position:absolute;z-index:1;left:50%;top:22px;bottom:22px;width:2px;transform:translateX(-50%);background:rgba(120,120,128,.14);border-radius:999px;overflow:hidden}
body.dghome-ios-ui .dghome-rail-progress span{display:block;width:100%;height:var(--rail-progress,0%);background:linear-gradient(180deg,var(--dg-coral),var(--dg-red));border-radius:999px;transition:height .35s var(--dg-ease)}
body.dghome-ios-ui .dghome-rail-item{appearance:none!important;border:0!important;background:transparent!important;width:42px!important;height:42px!important;margin:0 auto!important;padding:0!important;display:grid!important;place-items:center!important;position:relative!important;border-radius:15px!important;cursor:pointer;color:#747b86;box-shadow:none!important;transition:transform .28s var(--dg-ease),background .28s var(--dg-ease),color .28s ease!important}
body.dghome-ios-ui .dghome-rail-icon{display:block;width:18px;height:18px;opacity:.86;transition:transform .28s var(--dg-ease)}
body.dghome-ios-ui .dghome-rail-icon svg{display:block;width:100%;height:100%;fill:currentColor}
body.dghome-ios-ui .dghome-dot{position:absolute;right:3px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:999px;background:#9da3ac;transition:all .28s var(--dg-ease)}
body.dghome-ios-ui .dghome-label{position:absolute;right:54px;top:50%;transform:translate(8px,-50%) scale(.96);opacity:0;pointer-events:none;white-space:nowrap;padding:8px 11px;border:1px solid rgba(255,255,255,.86);border-radius:12px;background:rgba(30,31,35,.88);color:#fff;font-size:12px;font-weight:650;box-shadow:0 8px 24px rgba(0,0,0,.16);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:all .22s var(--dg-ease)}
body.dghome-ios-ui .dghome-rail-item.is-active{color:var(--dg-red)!important;background:rgba(255,255,255,.92)!important;box-shadow:0 5px 14px rgba(31,41,55,.12)!important;transform:scale(1.05)}
body.dghome-ios-ui .dghome-rail-item.is-active .dghome-rail-icon{transform:scale(1.08)}
body.dghome-ios-ui .dghome-rail-item.is-active .dghome-dot{width:4px;height:22px;background:linear-gradient(180deg,var(--dg-coral),var(--dg-red));box-shadow:0 5px 12px rgba(215,25,32,.30)}
@media(hover:hover){body.dghome-ios-ui .dghome-rail-item:hover .dghome-label{opacity:1;transform:translate(0,-50%) scale(1)}body.dghome-ios-ui .dghome-rail-item:hover{background:rgba(255,255,255,.70)!important}}
body.dghome-ios-ui .dghome-anchor-section{scroll-margin-top:105px}

/* Motion */
body.dghome-ios-ui.dghome-motion .dghome-reveal{opacity:0;transform:translateY(18px) scale(.992)}
body.dghome-ios-ui.dghome-motion .dghome-reveal.dghome-in{opacity:1;transform:none;transition:opacity .64s var(--dg-ease) var(--dghome-delay,0ms),transform .64s var(--dg-ease) var(--dghome-delay,0ms)}

@media(max-width:1100px){
 body.dghome-ios-ui #content>.dghome-section-shell{padding:0 10px!important;margin:18px auto!important}
 body.dghome-ios-ui .dghome-section-panel{padding:18px!important;border-radius:26px!important}
 body.dghome-ios-ui .dghome-rail{right:9px!important;width:52px;padding:8px 5px}
}

/* Mobile = OS-like home experience */
@media(max-width:549px){
 body.dghome-ios-ui{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px));background:#f2f4f8!important}
 body.dghome-ios-ui #content{padding-bottom:18px}
 body.dghome-ios-ui #content>.slider-wrapper{margin:0 0 10px!important;border-radius:0!important;box-shadow:0 12px 28px rgba(31,41,55,.12)!important}
 body.dghome-ios-ui #content>.slider-wrapper img{width:100%!important;height:auto!important;object-fit:cover!important}
 body.dghome-ios-ui #content>.dghome-section-shell{width:100%!important;margin:10px 0!important;padding:0 6px!important}
 body.dghome-ios-ui #content>.dghome-section-shell:before{inset:-5px 2px;border-radius:28px;opacity:.62}
 body.dghome-ios-ui .dghome-section-panel{padding:13px 9px 15px!important;border-radius:23px!important;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.66))!important;box-shadow:0 8px 26px rgba(30,37,49,.075)!important;backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%)}
 body.dghome-ios-ui .title-home h2,body.dghome-ios-ui .col-title-btn h2{font-size:21px!important;letter-spacing:-.03em!important}
 body.dghome-ios-ui .section-title-main{font-size:23px!important}
 body.dghome-ios-ui .dghome-title-wrap{padding-bottom:10px!important}
 body.dghome-ios-ui .dghome-title-wrap:after{width:34px;height:3px}
 body.dghome-ios-ui .col-title-btn{gap:7px;align-items:flex-end}
 body.dghome-ios-ui .col-title-btn .button{font-size:11px!important;padding:0 9px!important;min-height:32px!important}
 body.dghome-ios-ui .dghome-glass-card{border-radius:20px!important;box-shadow:0 5px 18px rgba(31,41,55,.065)!important}
 body.dghome-ios-ui .product-small>.col-inner{padding:6px!important}
 body.dghome-ios-ui .product-small .box-image{border-radius:15px!important}
 body.dghome-ios-ui .product-small .box-text{padding:8px 4px 5px!important}
 body.dghome-ios-ui .product-small .product-title a{font-size:13px!important;line-height:1.38!important}
 body.dghome-ios-ui .price bdi{font-size:17px!important}
 body.dghome-ios-ui .price del bdi{font-size:12px!important}
 body.dghome-ios-ui .home-danh-muc-san-pham .box-category{padding:6px!important}
 body.dghome-ios-ui .dghome-segmented{width:100%;padding:4px!important;border-radius:13px!important}
 body.dghome-ios-ui .dghome-segmented li a{padding:8px 12px!important;font-size:12px!important}

 /* iPhone-style vertical rail hugging the right edge */
 body.dghome-ios-ui .dghome-rail{
   top:50%!important;right:calc(4px + env(safe-area-inset-right,0px))!important;bottom:auto!important;
   transform:translateY(-50%)!important;width:44px!important;height:auto!important;max-height:72vh!important;
   padding:7px 5px!important;border-radius:23px 0 0 23px!important;
   background:linear-gradient(180deg,rgba(248,249,252,.78),rgba(241,243,247,.64))!important;
   border-right:0!important;border-color:rgba(255,255,255,.88)!important;
   box-shadow:-12px 16px 38px rgba(31,41,55,.18),inset 0 1px 0 rgba(255,255,255,.96)!important;
   backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;
 }
 body.dghome-ios-ui .dghome-rail:after{
   content:"";position:absolute;right:0;top:18%;bottom:18%;width:2px;border-radius:999px;
   background:linear-gradient(180deg,transparent,rgba(215,25,32,.34),transparent);pointer-events:none;
 }
 body.dghome-ios-ui .dghome-rail-progress{display:block!important;left:auto!important;right:5px!important;top:18px!important;bottom:18px!important;transform:none!important;width:2px!important;background:rgba(120,120,128,.12)!important}
 body.dghome-ios-ui .dghome-rail-track{display:grid!important;grid-template-columns:1fr!important;align-items:center!important;justify-items:center!important;gap:3px!important;height:auto!important;max-height:calc(72vh - 14px)!important;overflow-y:auto!important;scrollbar-width:none!important}
 body.dghome-ios-ui .dghome-rail-track::-webkit-scrollbar{display:none}
 body.dghome-ios-ui .dghome-rail-item{width:34px!important;height:34px!important;min-width:34px!important;flex:none!important;margin:0!important;border-radius:13px!important}
 body.dghome-ios-ui .dghome-rail-icon{display:block;width:16px!important;height:16px!important}
 body.dghome-ios-ui .dghome-dot{right:2px!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:4px!important;height:4px!important;opacity:.62}
 body.dghome-ios-ui .dghome-rail-item.is-active{color:var(--dg-red)!important;background:rgba(255,255,255,.90)!important;box-shadow:0 5px 14px rgba(0,0,0,.10)!important;transform:scale(1.04)!important}
 body.dghome-ios-ui .dghome-rail-item.is-active .dghome-rail-icon{transform:scale(1.08)!important}
 body.dghome-ios-ui .dghome-rail-item.is-active .dghome-dot{width:3px!important;height:18px!important;background:linear-gradient(180deg,var(--dg-coral),var(--dg-red))!important;box-shadow:0 4px 10px rgba(215,25,32,.28)!important}
 body.dghome-ios-ui .dghome-label{display:none!important}
 body.dghome-ios-ui .dghome-anchor-section{scroll-margin-top:76px}
}

@media(prefers-reduced-motion:reduce){body.dghome-ios-ui *,body.dghome-ios-ui *:before,body.dghome-ios-ui *:after{animation:none!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* === v1.2: near-full desktop layout + configurable floating promo rails === */
@media (min-width:1600px){
 body.dghome-ios-ui #content>.dghome-section-shell{
   width:calc(100vw - 260px)!important;
   max-width:1680px!important;
   padding-left:10px!important;padding-right:10px!important;
 }
 body.dghome-ios-ui.dghome-has-right-promo .dghome-rail{right:148px!important}
}
@media (min-width:1200px) and (max-width:1599px){
 body.dghome-ios-ui #content>.dghome-section-shell{width:calc(100vw - 36px)!important;max-width:none!important}
}

body.dghome-ios-ui .dghome-promo-stage{pointer-events:none;position:fixed;inset:0;z-index:2147481500}
body.dghome-ios-ui .dghome-side-promo{
 pointer-events:auto;position:fixed;top:50%;transform:translateY(-50%);width:118px;max-height:68vh;
 padding:6px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.58));
 border:1px solid rgba(255,255,255,.94);box-shadow:0 20px 55px rgba(31,41,55,.18),inset 0 1px 0 rgba(255,255,255,.96);
 backdrop-filter:blur(24px) saturate(165%);-webkit-backdrop-filter:blur(24px) saturate(165%);
 overflow:hidden;transition:transform .32s var(--dg-ease),box-shadow .32s var(--dg-ease),opacity .25s ease;
}
body.dghome-ios-ui .dghome-side-promo--left{left:10px}
body.dghome-ios-ui .dghome-side-promo--right{right:10px}
body.dghome-ios-ui .dghome-side-promo img{display:block;width:100%;max-height:calc(68vh - 12px);height:auto;object-fit:cover;border-radius:18px}
body.dghome-ios-ui .dghome-side-promo__badge{position:absolute;z-index:2;top:10px;left:50%;transform:translateX(-50%);padding:6px 10px;border-radius:999px;background:rgba(215,25,32,.88);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 7px 18px rgba(169,15,23,.28);backdrop-filter:blur(10px);white-space:nowrap}
@media(hover:hover){body.dghome-ios-ui .dghome-side-promo:hover{transform:translateY(-50%) scale(1.035);box-shadow:0 28px 70px rgba(31,41,55,.24),inset 0 1px 0 rgba(255,255,255,.98)}}

@media (max-width:1599px){body.dghome-ios-ui .dghome-side-promo{display:none!important}}

/* Mobile/tablet: transform the same uploaded vertical promos into a horizontal glass strip below hero. */
@media (max-width:849px){
 body.dghome-ios-ui .dghome-promo-stage{position:relative!important;inset:auto!important;z-index:4!important;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 10px 8px;margin:2px 0 8px;pointer-events:auto;scrollbar-width:none}
 body.dghome-ios-ui .dghome-promo-stage::-webkit-scrollbar{display:none}
 body.dghome-ios-ui .dghome-side-promo{display:block!important;position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;flex:0 0 min(78vw,310px);width:auto!important;max-height:none!important;padding:5px;border-radius:20px;scroll-snap-align:center}
 body.dghome-ios-ui .dghome-side-promo img{width:100%;height:118px;max-height:none!important;object-fit:cover;object-position:center;border-radius:15px}
 body.dghome-ios-ui .dghome-side-promo__badge{top:9px;left:12px;transform:none;font-size:9px;padding:5px 8px}
}
@media (max-width:549px){
 body.dghome-ios-ui .dghome-promo-stage{padding-left:8px;padding-right:8px;gap:8px}
 body.dghome-ios-ui .dghome-side-promo{flex-basis:84vw;border-radius:18px}
 body.dghome-ios-ui .dghome-side-promo img{height:108px;border-radius:14px}
}

/* === v1.3.0 mobile performance + full-width + accurate compact rail === */
@keyframes dghomeGradientText{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
body.dghome-ios-ui .dghome-title-wrap :is(h1,h2,h3,.section-title-main),
body.dghome-ios-ui .title-home h2,
body.dghome-ios-ui .col-title-btn h2{
  background:linear-gradient(100deg,#15171b 0%,#d71920 26%,#ff6a3d 48%,#7a3cff 72%,#15171b 100%)!important;
  background-size:240% 100%!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  animation:dghomeGradientText 7s ease-in-out infinite!important;
}

@media(max-width:549px){
  html,body.dghome-ios-ui{max-width:100%!important;overflow-x:hidden!important}
  body.dghome-ios-ui{padding-bottom:env(safe-area-inset-bottom,0px)!important;background:#f5f6f8!important}
  body.dghome-ios-ui #main{overflow-x:hidden!important}
  body.dghome-ios-ui #content{width:100%!important;max-width:none!important;padding-left:0!important;padding-right:0!important;padding-bottom:12px!important}
  body.dghome-ios-ui #content>.slider-wrapper{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
  body.dghome-ios-ui #content>.dghome-section-shell{
    width:100vw!important;max-width:none!important;margin:7px calc(50% - 50vw)!important;padding:0!important;
  }
  body.dghome-ios-ui #content>.dghome-section-shell:before{display:none!important}
  body.dghome-ios-ui .dghome-section-panel{
    width:100%!important;max-width:none!important;margin:0!important;padding:10px 5px 12px!important;border-radius:0!important;
    border-left:0!important;border-right:0!important;
    background:rgba(255,255,255,.94)!important;box-shadow:0 4px 14px rgba(30,37,49,.055)!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  body.dghome-ios-ui .dghome-section-panel:before{display:none!important}
  body.dghome-ios-ui .dghome-glass-card:before{display:none!important}
  body.dghome-ios-ui.dghome-ambient #main:before{
    position:absolute!important;background:linear-gradient(180deg,#f8f9fb 0%,#f2f4f7 45%,#f7f7fa 100%)!important;
  }
  body.dghome-ios-ui .dghome-title-wrap{padding:3px 4px 8px!important;margin-bottom:2px!important}
  body.dghome-ios-ui .dghome-title-wrap:after{left:4px;width:27px;height:2px}
  body.dghome-ios-ui .title-home h2,body.dghome-ios-ui .col-title-btn h2{font-size:17px!important;line-height:1.2!important;letter-spacing:-.025em!important}
  body.dghome-ios-ui .section-title-main{font-size:18px!important;line-height:1.22!important}
  body.dghome-ios-ui .product-small>.col-inner{padding:4px!important;border-radius:15px!important}
  body.dghome-ios-ui .product-small .box-image{border-radius:11px!important}
  body.dghome-ios-ui .product-small .box-text{padding:5px 2px 4px!important}
  body.dghome-ios-ui .product-small .product-title a{font-size:11.5px!important;line-height:1.28!important;font-weight:580!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  body.dghome-ios-ui .product-small .price{margin-top:3px!important;line-height:1.18!important}
  body.dghome-ios-ui .product-small .price bdi{font-size:14.5px!important}
  body.dghome-ios-ui .product-small .price del bdi{font-size:10.5px!important}
  body.dghome-ios-ui .star-rating{font-size:11px!important}
  body.dghome-ios-ui .col-title-btn .button{font-size:9.5px!important;min-height:28px!important;padding:0 7px!important}
  body.dghome-ios-ui .dghome-segmented li a{font-size:10.5px!important;padding:6px 9px!important}

  /* ultra-compact right rail: only ~28px wide, no internal scrolling */
  body.dghome-ios-ui .dghome-rail{
    top:50%!important;right:0!important;bottom:auto!important;transform:translateY(-50%)!important;
    width:29px!important;max-height:none!important;height:auto!important;padding:5px 2px!important;
    border-radius:16px 0 0 16px!important;border-right:0!important;
    background:rgba(248,249,252,.82)!important;border-color:rgba(255,255,255,.92)!important;
    box-shadow:-6px 8px 18px rgba(31,41,55,.13)!important;
    backdrop-filter:blur(10px) saturate(130%)!important;-webkit-backdrop-filter:blur(10px) saturate(130%)!important;
    contain:layout paint style!important;
  }
  body.dghome-ios-ui .dghome-rail:after{right:0!important;top:12%!important;bottom:12%!important;width:1px!important}
  body.dghome-ios-ui .dghome-rail-progress{right:2px!important;top:10px!important;bottom:10px!important;width:1px!important}
  body.dghome-ios-ui .dghome-rail-track{display:grid!important;gap:1px!important;max-height:none!important;overflow:visible!important;padding:0!important}
  body.dghome-ios-ui .dghome-rail-item{width:24px!important;height:24px!important;min-width:24px!important;border-radius:9px!important;padding:0!important;transform:none!important}
  body.dghome-ios-ui .dghome-rail-icon{width:10px!important;height:10px!important;opacity:.76}
  body.dghome-ios-ui .dghome-rail-icon svg{width:10px!important;height:10px!important}
  body.dghome-ios-ui .dghome-dot{right:1px!important;width:2px!important;height:2px!important}
  body.dghome-ios-ui .dghome-rail-item.is-active{background:rgba(255,255,255,.97)!important;box-shadow:0 3px 8px rgba(0,0,0,.08)!important}
  body.dghome-ios-ui .dghome-rail-item.is-active .dghome-dot{width:2px!important;height:11px!important;box-shadow:none!important}
  body.dghome-ios-ui .dghome-label{display:none!important}
  body.dghome-ios-ui .dghome-anchor-section{scroll-margin-top:72px!important}

  /* disable expensive effects on phones to prevent WebKit tab reload/crash */
  body.dghome-ios-ui.dghome-motion .dghome-reveal,
  body.dghome-ios-ui.dghome-motion .dghome-reveal.dghome-in{opacity:1!important;transform:none!important;transition:none!important}
  body.dghome-ios-ui .dghome-glass-card{transition:none!important;box-shadow:0 3px 11px rgba(31,41,55,.055)!important}
  body.dghome-ios-ui .dghome-side-promo{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}

@media(max-width:380px){
  body.dghome-ios-ui .dghome-rail{width:27px!important;padding-left:1px!important}
  body.dghome-ios-ui .dghome-rail-item{width:22px!important;height:22px!important;min-width:22px!important}
  body.dghome-ios-ui .product-small .product-title a{font-size:11px!important}
}

/* === v1.3.1 micro rail + guaranteed animated gradient headings === */
@keyframes dghomeTitleHueFlow{
  0%{background-position:0% 50%;filter:saturate(1)}
  50%{background-position:100% 50%;filter:saturate(1.08)}
  100%{background-position:0% 50%;filter:saturate(1)}
}
body.dghome-ios-ui .dghome-gradient-title{
  background-image:linear-gradient(95deg,#17181b 0%,#d71920 20%,#ff7a18 39%,#af52de 61%,#0a84ff 79%,#17181b 100%)!important;
  background-size:300% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  animation:dghomeTitleHueFlow 6.2s ease-in-out infinite!important;
  font-weight:760!important;
  letter-spacing:-.03em!important;
}

@media(max-width:549px){
  body.dghome-ios-ui .dghome-gradient-title{
    font-size:15.5px!important;
    line-height:1.18!important;
    letter-spacing:-.025em!important;
    max-width:calc(100vw - 38px)!important;
    margin-bottom:0!important;
  }
  body.dghome-ios-ui .section-title-main.dghome-gradient-title{font-size:16.5px!important}

  /* Micro rail: minimal footprint, nearly transparent */
  body.dghome-ios-ui .dghome-rail{
    right:1px!important;
    width:21px!important;
    padding:4px 1px!important;
    border-radius:12px 0 0 12px!important;
    border:1px solid rgba(255,255,255,.34)!important;
    border-right:0!important;
    background:rgba(248,249,252,.28)!important;
    box-shadow:-2px 4px 10px rgba(20,24,40,.055)!important;
    backdrop-filter:blur(5px) saturate(112%)!important;
    -webkit-backdrop-filter:blur(5px) saturate(112%)!important;
  }
  body.dghome-ios-ui .dghome-rail:after{opacity:.22!important}
  body.dghome-ios-ui .dghome-rail-progress{
    right:1px!important;top:7px!important;bottom:7px!important;width:1px!important;
    background:rgba(120,120,128,.07)!important;
  }
  body.dghome-ios-ui .dghome-rail-progress span{opacity:.72!important}
  body.dghome-ios-ui .dghome-rail-track{gap:0!important}
  body.dghome-ios-ui .dghome-rail-item{
    width:18px!important;height:18px!important;min-width:18px!important;
    border-radius:7px!important;
  }
  body.dghome-ios-ui .dghome-rail-icon{width:7px!important;height:7px!important;opacity:.58!important}
  body.dghome-ios-ui .dghome-rail-icon svg{width:7px!important;height:7px!important}
  body.dghome-ios-ui .dghome-dot{right:0!important;width:1.5px!important;height:1.5px!important;opacity:.72!important}
  body.dghome-ios-ui .dghome-rail-item.is-active{
    background:rgba(255,255,255,.42)!important;
    box-shadow:none!important;
  }
  body.dghome-ios-ui .dghome-rail-item.is-active .dghome-rail-icon{opacity:.95!important;transform:scale(1.03)!important}
  body.dghome-ios-ui .dghome-rail-item.is-active .dghome-dot{
    width:1.5px!important;height:8px!important;opacity:1!important;
    background:linear-gradient(180deg,#ff7a18,#d71920,#af52de)!important;
  }

  /* Make section heading area more compact */
  body.dghome-ios-ui .dghome-title-wrap{padding:2px 3px 6px!important}
  body.dghome-ios-ui .dghome-title-wrap:after{width:22px!important;height:1.5px!important;opacity:.72!important}
}

@media(max-width:380px){
  body.dghome-ios-ui .dghome-rail{width:19px!important}
  body.dghome-ios-ui .dghome-rail-item{width:16px!important;height:16px!important;min-width:16px!important}
  body.dghome-ios-ui .dghome-rail-icon,body.dghome-ios-ui .dghome-rail-icon svg{width:6px!important;height:6px!important}
  body.dghome-ios-ui .dghome-gradient-title{font-size:14.5px!important}
}