/* DR1 STORE V27 · curated Clash imagery and clean, premium subscription. */
/* WhatsApp: true flex alignment, icon/text spacing, safe viewport boundaries. */
.v26-whatsapp{box-sizing:border-box!important;direction:rtl;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:11px!important;width:max-content;max-width:calc(100vw - 28px);min-height:57px;padding:12px 21px!important;border-radius:999px;line-height:1.35!important;font-family:Tahoma,Arial,sans-serif;font-size:clamp(.83rem,1.4vw,.95rem)!important;font-weight:850;white-space:nowrap;letter-spacing:0!important;isolation:isolate;box-shadow:0 8px 25px #0eaa6590,inset 0 1px rgba(255,255,255,.25);text-align:center;transition:transform .2s,box-shadow .2s}
.v26-whatsapp svg{width:26px!important;height:26px!important;flex:0 0 26px;display:block;vertical-align:middle}
.v26-whatsapp .v27-whatsapp-label{display:block;white-space:nowrap;line-height:1.35;transform:translateY(-.5px)}
.v26-whatsapp:focus-visible{outline:3px solid #fcda8d;outline-offset:4px}
.v26-whatsapp:hover{transform:translateY(-2px);box-shadow:0 13px 30px #0eaa6590}
html[lang="en"] .v26-whatsapp,body:lang(en) .v26-whatsapp{direction:ltr}
/* Luxury membership presentation: 3 large authentic visual benefits */
.v27-plus-home.v26-plus-home{display:block;max-width:none;border:1px solid #b997688f;padding:clamp(20px,3.4vw,40px);background:radial-gradient(circle at 13% 4%,#67416855,transparent 48%),radial-gradient(circle at 85% 100%,#2a7b8660,transparent 38%),linear-gradient(125deg,#181529,#0b1832 57%,#111e30);box-shadow:0 21px 70px rgba(0,0,0,.42),inset 0 1px #ffffff18}
.v27-plus-heading{text-align:right;position:relative;z-index:1}
.v27-plus-heading h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:10px 0 5px}
.v27-plus-heading p{color:#c3cde0;margin:0 0 20px;font-size:.92rem}
.v27-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:17px 0 0}
.v27-benefit{min-width:0;overflow:hidden;border:1px solid #d6ba774a;border-radius:20px;background:linear-gradient(180deg,#15213b,#0a1225);box-shadow:0 7px 27px #050c1f90;text-align:center;display:flex;flex-direction:column;align-items:stretch}
.v27-perk-photo{height:clamp(160px,19vw,228px);width:100%;overflow:hidden;position:relative;display:grid;place-items:center;background:radial-gradient(circle at center,#2a3f70,#080f23 77%)}
.v27-perk-photo>img{width:100%;height:100%;object-fit:cover;display:block}
.v27-benefit>strong{display:grid;place-items:center;flex:1;line-height:1.5;padding:13px 9px 16px;color:#ffeed0;font-size:clamp(.78rem,1.18vw,1.08rem);min-height:65px}
.v27-discount-photo{background:radial-gradient(ellipse at 50% 45%,#7c5bc99c,transparent 48%),linear-gradient(145deg,#1b2354 8%,#0a1931 57%,#3e1e57)}
.v27-discount-photo>span:first-child{position:relative;z-index:2;font-size:clamp(4.3rem,8vw,7rem);line-height:1;letter-spacing:-.055em;font-weight:1000;direction:ltr;color:#ffe7aa;text-shadow:0 4px 0 #b46e37,0 15px 42px #ffcf7273;transform:rotate(-5deg)}
.v27-percent-sign{font-size:.46em;vertical-align:top;line-height:1.3;margin-inline-start:1px}
.v27-discount-rays{position:absolute;inset:-10%;background:repeating-conic-gradient(from 3deg,transparent 0 20deg,#fbbf5433 21deg 27deg,transparent 28deg 45deg);mask-image:radial-gradient(circle,black,transparent 72%)}
.v27-two-passes{display:flex;align-items:stretch;gap:3px;background:#5c2435}
.v27-two-passes img{width:50%;flex:1 1 50%;object-fit:cover;min-width:0}
.v27-two-passes img:first-child{object-position:center center}
.v27-two-passes img:last-child{object-position:center center}
.v27-or{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#221108!important;background:linear-gradient(135deg,#ffd685,#fff4ca);border:2px solid #fff6df;padding:6px 12px;border-radius:100px;font-size:.83rem;font-weight:1000;box-shadow:0 3px 18px #0009;z-index:3}
.v27-deco-photo{background:radial-gradient(circle,#405c34,#142028 67%)}
.v27-deco-photo img{object-fit:contain;padding:4%;filter:drop-shadow(0 9px 14px #070e1e77)}
.v27-plus-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;flex-wrap:wrap}
.v27-plus-rate{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#ffdab0;font-weight:900;letter-spacing:.035em}
.v27-plus-rate>strong{color:#ffdfa0;font-size:2rem;font-weight:1000;direction:ltr;letter-spacing:-.025em}
.v27-plus-rate>small{color:#b9c6d9;font-weight:650;font-size:.85rem;letter-spacing:0}
.v27-plus-bar .v26-gold-link{margin:0;padding:13px 22px;border-radius:13px}
body[data-page="membership"] .v26-member-panel{grid-template-columns:minmax(0,1.75fr) minmax(220px,.55fr);padding:clamp(16px,3vw,29px)!important;gap:17px!important}
body[data-page="membership"] .v27-perk-photo{height:clamp(150px,18vw,220px)}
body[data-page="membership"] .v27-benefit{border-color:#f5d19366}
body[data-page="membership"] .v27-benefit>strong{font-size:.85rem}
body[data-page="membership"] .v26-price-panel{background:radial-gradient(circle at 50% 25%,#aa79467a,transparent 58%),linear-gradient(150deg,#1d2139,#0b1527)!important}
body[data-page="membership"] #discountNumber{font-size:clamp(2rem,4vw,2.8rem)}
body[data-page="membership"] .member-glyph{font-size:1.5rem;color:#ffe4a2;letter-spacing:.2em}
/* Game assets instead of placeholder category emojis */
.v26-category-grid .v26-photo{height:clamp(192px,18vw,255px);background:#0c1830}
.v26-category-grid .v27-village-cover{background:linear-gradient(180deg,#e5edf5,#d4e2fa)}
.v26-category-grid .v26-photo img{display:block;width:100%;height:100%;object-fit:cover}
.v26-category-grid .v27-village-cover img{object-fit:contain;padding:3%;}
.v26-category-grid>.v26-category{border:1px solid #6a86a560!important;min-height:0!important}
.v26-category-grid>.v26-category:hover{border-color:#f8d286!important}
.v26-category-grid .v26-category>strong{padding:16px 7px 19px;font-weight:950}
/* Editorial gallery - real supplied DR1 promo/game artwork, no unconfigured installments claim */
.v27-gallery-section{padding:34px 0 65px}
.v27-gallery-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:0 0 18px}
.v27-gallery-head h2{margin:7px 0 0;font-size:clamp(1.6rem,3vw,2.4rem);color:white}
.v27-gallery-sub{font-size:.82rem;color:#9fb5d0}
.v27-gallery-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.v27-gallery-card{min-width:0;position:relative;display:block;overflow:hidden;isolation:isolate;aspect-ratio:1.75;border-radius:19px;border:1px solid #6881b65c;box-shadow:0 12px 32px #0006;text-decoration:none;background:#0b142c}
.v27-gallery-card img{height:100%;width:100%;object-fit:cover;transition:transform .35s}
.v27-gallery-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#020a1fe8);pointer-events:none;z-index:1}
.v27-gallery-card>span{position:absolute;bottom:15px;inset-inline-start:19px;z-index:2;color:#fff;font-size:clamp(.93rem,1.4vw,1.16rem);font-weight:900;text-shadow:0 2px 6px #000a}
.v27-gallery-card:hover img{transform:scale(1.07)}
.v27-gallery-card:focus-visible{outline:3px solid #ffdc91;outline-offset:3px}
@media(max-width:1040px){body[data-page="membership"] .v26-member-panel{grid-template-columns:1fr}.v26-category-grid .v26-photo{height:210px}}
@media(max-width:720px){.v27-benefit-grid{gap:9px}.v27-perk-photo,body[data-page="membership"] .v27-perk-photo{height:clamp(115px,31vw,180px)}.v27-benefit>strong{font-size:.75rem;min-height:72px;padding:9px 4px}.v27-discount-photo>span:first-child{font-size:clamp(3rem,10vw,5rem)}.v27-gallery-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}.v27-gallery-card{flex:0 0 min(78vw,340px);scroll-snap-align:center;aspect-ratio:1.45}.v27-gallery-card>span{bottom:14px}.v27-plus-bar{justify-content:center}.v27-plus-rate{justify-content:center}.v27-plus-bar .v26-gold-link{width:100%}.v26-category-grid .v26-photo{height:clamp(140px,36vw,215px)}}
@media(max-width:390px){.v27-benefit-grid{grid-template-columns:1fr 1fr}.v27-benefit:last-child{grid-column:span 2}.v27-benefit:last-child .v27-perk-photo{height:150px}.v26-whatsapp{bottom:12px;inset-inline-start:12px;font-size:.81rem!important;padding:11px 15px!important;gap:8px!important}.v26-whatsapp svg{width:23px!important;height:23px!important;flex-basis:23px}}
@media(prefers-reduced-motion:reduce){.v27-gallery-card img,.v26-whatsapp{transition:none!important}}

/* Keep legacy verbose benefit labels hidden: imagery is the focus. */
.member-perks[hidden]{display:none!important}