/* DR1 STORE V39 — final storefront UX polish; avoids changing ordering, admin and checkout logic. */
:root{--v39-cyan:#8fe7f6;--v39-gold:#f9cc7d}
html{scroll-behavior:smooth;scroll-padding-top:90px}
#store-categories{scroll-margin-top:95px}
/* A compact, purposeful homepage: carousel > categories > membership > trusted reviews > process. */
body[data-page="home"] .hero{padding-block:27px 21px!important}
body[data-page="home"] .hero-grid{min-height:318px!important}
body[data-page="home"] .hero h1{max-width:14ch!important;margin-block:11px 13px!important}
body[data-page="home"] #heroText{max-width:36ch;color:#d1ddf1!important;font-size:clamp(.98rem,1.28vw,1.12rem)!important;line-height:1.85!important}
body[data-page="home"] #heroBtn{min-height:55px;min-width:215px;box-shadow:0 12px 27px #e8a74535}
body[data-page="home"] #heroBtn:focus-visible{outline:3px solid #7beaff;outline-offset:3px}
body[data-page="home"] .v26-site-categories{padding-block:22px 28px!important}
body[data-page="home"] .v26-site-categories .category-head{margin-bottom:12px}
body[data-page="home"] #how{padding-block:32px!important}
body[data-page="home"] .v26-sell-teaser{margin-top:0!important}
/* A small breadcrumb + a single semantic H1 inside the visual banner. */
body .page-top.v39-breadcrumb-only{padding:12px 0 5px!important;background:#080e21}
.v39-breadcrumb-only .breadcrumb{font-size:.8rem;color:#9fb9d4;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.v39-breadcrumb-only a{color:#bfeaf8;text-decoration:none}
.v39-breadcrumb-only a:hover{text-decoration:underline}
.v39-catalog-banner{padding:5px 0 10px!important}
.v39-catalog-banner .v36-banner-stage{height:clamp(185px,20vw,243px);border-radius:19px;border-color:#ae976c78;box-shadow:0 15px 32px #0008}
.v39-catalog-banner .v36-banner-label h1{font-size:clamp(1.35rem,2.9vw,2.4rem);font-weight:950;margin:0;line-height:1.3;max-width:22ch;color:#fff;letter-spacing:-.02em}
.v39-catalog-banner .v36-banner-label{bottom:15px;inset-inline-end:18px;gap:3px}
.v39-catalog-banner .v36-badge-prefix{letter-spacing:.15em}
.v39-catalog-banner .v36-percent-emblem{width:53px;height:53px;font-size:2.2rem;border-radius:15px}
.v39-catalog-description{margin:0 0 14px!important;padding:4px 2px 0;align-items:center!important;min-height:0!important}
.v39-catalog-description>div:empty{display:none}
.v39-redundant-heading{display:none!important}
.v39-catalog-description p{margin:0!important;max-width:80ch!important;line-height:1.7!important;font-size:.88rem!important;color:#a9c3db!important}
/* Compact sections but keep important warnings and navigation. */
body[data-page="villages"] #villages,body[data-page="services"] #services,body[data-page="topups"] #topups,body[data-page="membership"] #membership{padding-top:10px!important}
body[data-page="topups"] .topup-jump{margin-block:11px 16px!important}
body[data-page="topups"] .topup-jump a{min-height:43px;display:inline-flex;align-items:center;justify-content:center}
body[data-page="villages"] .village-controls{margin-block:11px 18px}
body[data-page="villages"] .demo-warning,body[data-page="topups"] .notice{margin-block:11px 14px!important;font-size:.83rem!important;line-height:1.7!important}
/* Product grid: coherent photo frames, contained illustration foreground, no stretched crops. */
.v25-card{overflow:hidden;border-radius:17px!important;border:1px solid #526c8a78!important;background:linear-gradient(155deg,#12213a,#0b1328)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.v25-card:hover{transform:translateY(-3px)}
.v25-card .topup-card-top{background:radial-gradient(circle at 51% 32%,#355174,#111a33 74%)!important}
.v25-card .topup-card-top .topup-emoji:has(img){height:220px!important;min-height:220px!important;padding:13px!important;background:transparent!important}
.v25-card .topup-card-top .topup-emoji:has(img)>.dr1-card-thumb{object-fit:contain!important;object-position:center!important;max-height:100%!important;filter:drop-shadow(0 10px 15px #0007)}
.v25-card .topup-card-top .topup-emoji>.v25-photo-backdrop{opacity:.52;filter:blur(22px) brightness(.48) saturate(1.12)}
.v25-card.card .icon{height:225px!important;min-height:225px!important;background:radial-gradient(circle at 40% 25%,#29435e,#111a31 72%)!important}
.v25-card.card .icon img{width:100%;height:100%;object-fit:contain!important;max-width:100%;max-height:100%;padding:10px;box-sizing:border-box}
.v25-card .village-picture{height:225px!important;background:#14243c}
.v25-card .village-picture img{width:100%;height:100%;object-fit:contain!important;background:#111c34}
.v25-card.card h3{line-height:1.45!important;margin-top:13px!important;overflow-wrap:anywhere}
.v25-card.card .dr1-add-btn,.v25-card .dr1-detail-link{min-height:44px!important}
.v25-catalog-tools input,.v25-catalog-tools select,.village-controls select{min-height:45px}
/* Detail pages: visual consistency, zoomable image and usable thumbnail strip. */
.dr1-product-panel{box-shadow:0 18px 55px #0005;border-color:#657c9970}
.dr1-product-image{background:radial-gradient(circle at 50% 43%,#253d5c,#0b1225 77%);border-color:#537e9a55}
.dr1-product-image img{width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%;padding:11px;box-sizing:border-box}
.dr1-product-thumbs button{min-width:77px;min-height:68px;scroll-snap-align:start}
.dr1-product-thumbs{scroll-snap-type:x proximity;scrollbar-width:thin}
.dr1-product-thumbs img{object-fit:contain;background:#122038}
.dr1-product-button,.dr1-product-secondary{min-height:48px}
/* Harmonize village artwork frame with the dark category cards without a sharp white rectangle. */
.v26-category-grid [data-category-photo="village"] .v26-photo{background:radial-gradient(ellipse at center,#e3eaf6,#273b5d 110%)!important}
.v26-category-grid [data-category-photo="village"] .v26-photo img{mix-blend-mode:normal!important;object-fit:contain!important;padding:9px 13px!important;mask-image:radial-gradient(ellipse 85% 91% at center,#000 69%,transparent 99%)}
.v26-category-grid .v26-photo{border-bottom:1px solid #b8d0f224}
.v26-category-grid .v26-category:hover .v26-photo img{transform:scale(1.025);transition:transform .2s ease}
/* One combined review component. Never render a 2nd V25 block on homepage. */
.v39-home-reviews{padding:23px 0 28px;background:linear-gradient(180deg,#080f20,#11152a);direction:rtl;text-align:right}
.v39-testimonial-heading{margin-bottom:16px}
.v39-testimonial-heading h2{font-size:clamp(1.4rem,3vw,2.05rem);color:#f5f8ff;margin:6px 0 5px;font-weight:950}
.v39-feedback-kicker{font-size:.7rem;font-weight:950;letter-spacing:.19em;color:#74dff4}
.v39-feedback-note{font-size:.85rem;color:#aabed7;margin:0;line-height:1.65}
.v39-feedback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v39-feedback-card{display:flex;flex-direction:column;gap:11px;min-height:122px;padding:18px;background:linear-gradient(160deg,#13213c,#0c152b);border:1px solid #4c63868f;border-radius:17px;box-shadow:0 11px 22px #0003;overflow-wrap:anywhere}
.v39-feedback-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.v39-feedback-stars{color:#ffcb6b;letter-spacing:.07em;direction:ltr}
.v39-feedback-type{font-size:.72rem;color:#b6d7e9;background:#1e3453;border-radius:999px;padding:4px 9px}
.v39-feedback-card p{line-height:1.8;font-size:.91rem;color:#f0f3fc;margin:0;white-space:pre-wrap}
.v39-feedback-card .v39-stars-only{color:#aec3d9}
.v39-review-demo{font-size:.71rem;color:#d9c292;line-height:1.6}
html[dir="ltr"] .v39-home-reviews{direction:ltr;text-align:left}
/* Responsive ergonomics, with controls meeting common touch target sizes. */
@media(max-width:960px){
 body[data-page="home"] .hero-grid{min-height:0!important}
 .v39-feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
 html{scroll-padding-top:68px}
 .v39-breadcrumb-only{padding:10px 0 3px!important}
 .v39-breadcrumb-only .breadcrumb{font-size:.76rem}
 .v39-catalog-banner .v36-banner-stage{height:155px;border-radius:15px}
 .v39-catalog-banner .v36-banner-label{inset-inline-end:12px;bottom:12px}
 .v39-catalog-banner .v36-banner-label h1{font-size:clamp(1.15rem,6vw,1.5rem)}
 .v39-catalog-banner .v36-percent-emblem{width:40px;height:40px;border-radius:11px;font-size:1.6rem;inset-inline-start:8px;top:8px}
 .v39-catalog-description{margin-bottom:10px!important}
 .v39-catalog-description p{font-size:.81rem!important}
 body[data-page="home"] .hero{padding-block:15px 13px!important}
 body[data-page="home"] .hero h1{font-size:clamp(1.95rem,8.2vw,2.5rem)!important;max-width:100%!important;margin:9px 0!important}
 body[data-page="home"] #heroText{font-size:.9rem!important;max-width:100%;line-height:1.7!important;margin-bottom:13px!important}
 body[data-page="home"] #heroBtn{min-height:51px;min-width:0;width:100%;justify-content:center}
 body[data-page="home"] .v36-hero-slider{height:203px}
 body[data-page="home"] .v26-site-categories{padding-block:18px 20px!important}
 .v39-feedback-grid{grid-template-columns:minmax(0,1fr)}
 .v39-home-reviews{padding-block:19px 22px}
 .v39-feedback-card{min-height:0;padding:15px}
 .v25-card .topup-card-top .topup-emoji:has(img){height:185px!important;min-height:185px!important}
 .v25-card.card .icon{height:185px!important;min-height:185px!important}
 .v25-card .village-picture{height:185px!important}
 .v25-card.card h3{font-size:1rem!important}
 .v25-catalog-tools{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
 .v25-catalog-tools input[type="search"]{grid-column:1/-1;min-width:0!important;width:100%!important;box-sizing:border-box}
 .v25-catalog-tools select,.v25-stock-filter{min-width:0!important;width:100%;font-size:.86rem!important}
 .v25-stock-filter{display:flex;align-items:center;gap:5px;white-space:normal;line-height:1.3}
 .v25-catalog-tools input,.v25-catalog-tools select,.village-controls select{font-size:16px!important;min-height:45px}
 .dr1-product-panel{padding:15px;border-radius:18px}
 .dr1-product-image{height:255px;border-radius:14px}
 .dr1-product-wrap{padding-top:20px}
 .dr1-product-title{line-height:1.22}
 .dr1-product-thumbs button{flex:0 0 72px;width:72px;height:65px}
 .v26-category-grid [data-category-photo="village"] .v26-photo img{padding:6px!important}
}
@media(max-width:370px){
 .v39-catalog-banner .v36-banner-stage{height:141px}
 .v39-catalog-banner .v36-banner-label h1{font-size:1.1rem}
 body[data-page="home"] .v36-hero-slider{height:185px}
 .v39-feedback-card-top{gap:8px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.v25-card,.v26-category-grid .v26-photo img{transition:none!important}.v25-card:hover{transform:none}}


/* DR1 STORE V40 patch — visible village-offer card on home + fuller product imagery. */
body[data-page="home"] .v26-category-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.v26-category-grid [data-category-photo="sell"] .v26-photo::before{background-image:url('dr1-v27-village-scene.webp')!important}
.v26-category-grid [data-category-photo="sell"] .v26-photo{background:radial-gradient(circle at 50% 42%,#35507a,#10172c 78%)!important}
.v26-category-grid [data-category-photo="sell"] .v26-photo img{object-fit:cover!important;object-position:center!important;padding:0!important;filter:none!important}
.v26-category-grid [data-category-photo="sell"]>strong{color:#ffe7ad}

/* Make list-card product photos fill the frame better on desktop and mobile. */
.v25-card .topup-card-top{display:block!important;position:relative;overflow:hidden;border-radius:15px;background:radial-gradient(circle at 50% 22%,#2d4769,#10182f 72%)!important}
.v25-card .topup-card-top .topup-kind{position:absolute;top:12px;inset-inline-start:12px;z-index:2;backdrop-filter:blur(8px)}
.v25-card .topup-card-top .topup-emoji{display:block!important;position:relative;width:100%!important;height:220px!important;min-height:220px!important;border:none!important;border-radius:0!important;background:transparent!important;overflow:hidden;padding:0!important}
.v25-card .topup-card-top .topup-emoji>.v25-photo-backdrop,
.v25-card .topup-card-top .topup-emoji>.dr1-card-thumb{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}
.v25-card .topup-card-top .topup-emoji>.dr1-card-thumb{object-fit:cover!important;object-position:center!important;padding:0!important;filter:none!important}
.v25-card .topup-card-top .topup-emoji>.v25-photo-backdrop{object-fit:cover!important;object-position:center!important;opacity:.42!important;filter:blur(18px) brightness(.5) saturate(1.18)!important}
.v25-card.card .icon{height:225px!important;min-height:225px!important;overflow:hidden;border-radius:15px;background:radial-gradient(circle at 50% 22%,#2d4769,#10182f 72%)!important}
.v25-card.card .icon img{object-fit:cover!important;object-position:center!important;padding:0!important}
.v25-card .village-picture{height:225px!important;background:#14243c}
.v25-card .village-picture img{object-fit:cover!important;background:#111c34}

@media(max-width:1100px){
 body[data-page="home"] .v26-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:650px){
 .v25-card .topup-card-top .topup-emoji{height:190px!important;min-height:190px!important}
 .v25-card.card .icon{height:190px!important;min-height:190px!important}
 .v25-card .village-picture{height:190px!important}
}
@media(max-width:560px){
 body[data-page="home"] .v26-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}