/* =========================================================
   ZYNN STORE — FUTURE PROFESSIONAL REDESIGN
   File global untuk index.php + digital-store.php
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&display=swap');

:root{
  --zy-bg:#050816;
  --zy-bg2:#07142a;
  --zy-panel:rgba(13,26,52,.72);
  --zy-panel2:rgba(18,38,77,.62);
  --zy-line:rgba(148,216,255,.18);
  --zy-line2:rgba(255,255,255,.10);
  --zy-text:#f5fbff;
  --zy-muted:#93a9c7;
  --zy-cyan:#34e8ff;
  --zy-blue:#4d7cff;
  --zy-purple:#8b5cf6;
  --zy-green:#2fffb2;
  --zy-shadow:0 28px 90px rgba(0,0,0,.48);
  --zy-radius:28px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--zy-bg)}
html,body{min-height:100%;overflow-x:hidden}
body{
  margin:0!important;
  color:var(--zy-text)!important;
  font-family:'Inter','Segoe UI',system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;
  background:
    radial-gradient(circle at 15% -10%, rgba(52,232,255,.24), transparent 36%),
    radial-gradient(circle at 92% 8%, rgba(139,92,246,.22), transparent 34%),
    radial-gradient(circle at 50% 110%, rgba(47,255,178,.12), transparent 35%),
    linear-gradient(180deg,#06122a 0%,#07152c 44%,#050816 100%)!important;
}
body::before{
  content:"";
  position:fixed;inset:0;z-index:-2;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:36px 36px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.18));
}
body::after{
  content:"";
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(115deg,transparent 0 30%,rgba(52,232,255,.065) 45%,transparent 62%);
  animation:zyAurora 12s ease-in-out infinite alternate;
}
@keyframes zyAurora{from{transform:translateX(-10%) skewX(-8deg)}to{transform:translateX(8%) skewX(-8deg)}}

body > *{position:relative}
a{color:inherit}
img{max-width:100%}

/* Layout container */
.navbar,.navbar-digital,.search-wrapper,.banner-wrapper,.tab-switch,.ds-tabs,.section,.ds-service-row,.wallet-card,.zy-footer{
  width:min(100% - 28px,1120px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Navbar */
.navbar,.navbar-digital{
  position:sticky!important;top:12px!important;z-index:1000!important;
  min-height:64px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
  padding:10px 12px!important;
  border:1px solid var(--zy-line)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(7,18,42,.86),rgba(18,50,102,.72))!important;
  box-shadow:0 18px 50px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:blur(24px) saturate(160%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(160%)!important;
}
.brand,.nav-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;font-weight:900!important;letter-spacing:-.03em!important;color:#fff!important}
.brand-logo,.nav-logo{
  width:42px!important;height:42px!important;border-radius:16px!important;object-fit:cover!important;
  border:1px solid rgba(52,232,255,.35)!important;
  box-shadow:0 0 0 4px rgba(52,232,255,.08),0 12px 28px rgba(52,232,255,.12)!important;
}
.brand span,.nav-brand-text{font-size:16px!important;text-shadow:0 0 16px rgba(52,232,255,.24)!important;white-space:nowrap!important}
.nav-right,.nav-user{margin-left:auto!important;display:flex!important;align-items:center!important;gap:8px!important}
#navUserBtn,.nav-user-pill,.nav-login-btn{
  min-height:42px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.045))!important;
  color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 12px 28px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(16px)!important;
}
.nav-user-avatar,#navUserBtn img,.nav-user-initial{width:32px!important;height:32px!important;border-radius:50%!important;object-fit:cover!important;border:1px solid rgba(52,232,255,.35)!important}
#navUserMenu{background:rgba(6,14,32,.96)!important;border:1px solid var(--zy-line)!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(0,0,0,.55)!important;overflow:hidden!important;backdrop-filter:blur(24px)!important}
#navUserMenu a{transition:.2s ease!important}
#navUserMenu a:hover{background:rgba(52,232,255,.10)!important;color:#fff!important}

/* Search */
.search-wrapper{padding:22px 0 18px!important;display:block!important}
.search-wrapper::before,.ds-search-wrap::before{content:"⌕";position:absolute;left:22px;top:50%;transform:translateY(-50%);color:rgba(220,245,255,.72);font-weight:900;z-index:2}
.search-wrapper,.ds-search-wrap{position:relative!important}
.search-wrapper input,.ds-search{
  width:100%!important;height:58px!important;padding:0 22px 0 54px!important;border:1px solid rgba(126,210,255,.23)!important;border-radius:22px!important;outline:none!important;
  background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.045))!important;
  color:#fff!important;font-weight:700!important;letter-spacing:-.01em!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 50px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(20px)!important;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease!important;
}
.search-wrapper input::placeholder,.ds-search::placeholder{color:rgba(217,235,255,.62)!important}
.search-wrapper input:focus,.ds-search:focus{border-color:rgba(52,232,255,.72)!important;box-shadow:0 0 0 5px rgba(52,232,255,.10),0 22px 58px rgba(0,0,0,.32)!important;transform:translateY(-1px)}

/* Banner */
.banner-wrapper{padding:22px 0 28px!important}
.banner-slider{
  position:relative!important;width:100%!important;aspect-ratio:21/9!important;border-radius:var(--zy-radius)!important;overflow:hidden!important;
  border:1px solid rgba(52,232,255,.22)!important;background:#061024!important;box-shadow:var(--zy-shadow),0 0 0 1px rgba(255,255,255,.04) inset!important;
}
.banner-slider::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,8,22,.52),transparent 30%,transparent 72%,rgba(5,8,22,.40)),linear-gradient(180deg,rgba(255,255,255,.12),transparent 22%,rgba(0,0,0,.22));}
.banner-track{height:100%!important;display:flex!important;transition:transform .7s cubic-bezier(.2,.8,.2,1)!important}
.banner-item{min-width:100%!important;height:100%!important;display:block!important}
.banner-item img{width:100%!important;height:100%!important;object-fit:cover!important;transform:scale(1.012);filter:saturate(1.08) contrast(1.06)!important}
.banner-arrow{
  width:46px!important;height:46px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;
  background:rgba(5,12,28,.62)!important;box-shadow:0 12px 30px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.16)!important;backdrop-filter:blur(14px)!important;
  display:grid!important;place-items:center!important;font-size:30px!important;transition:.22s ease!important;
}
.banner-arrow:hover{transform:translateY(-50%) scale(1.08)!important;background:linear-gradient(135deg,var(--zy-cyan),var(--zy-blue))!important;color:#03111f!important}

/* Tabs */
.tab-switch,.ds-tabs{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:8px!important;border-radius:999px!important;
  background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 18px 48px rgba(0,0,0,.24)!important;backdrop-filter:blur(18px)!important;
}
.tab-btn,.ds-tab{
  min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:999px!important;text-decoration:none!important;
  background:transparent!important;color:rgba(232,244,255,.70)!important;font-weight:900!important;letter-spacing:-.02em!important;transition:.25s ease!important;cursor:pointer!important;
}
.tab-btn.active,.ds-tab.active{
  color:#03111f!important;background:linear-gradient(135deg,var(--zy-green),var(--zy-cyan) 45%,var(--zy-blue))!important;
  box-shadow:0 14px 36px rgba(52,232,255,.30),inset 0 1px 0 rgba(255,255,255,.45)!important;
}
.tab-btn:not(.active):hover,.ds-tab:not(.active):hover{background:rgba(255,255,255,.08)!important;color:#fff!important}

/* Section title */
.section{padding:28px 0!important}
.section h2,.ds-section-title{
  position:relative!important;margin:0 0 22px!important;font-size:clamp(22px,3vw,34px)!important;line-height:1!important;font-weight:950!important;letter-spacing:-.055em!important;color:#fff!important;
}
.section h2::after,.ds-section-title::after{
  content:"";display:block;width:88px;height:4px;border-radius:99px;margin-top:14px;background:linear-gradient(90deg,var(--zy-cyan),var(--zy-green),transparent);box-shadow:0 0 24px rgba(52,232,255,.55);
}

/* Cards homepage */
.grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin-bottom:44px!important}
.card{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;border-radius:26px!important;cursor:pointer!important;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045))!important;border:1px solid rgba(126,210,255,.18)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12)!important;transform:translateZ(0)!important;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease!important;
}
.card::before{content:"";position:absolute;inset:-1px;z-index:-1;background:radial-gradient(circle at 20% 0,rgba(52,232,255,.30),transparent 32%),radial-gradient(circle at 90% 15%,rgba(139,92,246,.22),transparent 32%);opacity:.75;transition:.28s ease}
.card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.16) 47%,transparent 58%);transform:translateX(-130%);transition:transform .7s ease;pointer-events:none}
.card:hover{transform:translateY(-8px) scale(1.015)!important;border-color:rgba(52,232,255,.48)!important;box-shadow:0 32px 90px rgba(0,0,0,.45),0 0 42px rgba(52,232,255,.13)!important}
.card:hover::after{transform:translateX(130%)}
.card img{width:100%!important;aspect-ratio:1/1!important;height:auto!important;object-fit:cover!important;display:block!important;background:#071124!important;padding:14px!important;transition:transform .35s ease,filter .35s ease!important;filter:saturate(1.05) contrast(1.03)}
.card:hover img{transform:scale(1.06);filter:saturate(1.18) contrast(1.08)}
.card span{display:flex!important;align-items:center!important;justify-content:center!important;min-height:56px!important;padding:12px!important;text-align:center!important;color:#fff!important;background:linear-gradient(180deg,rgba(6,17,38,.94),rgba(4,10,24,.98))!important;font-size:14px!important;font-weight:900!important;line-height:1.18!important;letter-spacing:-.025em!important}

/* Digital page */
.app{width:100%!important;max-width:none!important;margin:0!important;padding:0 0 50px!important;background:transparent!important;color:var(--zy-text)!important}
.ds-search-wrap{width:min(100% - 28px,1120px)!important;margin:20px auto 18px!important}
.wallet-card{
  position:relative!important;overflow:hidden!important;border-radius:32px!important;margin-top:18px!important;margin-bottom:24px!important;padding:28px!important;
  background:linear-gradient(135deg,rgba(31,97,187,.68),rgba(21,215,219,.28))!important;border:1px solid rgba(126,210,255,.24)!important;
  box-shadow:var(--zy-shadow),inset 0 1px 0 rgba(255,255,255,.18)!important;backdrop-filter:blur(22px)!important;
}
.wallet-card::before{content:"";position:absolute;width:320px;height:320px;right:-100px;top:-130px;border-radius:50%;background:radial-gradient(circle,rgba(52,232,255,.55),transparent 62%);filter:blur(2px);animation:zyFloat 7s ease-in-out infinite alternate;pointer-events:none}
.wallet-card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent,rgba(255,255,255,.11),transparent);transform:translateX(-100%);animation:zyShine 5s ease-in-out infinite;pointer-events:none}
@keyframes zyFloat{to{transform:translate(-40px,40px) scale(1.08)}}
@keyframes zyShine{0%,45%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}
.wallet-top,.wallet-actions,.wallet-card > *{position:relative;z-index:1}
.wallet-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin-bottom:26px!important}
.wallet-user{color:rgba(235,248,255,.72)!important;font-size:13px!important;font-weight:800!important;text-transform:none!important;letter-spacing:.01em!important}
.wallet-top div[style*="font-weight"]{font-size:clamp(17px,2.4vw,24px)!important;font-weight:950!important;letter-spacing:-.04em!important;text-transform:uppercase!important;color:#fff!important}
.wallet-badge{border:1px solid rgba(255,255,255,.22)!important;border-radius:999px!important;background:rgba(255,255,255,.14)!important;color:#eaffff!important;padding:8px 13px!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important}
.wallet-balance-label{color:rgba(235,248,255,.70)!important;font-size:13px!important;font-weight:800!important;margin-bottom:7px!important}
.wallet-balance-value{font-size:clamp(32px,6vw,54px)!important;line-height:1!important;font-weight:950!important;letter-spacing:-.065em!important;text-shadow:0 0 32px rgba(52,232,255,.24)!important;margin-bottom:26px!important;color:#fff!important}
.wallet-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.wallet-btn{
  min-height:54px!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.16)!important;background:linear-gradient(135deg,#f8ffff,#c7f7ff)!important;color:#07142a!important;font-weight:950!important;letter-spacing:-.02em!important;box-shadow:0 16px 34px rgba(0,0,0,.23)!important;transition:.22s ease!important;cursor:pointer!important
}
.wallet-btn.secondary{background:rgba(255,255,255,.12)!important;color:#fff!important;backdrop-filter:blur(12px)!important}
.wallet-btn:hover{transform:translateY(-2px)!important;filter:brightness(1.06)!important}
.ds-service-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:22px!important;margin-bottom:28px!important}
.ds-service-link{text-decoration:none!important;color:inherit!important}
.ds-service-box{
  min-height:92px!important;display:flex!important;align-items:center!important;gap:14px!important;padding:16px!important;border-radius:24px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045))!important;border:1px solid rgba(126,210,255,.18)!important;box-shadow:0 20px 48px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.13)!important;transition:.25s ease!important;
}
.ds-service-box:hover{transform:translateY(-5px)!important;border-color:rgba(52,232,255,.52)!important;box-shadow:0 28px 70px rgba(0,0,0,.38),0 0 36px rgba(52,232,255,.14)!important}
.ds-service-icon{width:54px!important;height:54px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(218,247,255,.86))!important;box-shadow:0 12px 25px rgba(0,0,0,.24)!important;flex:0 0 auto!important}
.ds-service-icon img{width:34px!important;height:34px!important;object-fit:contain!important}
.ds-service-title{font-size:14px!important;font-weight:950!important;color:#fff!important;line-height:1.12!important;letter-spacing:.02em!important}
.ds-service-arrow{margin-left:auto!important;color:var(--zy-cyan)!important;font-size:28px!important;font-weight:900!important}
.ds-grid{width:min(100% - 28px,1120px)!important;margin:0 auto 46px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.ds-card{
  position:relative!important;overflow:hidden!important;border-radius:26px!important;text-decoration:none!important;color:#fff!important;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045))!important;border:1px solid rgba(126,210,255,.18)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12)!important;transition:.28s cubic-bezier(.2,.8,.2,1)!important;
}
.ds-card:hover{transform:translateY(-8px) scale(1.015)!important;border-color:rgba(52,232,255,.50)!important;box-shadow:0 34px 90px rgba(0,0,0,.45),0 0 42px rgba(52,232,255,.14)!important}
.ds-media{position:relative!important;aspect-ratio:16/10!important;background:#071124!important;overflow:hidden!important}
.ds-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;filter:saturate(1.1) contrast(1.04)!important;transition:.35s ease!important}
.ds-card:hover .ds-media img{transform:scale(1.07)!important}
.ds-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,10,24,.82));pointer-events:none}
.ds-meta{padding:14px!important;background:linear-gradient(180deg,rgba(7,18,42,.72),rgba(4,10,24,.94))!important;min-height:92px!important}
.ds-title{font-size:14px!important;line-height:1.18!important;font-weight:950!important;color:#fff!important;letter-spacing:-.025em!important;margin-bottom:10px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.ds-price{display:flex!important;flex-direction:column!important;gap:3px!important}
.price-old{font-size:11px!important;color:rgba(203,213,225,.68)!important;text-decoration:line-through!important;font-weight:700!important}
.price-new{font-size:16px!important;color:var(--zy-green)!important;font-weight:950!important;letter-spacing:-.025em!important;text-shadow:0 0 18px rgba(47,255,178,.25)!important}
.flash-badge,.bestseller-badge{position:absolute!important;z-index:3!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 10px 24px rgba(0,0,0,.30)!important;font-size:10px!important;font-weight:950!important;letter-spacing:.02em!important;padding:7px 9px!important;backdrop-filter:blur(10px)!important}
.flash-badge{top:10px!important;left:10px!important;background:linear-gradient(135deg,#ff3d71,#ffb020)!important;color:#fff!important}
.bestseller-badge{top:10px!important;right:10px!important;background:linear-gradient(135deg,var(--zy-green),var(--zy-cyan))!important;color:#03111f!important}
.flash-timer{width:min(100% - 28px,1120px)!important;margin:0 auto 16px!important;border-radius:20px!important;padding:12px 16px!important;background:rgba(255,61,113,.10)!important;border:1px solid rgba(255,176,32,.24)!important;color:#fff!important;font-weight:900!important;box-shadow:0 16px 40px rgba(0,0,0,.18)!important}

/* Modal */
.deposit-overlay{background:rgba(2,6,18,.78)!important;backdrop-filter:blur(16px)!important}
.deposit-modal{width:min(92vw,430px)!important;border-radius:30px!important;background:linear-gradient(145deg,rgba(10,24,52,.96),rgba(6,12,28,.98))!important;border:1px solid rgba(126,210,255,.24)!important;box-shadow:0 40px 110px rgba(0,0,0,.62)!important;color:#fff!important;padding:22px!important}
.deposit-title{font-weight:950!important;font-size:22px!important;letter-spacing:-.04em!important;color:#fff!important}
.deposit-close{width:42px!important;height:42px!important;border-radius:50%!important;background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important}
.deposit-input,.nominal-item{border-radius:18px!important;border:1px solid rgba(126,210,255,.18)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-weight:900!important}
.deposit-submit{border-radius:18px!important;background:linear-gradient(135deg,var(--zy-green),var(--zy-cyan),var(--zy-blue))!important;color:#03111f!important;font-weight:950!important;box-shadow:0 16px 40px rgba(52,232,255,.24)!important}

/* CS widget */
#cs-pill,#cs-bubble{border:1px solid rgba(255,255,255,.18)!important;background:linear-gradient(135deg,var(--zy-green),var(--zy-cyan))!important;color:#03111f!important;box-shadow:0 18px 50px rgba(52,232,255,.30),0 12px 34px rgba(0,0,0,.34)!important;backdrop-filter:blur(12px)!important}
#cs-pill{border-radius:999px!important;font-weight:800!important}
#cs-bubble{border-radius:999px!important}

/* Footer */
.zy-footer{margin-top:44px!important;margin-bottom:22px!important;border-radius:32px!important;padding:28px!important;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;border:1px solid rgba(126,210,255,.16)!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important;color:#dcecff!important;backdrop-filter:blur(18px)!important}
.zy-footer a{color:#b9f8ff!important;text-decoration:none!important}.zy-footer-title,.zy-footer-heading{color:#fff!important}.zy-footer-divider{background:rgba(255,255,255,.12)!important}

/* Reveal animation */
.zy-reveal{opacity:0;transform:translateY(18px) scale(.985);filter:blur(6px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1),filter .65s ease}.zy-reveal.is-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
.card,.ds-card,.ds-service-box,.wallet-card,.banner-slider{will-change:transform}

/* Desktop */
@media (min-width:680px){
  .grid,.ds-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
  .section{padding-top:36px!important}.wallet-card{padding:34px!important}.ds-service-row{gap:18px!important}.card span{font-size:15px!important}
}
@media (min-width:980px){
  .grid,.ds-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important}
  .banner-wrapper{padding-top:26px!important}.banner-slider{aspect-ratio:24/8!important}.search-wrapper{padding-top:30px!important}.wallet-actions{max-width:520px!important}.wallet-card{min-height:260px!important}
}

/* Mobile polish */
@media (max-width:560px){
  .navbar,.navbar-digital,.search-wrapper,.banner-wrapper,.tab-switch,.ds-tabs,.section,.ds-service-row,.wallet-card,.zy-footer,.ds-search-wrap,.ds-grid{width:calc(100% - 28px)!important}
  .navbar,.navbar-digital{top:10px!important;min-height:58px!important;padding:8px 10px!important}.brand-logo,.nav-logo{width:38px!important;height:38px!important;border-radius:14px!important}.brand span,.nav-brand-text{font-size:15px!important}
  .search-wrapper{padding:22px 0 16px!important}.search-wrapper input,.ds-search{height:54px!important;border-radius:18px!important;font-size:14px!important}
  .banner-wrapper{padding-top:16px!important}.banner-slider{aspect-ratio:16/9!important;border-radius:24px!important}.banner-arrow{width:40px!important;height:40px!important;font-size:26px!important}.banner-arrow.left{left:10px!important}.banner-arrow.right{right:10px!important}
  .tab-switch,.ds-tabs{margin-top:0!important}.tab-btn,.ds-tab{min-height:44px!important;font-size:13px!important}
  .section h2,.ds-section-title{font-size:24px!important;margin-bottom:18px!important}.grid,.ds-grid{gap:14px!important}.card,.ds-card{border-radius:22px!important}.card img{padding:12px!important}.card span{font-size:13px!important;min-height:52px!important}.wallet-card{padding:22px!important;border-radius:28px!important}.wallet-actions{gap:10px!important}.wallet-btn{min-height:48px!important;border-radius:16px!important}.ds-service-row{gap:12px!important}.ds-service-box{min-height:86px!important;padding:13px!important;border-radius:21px!important}.ds-service-icon{width:48px!important;height:48px!important;border-radius:16px!important}.ds-service-title{font-size:13px!important}.ds-meta{min-height:86px!important}.zy-footer{padding:22px!important;border-radius:26px!important}
}
@media (max-width:380px){.brand span,.nav-brand-text{max-width:110px!important;overflow:hidden!important;text-overflow:ellipsis!important}.grid,.ds-grid{gap:12px!important}.wallet-badge{display:none!important}.ds-service-row{grid-template-columns:1fr!important}.tab-btn,.ds-tab{font-size:12px!important}.price-new{font-size:14px!important}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.zy-reveal{opacity:1!important;transform:none!important;filter:none!important}}