/* DR1 STORE V30 — single-row desktop nav, compact hero, real empty states */
:root{--v30-gold:#ffcf69;--v30-blue:#62d6ff}
header{background:rgba(5,10,24,.95)!important;border-bottom:1px solid rgba(126,158,210,.18)}
header .nav.container{display:grid!important;grid-template-columns:minmax(143px,auto) minmax(0,1fr) auto!important;align-items:center!important;gap:clamp(9px,1.2vw,20px)!important;flex-wrap:nowrap!important;width:min(1580px,calc(100% - 42px))!important;min-height:79px!important;height:auto!important;padding:10px 0!important;}
header .nav>.brand{grid-column:1;grid-row:1;gap:8px;min-width:0!important;flex-shrink:0}
header .nav>.brand .brand-mark{width:68px!important;height:43px!important}
header .nav>.brand .brand-name{font-size:clamp(.75rem,1vw,.91rem)!important}
header .nav>nav{grid-column:2;grid-row:1;order:unset!important;flex:none!important;width:100%!important;max-width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(3px,.5vw,9px)!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;padding:4px 2px!important}
header .nav>nav::-webkit-scrollbar{display:none}
header .nav>nav a{white-space:nowrap;flex:0 0 auto!important;min-height:40px!important;padding:8px clamp(8px,.72vw,13px)!important;border-radius:999px!important;font-size:clamp(.67rem,.77vw,.82rem)!important}
header .nav>.dr1-toolbar{grid-column:3;grid-row:1;order:unset!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex:0 0 auto!important;min-width:0!important;margin:0!important;width:auto!important}
header .dr1-toolbar .dr1-quick-links{display:flex!important;gap:5px!important;align-items:center!important;justify-content:center!important}
header .dr1-toolbar .dr1-quick-link{padding:8px 9px!important;min-height:40px!important;gap:5px!important;font-size:.79rem!important}
header .dr1-toolbar .nav-actions{display:flex!important;flex-direction:row!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:6px!important;margin:0!important}
header .dr1-toolbar .currency-picker{min-width:99px!important;min-height:40px!important}
header .dr1-toolbar .currency-picker select{min-height:38px!important;font-size:.75rem!important;padding-inline:24px!important}
header .dr1-toolbar .lang{min-height:40px!important;padding:8px!important;font-size:.76rem!important}
header .v26-bell{min-width:40px;min-height:40px;padding:7px}
body[data-page="home"] .hero{padding:24px 0 28px!important;overflow:hidden;background:radial-gradient(ellipse at 24% 52%,#1b356970,transparent 47%),linear-gradient(105deg,#070f25,#121127 65%,#100d24)!important}
body[data-page="home"] .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr)!important;gap:clamp(14px,3vw,42px)!important;min-height:365px;align-items:center!important}
body[data-page="home"] .hero h1{font-size:clamp(2.2rem,3.4vw,4.15rem)!important;line-height:1.21!important;margin:13px 0 14px!important;letter-spacing:-.025em!important;max-width:12.5ch}
body[data-page="home"] .eyebrow{font-size:.8rem}
.v30-hero-sub{font-size:clamp(.87rem,1.2vw,1rem);color:#b7c7dc;line-height:1.8;max-width:37ch;margin:0 0 18px}
body[data-page="home"] .hero-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;flex-wrap:wrap}
body[data-page="home"] .v26-hero-badge{order:2;font-size:.73rem!important;padding:7px 11px!important}
.dr1-v26-main-cta{order:1;animation:none!important;width:auto!important;min-width:0!important;min-height:56px!important;padding:8px 17px!important;gap:11px!important;font-size:clamp(1rem,1.4vw,1.22rem)!important;border-radius:15px!important;box-shadow:0 9px 24px #e8a3393d!important}
.dr1-v26-main-cta:hover{transform:translateY(-2px)!important;box-shadow:0 13px 30px #e8a33955!important}
.dr1-v26-main-cta img{width:45px!important;height:42px!important;object-fit:contain!important}
.dr1-v26-main-cta .v26-cta-arrow{width:31px!important;height:31px!important;font-size:1.13rem!important}
.v30-hero-visual{width:100%;height:320px;position:relative;isolation:isolate;border-radius:27px;overflow:hidden;border:1px solid #46598b75;background:#0a1533;box-shadow:0 20px 52px #0007}
.v30-hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(1.08) contrast(1.08)}
.v30-hero-visual:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#071122ba)}
.v30-visual-mark{position:absolute;z-index:1;bottom:17px;inset-inline-start:22px;color:#ffdd84;font-size:clamp(1.3rem,3vw,2rem);font-weight:1000;letter-spacing:.09em;text-shadow:0 4px 20px #000}
.v30-visual-mark span{color:#7cf4ff}
.v26-site-categories{padding:33px 0 38px!important}
.v26-category-grid{gap:12px!important}
.v26-category-grid .v26-photo{height:clamp(163px,13vw,218px)!important}
.v26-category-grid>.v26-category{border-radius:17px!important;overflow:hidden!important}
.v26-category-grid .v26-category>strong{padding:13px 6px 15px!important;font-size:.95rem!important}
.v26-category-grid .v27-village-cover{background:linear-gradient(130deg,#213b60,#12192e)!important}
.v26-category-grid .v27-village-cover img{object-fit:cover!important;padding:0!important}
.dr1-plus-feature,.dr1-plus-spotlight{margin-top:0}
.v27-plus-home.v26-plus-home{padding:clamp(20px,2.3vw,31px)!important;border-radius:23px!important}
.v27-plus-heading h2{font-size:clamp(1.6rem,2.2vw,2.15rem)!important}
.v27-benefit-grid{gap:12px!important;margin-top:14px!important}
.v27-perk-photo{height:clamp(145px,14vw,182px)!important}
.v30-passes img{object-fit:cover;width:100%;height:100%}
.v27-benefit>strong{min-height:54px!important;padding:10px 7px!important;line-height:1.5!important}
.v27-deco-photo img{object-fit:contain!important;padding:7px!important;background:radial-gradient(circle,#24365a,#10162a 70%)}
.v27-discount-photo>span:first-child{font-size:clamp(3.7rem,6vw,5.7rem)!important}
.v27-plus-bar{margin-top:15px!important}
.v27-plus-bar .v26-gold-link{padding:11px 17px}
.v26-whatsapp{min-height:48px!important;padding:9px 15px!important;font-size:.81rem!important;z-index:40!important;bottom:18px!important;inset-inline-start:16px!important;max-width:min(215px,calc(100vw - 32px));box-shadow:0 8px 22px #00845f7b!important}
.v26-whatsapp svg{height:23px!important;width:23px!important;flex-basis:23px!important}
main{padding-bottom:72px}
.v30-empty-guide{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:24px;align-items:center;min-height:225px;padding:22px;border-radius:22px;border:1px solid #5a73917d;background:radial-gradient(ellipse at 10% 80%,#3a254c70,transparent 60%),linear-gradient(125deg,#111f38,#0c152a);margin:16px 0 5px;box-shadow:0 15px 36px #0003}
.v30-empty-guide[hidden]{display:none!important}
.v30-empty-art{height:208px;overflow:hidden;border-radius:16px;background:#121e36}
.v30-empty-art img{width:100%;height:100%;object-fit:contain}
.v30-empty-copy{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.v30-empty-kicker{color:#ffd586;letter-spacing:.12em;font-weight:900;font-size:.73rem}
.v30-empty-copy h3{font-size:clamp(1.3rem,2.2vw,1.95rem);margin:0;color:#fff}
.v30-empty-copy p{color:#b9cee3;line-height:1.75;font-size:.9rem;margin:0;max-width:56ch}
.v30-empty-action{margin-top:8px;display:inline-flex;align-items:center;justify-content:center;min-height:43px;border-radius:11px;padding:10px 18px;border:1px solid #f8d17d;color:#211204;background:linear-gradient(110deg,#f9b848,#ffe18e);font-weight:850;text-decoration:none}
.v30-empty-action:hover{filter:brightness(1.06)}
.v25-catalog-tools{margin-bottom:12px!important}
.page-top{padding-block:27px!important}
.section:not(.dr1-plus-feature){padding-block:34px}
.section-head{margin-bottom:17px!important}
.v25-public-reviews{max-width:min(1140px,calc(100% - 30px));margin:25px auto 40px!important}
body[data-page="membership"] .v26-member-panel{align-items:start!important}
body[data-page="membership"] .member-main{gap:7px!important}
body[data-page="membership"] .v27-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px!important}
body[data-page="membership"] .v27-perk-photo{height:clamp(140px,12vw,170px)!important}
body[data-page="membership"] .v27-benefit>strong{font-size:.78rem!important;min-height:56px!important}
@media(max-width:1380px){
 header .dr1-quick-link span[data-shop-account-text],header .dr1-quick-link span[data-shop-cart-text]{display:none!important}
 header .nav.container{grid-template-columns:minmax(120px,auto) minmax(0,1fr) auto!important;width:calc(100% - 30px)!important}
 header .nav>nav a{font-size:.72rem!important;padding:8px 9px!important}
}
@media(max-width:1080px){
 header .nav.container{grid-template-columns:minmax(0,auto) minmax(0,1fr)!important;grid-template-rows:auto auto;gap:6px 10px!important;padding:8px 0 6px!important}
 header .nav>.brand{grid-column:1;grid-row:1}
 header .nav>.dr1-toolbar{grid-column:2;grid-row:1;justify-self:end}
 header .nav>nav{grid-column:1/-1;grid-row:2;justify-content:flex-start!important;gap:8px!important;overflow-x:auto!important;padding:3px 0 7px!important}
 header .nav>nav a{font-size:.8rem!important;padding:8px 12px!important}
 .v30-hero-visual{height:300px}
}
@media(max-width:740px){
 header .nav.container{width:calc(100% - 24px)!important;gap:5px!important}
 header .nav>.brand .brand-mark{width:53px!important;height:34px!important}
 header .nav>.brand .brand-name{font-size:.67rem!important}
 header .nav>.dr1-toolbar{gap:5px!important}
 header .dr1-toolbar .dr1-quick-links{gap:3px!important}
 header .dr1-toolbar .dr1-quick-link{min-height:37px!important;padding:6px!important}
 header .v26-bell{min-height:37px!important;min-width:35px!important}
 header .dr1-toolbar .currency-picker{min-width:87px!important;min-height:37px!important}
 header .dr1-toolbar .currency-picker select{min-height:35px!important;font-size:.68rem!important;padding-inline:21px!important}
 header .dr1-toolbar .lang{min-height:37px!important;padding:6px!important;font-size:.68rem!important}
 header .nav>nav a{font-size:.75rem!important;min-height:39px!important;padding:7px 12px!important}
 body[data-page="home"] .hero{padding:22px 0!important}
 body[data-page="home"] .hero-grid{grid-template-columns:1fr!important;gap:17px!important;min-height:0!important}
 body[data-page="home"] .hero h1{font-size:clamp(2rem,7vw,3rem)!important;max-width:15ch;margin-bottom:9px!important}
 .v30-hero-sub{max-width:38ch;margin-bottom:12px}
 .v30-hero-visual{height:210px;max-width:550px;width:100%;margin:auto;grid-row:2;border-radius:19px}
 .dr1-v26-main-cta{min-height:52px!important;font-size:1rem!important;padding:6px 12px!important}
 .dr1-v26-main-cta img{height:34px!important;width:35px!important}
 body[data-page="home"] .v26-hero-badge{display:none!important}
 .v26-site-categories{padding:22px 0 25px!important}
 .v26-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .v26-category-grid .v26-photo{height:clamp(120px,36vw,215px)!important}
 .v26-category-grid .v26-category>strong{font-size:.85rem!important;padding:10px 5px!important}
 .v27-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .v27-benefit:last-child{grid-column:span 2}
 .v27-benefit:last-child .v27-perk-photo{height:150px!important}
 body[data-page="membership"] .v27-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body[data-page="membership"] .v27-benefit:last-child{grid-column:span 2}
 body[data-page="membership"] .v27-perk-photo{height:165px!important}
 .v30-empty-guide{grid-template-columns:1fr;padding:13px;gap:11px}
 .v30-empty-art{height:145px}
 .v30-empty-copy{padding:6px 5px 12px}
 .v26-whatsapp{height:53px!important;width:53px!important;min-width:53px;max-width:53px;min-height:53px!important;padding:11px!important;border-radius:50%!important;bottom:max(14px,env(safe-area-inset-bottom,0px))!important;inset-inline-start:12px!important}
 .v26-whatsapp svg{width:27px!important;height:27px!important;flex-basis:27px!important}
 .v26-whatsapp .v27-whatsapp-label{display:none!important}
 .v26-whatsapp:focus-visible{outline:3px solid #ffdc86}
}
@media(max-width:410px){
 header .nav.container{width:calc(100% - 14px)!important;gap:4px!important}
 header .nav>.brand .brand-mark{width:42px!important;height:29px!important}
 header .nav>.brand .brand-name{font-size:.58rem!important}
 header .dr1-toolbar .currency-picker{min-width:77px!important}
 header .dr1-toolbar .currency-picker select{font-size:.61rem!important}
 header .dr1-toolbar .lang{font-size:.62rem!important;padding-inline:4px!important}
 header .dr1-quick-link .dr1-shop-counter{min-width:15px!important;height:17px!important;font-size:.56rem!important}
 .v30-hero-visual{height:175px}
 .v27-benefit-grid,body[data-page="membership"] .v27-benefit-grid{grid-template-columns:1fr!important}
 .v27-benefit:last-child,body[data-page="membership"] .v27-benefit:last-child{grid-column:auto!important}
 .v27-perk-photo,body[data-page="membership"] .v27-perk-photo{height:150px!important}
}
@media(prefers-reduced-motion:reduce){.v30-hero-visual img{transition:none}}

/* Images for transparent demo products; no emoji cards once a local visual is available. */
#cards .card:has(.dr1-card-thumb){padding:0!important;min-height:0!important}
#cards .card:has(.dr1-card-thumb)>.icon{display:block!important;width:100%!important;height:178px!important;margin:0 0 15px!important;border-radius:0!important;overflow:hidden!important;background:#101c34!important}
#cards .card .dr1-card-thumb{width:100%;height:100%;object-fit:cover}
#cards .card:has(.dr1-card-thumb)>h3,#cards .card:has(.dr1-card-thumb)>.price{padding-inline:17px!important}
#cards .card:has(.dr1-card-thumb)>.btn{width:calc(100% - 34px)!important;margin:10px 17px 17px!important}
#topupGrid .topup-card-top:has(img){position:relative;display:block}
#topupGrid .topup-emoji:has(img){width:100%!important;height:148px!important;border-radius:15px!important;overflow:hidden}
#topupGrid .topup-emoji:has(img) img{width:100%;height:100%;object-fit:cover}
#topupGrid .topup-card-top:has(img) .topup-kind{position:absolute;z-index:2;inset-inline-end:9px;top:9px;background:#081729eb}
.v25-empty:has(+ .v30-empty-guide:not([hidden])){display:none!important}
.village-empty[hidden]{display:none!important}
@media(max-width:740px){#cards .card:has(.dr1-card-thumb)>.icon{height:185px!important}}