@font-face{font-family:"Kalameh FaNum";src:url("assets/fonts/KalamehWebFaNum-Thin.woff2") format("woff2");font-style:normal;font-weight:100;font-display:swap}
@font-face{font-family:"Kalameh FaNum";src:url("assets/fonts/KalamehWebFaNum-Thin.woff2") format("woff2");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"Kalameh FaNum";src:url("assets/fonts/KalamehWebFaNum-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Kalameh FaNum";src:url("assets/fonts/KalamehWebFaNum-Regular.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Kalameh FaNum";src:url("assets/fonts/KalamehWebFaNum-Regular.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Kalameh FaNum";src:url("assets/fonts/KalamehWebFaNum-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Kalameh FaNum";src:url("assets/fonts/KalamehWebFaNum-Bold.woff2") format("woff2");font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:"Kalameh FaNum";src:url("assets/fonts/KalamehWebFaNum-Bold.woff2") format("woff2");font-style:normal;font-weight:900;font-display:swap}

:root{
  --ink:#062a22;
  --muted:#6f7773;
  --line:#edf1ee;
  --soft:#f7f9f7;
  --lime:#b9ef61;
  --lime-2:#dff7b9;
  --danger:#ff5d63;
  --shadow:0 14px 40px rgba(18,44,35,.08);
}
*{box-sizing:border-box}
html,body{min-height:100%;background:#eef2ea}
body{
  margin:0;
  direction:rtl;
  font-family:"Kalameh FaNum",Tahoma,Arial,sans-serif;
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
.app-shell{
  width:min(100%,460px);
  min-height:100dvh;
  margin-inline:auto;
  background:#fbfcfb;
  position:relative;
  overflow:hidden;
  box-shadow:0 0 50px rgba(17,41,32,.08);
}
@media (min-width:700px){
  body{padding:28px 0}
  .app-shell{min-height:920px;border-radius:32px}
}
.page-pad{padding:12px 20px 96px}
.top-row{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:8px 0 18px}
.icon-btn{
  width:46px;height:46px;border-radius:50%;border:0;background:#fff;
  display:inline-grid;place-items:center;font-size:20px;color:var(--ink);box-shadow:0 6px 18px rgba(7,38,30,.04)
}
.location{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.location .copy{min-width:0}
.eyebrow{font-size:13px;color:var(--muted);margin-bottom:2px}
.location-title{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-actions{display:flex;gap:8px}
.segmented{background:#fff;border-radius:24px;padding:5px;display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:20px;box-shadow:0 8px 22px rgba(17,42,33,.05)}
.segmented button{height:46px;border:0;border-radius:19px;background:transparent;font-weight:700;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:8px}
.segmented button.active{background:#f1f4f1}
.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:22px}
.cat{text-align:center;font-size:13.5px;font-weight:700;min-width:0}
.cat-icon{width:56px;height:56px;border-radius:50%;background:#fff;display:grid;place-items:center;margin:0 auto 7px;font-size:24px;box-shadow:0 8px 20px rgba(10,46,35,.04)}
.cat span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.section-head{display:flex;justify-content:space-between;align-items:center;margin:4px 0 12px}
.section-head h2{font-size:20px;margin:0;font-weight:900}
.section-head a{font-size:13.5px;color:var(--muted)}
.product-card{background:#fff;border-radius:25px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:14px}
.product-card .hero-img{width:100%;height:210px;object-fit:cover;display:block}
.card-bodyx{padding:15px}
.product-line{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.product-title{font-size:17px;font-weight:900;margin:0 0 8px}
.rating{display:flex;align-items:center;gap:5px;font-size:14.5px;color:#444;white-space:nowrap}
.rating i{color:#ffc928}
.price-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.price{font-size:20px;font-weight:900;direction:rtl}
.badge-soft{background:#f4f5f4;border-radius:14px;padding:7px 10px;font-size:13px;color:#5f6663}
.meta-row{border-top:1px solid var(--line);margin-top:12px;padding-top:11px;display:flex;justify-content:space-between;gap:12px;font-size:13.5px;color:#53605b}
.meta-row span{display:flex;align-items:center;gap:6px}
.bottom-nav{direction:rtl;position:absolute;bottom:0;left:0;right:0;height:84px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-top:1px solid #f0f2f0;display:grid;grid-template-columns:repeat(4,1fr);padding:10px 14px 14px;z-index:20}
.nav-itemx{display:flex;align-items:center;justify-content:center;gap:7px;color:#102d25;font-size:13.5px;font-weight:700;border-radius:28px}
.nav-itemx i{font-size:21px}
.nav-itemx.active{background:linear-gradient(90deg,#f4faed,#fff)}
.nav-itemx.active .nav-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-size:19px}
.page-title{font-size:16px;font-weight:900;margin:0;flex:1;text-align:center}
.hero-detail{border-radius:30px;width:100%;height:340px;object-fit:cover;display:block;box-shadow:0 10px 28px rgba(12,34,27,.06)}
.detail-content{padding-top:16px}
.detail-price-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.detail-content h1{font-size:21px;font-weight:900;margin:0 0 8px}
.detail-stats{display:flex;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:16px 0;font-size:13.5px;color:#59645f}
.detail-stats span{display:flex;align-items:center;gap:5px}
.description{padding:16px 0 110px}
.description h3{font-size:15px;font-weight:900}
.description p{font-size:14.5px;line-height:1.9;color:#626b67;margin:0}
.buy-bar{position:absolute;bottom:0;left:0;right:0;padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(12px);display:flex;gap:12px;border-top:1px solid #f1f3f1;z-index:22}
.qty{height:54px;background:#fff;border:1px solid var(--line);border-radius:28px;display:flex;align-items:center;gap:7px;padding:0 8px;min-width:110px;justify-content:center}
.qty button{border:0;width:34px;height:34px;border-radius:50%;background:#f4f5f4;font-size:18px;line-height:1}
.qty button.plus{background:var(--lime)}
.primary-btn{border:0;border-radius:28px;background:var(--lime);color:#173221;font-weight:900;min-height:54px;padding:0 22px;flex:1;box-shadow:0 10px 24px rgba(147,205,58,.18)}
.cart-list{display:flex;flex-direction:column;gap:12px}
.cart-item{background:#fff;border-radius:22px;padding:12px;display:grid;grid-template-columns:104px 1fr;gap:12px;box-shadow:0 8px 24px rgba(19,43,35,.045);position:relative;overflow:hidden}
.cart-thumb{width:104px;height:104px;object-fit:cover;border-radius:18px}
.cart-copy{min-width:0}
.cart-title{font-weight:900;font-size:15px;margin:2px 0 5px}
.cart-desc{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 6px}
.cart-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}
.mini-qty{display:flex;align-items:center;gap:6px;direction:ltr}
.mini-qty button{border:0;border-radius:50%;width:28px;height:28px;background:#f3f5f3}
.mini-qty button.plus{background:var(--lime)}
.remove-btn{position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:34px;height:70px;border:0;border-radius:0 16px 16px 0;background:#fff0f0;color:#ff5259}
.summary{background:#fff;border-radius:24px;padding:16px;margin-top:16px;box-shadow:var(--shadow)}
.sum-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px dashed #e5e9e6;font-size:14.5px}
.sum-row:last-child{border-bottom:0;font-size:15px;font-weight:900}
.checkout-wrap{padding:14px 0 100px}
.toast-mini{position:fixed;left:50%;transform:translateX(-50%);bottom:100px;background:#13382c;color:#fff;padding:10px 15px;border-radius:16px;font-size:13.5px;opacity:0;pointer-events:none;transition:.25s;z-index:100}
.toast-mini.show{opacity:1;bottom:115px}
.search-box{display:none;margin:-4px 0 16px}
.search-box.show{display:block}
.search-box input{width:100%;border:1px solid var(--line);background:#fff;border-radius:18px;padding:13px 16px;outline:0}
@media(max-width:390px){
  .page-pad{padding-inline:14px}.categories{gap:4px}.cat-icon{width:50px;height:50px}.hero-detail{height:310px}.cart-item{grid-template-columns:92px 1fr}.cart-thumb{width:92px;height:92px}
}

/* Finance / credit home redesign */
.finance-home{background:#fbfcfb}
.finance-pad{padding-bottom:112px}
.finance-top-row{margin-bottom:14px}
.search-field{
  height:56px;border:1px solid #e8eeea;background:#fff;border-radius:20px;
  display:flex;align-items:center;gap:10px;padding:0 16px;margin-bottom:22px;
  box-shadow:0 8px 24px rgba(18,44,35,.035);color:#7d8581
}
.search-field i{font-size:19px;color:#779086}
.search-field input{border:0;outline:0;box-shadow:none;background:transparent;flex:1;min-width:0;color:var(--ink);font-size:15px}
.search-field input::placeholder{color:#8a918e}
.finance-categories{margin-bottom:28px}
.finance-categories .cat{color:var(--ink)}
.finance-categories .cat-icon{transition:.2s ease;border:1px solid #f1f3f2}
.finance-categories .cat:active .cat-icon{transform:scale(.96);background:#f6f9f4}
.wallet-title-row{margin-bottom:14px}
.wallet-title-row h2{font-size:21px}
.credit-area{margin-bottom:22px;padding-bottom:46px;position:relative}
.credit-cardx{
  min-height:230px;border-radius:28px;padding:22px 22px 72px;
  color:#163321;position:relative;overflow:hidden;
  background:linear-gradient(145deg,#c8f47a 0%,#b7ee60 55%,#a8e84c 100%);
  box-shadow:0 18px 42px rgba(125,180,50,.18)
}
.credit-cardx:before,.credit-cardx:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.24);pointer-events:none}
.credit-cardx:before{width:190px;height:190px;left:-60px;top:-85px}
.credit-cardx:after{width:230px;height:230px;right:-105px;bottom:-150px}
.credit-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}
.credit-chip{width:42px;height:42px;border-radius:15px;background:rgba(255,255,255,.55);display:grid;place-items:center;font-size:20px}
.credit-label{font-size:14.5px;font-weight:800;opacity:.78}
.credit-amount{font-size:39px;font-weight:900;letter-spacing:-1.5px;line-height:1.25;margin-top:24px;position:relative;z-index:1;direction:rtl}
.credit-unit{font-size:18px;font-weight:800;margin-top:4px;opacity:.86;position:relative;z-index:1}
.credit-card-bottom{position:absolute;bottom:20px;right:22px;left:22px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:700;opacity:.78;z-index:1}
.credit-eye{width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.6);display:grid;place-items:center;color:var(--ink)}
.quick-actions{
  position:absolute;right:14px;left:14px;bottom:-16px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;z-index:3
}
.quick-action{border:0;background:transparent;padding:0;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:800;white-space:nowrap}
.quick-icon{
  width:58px;height:58px;border-radius:50%;background:#fff;border:1px solid #eef2ef;
  display:grid;place-items:center;font-size:22px;box-shadow:0 12px 26px rgba(16,43,34,.09);transition:.2s ease
}
.quick-action:active .quick-icon{transform:translateY(2px) scale(.97);background:#f6faef}
.activity-card{background:#fff;border-radius:26px;padding:10px;box-shadow:var(--shadow);margin-top:6px}
.activity-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f6f8f6;border-radius:20px;padding:5px;gap:5px}
.activity-tab{height:48px;border:0;border-radius:16px;background:transparent;color:#69736e;font-weight:800}
.activity-tab.active{background:#fff;color:var(--ink);box-shadow:0 8px 18px rgba(20,45,36,.06)}
.activity-panel{display:none;padding:16px 8px 6px}
.activity-panel.active{display:block}
.activity-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.activity-head strong{font-size:15px;font-weight:900}
.activity-head a{font-size:13px;color:var(--muted)}
.activity-list{display:flex;flex-direction:column}
.activity-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #f0f3f1}
.activity-item:last-child{border-bottom:0}
.activity-icon{width:42px;height:42px;border-radius:14px;background:#f3f7f2;display:grid;place-items:center;font-size:18px}
.activity-copy{display:flex;flex-direction:column;min-width:0}.activity-copy strong{font-size:13.5px;font-weight:900}.activity-copy small{font-size:13px;color:var(--muted);margin-top:3px}
.activity-money{text-align:left;display:flex;flex-direction:column;direction:rtl}.activity-money strong{font-size:13px}.activity-money small{font-size:12.5px;color:var(--muted);margin-top:2px}.activity-money.positive strong{color:#4b9f25}
.installment-box{background:#f7f9f7;border-radius:18px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.installment-box>div:first-child{display:flex;flex-direction:column;gap:4px}.installment-box span{font-size:13px;color:var(--muted)}.installment-box strong{font-size:15px}
.installment-date{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:14px;background:#fff}.installment-date i{font-size:15px}.installment-date span{color:var(--ink);font-weight:800}
@media(max-width:390px){
  .credit-amount{font-size:33px}.quick-actions{right:7px;left:7px;gap:4px}.quick-icon{width:52px;height:52px}.quick-action{font-size:13px}.credit-cardx{min-height:220px;padding-inline:18px}.credit-card-bottom{right:18px;left:18px}
}

/* v3 category carousel + credit refinements */
.category-section{margin-bottom:26px}
.category-section-head{width:100%;text-align:left;margin:0 0 12px;direction:rtl}
.category-section-head a{display:inline-block;font-size:13.5px;font-weight:700;color:var(--muted)}
.category-carousel{
  width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;direction:rtl;overscroll-behavior-inline:contain;
  padding:2px 0 4px;cursor:grab
}
.category-carousel::-webkit-scrollbar{display:none}
.category-carousel:active{cursor:grabbing}
.category-track{display:flex;direction:rtl;min-width:max-content}
.category-slide{
  flex:0 0 calc((100vw - 40px) / 5);max-width:84px;min-width:0;
  scroll-snap-align:start;text-align:center;font-size:13px;font-weight:800;color:var(--ink)
}
.category-slide .cat-icon{
  width:54px;height:54px;margin:0 auto 7px;border:1px solid #f0f3f1;background:#fff;
  font-size:22px;transition:transform .18s ease,background .18s ease
}
.category-slide .cat-icon i{line-height:1}
.category-slide>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline:2px}
.category-slide:active .cat-icon{transform:scale(.95);background:#f7faf4}
@media(min-width:460px){.category-slide{flex-basis:84px}}

.wallet-title-row{margin-top:0}
.credit-cardx{padding-bottom:38px}
.credit-label{max-width:230px;text-align:left}
.credit-unit-row{display:flex;align-items:center;gap:9px;margin-top:5px;position:relative;z-index:1}
.credit-unit{margin-top:0}
.credit-eye{width:34px;height:34px;flex:0 0 34px;background:rgba(255,255,255,.62)}
.credit-card-bottom{display:none}
.activity-card{margin-top:31px}

/* v4 home refinements */
.category-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  text-align:initial;
}
.category-section-head strong{
  color:var(--ink);
  font-size:18px;
  font-weight:900;
  white-space:nowrap;
}
.category-section-head a{
  margin-inline-start:auto;
  white-space:nowrap;
}
.wallet-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.finance-dashboard-label{
  color:var(--muted);
  font-size:13.5px;
  font-weight:700;
  white-space:nowrap;
}
.category-track.is-entry-hinting{will-change:transform;pointer-events:none}
@media (max-width:380px){
  .category-section-head strong{font-size:16px}
  .finance-dashboard-label{font-size:13px}
}

/* v5 store page */
.store-page{background:#fbfcfb;padding-bottom:86px}
.store-wrap{padding:10px 18px 124px}
.store-topbar{display:grid;grid-template-columns:46px 1fr 46px;align-items:center;gap:10px;margin:5px 0 14px}
.store-topbar>strong{text-align:center;font-size:16px;font-weight:900}
.store-hero-card{background:#fff;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:14px}
.store-hero-media{height:205px;position:relative;overflow:hidden}
.store-hero-media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03)}
.store-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,30,24,.02),rgba(5,30,24,.28))}
.store-open-badge{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-radius:18px;padding:8px 11px;font-size:13px;font-weight:900;color:var(--ink)}
.store-open-badge span{width:8px;height:8px;border-radius:50%;background:#44b96b;box-shadow:0 0 0 4px rgba(68,185,107,.14)}
.store-heart{position:absolute;left:13px;top:13px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.93);font-size:19px;color:var(--ink);display:grid;place-items:center;backdrop-filter:blur(10px)}
.store-hero-body{padding:16px}
.store-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.store-title-line{display:flex;align-items:center;gap:7px}
.store-title-line h1{font-size:21px;line-height:1.3;font-weight:900;margin:0}
.verified{color:#32a764;font-size:18px}
.store-kind{font-size:13px;color:var(--muted);margin-top:6px;font-weight:600}
.closing-soon{padding:6px 8px;border-radius:12px;background:#f5f7f5;color:#53605b;font-size:13px;white-space:nowrap}
.store-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:15px}
.store-quick-grid>div{min-width:0;text-align:center;padding:10px 4px;border-radius:16px;background:#f8faf8}
.store-quick-grid i{font-size:15px;color:#688a76;display:block;margin-bottom:5px}.store-quick-grid i.bi-star-fill{color:#ffc928}
.store-quick-grid strong{display:block;font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.store-quick-grid span{display:block;font-size:12.5px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.store-delivery-note{margin-top:12px;border-top:1px solid var(--line);padding-top:11px;display:flex;align-items:center;gap:7px;font-size:13px;color:#56625d;flex-wrap:wrap}
.store-delivery-note i{font-size:15px}.store-delivery-note b{margin-inline-start:auto;color:#3e8d59;font-weight:800}
.store-primary-actions{display:grid;grid-template-columns:1fr 104px;gap:9px;margin-bottom:10px}.store-primary-actions .primary-btn{display:flex;align-items:center;justify-content:center;gap:8px}.store-map-btn{border:1px solid #e9eeea;background:#fff;border-radius:28px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:800;color:var(--ink)}
.store-mini-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.store-mini-actions button{border:0;background:#fff;border-radius:18px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--ink);box-shadow:0 7px 18px rgba(20,44,35,.035)}.store-mini-actions i{font-size:18px}.store-mini-actions span{font-size:13px;font-weight:700}
.section-card{background:#fff;border-radius:24px;padding:16px;box-shadow:0 10px 28px rgba(18,44,35,.05);margin-bottom:14px}
.section-card-head,.store-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-card-head h2,.store-section-head h2{font-size:17px;font-weight:900;margin:0}.section-eyebrow{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}.store-section-head>span,.store-section-head>a{font-size:13px;color:var(--muted);white-space:nowrap}.store-section-head>button{border:0;background:transparent;font-size:13px;color:#4e7a63;font-weight:800}
.store-credit-card{background:linear-gradient(145deg,#f1fce1,#fff);border:1px solid #e9f4da}.credit-shop-icon{width:44px;height:44px;border-radius:15px;background:var(--lime);display:grid;place-items:center;font-size:20px}.store-credit-card p{font-size:13px;color:#5f6c65;margin:10px 0}.bnpl-row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.bnpl-row::-webkit-scrollbar{display:none}.bnpl-row span{flex:0 0 auto;padding:7px 9px;border-radius:12px;background:#fff;border:1px solid #e5ece5;font-size:13px;font-weight:800}.credit-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.credit-facts span{display:flex;align-items:center;gap:5px;font-size:12.5px;color:#557064;background:rgba(255,255,255,.78);padding:6px 8px;border-radius:10px}
.store-offers-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:18px;padding-bottom:2px}.store-offers-strip::-webkit-scrollbar{display:none}.store-offers-strip>div{flex:0 0 154px;min-height:66px;background:#fff;border-radius:18px;padding:10px;display:flex;align-items:center;gap:9px;box-shadow:0 7px 20px rgba(18,44,35,.04)}.store-offers-strip i{width:34px;height:34px;border-radius:12px;background:#f2f9e9;display:grid;place-items:center;font-size:16px;color:#6d9a4b}.store-offers-strip span{font-size:13px;line-height:1.6;font-weight:800}
.store-section{margin-bottom:20px}.compact-section{margin-bottom:13px}.store-section-head{margin-bottom:11px}
.store-cat-scroller{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:1px 0 4px}.store-cat-scroller::-webkit-scrollbar{display:none}.store-cat-scroller button{flex:0 0 72px;border:1px solid #edf1ee;background:#fff;border-radius:18px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ink);font-size:12.5px;font-weight:800}.store-cat-scroller i{font-size:21px}.store-cat-scroller button.active{background:#f1fbe5;border-color:#dcefc4}.store-cat-scroller button.active i{color:#6d993c}
.store-product-scroll{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:1px 0 5px}.store-product-scroll::-webkit-scrollbar{display:none}.store-product-card{flex:0 0 174px;background:#fff;border-radius:21px;overflow:hidden;box-shadow:0 8px 22px rgba(18,44,35,.045)}.sp-img-wrap{height:128px;position:relative;overflow:hidden;background:#f5f8f5}.sp-img-wrap img{width:100%;height:100%;object-fit:cover}.sp-discount{position:absolute;right:8px;top:8px;background:#fff4e8;color:#d76c2d;border-radius:11px;padding:5px 7px;font-size:12.5px;font-weight:900}.sp-body{padding:11px}.sp-body small{font-size:12.5px;color:var(--muted)}.sp-body h3{font-size:13.5px;font-weight:900;line-height:1.5;margin:3px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-old{font-size:12.5px;color:#9aa19e;text-decoration:line-through;height:14px}.sp-price{display:grid;grid-template-columns:auto 1fr 32px;align-items:center;gap:3px}.sp-price strong{font-size:13.5px}.sp-price span{font-size:12px;color:#606c66}.sp-price button,.mini-product>button{width:32px;height:32px;border:0;border-radius:50%;background:var(--lime);color:#173221;display:grid;place-items:center}.sp-stock{font-size:12px;color:#3e9c5b;margin-top:7px;font-weight:800}
.product-placeholder,.mini-product-ph{display:grid;place-items:center;background:linear-gradient(135deg,#edf5e8,#f9fbf8);color:#779869}.product-placeholder i{font-size:45px}.product-placeholder.milk,.mini-product-ph.milk{background:linear-gradient(135deg,#eaf5ff,#fbfdff);color:#7aa2bd}.product-placeholder.drink,.mini-product-ph.drink{background:linear-gradient(135deg,#fff0db,#fffaf3);color:#d28a3f}.product-placeholder.snack,.mini-product-ph.snack{background:linear-gradient(135deg,#fff1e7,#fffaf5);color:#bc7956}.product-placeholder.clean,.mini-product-ph.clean{background:linear-gradient(135deg,#e8f7f8,#f8ffff);color:#65a9af}
.store-special-card{background:linear-gradient(135deg,#19382e,#2e5b49);color:#fff;border-radius:24px;padding:18px;margin:0 0 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;overflow:hidden;position:relative}.store-special-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(185,239,97,.15);left:-30px;bottom:-55px}.store-special-card>div{position:relative;z-index:2}.store-special-card span{font-size:12.5px;color:#d9e8df}.store-special-card h2{font-size:16px;font-weight:900;margin:4px 0}.store-special-card p{font-size:13px;color:#d9e8df;margin:0 0 9px}.store-special-card button{border:0;border-radius:13px;background:var(--lime);padding:7px 10px;font-size:12.5px;font-weight:900;color:#153126}.store-special-card>i{font-size:48px;color:var(--lime);position:relative;z-index:2}
.filter-row{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin-bottom:10px}.filter-row::-webkit-scrollbar{display:none}.filter-row button{flex:0 0 auto;border:1px solid #e8ede9;background:#fff;border-radius:15px;padding:7px 10px;font-size:12.5px;color:#5f6964}.filter-row button.active{background:#1f4336;color:#fff;border-color:#1f4336}.all-products-grid{display:grid;grid-template-columns:1fr;gap:8px}.mini-product{background:#fff;border-radius:18px;padding:8px;display:grid;grid-template-columns:68px 1fr 34px;gap:9px;align-items:center;box-shadow:0 7px 19px rgba(18,44,35,.035)}.mini-product>img,.mini-product-ph{width:68px;height:68px;border-radius:14px;object-fit:cover}.mini-product-ph i{font-size:24px}.mini-product div:nth-child(2){min-width:0}.mini-product small{font-size:12px;color:var(--muted)}.mini-product h3{font-size:13px;font-weight:900;margin:3px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-product strong{font-size:13px}.out-stock{font-size:12px;color:#cf555b;margin-inline-start:5px}.mini-product>button:disabled{background:#eef1ef;color:#adb4b0}
.info-list{display:flex;flex-direction:column}.info-list>div{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.info-list>div:last-child{border-bottom:0}.info-list i{color:#739180}.info-list span{font-size:13px;color:var(--muted)}.info-list strong{font-size:13px;font-weight:800}
.fake-map{height:150px;border-radius:18px;background:#eef2ec;position:relative;overflow:hidden;margin-bottom:12px}.road{position:absolute;height:16px;background:#fff;border:1px solid #e6ebe5;transform-origin:center;border-radius:20px}.road.r1{width:125%;left:-12%;top:55%;transform:rotate(-18deg)}.road.r2{width:90%;left:4%;top:24%;transform:rotate(28deg)}.road.r3{width:105%;left:-4%;bottom:18%;transform:rotate(5deg)}.map-pin{position:absolute;right:45%;top:38%;width:40px;height:40px;border-radius:50% 50% 50% 0;background:#1f4336;color:#fff;transform:rotate(-45deg);display:grid;place-items:center;box-shadow:0 8px 16px rgba(31,67,54,.25)}.map-pin i{transform:rotate(45deg);font-size:18px}.map-area{position:absolute;right:12px;top:11px;font-size:12.5px;background:rgba(255,255,255,.8);padding:5px 7px;border-radius:9px}.map-address{display:flex;gap:9px;align-items:flex-start}.map-address>i{font-size:18px}.map-address strong{display:block;font-size:13px}.map-address span{display:block;font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.6}
.hours-today{display:flex;align-items:center;justify-content:space-between;gap:10px}.hours-today span{display:block;font-size:12.5px;color:var(--muted)}.hours-today strong{display:block;font-size:13.5px;margin-top:3px}.hours-today .icon-btn{width:38px;height:38px;font-size:15px;background:#f7f9f7;box-shadow:none}.week-hours{border-top:1px solid var(--line);margin-top:12px;padding-top:8px;display:flex;flex-direction:column}.week-hours span{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:6px 0;color:var(--muted)}.week-hours b{color:var(--ink)}
.store-about p{font-size:13px;line-height:2;color:#66716b;margin:0}.brand-row{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.brand-row::-webkit-scrollbar{display:none}.brand-row span{flex:0 0 auto;min-width:64px;text-align:center;background:#fff;border:1px solid #edf1ee;border-radius:15px;padding:11px 9px;font-size:13px;font-weight:900}
.facility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.facility-grid>div{background:#fff;border-radius:17px;padding:10px 5px;text-align:center;box-shadow:0 6px 17px rgba(18,44,35,.035)}.facility-grid i{font-size:19px;display:block;margin-bottom:5px;color:#547465}.facility-grid span{font-size:12px;font-weight:700}
.review-summary{display:grid;grid-template-columns:105px 1fr;gap:15px;align-items:center}.review-score{text-align:center;border-left:1px solid var(--line)}.review-score>strong{font-size:34px;font-weight:900}.review-score>span{font-size:13px;color:var(--muted)}.review-score .stars{font-size:12.5px;color:#ffc928;margin:2px 0}.review-score small{font-size:12px;color:var(--muted)}.review-bars{display:flex;flex-direction:column;gap:5px}.review-bars div{display:flex;justify-content:space-between;gap:10px;font-size:12.5px}.review-bars span{color:var(--muted)}.comment{border-top:1px solid var(--line);padding-top:11px;margin-top:11px}.comment>div{display:flex;justify-content:space-between;gap:10px}.comment strong{font-size:13px}.comment span{font-size:12px;color:var(--muted)}.comment p{font-size:12.5px;line-height:1.8;color:#636d68;margin:6px 0 0}
.verified-text{color:#38995a!important;font-weight:800}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.trust-grid>div{background:#f8faf8;border-radius:15px;padding:10px;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:2px 6px}.trust-grid i{grid-row:1/3;font-size:18px;color:#5b826b}.trust-grid span{font-size:12px;color:var(--muted)}.trust-grid strong{font-size:12.5px}.contact-list{display:flex;flex-direction:column}.contact-list>div{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.contact-list>div:last-child{border-bottom:0}.contact-list span{font-size:12.5px;color:var(--muted)}.contact-list strong{font-size:12.5px}.legal-links{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:10px;margin-top:4px}.legal-links a{font-size:12px;padding:6px 8px;border-radius:10px;background:#f5f7f5;color:#66716b}
.store-floating-cart{position:fixed;left:50%;transform:translateX(-50%) translateY(110px);bottom:92px;width:min(calc(100% - 36px),424px);z-index:30;opacity:0;transition:.3s ease;pointer-events:none}.store-floating-cart.show{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}.store-floating-cart a{background:#183a2f;color:#fff;border-radius:22px;min-height:58px;padding:10px 13px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;box-shadow:0 14px 30px rgba(19,54,43,.24)}.store-floating-cart a>span{width:38px;height:38px;border-radius:13px;background:var(--lime);color:#173221;display:grid;place-items:center;position:relative}.store-floating-cart a>span b{position:absolute;right:-5px;top:-6px;width:18px;height:18px;border-radius:50%;background:#fff;color:#173221;font-size:12px;display:grid;place-items:center}.store-floating-cart strong{font-size:13px}.store-floating-cart em{font-style:normal;font-size:12.5px;color:#dce7e1}
.store-product-card.store-hidden,.mini-product.store-hidden{display:none!important}

@media(max-width:390px){
  .store-wrap{padding-inline:14px}.store-hero-media{height:188px}.store-quick-grid{gap:4px}.store-quick-grid strong{font-size:13px}.store-primary-actions{grid-template-columns:1fr 92px}.store-mini-actions{gap:5px}.store-product-card{flex-basis:164px}.facility-grid{gap:5px}.review-summary{grid-template-columns:92px 1fr}.trust-grid{gap:5px}
}

.nav-itemx>span:last-child{white-space:nowrap}

/* =========================================================
   v9 — Sovereign Regalia premium financial theme
   Core palette:
   Dark          #2C2B2B
   Deep Purple   #322F7D
   Violet        #6A66EB
   Warm Gold     #F9BA42
   Pure Gold     #FFD700
   ========================================================= */
:root{
  --ink:#2C2B2B;
  --brand:#322F7D;
  --brand-2:#6A66EB;
  --gold:#F9BA42;
  --gold-pure:#FFD700;
  --muted:#777481;
  --line:rgba(50,47,125,.12);
  --soft:#F7F6FB;
  --lime:#6A66EB; /* compatibility with existing components */
  --lime-2:#E8E7FF;
  --danger:#C7505B;
  --shadow:0 16px 42px rgba(44,43,43,.08);
}

html,body{background:#F1F0F7}
body{color:var(--ink)}
.app-shell,.finance-home,.store-page{background:#FCFBFF}
.app-shell{box-shadow:0 0 54px rgba(50,47,125,.12)}

/* Core surfaces, typography and controls */
.icon-btn{color:var(--brand);box-shadow:0 7px 20px rgba(50,47,125,.08)}
.segmented{box-shadow:0 10px 24px rgba(50,47,125,.07)}
.segmented button{color:var(--ink)}
.segmented button.active{background:rgba(106,102,235,.11);color:var(--brand)}
.cat-icon,.quick-icon{box-shadow:0 9px 22px rgba(50,47,125,.07)}
.rating i,.review-score .stars{color:var(--gold)}
.badge-soft{background:rgba(249,186,66,.13);color:#7A5A18}
.bottom-nav{border-top-color:rgba(50,47,125,.10);box-shadow:0 -10px 28px rgba(50,47,125,.05)}
.nav-itemx{color:var(--ink)}
.nav-itemx.active{background:linear-gradient(90deg,rgba(106,102,235,.13),rgba(50,47,125,.04));color:var(--brand)}
.nav-itemx.active .nav-icon{background:var(--brand);color:#fff;box-shadow:0 8px 18px rgba(50,47,125,.24)}
.primary-btn{background:linear-gradient(135deg,var(--brand-2),var(--brand));color:#fff;box-shadow:0 12px 28px rgba(106,102,235,.24)}
.qty button.plus,.mini-qty button.plus{background:var(--brand-2);color:#fff}
.toast-mini{background:var(--brand);color:#fff}
.search-box input,.search-field{border-color:rgba(50,47,125,.12);box-shadow:0 8px 24px rgba(50,47,125,.05)}
.search-field i{color:var(--brand-2)}

/* Finance home */
.finance-categories .cat-icon{border-color:rgba(50,47,125,.08)}
.finance-categories .cat:active .cat-icon{background:rgba(106,102,235,.08)}
.credit-cardx{
  color:#fff;
  background:
    radial-gradient(circle at 15% 10%,rgba(255,215,0,.18),transparent 30%),
    linear-gradient(145deg,#322F7D 0%,#46419B 48%,#6A66EB 100%);
  box-shadow:0 22px 48px rgba(50,47,125,.30)
}
.credit-cardx:before{background:rgba(249,186,66,.14)}
.credit-cardx:after{background:rgba(255,215,0,.10)}
.credit-chip{background:linear-gradient(145deg,var(--gold),var(--gold-pure));color:var(--brand);box-shadow:0 8px 20px rgba(249,186,66,.22)}
.credit-label,.credit-unit{color:rgba(255,255,255,.88)}
.credit-eye{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.20);color:#fff;backdrop-filter:blur(8px)}
.quick-action{color:var(--ink)}
.quick-icon{border-color:rgba(50,47,125,.09);color:var(--brand-2)}
.quick-action:active .quick-icon{background:rgba(106,102,235,.08)}
.activity-card{box-shadow:0 14px 34px rgba(50,47,125,.08)}
.activity-tabs{background:rgba(50,47,125,.055)}
.activity-tab{color:#74717D}
.activity-tab.active{background:var(--brand);color:#fff;box-shadow:0 9px 22px rgba(50,47,125,.20)}
.activity-icon{background:rgba(106,102,235,.09);color:var(--brand)}
.activity-money.positive strong{color:var(--brand-2)}
.installment-box{background:rgba(50,47,125,.05)}
.installment-date{color:var(--brand);box-shadow:inset 0 0 0 1px rgba(50,47,125,.06)}
.finance-dashboard-label,.category-section-head a{color:var(--brand-2)}
.category-slide .cat-icon{border-color:rgba(50,47,125,.08);color:var(--brand)}
.category-slide:active .cat-icon{background:rgba(106,102,235,.08)}

/* Store page */
.store-hero-card,.section-card,.store-mini-actions button,.store-product-card,.mini-product,.facility-grid>div{box-shadow:0 12px 30px rgba(50,47,125,.07)}
.store-hero-overlay{background:linear-gradient(180deg,rgba(50,47,125,.02),rgba(44,43,43,.30))}
.store-open-badge{color:var(--ink)}
.store-open-badge span{background:var(--gold);box-shadow:0 0 0 4px rgba(249,186,66,.18)}
.store-heart{color:var(--brand)}
.verified,.verified-text{color:var(--brand-2)!important}
.closing-soon{background:rgba(249,186,66,.13);color:#755316}
.store-quick-grid>div{background:rgba(50,47,125,.045)}
.store-quick-grid i{color:var(--brand-2)}
.store-quick-grid i.bi-star-fill{color:var(--gold)}
.store-delivery-note b{color:var(--brand-2)}
.store-map-btn{border-color:rgba(50,47,125,.12);color:var(--brand)}
.store-mini-actions i{color:var(--brand-2)}
.store-section-head>button{color:var(--brand-2)}
.store-credit-card{background:linear-gradient(145deg,rgba(50,47,125,.08),rgba(106,102,235,.045));border-color:rgba(106,102,235,.15)}
.credit-shop-icon{background:linear-gradient(145deg,var(--gold),var(--gold-pure));color:var(--brand)}
.bnpl-row span{border-color:rgba(50,47,125,.11);color:var(--brand)}
.credit-facts span{color:#5D5970;background:rgba(255,255,255,.88)}
.store-offers-strip i{background:rgba(249,186,66,.14);color:#9A6B12}
.store-cat-scroller button{border-color:rgba(50,47,125,.10);color:var(--ink)}
.store-cat-scroller button.active{background:rgba(106,102,235,.12);border-color:rgba(106,102,235,.30);color:var(--brand)}
.store-cat-scroller button.active i{color:var(--brand-2)}
.sp-discount{background:rgba(249,186,66,.17);color:#8B5F0C}
.sp-price button,.mini-product>button{background:var(--brand-2);color:#fff}
.sp-stock{color:var(--brand-2)}
.product-placeholder,.mini-product-ph{background:linear-gradient(135deg,rgba(106,102,235,.11),rgba(50,47,125,.04));color:var(--brand-2)}
.product-placeholder.milk,.mini-product-ph.milk{background:linear-gradient(135deg,rgba(50,47,125,.09),rgba(106,102,235,.03));color:var(--brand)}
.product-placeholder.drink,.mini-product-ph.drink,.product-placeholder.snack,.mini-product-ph.snack{background:linear-gradient(135deg,rgba(249,186,66,.16),rgba(255,215,0,.05));color:#93680F}
.product-placeholder.clean,.mini-product-ph.clean{background:linear-gradient(135deg,rgba(106,102,235,.10),rgba(50,47,125,.04));color:var(--brand-2)}
.store-special-card{background:linear-gradient(135deg,var(--brand),#25235F);color:#fff;box-shadow:0 16px 36px rgba(50,47,125,.22)}
.store-special-card:after{background:rgba(255,215,0,.10)}
.store-special-card span,.store-special-card p{color:rgba(255,255,255,.76)}
.store-special-card button{background:linear-gradient(145deg,var(--gold),var(--gold-pure));color:var(--brand)}
.store-special-card>i{color:var(--gold)}
.filter-row button{border-color:rgba(50,47,125,.11);color:#666273}
.filter-row button.active{background:var(--brand);color:#fff;border-color:var(--brand)}
.info-list i,.facility-grid i,.trust-grid i{color:var(--brand-2)}
.fake-map{background:rgba(50,47,125,.07)}
.road{border-color:rgba(50,47,125,.08)}
.map-pin{background:var(--brand);box-shadow:0 8px 18px rgba(50,47,125,.28)}
.brand-row span{border-color:rgba(50,47,125,.10)}
.legal-links a{background:rgba(50,47,125,.06);color:#666273}
.store-floating-cart a{background:linear-gradient(135deg,var(--brand),#25235F);box-shadow:0 15px 34px rgba(50,47,125,.28)}
.store-floating-cart a>span{background:linear-gradient(145deg,var(--gold),var(--gold-pure));color:var(--brand)}
.store-floating-cart a>span b{color:var(--brand)}
.store-floating-cart em{color:rgba(255,255,255,.72)}

/* Cart and generic cards */
.product-card,.cart-item,.summary{box-shadow:0 12px 32px rgba(50,47,125,.07)}
.sum-row{border-bottom-color:rgba(50,47,125,.10)}
.remove-btn{background:rgba(199,80,91,.09);color:var(--danger)}

/* Premium highlights: pure gold only on high-value micro accents */
.credit-chip i,.store-special-card button i{color:var(--brand)}
.premium-gold,.vip-badge,.reward-highlight{color:var(--gold-pure)}

/* Accessibility / interaction polish */
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(106,102,235,.28);outline-offset:2px}
button,.nav-itemx,.category-slide,.store-mini-actions button{transition:transform .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}
button:active,.nav-itemx:active{transform:scale(.98)}

/* =========================================================
   v10 — Family financial dashboard
   Minimal 8-block structure, Sovereign Regalia theme
   ========================================================= */
.family-page{background:#FCFBFF}
.family-pad{padding-bottom:118px}
.family-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:9px 0 18px}
.family-kicker{display:block;font-size:13px;font-weight:800;color:var(--brand-2);margin-bottom:4px}
.family-header h1{font-size:22px;font-weight:900;margin:0;color:var(--ink);letter-spacing:-.25px}
.family-header p{font-size:13px;line-height:1.7;color:var(--muted);margin:5px 0 0}
.family-header .icon-btn{width:42px;height:42px;flex:0 0 42px;font-size:18px}

.family-kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:12px}
.family-kpi{min-height:112px;border:1px solid rgba(50,47,125,.08);border-radius:22px;background:#fff;padding:14px;box-shadow:0 10px 26px rgba(50,47,125,.055);display:flex;flex-direction:column;justify-content:flex-end}
.family-kpi span{font-size:12.5px;color:var(--muted);margin-bottom:auto}
.family-kpi strong{font-size:16px;font-weight:900;line-height:1.35;color:var(--ink)}
.family-kpi small{font-size:12px;color:var(--muted);margin-top:3px}
.family-kpi-primary{color:#fff;border:0;background:linear-gradient(145deg,var(--brand),#46419B 52%,var(--brand-2));box-shadow:0 16px 34px rgba(50,47,125,.24);position:relative;overflow:hidden}
.family-kpi-primary:after{content:"";position:absolute;width:95px;height:95px;border-radius:50%;background:rgba(255,215,0,.10);left:-25px;top:-25px}
.family-kpi-primary span,.family-kpi-primary strong,.family-kpi-primary small{color:#fff;position:relative;z-index:1}
.family-positive{color:var(--brand-2)!important}

.family-card{background:#fff;border:1px solid rgba(50,47,125,.075);border-radius:24px;padding:15px;margin-bottom:11px;box-shadow:0 12px 30px rgba(50,47,125,.06)}
.family-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.family-card-head>div{display:flex;align-items:center;gap:8px;min-width:0}
.family-card-head h2{font-size:14.5px;font-weight:900;margin:0;white-space:nowrap}
.family-card-head>a{font-size:12.5px;color:var(--brand-2);font-weight:800}
.family-index{width:24px;height:24px;display:grid;place-items:center;border-radius:9px;background:rgba(106,102,235,.10);color:var(--brand);font-size:12.5px;font-weight:900;flex:0 0 24px}
.family-period,.commitment-total,.debt-total,.saving-total{font-size:12px;padding:6px 8px;border-radius:11px;background:rgba(50,47,125,.055);color:#696578;white-space:nowrap}
.saving-total{background:rgba(249,186,66,.15);color:#7B5912;font-weight:900}

.cashflow-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:3px;background:linear-gradient(145deg,rgba(50,47,125,.055),rgba(106,102,235,.035));border-radius:18px;padding:12px 8px;margin-bottom:12px}
.cashflow-flow>div{text-align:center;min-width:0}
.cashflow-flow i{display:block;font-size:17px;color:var(--brand-2);margin-bottom:3px}
.cashflow-flow strong{display:block;font-size:13px;font-weight:900}
.cashflow-flow span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.cashflow-flow>b{font-size:13px;color:#B2AFC0}
.budget-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}
.budget-summary>div{background:#FAF9FD;border-radius:13px;padding:8px;text-align:center}
.budget-summary span{display:block;font-size:12px;color:var(--muted)}
.budget-summary strong{display:block;font-size:13px;margin-top:2px}
.family-progress,.goal-progress{height:7px;border-radius:999px;background:#F0EEF7;overflow:hidden}
.family-progress span,.goal-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--brand-2))}
.budget-caption{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:5px}
.family-details{border-top:1px dashed rgba(50,47,125,.12);margin-top:12px;padding-top:9px}
.family-details summary{cursor:pointer;list-style:none;font-size:12.5px;color:var(--brand-2);font-weight:800;display:flex;align-items:center;justify-content:space-between}
.family-details summary::-webkit-details-marker{display:none}
.family-details summary:after{content:"+";font-size:15px;color:var(--brand)}
.family-details[open] summary:after{content:"−"}
.expense-list,.asset-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}
.expense-list>div,.asset-list>div{display:flex;justify-content:space-between;gap:8px;background:#FAF9FD;border-radius:11px;padding:8px;font-size:12px}
.expense-list span,.asset-list span{color:var(--muted)}

.risk-pill,.return-pill{font-size:12px;font-weight:900;border-radius:999px;padding:6px 9px;white-space:nowrap}
.risk-pill.balanced{background:rgba(249,186,66,.15);color:#77530E}
.return-pill{background:rgba(106,102,235,.10);color:var(--brand)}
.health-score-row{display:grid;grid-template-columns:82px 1fr;gap:12px;align-items:center}
.health-score-ring{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(var(--brand-2) 0 82%,#EEEAF7 82% 100%);position:relative}
.health-score-ring:after{content:"";position:absolute;inset:7px;background:#fff;border-radius:50%}
.health-score-ring strong,.health-score-ring span{position:relative;z-index:1}
.health-score-ring strong{font-size:22px;line-height:1;font-weight:900;color:var(--brand)}
.health-score-ring span{font-size:11.5px;color:var(--muted);margin-top:2px}
.health-copy strong{display:block;font-size:13px;font-weight:900;margin-bottom:4px}
.health-copy p{font-size:12px;line-height:1.75;color:var(--muted);margin:0}
.risk-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}
.risk-grid>div{display:flex;align-items:center;justify-content:space-between;gap:7px;background:#FAF9FD;border-radius:11px;padding:8px;font-size:12px}
.risk-grid span{color:var(--muted)}
.risk-grid b{font-size:12px}.risk-grid b.good{color:var(--brand-2)}.risk-grid b.warn{color:#A86C00}
.family-advice{display:flex;gap:8px;align-items:flex-start;background:rgba(249,186,66,.11);border:1px solid rgba(249,186,66,.18);border-radius:13px;padding:9px;margin-top:10px;color:#69521F}
.family-advice i{color:#9C6B06;font-size:15px}.family-advice span{font-size:12px;line-height:1.7}

.due-list{display:flex;flex-direction:column}
.due-item{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid rgba(50,47,125,.07);padding:9px 0;font-size:12.5px}
.due-item:last-child{border-bottom:0}.due-item time{font-size:12px;color:var(--muted)}.due-item span{display:flex;align-items:center;gap:6px;min-width:0}.due-item i{color:var(--brand-2)}.due-item strong{font-size:12.5px}.due-important strong{color:var(--brand)}
.family-main-action{width:100%;min-height:46px;border-radius:17px;font-size:13px;margin-top:10px}
.compact-details{margin-top:10px}
.family-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}
.family-mini-grid>div{background:#FAF9FD;border-radius:11px;padding:8px}.family-mini-grid span{display:block;font-size:12px;color:var(--muted)}.family-mini-grid strong{display:block;font-size:12px;margin-top:3px}.family-mini-grid i{color:var(--brand-2)}

.debt-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px}.debt-summary>div{background:rgba(50,47,125,.045);border-radius:13px;padding:9px}.debt-summary span{display:block;font-size:12px;color:var(--muted)}.debt-summary strong{display:block;font-size:13px;margin-top:2px}
.debt-list>div,.family-transaction-list>div{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(50,47,125,.07)}.debt-list>div:last-child,.family-transaction-list>div:last-child{border-bottom:0}
.debt-icon,.tx-icon{width:32px;height:32px;border-radius:11px;background:rgba(106,102,235,.09);color:var(--brand);display:grid;place-items:center;font-size:14.5px}
.debt-list strong,.family-transaction-list strong{display:block;font-size:12.5px}.debt-list small,.family-transaction-list small{display:block;font-size:12px;color:var(--muted);margin-top:2px}.debt-list b,.family-transaction-list b{font-size:12px;white-space:nowrap}

.goal-list{display:flex;flex-direction:column;gap:12px}.goal-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.goal-top span{font-size:12.5px;font-weight:800}.goal-top span i{color:var(--brand-2);margin-left:3px}.goal-top b{font-size:12px;color:var(--muted)}.goal-item small{display:block;text-align:left;color:var(--muted);font-size:12px;margin-top:4px}.goal-progress span{background:linear-gradient(90deg,var(--gold),var(--brand-2))}
.family-secondary-btn{width:100%;border:1px solid rgba(106,102,235,.18);background:rgba(106,102,235,.06);color:var(--brand);border-radius:15px;min-height:40px;font-size:12.5px;font-weight:900;margin-top:12px}

.investment-overview{display:grid;grid-template-columns:1fr auto;align-items:end;gap:2px 10px;background:linear-gradient(145deg,var(--brand),#4A45A3);color:#fff;border-radius:17px;padding:12px;margin-bottom:10px}.investment-overview span{font-size:12px;color:rgba(255,255,255,.78)}.investment-overview strong{font-size:15px;font-weight:900;grid-column:1}.investment-overview small{font-size:12px;color:var(--gold);grid-column:2;grid-row:1/3;align-self:center}
.portfolio-bar{height:10px;border-radius:999px;overflow:hidden;display:flex;background:#F2F0F8}.portfolio-bar span{height:100%}.p-gold{background:var(--gold)}.p-fund{background:var(--brand-2)}.p-fx{background:#8D89F2}.p-deposit{background:var(--brand)}.p-other{background:#B7B3C6}
.portfolio-legend{display:flex;flex-wrap:wrap;gap:6px 9px;margin-top:8px}.portfolio-legend span{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px}.portfolio-legend i{width:7px;height:7px;border-radius:50%;display:inline-block}
.asset-equation{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;background:#FAF9FD;border-radius:12px;padding:9px;margin-top:8px;font-size:12px;color:var(--muted)}.asset-equation strong{color:var(--brand);font-size:12px}.asset-equation i{color:#A8A4B3}

.family-transactions{margin-bottom:4px}.tx-positive{background:rgba(249,186,66,.13);color:#8A620C}

@media(max-width:390px){
  .family-header h1{font-size:20px}.family-kpi{min-height:106px;padding:12px}.family-kpi strong{font-size:15px}
  .cashflow-flow{padding-inline:5px}.cashflow-flow strong{font-size:13px}.cashflow-flow span{font-size:11.5px}
  .family-card{padding:13px}.family-card-head h2{font-size:13.5px}.family-mini-grid{grid-template-columns:1fr}
}

/* =========================================================
   Settings — minimal family account controls
   ========================================================= */
.settings-page{background:#FCFBFF}
.settings-pad{padding-top:8px;padding-bottom:116px}
.settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:8px 0 16px}
.settings-header>div{min-width:0}.settings-kicker{display:block;font-size:13px;font-weight:800;color:var(--brand-2);margin-bottom:4px}
.settings-header h1{font-size:24px;line-height:1.2;font-weight:900;margin:0 0 6px;color:var(--ink)}
.settings-header p{font-size:12.5px;line-height:1.8;color:var(--muted);margin:0}
.settings-family-card{background:linear-gradient(145deg,var(--brand),#45409A 52%,var(--brand-2));color:#fff;border-radius:23px;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 16px 34px rgba(50,47,125,.22);margin-bottom:13px;position:relative;overflow:hidden}
.settings-family-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:rgba(255,215,0,.10);left:-36px;top:-50px}
.settings-family-copy{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.settings-family-copy>div{display:flex;flex-direction:column;gap:2px}.settings-family-copy strong{font-size:13.5px;font-weight:900}.settings-family-copy small{font-size:12px;color:rgba(255,255,255,.72)}
.settings-family-icon{width:40px;height:40px;border-radius:14px;background:linear-gradient(145deg,var(--gold),var(--gold-pure));color:var(--brand);display:grid;place-items:center;font-size:18px;box-shadow:0 8px 20px rgba(249,186,66,.20)}
.settings-mini-btn{position:relative;z-index:1;border:1px solid rgba(255,255,255,.20);background:rgba(255,255,255,.12);color:#fff;min-height:32px;padding:0 12px;border-radius:12px;font-size:12px;font-weight:800}
.settings-section{background:#fff;border:1px solid rgba(50,47,125,.07);border-radius:22px;padding:14px;margin-bottom:11px;box-shadow:0 10px 28px rgba(50,47,125,.045)}
.settings-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.settings-section-head.compact{margin-bottom:8px}.settings-section-head>div{min-width:0}
.settings-section-head h2{font-size:14.5px;font-weight:900;margin:0 0 3px}.settings-section-head p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}
.settings-add-btn{border:0;background:rgba(106,102,235,.09);color:var(--brand);height:34px;padding:0 10px;border-radius:12px;font-size:12px;font-weight:900;display:flex;align-items:center;gap:5px;white-space:nowrap}.settings-add-btn i{font-size:14.5px}
.member-list{display:flex;flex-direction:column}.member-card{display:grid;grid-template-columns:44px 1fr 30px;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(50,47,125,.07)}.member-card:last-child{border-bottom:0;padding-bottom:1px}.member-card:first-child{padding-top:1px}
.member-avatar{width:44px;height:44px;border:0;border-radius:15px;display:grid;place-items:center;position:relative;font-size:14.5px;font-weight:900;color:#fff}.member-avatar i{position:absolute;left:-3px;bottom:-3px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--brand);font-size:12px;box-shadow:0 2px 8px rgba(50,47,125,.15)}
.member-avatar-1{background:linear-gradient(145deg,#322F7D,#6A66EB)}.member-avatar-2{background:linear-gradient(145deg,#7E5EA7,#A983D2)}.member-avatar-3{background:linear-gradient(145deg,#436B8F,#6D9FC5)}.member-avatar-4{background:linear-gradient(145deg,#AF6D79,#D795A1)}
.member-info{display:flex;flex-direction:column;min-width:0}.member-info strong{font-size:13px;font-weight:900}.member-info span{font-size:12px;color:#605D68;margin-top:1px}.member-info small{font-size:12px;color:var(--muted);margin-top:2px}.member-more{width:30px;height:30px;border:0;border-radius:10px;background:#F7F6FB;color:var(--brand);display:grid;place-items:center;font-size:13px}
.settings-status{padding:5px 8px;border-radius:9px;background:rgba(106,102,235,.09);color:var(--brand-2);font-size:11.5px;font-weight:900}
.budget-limit-card{background:#FAF9FD;border:1px solid rgba(50,47,125,.06);border-radius:16px;padding:11px;margin-bottom:8px}.budget-limit-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.budget-limit-top>div{display:flex;flex-direction:column}.budget-limit-top span{font-size:12px;color:var(--muted)}.budget-limit-top strong{font-size:13px;margin-top:2px}.budget-limit-top i{width:32px;height:32px;border-radius:11px;background:rgba(106,102,235,.10);color:var(--brand);display:grid;place-items:center}
.settings-range{width:100%;height:4px;margin:13px 0 5px;accent-color:var(--brand-2)}.range-scale{display:flex;justify-content:space-between;font-size:11.5px;color:#9995A3}
.member-limit-list{display:flex;flex-direction:column;margin-bottom:7px}.member-limit-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(50,47,125,.06)}.member-limit-row:last-child{border-bottom:0}.limit-dot{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:900}.member-limit-row>div{display:flex;flex-direction:column}.member-limit-row strong{font-size:12.5px}.member-limit-row small{font-size:11.5px;color:var(--muted)}.member-limit-row button{border:0;background:#F7F6FB;color:var(--brand);border-radius:9px;padding:6px 8px;font-size:11.5px;font-weight:800}
.settings-toggle-row,.settings-link-row{width:100%;min-height:54px;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:9px;border:0;border-top:1px solid rgba(50,47,125,.065);background:transparent;padding:8px 0;text-align:right;color:var(--ink);position:relative}.settings-link-row{grid-template-columns:35px 1fr auto auto}.settings-toggle-row>div,.settings-link-row>div{display:flex;flex-direction:column;min-width:0}.settings-toggle-row strong,.settings-link-row strong{font-size:12.5px;font-weight:900}.settings-toggle-row small,.settings-link-row small{font-size:11.5px;line-height:1.6;color:var(--muted);margin-top:2px}.settings-row-icon{width:35px;height:35px;border-radius:12px;background:rgba(106,102,235,.08);color:var(--brand);display:grid;place-items:center;font-size:15px}
.settings-toggle-row input{position:absolute;opacity:0;pointer-events:none}.toggle-ui{width:36px;height:20px;border-radius:999px;background:#DAD8E2;position:relative;transition:.2s}.toggle-ui:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;right:2px;top:2px;box-shadow:0 2px 5px rgba(0,0,0,.13);transition:.2s}.settings-toggle-row input:checked+.toggle-ui{background:var(--brand-2)}.settings-toggle-row input:checked+.toggle-ui:after{transform:translateX(-16px)}
.settings-link-row>i{font-size:13px;color:#A5A1AE}.row-value{font-size:12px;color:var(--brand-2);font-weight:800;white-space:nowrap}.security-badge{font-size:11.5px;color:var(--brand-2);background:rgba(106,102,235,.08);border-radius:8px;padding:4px 6px;font-weight:800}
.support-online{font-size:11.5px;color:#2F8A57;display:flex;align-items:center;gap:4px;white-space:nowrap}.support-online i{width:6px;height:6px;border-radius:50%;background:#42B874;box-shadow:0 0 0 3px rgba(66,184,116,.12)}.support-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:5px 0 7px}.support-actions button{border:1px solid rgba(50,47,125,.07);background:#FAF9FD;border-radius:14px;min-height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink)}.support-actions button>i{font-size:17px;color:var(--brand-2)}.support-actions strong{font-size:12px}.support-actions span{font-size:11.5px;color:var(--muted)}
.settings-secondary-section{padding-block:4px}.settings-secondary-section .settings-link-row:first-child{border-top:0}.danger-row .settings-row-icon,.danger-row strong{color:var(--danger)}.danger-row .settings-row-icon{background:rgba(199,80,91,.08)}
.settings-version{text-align:center;font-size:11.5px;color:#A5A1AE;margin:14px 0 2px}
@media(max-width:390px){.settings-pad{padding-inline:14px}.settings-section{padding:12px}.settings-header h1{font-size:22px}.settings-toggle-row,.settings-link-row{grid-template-columns:33px 1fr auto}.settings-link-row{grid-template-columns:33px 1fr auto auto}.settings-row-icon{width:33px;height:33px}.support-actions{gap:5px}}


/* Family profile photos */
.profile-avatar-link{width:38px;height:38px;border-radius:13px;overflow:hidden;display:block;border:2px solid #fff;box-shadow:0 5px 14px rgba(50,47,125,.14);flex:0 0 38px;background:#f2f0f8}
.profile-avatar-link img{width:100%;height:100%;object-fit:cover;display:block}
.top-actions{display:flex;align-items:center;gap:7px}
.family-avatar-stack{display:flex;align-items:center;direction:ltr;isolation:isolate}
.family-avatar-stack img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 3px 10px rgba(50,47,125,.14);background:#f2f0f8;margin-left:-8px}
.family-avatar-stack img:first-child{margin-left:0}
.settings-family-avatars img{width:36px;height:36px;border-color:rgba(255,255,255,.96);margin-left:-11px}
.settings-family-avatars{padding-left:10px}
.family-header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.family-header-avatars img{width:28px;height:28px}
.member-avatar{overflow:visible;background:#f2f0f8;padding:0}
.member-avatar>img{width:44px;height:44px;border-radius:15px;object-fit:cover;display:block}
.member-avatar>i{z-index:2}
.member-avatar-1,.member-avatar-2,.member-avatar-3,.member-avatar-4{background:#f2f0f8}
.limit-avatar{width:30px;height:30px;border-radius:10px;object-fit:cover;display:block;background:#f2f0f8}
.comment-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.comment-user{display:flex;align-items:center;gap:7px}
.comment-user img{width:28px;height:28px;border-radius:9px;object-fit:cover;display:block;background:#f2f0f8}
@media(max-width:390px){
  .family-header-actions{gap:7px}.family-header-avatars img{width:26px;height:26px;margin-left:-9px}
  .settings-family-avatars img{width:33px;height:33px}
}


/* Unified user header */
.app-user-header{
  direction:rtl;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;
  margin:5px 0 16px;padding:3px 0;min-height:58px
}
.app-user-identity{display:flex;align-items:center;gap:10px;min-width:0}
.app-user-avatar{width:48px;height:48px;flex:0 0 48px;border-radius:16px;overflow:hidden;background:#f2f0f8;border:2px solid #fff;box-shadow:0 6px 18px rgba(50,47,125,.13)}
.app-user-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.app-user-copy{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.app-user-copy strong{font-size:15px;font-weight:900;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-user-copy span{font-size:12.5px;font-weight:600;color:var(--muted);margin-top:4px;white-space:nowrap}
.app-user-meta{display:flex;align-items:center;gap:7px;min-width:0}
.app-user-location{height:38px;max-width:142px;border:0;background:transparent;padding:0 2px;display:flex;align-items:center;gap:5px;color:var(--ink);white-space:nowrap}
.app-user-location span{font-size:12.5px;font-weight:800;overflow:hidden;text-overflow:ellipsis}
.app-user-location i{font-size:16px;color:#6A66EB;flex:0 0 auto}
.app-user-alert{width:38px;height:38px;flex:0 0 38px;border:0;border-radius:13px;background:#fff;color:var(--ink);display:grid;place-items:center;font-size:17px;box-shadow:0 5px 16px rgba(7,38,30,.045)}
.settings-page-intro{margin:2px 0 16px}
.settings-page-intro h1{font-size:24px;line-height:1.2;font-weight:900;margin:0 0 6px;color:var(--ink)}
.settings-page-intro p{font-size:12.5px;line-height:1.8;color:var(--muted);margin:0}
.store-wrap>.app-user-header{margin-top:0}
@media(max-width:390px){
  .app-user-header{gap:8px;margin-bottom:14px}
  .app-user-avatar{width:44px;height:44px;flex-basis:44px;border-radius:14px}
  .app-user-identity{gap:8px}
  .app-user-copy strong{font-size:14.5px}
  .app-user-copy span{font-size:12px}
  .app-user-location{max-width:108px;gap:4px}
  .app-user-location span{font-size:12px}
  .app-user-location i{font-size:15px}
  .app-user-alert{width:36px;height:36px;flex-basis:36px;border-radius:12px;font-size:16px}
}
@media(max-width:350px){
  .app-user-location span{display:none}
  .app-user-location{width:30px;max-width:30px;justify-content:center}
}


/* =========================================================
   Stores directory
   ========================================================= */
.stores-page{background:#FCFBFF}
.stores-pad{padding-top:8px;padding-bottom:116px}
.stores-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:4px 0 14px}
.stores-heading>div{min-width:0}.stores-heading>div>span{display:block;font-size:12.5px;font-weight:800;color:var(--brand-2);margin-bottom:3px}
.stores-heading h1{font-size:24px;font-weight:900;line-height:1.2;margin:0 0 5px;color:var(--ink)}
.stores-heading p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}
.stores-total{flex:0 0 auto;background:rgba(106,102,235,.08);color:var(--brand);padding:7px 9px;border-radius:11px;font-size:12px;font-weight:800}.stores-total b{font-size:13px}
.stores-search{margin-bottom:14px}
.stores-category-section{margin-bottom:15px}.stores-section-head,.stores-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.stores-section-head strong,.stores-list-head strong{font-size:13px;font-weight:900}.stores-section-head span,.stores-list-head span{font-size:12px;color:var(--muted)}
.stores-filter-scroll{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px 0 5px;overscroll-behavior-inline:contain}.stores-filter-scroll::-webkit-scrollbar{display:none}
.stores-filter{flex:0 0 auto;min-height:34px;padding:0 10px;border-radius:12px;border:1px solid rgba(50,47,125,.08);background:#fff;color:var(--ink);display:flex;align-items:center;gap:5px;font-size:12px;font-weight:800;box-shadow:0 6px 18px rgba(50,47,125,.03)}
.stores-filter i{font-size:13.5px;color:var(--brand-2)}.stores-filter.active{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 8px 20px rgba(50,47,125,.16)}.stores-filter.active i{color:var(--gold)}
.stores-list{display:flex;flex-direction:column;gap:9px}
.store-list-card{text-decoration:none;color:var(--ink);display:grid;grid-template-columns:58px minmax(0,1fr) 28px;align-items:center;gap:10px;background:#fff;border:1px solid rgba(50,47,125,.07);border-radius:18px;padding:10px;box-shadow:0 10px 26px rgba(50,47,125,.045);transition:transform .18s ease,box-shadow .18s ease}.store-list-card:active{transform:scale(.988)}
.store-list-visual{width:58px;height:58px;border-radius:16px;background:linear-gradient(145deg,rgba(106,102,235,.11),rgba(249,186,66,.12));display:grid;place-items:center;align-content:center;gap:3px;color:var(--brand);overflow:hidden}.store-list-visual i{font-size:21px}.store-list-visual span{font-size:11.5px;font-weight:900;color:var(--muted)}
.store-list-copy{min-width:0}.store-list-title{display:flex;align-items:center;gap:5px;min-width:0}.store-list-title h2{font-size:13px;font-weight:900;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-list-title i{font-size:13px;color:var(--brand-2);flex:0 0 auto}.store-list-copy p{font-size:11.5px;color:var(--muted);margin:4px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.store-list-meta{display:flex;align-items:center;gap:8px;overflow:hidden}.store-list-meta span{font-size:11.5px;color:#696672;display:flex;align-items:center;gap:3px;white-space:nowrap}.store-list-meta i{font-size:12px;color:var(--brand-2)}.store-list-meta span:first-child i{color:var(--gold)}
.store-list-arrow{width:28px;height:28px;border-radius:10px;background:#F7F6FB;color:var(--brand);display:grid;place-items:center;font-size:13px}
.stores-empty{background:#fff;border:1px solid rgba(50,47,125,.07);border-radius:20px;padding:30px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}.stores-empty[hidden]{display:none}.stores-empty i{width:42px;height:42px;border-radius:14px;background:rgba(106,102,235,.08);display:grid;place-items:center;color:var(--brand);font-size:18px}.stores-empty strong{font-size:13px}.stores-empty span{font-size:12px;color:var(--muted)}
.store-cover-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(145deg,#322F7D,#6A66EB);color:#fff}.store-cover-placeholder:before{content:"";position:absolute;inset:auto -40px -70px auto;width:180px;height:180px;border-radius:50%;background:rgba(255,215,0,.13)}.store-cover-placeholder i{position:relative;z-index:1;width:72px;height:72px;border-radius:24px;background:rgba(255,255,255,.13);backdrop-filter:blur(8px);display:grid;place-items:center;font-size:34px;color:#FFD700}.store-cover-placeholder span{position:relative;z-index:1;font-size:13.5px;font-weight:900;color:rgba(255,255,255,.9)}
@media(max-width:390px){.store-list-card{grid-template-columns:54px minmax(0,1fr) 26px;padding:9px}.store-list-visual{width:54px;height:54px;border-radius:15px}.store-list-meta{gap:6px}.store-list-meta span{font-size:11.5px}.stores-heading h1{font-size:22px}}


/* =========================================================
   Kalameh FaNum typography system — project wide
   ========================================================= */
html{font-size:16px;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-family:"Kalameh FaNum",Tahoma,Arial,sans-serif;font-size:15px;line-height:1.68;font-weight:400;letter-spacing:0;color:var(--ink);font-variant-numeric:tabular-nums}
button,input,textarea,select{font-family:"Kalameh FaNum",Tahoma,Arial,sans-serif}
h1,h2,h3,h4,h5,h6,strong,b,.page-title,.product-title,.store-title-line h1,.section-head h2,.settings-header h1,.settings-page-intro h1,.stores-heading h1{font-family:"Kalameh FaNum",Tahoma,Arial,sans-serif;font-weight:800}
p,li,span,small,a,button,input,textarea,select{font-feature-settings:"kern" 1,"liga" 1}

/* Display / page titles */
.settings-page-intro h1,.stores-heading h1{font-size:26px;line-height:1.35}
.detail-content h1,.store-title-line h1{font-size:22px;line-height:1.45}
.section-head h2,.wallet-title-row h2{font-size:21px;line-height:1.45}
.section-card-head h2,.store-section-head h2{font-size:18px;line-height:1.5}

/* Body copy and supporting text */
.description p,.store-credit-card p,.store-special-card p,.settings-page-intro p,.stores-heading p{font-size:13.5px;line-height:1.95}
.eyebrow,.section-eyebrow,.store-kind,.store-section-head>span,.store-section-head>a,.settings-section-head span,.settings-toggle-row small,.settings-link-row small,.member-limit-row small,.stores-section-head span,.stores-list-head span,.store-list-copy p,.store-list-meta span,.support-actions span,.settings-version{font-size:12px;line-height:1.7}

/* Cards and lists */
.product-title,.cart-title,.store-list-title h2,.member-card strong,.member-limit-row strong,.settings-toggle-row strong,.settings-link-row strong{font-size:14.5px;line-height:1.55}
.meta-row,.rating,.detail-stats,.sum-row,.store-delivery-note,.store-quick-grid span,.credit-facts span,.bnpl-row span,.store-mini-actions span,.store-cat-scroller button,.filter-row button,.sp-body small,.sp-old,.sp-stock,.row-value,.security-badge,.support-online,.stores-total,.stores-filter,.store-list-visual span{font-size:12px;line-height:1.55}

/* Header */
.app-user-copy strong{font-size:15.5px;line-height:1.35}
.app-user-copy span,.app-user-location span{font-size:12.5px;line-height:1.5}

/* Navigation and controls */
.nav-itemx{font-size:13px;line-height:1.35}
.segmented button,.primary-btn,.store-map-btn{font-size:14px}
.cat{font-size:13px;line-height:1.45}
.stores-section-head strong,.stores-list-head strong{font-size:14px}
.stores-filter{font-size:12.5px}
.store-list-title h2{font-size:15px}
.store-list-copy p{font-size:12.5px}
.store-list-meta span{font-size:12px}

/* Settings */
.settings-section-head strong{font-size:15px}
.budget-limit-top span{font-size:12px}
.budget-limit-top strong{font-size:15px}
.member-limit-row strong{font-size:14px}
.member-limit-row small{font-size:12px}
.member-limit-row button{font-size:12.5px}
.settings-toggle-row strong,.settings-link-row strong{font-size:14px}
.settings-toggle-row small,.settings-link-row small{font-size:12px}
.support-actions strong{font-size:13px}
.support-actions span{font-size:11.5px}
.settings-version{font-size:11.5px}
.range-scale{font-size:11.5px}

/* Store detail pricing / product copy */
.sp-body h3{font-size:14px;line-height:1.6}
.sp-price strong{font-size:14px}
.sp-price span{font-size:12px}
.store-special-card span{font-size:12px}
.store-special-card h2{font-size:18px}
.store-special-card button{font-size:12.5px}

@media(max-width:390px){
  body{font-size:14.5px}
  .settings-page-intro h1,.stores-heading h1{font-size:24px}
  .app-user-copy strong{font-size:15px}
  .app-user-copy span,.app-user-location span{font-size:12px}
  .nav-itemx{font-size:12.5px}
  .cat{font-size:12.5px}
  .store-list-title h2{font-size:14.5px}
  .store-list-copy p{font-size:12px}
}

/* =========================================================
   Interactive prototype shell / fixed chrome / auth flows
   ========================================================= */
:root{--brand:#322F7D;--brand-2:#6A66EB;--gold:#F9BA42;--gold-pure:#FFD700;--surface:#FCFBFF;--danger:#C7505B;--success:#23845d}
html{font-size:16px;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-family:"Kalameh FaNum",Tahoma,Arial,sans-serif;font-size:15px;line-height:1.72;font-weight:400;font-variant-numeric:tabular-nums}
button,input,textarea,select{font-family:inherit}
h1,h2,h3,h4,h5,h6,strong,b{font-weight:800}

/* The application header and bottom navigation remain visible on app pages. */
body[data-app-page] .app-user-header{
  position:fixed;top:0;left:50%;transform:translateX(-50%);width:min(100%,460px);height:78px;
  margin:0;padding:11px 18px;background:rgba(252,251,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(50,47,125,.07);z-index:90;box-shadow:0 8px 26px rgba(50,47,125,.035)
}
body[data-app-page] .bottom-nav{
  position:fixed;left:50%;right:auto;bottom:0;transform:translateX(-50%);width:min(100%,460px);z-index:90;
  box-shadow:0 -10px 30px rgba(50,47,125,.08)
}
body[data-app-page] .page-pad,body[data-app-page] .store-wrap{padding-top:92px!important;padding-bottom:108px!important}
body[data-app-page] .stores-pad,body[data-app-page] .settings-pad,body[data-app-page] .family-pad,body[data-app-page] .finance-pad{padding-top:92px!important}
body[data-app-page] .store-floating-cart{bottom:96px}
body[data-app-page] .app-user-alert{position:relative}
body[data-app-page] .app-user-alert:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#C7505B;top:7px;left:8px;box-shadow:0 0 0 2px #fff}
@media(min-width:700px){
  body[data-app-page] .app-user-header{top:28px;border-radius:32px 32px 0 0}
  body[data-app-page] .bottom-nav{bottom:28px;border-radius:0 0 32px 32px}
}
@media(max-width:390px){body[data-app-page] .app-user-header{padding-inline:14px}.app-user-copy strong{font-size:15px}.app-user-copy span{font-size:12.5px}}

/* Typography scale: readable rather than tiny */
.settings-page-intro h1,.stores-heading h1{font-size:26px;line-height:1.35}
.store-title-line h1,.detail-content h1{font-size:22px;line-height:1.45}
.section-head h2,.wallet-title-row h2{font-size:21px;line-height:1.45}
.section-card-head h2,.store-section-head h2{font-size:17px;line-height:1.5}
.description p,.store-credit-card p,.store-special-card p,.settings-page-intro p,.stores-heading p,.legal-copy p{font-size:13.5px;line-height:1.95}
.settings-toggle-row strong,.settings-link-row strong,.member-limit-row strong,.store-list-title h2{font-size:14px;line-height:1.55}
.settings-toggle-row small,.settings-link-row small,.member-limit-row small,.store-list-copy p,.store-list-meta span{font-size:12px;line-height:1.65}
.nav-itemx{font-size:13px}.nav-itemx i{font-size:21px}.primary-btn{font-size:14px;line-height:1.3}

/* Auth / onboarding */
.auth-body{margin:0;background:#ECEAF5;min-height:100dvh;display:grid;place-items:center;padding:0}
.auth-shell{width:min(100%,460px);min-height:100dvh;background:var(--surface);display:flex;flex-direction:column;position:relative;overflow:hidden}
.auth-card,.onboarding-stage{min-height:100dvh;padding:28px 22px calc(26px + env(safe-area-inset-bottom));display:flex;flex-direction:column}
.auth-card{justify-content:center;position:relative}
.auth-back{position:absolute;right:20px;top:22px;width:42px;height:42px;border-radius:14px;background:#fff;border:1px solid rgba(50,47,125,.08);display:grid;place-items:center;font-size:18px;box-shadow:0 7px 20px rgba(50,47,125,.05)}
.auth-brand{display:flex;align-items:center;gap:10px;margin:28px 0 28px}.auth-brand>span,.loading-logo{width:46px;height:46px;border-radius:16px;background:linear-gradient(145deg,var(--brand),var(--brand-2));color:#fff;display:grid;place-items:center;font-size:22px;font-weight:800;box-shadow:0 12px 28px rgba(50,47,125,.2)}.auth-brand strong{font-size:20px}
.auth-copy{margin-bottom:24px}.auth-kicker{display:block;color:var(--brand-2);font-size:13px;font-weight:800;margin-bottom:6px}.auth-copy h1{font-size:26px;line-height:1.4;margin:0 0 8px;color:#242236}.auth-copy p{font-size:14px;line-height:1.9;color:#777386;margin:0}.auth-copy p strong{color:#37334a}
.auth-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:8px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 12px 26px rgba(50,47,125,.2)}
.auth-note{text-align:center;color:#918d9c;font-size:12px;line-height:1.8;margin:12px 12px 0}
.auth-security,.demo-code{display:flex;align-items:flex-start;gap:9px;background:#F5F3FB;border:1px solid rgba(50,47,125,.07);border-radius:16px;padding:12px;margin-top:18px;color:#656173;font-size:12.5px;line-height:1.75}.auth-security i,.demo-code i{color:var(--brand-2);font-size:17px;margin-top:1px}
.demo-fill{border:0;background:transparent;color:var(--brand-2);font-size:12.5px;font-weight:800;margin:10px auto 0;padding:8px 12px}
.onboarding-stage{justify-content:space-between;padding-top:18px}.auth-skip{align-self:flex-end;border:0;background:transparent;color:var(--brand);font-size:13.5px;font-weight:800;padding:8px 0}.onboarding-progress{height:4px;background:#ECE9F5;border-radius:99px;overflow:hidden;margin:4px 0 14px}.onboarding-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2));transition:width .3s ease}
.onboarding-slides{position:relative;flex:1;min-height:0}.onboarding-slide{display:none;text-align:right}.onboarding-slide.active{display:block;animation:fadeSlide .3s ease}.onboarding-slide img{width:100%;height:min(50dvh,470px);object-fit:cover;border-radius:28px;display:block;margin:0 0 24px}.onboarding-slide h1{font-size:27px;line-height:1.45;margin:0 0 9px;color:#27243b}.onboarding-slide p{font-size:14.5px;line-height:1.95;color:#716d7d;margin:0}.onboarding-dots{display:flex;justify-content:center;gap:7px;margin:18px 0 5px}.onboarding-dots button{width:8px;height:8px;border-radius:99px;border:0;background:#D9D5E5;padding:0;transition:.2s}.onboarding-dots button.active{width:25px;background:var(--brand-2)}
@keyframes fadeSlide{from{opacity:.25;transform:translateX(-8px)}to{opacity:1;transform:none}}
@media(min-width:700px){.auth-shell{min-height:920px;border-radius:32px;box-shadow:0 0 54px rgba(50,47,125,.13)}.auth-card,.onboarding-stage{min-height:920px}}

/* Forms */
.form-field{display:block;margin-bottom:15px}.form-field>span{display:block;font-size:13px;font-weight:800;color:#494558;margin:0 2px 7px}.input-wrap{min-height:54px;border:1px solid #E5E2ED;background:#fff;border-radius:17px;padding:0 14px;display:flex;align-items:center;gap:10px;transition:.2s}.input-wrap:focus-within{border-color:rgba(106,102,235,.65);box-shadow:0 0 0 4px rgba(106,102,235,.08)}.input-wrap i{font-size:17px;color:#8B87A0}.input-wrap input,.input-wrap select{border:0;outline:0;background:transparent;min-width:0;flex:1;height:50px;color:#302d3e;font-size:14px}.input-wrap b{font-size:12px;color:#8A8697;white-space:nowrap}.form-field textarea{width:100%;min-height:108px;resize:vertical;border:1px solid #E5E2ED;background:#fff;border-radius:17px;padding:12px 14px;outline:0;font-size:14px;line-height:1.8}.form-field textarea:focus{border-color:rgba(106,102,235,.65);box-shadow:0 0 0 4px rgba(106,102,235,.08)}.field-help{display:block;color:#938F9D;font-size:11.5px;line-height:1.7;margin:6px 3px 0}.field-error{display:block;min-height:18px;color:var(--danger);font-style:normal;font-size:11.8px;line-height:1.6;margin:5px 3px 0}.field-error.center{text-align:center;margin:7px 0}.invalid{border-color:var(--danger)!important}.input-wrap:has(.invalid){border-color:var(--danger)}
.check-row{display:flex;align-items:flex-start;gap:9px;margin:2px 2px 15px;color:#686477;font-size:12.5px;line-height:1.7}.check-row input{width:17px;height:17px;margin-top:2px;accent-color:var(--brand-2)}
.otp-group{display:flex;gap:10px;justify-content:center;margin:14px 0}.otp-group input{width:58px;height:64px;border-radius:18px;border:1px solid #E3E0EB;background:#fff;text-align:center;font-size:25px;font-weight:800;outline:0;color:var(--brand)}.otp-group input:focus{border-color:var(--brand-2);box-shadow:0 0 0 4px rgba(106,102,235,.09)}.otp-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#858192;font-size:12.5px;margin:4px 0 12px}.otp-meta button{border:0;background:transparent;color:var(--brand-2);font-weight:800}.otp-meta button:disabled{color:#B5B1BD}
.spinner-mini{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}

/* Loading */
.loading-card{margin:auto 22px;background:#fff;border-radius:28px;padding:28px 22px;box-shadow:0 18px 50px rgba(50,47,125,.09);border:1px solid rgba(50,47,125,.06)}.loading-logo{margin-bottom:20px}.loading-card h1{font-size:21px;line-height:1.55;margin:0 0 7px}.loading-card p{font-size:13.5px;line-height:1.9;color:#777386;margin:0 0 22px}.progress-track{height:9px;border-radius:99px;background:#ECE9F4;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brand),var(--brand-2),var(--gold));border-radius:inherit;transition:width .12s linear}.progress-copy{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.progress-copy strong{font-size:13px;color:var(--brand)}.progress-copy span{font-size:12px;color:#898596}

/* Dialog / bottom sheet */
.dialog-open{overflow:hidden}.flow-overlay{position:fixed;inset:0;background:rgba(24,21,42,.34);z-index:200;display:flex;align-items:flex-end;justify-content:center;padding:0;opacity:0;transition:.18s}.flow-overlay.show{opacity:1}.flow-sheet{width:min(100%,460px);max-height:min(88dvh,760px);overflow:auto;background:#FCFBFF;border-radius:28px 28px 0 0;padding:10px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -22px 60px rgba(31,27,61,.18);transform:translateY(20px);transition:.18s}.flow-overlay.show .flow-sheet{transform:none}.flow-sheet-handle{width:42px;height:4px;border-radius:99px;background:#D8D4E1;margin:0 auto 12px}.flow-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.flow-sheet-head h2{font-size:19px;line-height:1.5;margin:0}.flow-sheet-head p{font-size:12.5px;line-height:1.75;color:#817D8D;margin:4px 0 0}.flow-close{width:38px;height:38px;flex:0 0 38px;border:0;border-radius:13px;background:#F0EEF6;color:#595568}.flow-sheet-actions{display:flex;gap:8px;position:sticky;bottom:0;background:linear-gradient(180deg,rgba(252,251,255,0),#FCFBFF 25%);padding-top:16px;margin-top:4px}.flow-sheet-actions>*{flex:1;display:flex;align-items:center;justify-content:center;min-height:50px}.secondary-btn,.danger-btn{border:0;border-radius:17px;padding:0 16px;font-weight:800;font-size:13.5px}.secondary-btn{background:#EFEDF5;color:#49455A}.danger-btn{background:#FFF0F1;color:var(--danger)}
.choice-row{display:flex;align-items:center;gap:11px;border:1px solid #E7E4EE;background:#fff;border-radius:17px;padding:12px;margin-bottom:8px}.choice-row input{width:18px;height:18px;accent-color:var(--brand-2)}.choice-row>span{display:flex;flex-direction:column;gap:2px}.choice-row strong{font-size:13.5px}.choice-row small{font-size:11.5px;color:#8C8898}.text-action{border:0;background:transparent;color:var(--brand-2);font-size:13px;font-weight:800;padding:8px 4px;display:flex;align-items:center;gap:6px}.scanner-demo{height:150px;border:1px dashed rgba(106,102,235,.35);border-radius:22px;background:linear-gradient(145deg,#F5F3FC,#FFF9E8);display:grid;place-items:center;align-content:center;gap:8px;color:var(--brand)}.scanner-demo i{font-size:48px}.scanner-demo span{font-size:12.5px;color:#6E6A7C}.payment-summary{background:#F5F3FA;border-radius:17px;padding:12px 14px;margin-bottom:14px}.payment-summary>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.payment-summary span{font-size:12.5px;color:#787486}.payment-summary strong{font-size:14px}.success-panel{text-align:center;padding:8px 4px}.success-panel>i{font-size:48px;color:var(--success)}.success-panel h3{font-size:19px;margin:8px 0 5px}.success-panel p{font-size:13px;line-height:1.8;color:#777386;margin:0}.copy-box{margin-top:14px;display:flex;align-items:center;gap:8px;background:#F1EFF6;border-radius:14px;padding:10px}.copy-box code{direction:ltr;flex:1;overflow:hidden;text-overflow:ellipsis;color:#48445B}.copy-box button{width:36px;height:36px;border:0;border-radius:11px;background:#fff;color:var(--brand)}.receipt-code{margin-top:14px;background:#F4F2F9;border-radius:13px;padding:10px;color:#666275;font-size:12.5px}.receipt-code strong{color:var(--brand)}
.notification-list{display:flex;flex-direction:column;gap:9px}.notification-item{display:grid;grid-template-columns:8px 1fr;gap:10px;padding:12px;border-radius:17px;background:#fff;border:1px solid #EBE8F0}.notification-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-2);margin-top:7px}.notification-item.warning .notification-dot{background:#F9BA42}.notification-item.success .notification-dot{background:var(--success)}.notification-item.security .notification-dot{background:#C7505B}.notification-item strong{font-size:13.5px}.notification-item p{font-size:12px;line-height:1.75;color:#777386;margin:3px 0}.notification-item small{font-size:11.5px;color:#9A96A2}
.route-card,.call-card{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #E9E6EF;border-radius:19px;padding:14px}.route-card>i,.call-card>i{width:46px;height:46px;flex:0 0 46px;border-radius:15px;background:#F0EEF8;color:var(--brand-2);display:grid;place-items:center;font-size:20px}.route-card>div,.call-card{min-width:0}.route-card strong,.call-card strong{display:block;font-size:14px}.route-card span,.call-card span{display:block;font-size:12px;color:#858193;margin-top:3px;line-height:1.7}.route-facts{display:flex;gap:8px;margin-top:9px}.route-facts span{flex:1;background:#F4F2F8;border-radius:13px;padding:9px;font-size:11.5px;color:#777386}.route-facts b{display:block;color:#343047;margin-top:3px;font-size:12.5px}.call-card{flex-direction:row}.call-card>div{display:flex;flex-direction:column}
.chat-window{min-height:190px;max-height:330px;overflow:auto;background:#F4F2F8;border-radius:19px;padding:12px;display:flex;flex-direction:column;gap:8px}.chat-bubble{max-width:82%;padding:10px 12px;border-radius:16px;font-size:12.5px;line-height:1.8}.chat-bubble.agent{align-self:flex-start;background:#fff;color:#4B4758}.chat-bubble.user{align-self:flex-end;background:var(--brand);color:#fff}.chat-compose{display:flex;gap:7px;margin-top:10px}.chat-compose input{flex:1;border:1px solid #E4E1EA;border-radius:15px;padding:0 12px;outline:0}.chat-compose button{width:48px;height:48px;border:0;border-radius:15px;background:var(--brand);color:#fff}
.faq-item{background:#fff;border:1px solid #E9E6EE;border-radius:16px;padding:10px 12px;margin-bottom:8px}.faq-item summary{cursor:pointer;font-size:13.5px;font-weight:800}.faq-item p{font-size:12.5px;line-height:1.9;color:#777386;margin:9px 0 2px}.confirm-copy,.dialog-lead{font-size:13px;line-height:1.9;color:#6E6A7A}.device-list{display:flex;flex-direction:column;gap:9px}.device-list article{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;background:#fff;border:1px solid #E9E6EF;border-radius:17px;padding:11px}.device-list article>i{width:42px;height:42px;border-radius:13px;background:#F3F1F8;color:var(--brand);display:grid;place-items:center;font-size:18px}.device-list strong{display:block;font-size:13px}.device-list span{display:block;font-size:11.5px;color:#8B8797;margin-top:2px}.device-list b{font-size:11.5px;color:var(--success)}.device-list button{border:0;background:#FFF0F1;color:var(--danger);border-radius:10px;padding:6px 8px;font-size:11.5px;font-weight:800}.privacy-list{display:flex;flex-direction:column;gap:8px}.privacy-list label{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #E9E6EF;border-radius:16px;padding:11px}.privacy-list span{display:flex;flex-direction:column}.privacy-list strong{font-size:13px}.privacy-list small{font-size:11.5px;color:#898596}.privacy-list input{width:18px;height:18px;accent-color:var(--brand-2)}.upload-zone{border:1px dashed rgba(106,102,235,.4);border-radius:21px;min-height:160px;background:#F7F5FC;display:grid;place-items:center;align-content:center;gap:6px;cursor:pointer}.upload-zone input{position:absolute;opacity:0;pointer-events:none}.upload-zone i{font-size:32px;color:var(--brand-2)}.upload-zone strong{font-size:14px}.upload-zone span{font-size:12px;color:#878393}.member-toggle-list{display:flex;flex-direction:column;gap:8px}.member-toggle-list label{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;background:#fff;border:1px solid #E9E6EF;border-radius:16px;padding:9px 10px}.member-toggle-list img{width:44px;height:44px;border-radius:14px;object-fit:cover}.member-toggle-list span{display:flex;flex-direction:column}.member-toggle-list strong{font-size:13.5px}.member-toggle-list small{font-size:11.5px;color:#8C8897}.member-toggle-list input{width:18px;height:18px;accent-color:var(--brand-2)}

/* Stores and offers */
.stores-card-cover{width:58px;height:58px;border-radius:16px;object-fit:cover;grid-row:1;grid-column:1}.store-list-card .stores-card-cover + .store-list-visual{display:none}.store-cover-image{width:100%;height:100%;display:block;object-fit:cover}.store-offers-section{margin:14px 0}.store-offers-grid{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.store-offers-grid::-webkit-scrollbar{display:none}.store-offer-card{flex:0 0 235px;background:#fff;border:1px solid rgba(50,47,125,.075);border-radius:19px;padding:9px;display:grid;grid-template-columns:78px 1fr 34px;align-items:center;gap:9px;box-shadow:0 8px 24px rgba(50,47,125,.04)}.store-offer-card img{width:78px;height:78px;border-radius:14px;object-fit:cover}.store-offer-card>div{min-width:0}.store-offer-card strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-offer-card span{display:block;font-size:11.5px;color:#858192;margin:2px 0}.store-offer-card b{font-size:12px;color:var(--brand)}.store-offer-card button{width:34px;height:34px;border-radius:12px;border:0;background:rgba(106,102,235,.1);color:var(--brand);display:grid;place-items:center}

/* Cart */
.subpage-bar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:9px;margin:2px 0 18px}.subpage-bar>.icon-btn{width:44px;height:44px}.subpage-bar>div{text-align:center;display:flex;flex-direction:column}.subpage-bar span{font-size:11.5px;color:#878394}.subpage-bar strong{font-size:15px}.dynamic-cart-list{display:flex;flex-direction:column;gap:10px}.cart-line{display:grid;grid-template-columns:82px minmax(0,1fr);gap:11px;background:#fff;border:1px solid rgba(50,47,125,.07);border-radius:20px;padding:10px;position:relative}.cart-line img{width:82px;height:82px;border-radius:15px;object-fit:cover}.cart-line-copy{min-width:0}.cart-line-copy strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-line-copy span{display:block;font-size:11.5px;color:#8A8696;margin:2px 0 5px}.cart-line-copy b{font-size:13px;color:var(--brand)}.cart-line-actions{grid-column:2;display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:-29px}.cart-line-actions button{width:29px;height:29px;border-radius:10px;border:0;background:#F1EFF6;color:#4D4960}.cart-line-actions em{font-style:normal;font-size:12.5px;font-weight:800;min-width:18px;text-align:center}.cart-line-actions .cart-delete{background:#FFF0F1;color:var(--danger);margin-right:5px}.cart-empty-state{text-align:center;padding:70px 18px 30px}.cart-empty-state i{width:68px;height:68px;border-radius:22px;background:#F0EEF7;color:var(--brand-2);display:grid;place-items:center;font-size:29px;margin:0 auto 13px}.cart-empty-state h1{font-size:20px;margin:0 0 6px}.cart-empty-state p{font-size:13px;color:#858191;margin:0 0 16px}.cart-empty-state .primary-btn{display:inline-flex;align-items:center;justify-content:center;min-width:180px}
.segmented-choice{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px}.segmented-choice label input{position:absolute;opacity:0}.segmented-choice label span{min-height:50px;border:1px solid #E5E2ED;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px;font-weight:800}.segmented-choice label:has(input:checked) span{border-color:var(--brand-2);background:rgba(106,102,235,.08);color:var(--brand)}

/* Transactions */
.search-field.compact{height:50px;margin-bottom:12px}.transaction-filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:12px}.transaction-filters button{flex:0 0 auto;border:1px solid #E5E2ED;background:#fff;border-radius:12px;min-height:34px;padding:0 11px;font-size:12px;font-weight:800;color:#676374}.transaction-filters button.active{background:var(--brand);border-color:var(--brand);color:#fff}.transaction-summary-card{background:linear-gradient(145deg,var(--brand),#46419B);color:#fff;border-radius:21px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.transaction-summary-card div{display:flex;flex-direction:column}.transaction-summary-card span{font-size:11.5px;color:rgba(255,255,255,.72)}.transaction-summary-card strong{font-size:13.5px;margin-top:2px}.transactions-list{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(50,47,125,.07);border-radius:21px;overflow:hidden}.tx-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border-bottom:1px solid #F0EEF4}.tx-row:last-child{border-bottom:0}.tx-row-icon{width:42px;height:42px;border-radius:14px;background:#FFF0F1;color:var(--danger);display:grid;place-items:center}.tx-row-icon.positive{background:#EAF8F2;color:var(--success)}.tx-row div{min-width:0}.tx-row strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-row small{display:block;font-size:11.5px;color:#8B8797;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-row>b{font-size:12.5px;color:var(--danger);white-space:nowrap}.tx-row>b.positive{color:var(--success)}

/* Toast statuses */
.toast-mini{display:flex;align-items:center;gap:8px;max-width:min(90vw,420px);padding:11px 14px;border-radius:15px;background:#2F2C3F!important;color:#fff!important;font-size:12.8px;line-height:1.55;box-shadow:0 14px 34px rgba(0,0,0,.16);z-index:500}.toast-mini.success{background:#236B50!important}.toast-mini.error{background:#A83F49!important}.toast-mini.info{background:#322F7D!important}.toast-mini i{font-size:16px;flex:0 0 auto}

@media(max-width:390px){
  .auth-card,.onboarding-stage{padding-inline:16px}.onboarding-slide h1{font-size:24px}.onboarding-slide img{height:min(46dvh,410px)}
  .flow-sheet{padding-inline:14px}.otp-group{gap:7px}.otp-group input{width:52px;height:60px}
  .store-offer-card{flex-basis:220px;grid-template-columns:72px 1fr 32px}.store-offer-card img{width:72px;height:72px}
  .tx-row{grid-template-columns:39px minmax(0,1fr) auto;padding-inline:10px}.tx-row-icon{width:39px;height:39px}.tx-row>b{font-size:12px}
}

/* ===== Realistic finance demo: 25 Mehr 1404 → 14 Mehr 1405 ===== */
.home-asof{display:block;margin-top:3px;font-size:12px;color:var(--muted);font-weight:500}.finance-dashboard-link{display:flex;align-items:center;gap:4px;font-size:12.5px;font-weight:800;color:var(--brand);text-decoration:none}.credit-card-foot{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:rgba(255,255,255,.76)}.credit-card-foot strong{font-size:12.5px;color:#fff}.home-context-note{display:flex;align-items:flex-start;gap:8px;margin:10px 2px 16px;padding:11px 12px;border-radius:16px;background:#F3F1F8;color:#625E6D;font-size:12.5px;line-height:1.8}.home-context-note i{color:var(--brand);margin-top:2px}.scanner-demo.tall{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.scanner-demo.tall i{font-size:58px}.scanner-demo.tall strong{font-size:15px}.scanner-demo.tall span{font-size:12.5px;color:var(--muted)}.merchant-invoice{display:grid;gap:8px;margin-bottom:14px}.merchant-invoice>div{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#F5F3F9;border-radius:14px;padding:10px 12px}.merchant-invoice span{font-size:12.5px;color:var(--muted)}.merchant-invoice strong{font-size:13.5px;text-align:left}.dialog-hint{font-size:12.5px;line-height:1.8;color:#6E6979;background:#FFF8E9;padding:10px 12px;border-radius:14px;margin:10px 0 0}

.family-dashboard-shell{background:#F8F7FB}.family-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:2px 0 16px}.family-intro h1{font-size:24px;margin:2px 0 5px;line-height:1.4}.family-intro p{font-size:12.5px;color:var(--muted);line-height:1.8;margin:0;max-width:300px}.family-eyebrow{font-size:12px;color:var(--brand);font-weight:800}.demo-period{flex:0 0 auto;background:#EFEAF8;color:var(--brand);border-radius:13px;padding:7px 9px;font-size:11.5px;font-weight:800;white-space:nowrap}.realistic-kpis .family-kpi strong{font-size:18px}.realistic-kpis .family-kpi-primary strong{font-size:19px}.year-card{overflow:hidden}.year-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0 14px}.year-summary-row>div{background:#F7F5FA;border-radius:15px;padding:10px 8px;text-align:center}.year-summary-row span{display:block;font-size:11.5px;color:var(--muted);line-height:1.6}.year-summary-row strong{display:block;font-size:13px;margin-top:4px}.year-chart{height:150px;display:grid;grid-template-columns:repeat(13,minmax(0,1fr));align-items:end;gap:5px;padding:8px 0 0;direction:rtl}.year-bar-item{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;min-width:0}.year-bar-track{height:118px;width:100%;max-width:18px;border-radius:7px;background:#EEEAF4;display:flex;align-items:flex-end;overflow:hidden}.year-bar-track span{display:block;width:100%;min-height:8%;background:linear-gradient(180deg,var(--brand-2),var(--brand));border-radius:7px}.year-bar-item.partial .year-bar-track span{opacity:.45}.year-bar-item small{font-size:10.5px;color:#817D8D;writing-mode:vertical-rl;transform:rotate(180deg);height:25px}.year-chart-legend{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px;color:var(--muted);font-size:11.5px}.year-chart-legend>span{display:flex;align-items:center;gap:5px}.year-chart-legend i{width:9px;height:9px;border-radius:3px;background:var(--brand-2)}.year-chart-legend small{font-size:11px;text-align:left}.family-score-grid{display:grid;gap:12px}.economic-score-card{background:linear-gradient(145deg,#FFF9E7,#fff)}.economic-trend{font-size:11.5px;font-weight:800;color:#388B59;background:#EAF8EF;border-radius:12px;padding:6px 8px}.economic-score-main{display:grid;grid-template-columns:auto auto 1fr;align-items:end;gap:5px;margin:13px 0}.economic-score-main strong{font-size:38px;line-height:1;color:var(--brand)}.economic-score-main>span{font-size:12px;color:var(--muted);padding-bottom:4px}.economic-score-main b{justify-self:end;font-size:13px;background:#F1ECFA;color:var(--brand);padding:6px 9px;border-radius:11px}.economic-score-card>p{font-size:12.5px;line-height:1.85;color:#6D6878;margin:0 0 12px}.economic-factors{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.economic-factors>div{background:rgba(255,255,255,.75);border:1px solid #F0E8CF;border-radius:14px;padding:9px}.economic-factors span{display:block;font-size:11.5px;color:var(--muted)}.economic-factors strong{display:block;font-size:12.5px;margin-top:3px}.member-spend-list{display:grid;gap:12px;margin-top:12px}.member-spend-row{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center}.member-spend-row img{width:44px;height:44px;border-radius:50%;object-fit:cover}.member-spend-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.member-spend-top>span{display:flex;align-items:baseline;gap:5px}.member-spend-top strong{font-size:13.5px}.member-spend-top small{font-size:11.5px;color:var(--muted)}.member-spend-top b{font-size:12.5px}.member-spend-progress{height:6px;border-radius:999px;background:#EEEAF4;margin:6px 0 4px;overflow:hidden}.member-spend-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--brand-2),var(--brand));border-radius:999px}.member-spend-row>div>small{font-size:11.5px;color:var(--muted)}.due-item span{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}.due-item span small{display:block;width:100%;padding-inline-start:22px;font-size:10.5px;color:var(--muted);font-weight:500}.family-data-note{display:flex;gap:10px;align-items:flex-start;background:#F0F4F2;border:1px solid #E4EBE7;border-radius:18px;padding:13px;margin:0 0 6px}.family-data-note>i{font-size:18px;color:#3D7959}.family-data-note strong{display:block;font-size:12.5px;margin-bottom:3px}.family-data-note span{display:block;font-size:11.5px;line-height:1.8;color:#66716B}

.store-quick-grid.clean{grid-template-columns:repeat(3,1fr)}.store-mini-actions.three{grid-template-columns:repeat(3,1fr)}.merchant-pay-note{display:flex;gap:7px;align-items:flex-start;margin:-2px 2px 14px;font-size:12px;line-height:1.75;color:#65606F}.merchant-pay-note i{color:#43845F;margin-top:2px}.store-focus-card{margin-bottom:14px}.store-credit-card .credit-facts{gap:7px}.store-credit-card .credit-facts span{font-size:11.5px}.feature-retired-card{margin-top:14px;background:#fff;border-radius:24px;padding:26px 18px;text-align:center;box-shadow:var(--shadow)}.feature-retired-card>i{width:64px;height:64px;border-radius:20px;background:#F0ECF8;color:var(--brand);display:grid;place-items:center;font-size:28px;margin:0 auto 14px}.feature-retired-card h1{font-size:20px;margin:0 0 8px}.feature-retired-card p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 16px}.feature-retired-card .primary-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-width:170px}

.transaction-filter-row{display:grid;gap:8px;margin:9px 0}.month-filter{width:100%;border:1px solid #E7E3EE;background:#fff;border-radius:15px;min-height:44px;padding:0 12px;font-family:inherit;font-size:12.5px;color:var(--ink)}.transaction-summary-card.triple{grid-template-columns:repeat(3,1fr)}.transaction-summary-card.triple>div{min-width:0}.transaction-summary-card.triple span{font-size:11px}.transaction-summary-card.triple strong{font-size:11.5px;line-height:1.6}.tx-row-icon.saving{background:#FFF4D7;color:#9A7214}

@media(max-width:390px){.family-intro{align-items:flex-start;flex-direction:column}.demo-period{align-self:flex-start}.year-summary-row{grid-template-columns:1fr}.year-chart{gap:3px}.year-bar-track{max-width:15px}.economic-factors{grid-template-columns:1fr}.transaction-summary-card.triple{grid-template-columns:1fr}.transaction-summary-card.triple>div{display:flex;align-items:center;justify-content:space-between}.store-primary-actions{grid-template-columns:1fr 94px}.merchant-pay-note{font-size:11.5px}}

/* Typography refinement after product review: slightly calmer, never tiny. */
body{font-size:14.5px;line-height:1.7}
.settings-page-intro h1,.stores-heading h1{font-size:23px}
.family-intro h1{font-size:22px}
.store-title-line h1,.detail-content h1{font-size:20px}
.section-head h2,.wallet-title-row h2{font-size:19px}
.section-card-head h2,.store-section-head h2{font-size:16px}
.app-user-copy strong{font-size:15px}.app-user-copy span,.app-user-location span{font-size:12px}
.nav-itemx{font-size:12.5px}.cat{font-size:12.5px}
.realistic-kpis .family-kpi strong,.realistic-kpis .family-kpi-primary strong{font-size:17px}
.store-list-title h2{font-size:14px}.store-list-copy p{font-size:12px}.store-list-meta span{font-size:11.5px}
@media(max-width:390px){body{font-size:14px}.settings-page-intro h1,.stores-heading h1{font-size:22px}.family-intro h1{font-size:21px}.store-title-line h1{font-size:19px}.section-head h2,.wallet-title-row h2{font-size:18px}}
.payment-source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.payment-source-grid button{border:1px solid #E8E4EF;background:#fff;border-radius:18px;padding:13px 7px;display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--ink)}.payment-source-grid i{font-size:22px;color:var(--brand)}.payment-source-grid strong{font-size:12.5px}.payment-source-grid span{font-size:10.5px;line-height:1.6;color:var(--muted);text-align:center}.dialog-lead{font-size:12.5px;line-height:1.85;color:#6D6878;margin:0}
@media(max-width:360px){.payment-source-grid{grid-template-columns:1fr}.payment-source-grid button{flex-direction:row;justify-content:flex-start;text-align:right}.payment-source-grid span{margin-inline-start:auto}}

/* ===== Product-priority refinement: comments v2 ===== */
.section-link,.finance-dashboard-link,.category-section-head a{display:inline-flex;align-items:center;gap:4px;color:var(--brand-2)!important;font-size:12.5px;font-weight:800;text-decoration:none}
.section-link i,.finance-dashboard-link i,.category-section-head a i{font-size:13px}

/* Header: location belongs to identity, bell remains as the single left action */
.app-user-header{align-items:center}
.app-user-identity{align-items:center;min-width:0;flex:1}
.app-user-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.app-user-copy>span{margin-top:1px}
.app-user-copy .app-user-location{height:auto;max-width:220px;padding:2px 0 0;margin-top:2px;gap:4px;color:#777283;justify-content:flex-start}
.app-user-copy .app-user-location i{font-size:13px;color:var(--brand-2)}
.app-user-copy .app-user-location span{font-size:11.5px;font-weight:700;max-width:190px}
.app-user-meta{flex:0 0 auto}
.app-user-meta .app-user-alert{width:40px;height:40px}
@media(max-width:390px){.app-user-copy .app-user-location{width:auto;max-width:185px}.app-user-copy .app-user-location span{display:block;font-size:11px;max-width:155px}.app-user-copy .app-user-location i{font-size:12px}}

/* Stores directory */
.stores-heading{align-items:center;margin-bottom:12px}
.stores-heading>div>span{display:none}
.stores-heading h1{font-size:22px;margin-bottom:4px}
.stores-heading p{font-size:13px;line-height:1.8;max-width:330px}
.stores-count-badge{flex:0 0 auto;display:flex;align-items:baseline;gap:3px;padding:7px 9px;border-radius:12px;background:#F1ECFA;color:var(--brand);font-size:11px;font-weight:700}
.stores-count-badge b{font-size:14px}
.stores-category-section .category-carousel{margin:0 -2px;padding:2px 2px 8px}
.store-category-filter{opacity:.72;transition:.18s ease}
.store-category-filter.active{opacity:1}
.store-category-filter.active .cat-icon{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 8px 18px rgba(50,47,125,.18)}
.store-category-filter.active>span{color:var(--brand);font-weight:800}

/* Store profile: only decision-critical information */
.store-back-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 10px}
.store-back-row>a{display:inline-flex;align-items:center;gap:3px;color:var(--brand);font-size:12.5px;font-weight:800;text-decoration:none}
.store-back-row>div{display:flex;gap:6px}
.store-back-row button{width:36px;height:36px;border:1px solid #E8E4EF;background:#fff;border-radius:12px;color:var(--ink);display:grid;place-items:center}
.store-hero-clean{margin-bottom:10px}
.store-hero-clean .store-hero-media{height:184px}
.store-open-pill{position:absolute;right:12px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.94);color:#2E7954;border-radius:999px;padding:6px 9px;font-size:11.5px;font-weight:800;backdrop-filter:blur(10px)}
.store-open-pill i{font-size:8px}
.store-hero-clean .store-title-line>div>span{font-size:11.5px;color:var(--brand-2);font-weight:800}
.store-hero-clean .store-title-line h1{margin:2px 0 0;font-size:20px}
.store-hero-meta{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:10px;color:#696574}
.store-hero-meta>span{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700}
.store-hero-meta i{color:var(--brand-2)}
.store-hero-meta .bi-star-fill{color:#E5A700}
.store-hero-meta small{font-size:10.5px;color:#96919F;font-weight:500}
.store-address-inline{display:flex;align-items:flex-start;gap:7px;margin-top:11px;padding-top:11px;border-top:1px solid #F0EDF4;color:#565260}
.store-address-inline i{color:var(--brand-2);margin-top:2px}
.store-address-inline span{font-size:12.5px;line-height:1.75}
.store-primary-clean{display:grid;grid-template-columns:1.35fr .85fr .75fr;gap:7px;margin-bottom:12px}
.store-primary-clean button{min-height:48px;border-radius:15px;font-size:12.5px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px}
.store-payment-methods{margin-bottom:12px}
.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
.section-title-row>div{display:flex;align-items:center;gap:9px}
.section-title-row>div>i{width:38px;height:38px;border-radius:13px;background:#F1ECFA;color:var(--brand);display:grid;place-items:center;font-size:17px}
.section-title-row strong{display:block;font-size:14px}
.section-title-row span{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
.store-payment-methods .bnpl-row{margin-bottom:10px}
.store-payment-methods .merchant-pay-note{margin:2px 0 0;padding:10px 11px;border-radius:14px;background:#F7F5FA}
.store-reviews-clean{margin-bottom:10px}
.review-snippet{padding:11px 0;border-top:1px solid #F0EDF4}
.review-snippet:first-of-type{border-top:0}
.review-snippet strong{font-size:12.5px}
.review-snippet p{font-size:12px;line-height:1.8;color:#6F6A78;margin:4px 0 0}
.report-store-link{width:100%;border:0;background:transparent;color:#8A8492;font-size:11.5px;padding:10px 4px 2px;display:flex;align-items:center;justify-content:center;gap:5px}
@media(max-width:390px){.store-primary-clean{grid-template-columns:1fr 1fr}.store-primary-clean .primary-btn{grid-column:1/-1}.store-hero-clean .store-hero-media{height:168px}}

/* Family dashboard: remove savings assumptions, keep scores defensible */
.family-intro-clean{align-items:center}
.family-intro-clean h1{margin:0 0 4px}
.family-intro-clean p{max-width:350px}
.realistic-kpis .family-kpi:nth-child(4){background:#fffdf6}
.family-health-card .health-copy p{max-width:330px}
.commitment-total{font-size:11.5px;font-weight:800;color:var(--brand);background:#F1ECFA;padding:6px 8px;border-radius:10px}
.tx-row-icon.installment{background:#F0ECFA;color:var(--brand)}
@media(max-width:390px){.family-intro-clean{align-items:flex-start}.family-intro-clean .demo-period{margin-top:2px}}

/* ===== Header location refinement: left-side, bell-matched control ===== */
.app-user-header .app-user-copy .app-user-location{display:none!important}
.app-user-meta{
  direction:ltr;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  min-width:0;
  flex:0 0 auto;
}
.app-user-meta .app-location-control{
  direction:ltr;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  height:44px;
  max-width:none;
  padding:2px 0 2px 6px;
  margin:0;
  border:0;
  background:transparent;
  color:var(--ink);
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.app-user-meta .app-location-label{
  direction:rtl;
  unicode-bidi:plaintext;
  display:block;
  margin:0;
  max-width:none;
  color:#5f5b6b;
  font-size:12px;
  line-height:1.35;
  font-weight:800;
  white-space:nowrap;
}
.app-user-meta .app-location-icon,
.app-user-meta .app-user-alert{
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:13px;
  background:#fff;
  color:var(--ink);
  display:grid;
  place-items:center;
  font-size:17px;
  box-shadow:0 5px 16px rgba(7,38,30,.045);
}
.app-user-meta .app-location-icon i{
  font-size:17px;
  color:var(--ink);
  line-height:1;
}
.app-user-meta .app-location-control:active .app-location-icon,
.app-user-meta .app-location-control:focus-visible .app-location-icon,
.app-user-meta .app-user-alert:active,
.app-user-meta .app-user-alert:focus-visible{
  background:#f3f1fa;
  transform:scale(.97);
}
.app-user-meta .app-location-control:focus-visible,
.app-user-meta .app-user-alert:focus-visible{outline:2px solid rgba(106,102,235,.35);outline-offset:2px}

@media(max-width:390px){
  .app-user-meta{gap:6px}
  .app-user-meta .app-location-control{gap:6px;height:42px;padding-left:2px}
  .app-user-meta .app-location-label{font-size:11.5px}
  .app-user-meta .app-location-icon,
  .app-user-meta .app-user-alert{width:38px;height:38px;flex-basis:38px;border-radius:12px;font-size:16px}
  .app-user-meta .app-location-icon i{font-size:16px}
}
@media(max-width:350px){
  .app-user-meta .app-location-label{font-size:10.5px}
  .app-user-meta{gap:5px}
  .app-user-meta .app-location-control{gap:5px}
}

/* Payment provider logo carousel */
.store-payment-methods .payment-logo-carousel{
  display:flex;
  gap:8px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding:2px 0 4px;
  margin-top:10px;
  -webkit-overflow-scrolling:touch;
}
.store-payment-methods .payment-logo-carousel::-webkit-scrollbar{display:none}
.store-payment-methods .payment-logo-item{
  flex:0 0 calc((100% - 32px)/5);
  aspect-ratio:1/1;
  min-width:0;
  border:1px solid rgba(50,47,125,.10);
  border-radius:14px;
  background:#fff;
  display:grid;
  place-items:center;
  overflow:hidden;
  scroll-snap-align:start;
  box-shadow:0 4px 12px rgba(44,43,43,.035);
}
.store-payment-methods .payment-logo-item img{
  display:block;
  width:76%;
  height:76%;
  object-fit:contain;
}
@media(max-width:390px){
  .store-payment-methods .payment-logo-carousel{gap:6px}
  .store-payment-methods .payment-logo-item{flex-basis:calc((100% - 24px)/5);border-radius:12px}
}

/* vNext: distinct merchant details and horizontal scroll cues */
.store-about-new p{font-size:14px;line-height:2;color:#475569;margin:12px 0}.store-about-new h2{font-size:16px;font-weight:800;margin:18px 0 4px}.store-service-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.store-service-chips span{padding:6px 11px;border-radius:20px;background:#f1f5f9;color:#334155;font-size:12px}.store-about-new .store-important-note{padding:12px;background:#f8fafc;border-radius:12px}.store-demo-disclaimer{font-size:11px;line-height:1.9;color:#64748b;padding:8px 14px;margin:8px 0}.stores-card-cover{object-fit:cover}.store-hero-media img{object-fit:cover}.category-slide{cursor:pointer}[data-category-carousel]{overscroll-behavior-x:contain;scroll-behavior:smooth}


/* v8: floating, flat, white glass navigation; preserve existing tab interactions. */
body[data-app-page] .bottom-nav {
  position:fixed;
  inset:auto auto max(10px, env(safe-area-inset-bottom)) 50%;
  transform:translateX(-50%);
  width:min(calc(100% - 20px), 440px);
  height:76px;
  padding:8px 10px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:3px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:24px;
  background:rgba(255,255,255,.76);
  -webkit-backdrop-filter:blur(24px) saturate(155%);
  backdrop-filter:blur(24px) saturate(155%);
  box-shadow:0 12px 36px rgba(32,29,83,.12), 0 2px 8px rgba(32,29,83,.04), inset 0 1px rgba(255,255,255,.9);
  z-index:90;
}
body[data-app-page] .bottom-nav .nav-itemx {
  min-width:0;
  border-radius:17px;
  transition:background-color .18s ease, color .18s ease, transform .14s ease;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
body[data-app-page] .bottom-nav .nav-itemx:hover:not(.active) {background:rgba(106,102,235,.085);color:var(--brand)}
body[data-app-page] .bottom-nav .nav-itemx:focus-visible {outline:2px solid var(--brand-2);outline-offset:-2px;background:rgba(106,102,235,.1)}
body[data-app-page] .bottom-nav .nav-itemx:active {transform:scale(.97)}
body[data-app-page] .bottom-nav .nav-itemx.active {background:rgba(106,102,235,.10)}
body[data-app-page] .bottom-nav .nav-itemx.active .nav-icon {background:var(--brand);color:white}
body[data-app-page] .page-pad, body[data-app-page] .store-wrap {padding-bottom:116px!important}
body[data-app-page] .store-floating-cart {bottom:108px}
@media (min-width:700px) {
  body[data-app-page] .bottom-nav {bottom:10px;border-radius:24px}
}
@media (max-width:360px) {
  body[data-app-page] .bottom-nav {padding:7px 6px;gap:1px}
  body[data-app-page] .bottom-nav .nav-itemx {font-size:12px;gap:3px}
}
@media (prefers-reduced-motion:reduce) {
  body[data-app-page] .bottom-nav .nav-itemx {transition:none}
}