/* V1710 stores-only premium redesign. No global selectors, Hub untouched. */
#v1699Stores{background:linear-gradient(180deg,#eaf2ed 0,#f6f8f5 410px,#f5f7f3 100%);color:#082f29}
#v1699Stores .st-top{background:linear-gradient(115deg,#031e1c,#075245 65%,#06352f);border-bottom:1px solid #d8b94d;box-shadow:0 8px 25px #042b251f}
#v1699Stores .st-top .st-back{border-radius:13px;background:linear-gradient(130deg,#ffe47a,#f5c747);box-shadow:0 5px 17px #e9bb3438}
#v1699Stores .st-wrap{max-width:1100px}
#v1699Stores .st-wrap>h1{font-weight:900;letter-spacing:-.04em;color:#064537}
#v1699Stores .st-filters{background:#fff;border:1px solid #d7e7de;padding:12px;border-radius:20px;box-shadow:0 12px 35px #08392b0d}
#v1699Stores .st-filters input,#v1699Stores .st-filters select{border-radius:12px;background:#f7faf8;border-color:#dce9e2;min-height:48px}
#v1699Stores .st-count{font-weight:750;color:#477264;margin:14px 0 10px}
#v1699Stores .st-grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:18px}
#v1699Stores .st-card{padding:0;min-height:0;overflow:hidden;border-radius:22px;border:1px solid #dce8e1;background:#fff;box-shadow:0 12px 30px #0b35251a;transition:transform .2s,box-shadow .2s}
#v1699Stores .st-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px #0b35252b}
#v1699Stores .st-card-cover{height:116px;position:relative;background:radial-gradient(ellipse at 75% 0%,#218d72 0%,transparent 55%),linear-gradient(120deg,#041d1c,#075343 80%,#07332d);border-bottom:2px solid #e7c44f}
#v1699Stores .st-card-cover:after,#v1699Stores .st-profile-cover:after{content:'';position:absolute;right:-32px;top:-75px;width:205px;height:205px;border:1px solid #ffffff22;border-radius:50%;box-shadow:0 0 0 35px #ffffff08,0 0 0 75px #ffffff06;pointer-events:none}
#v1699Stores .st-card-eyebrow,#v1699Stores .st-cover-label{position:absolute;top:17px;left:17px;font-size:10px;letter-spacing:.13em;color:#ffe48a;font-weight:850}
#v1699Stores .st-card-body{padding:0 16px 14px}
#v1699Stores .st-card-identity{display:flex;align-items:end;gap:12px;margin-top:-34px;position:relative}
#v1699Stores .st-card .st-avatar{width:70px;height:70px;background:#edf6f0;border:4px solid white;border-radius:18px;box-shadow:0 5px 17px #062c2340;font-size:29px}
#v1699Stores .st-card-info{padding:36px 0 0;min-width:0;flex:1;text-align:left}
#v1699Stores .st-card .st-name{font-size:18px;line-height:1.18;color:#0b392f;font-weight:900;letter-spacing:-.025em}
#v1699Stores .st-card .st-muted{font-size:12px}
#v1699Stores .st-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e7eee9;margin-top:16px;padding-top:11px;color:#527267;font-size:12px;font-weight:700}
#v1699Stores .st-card-arrow{width:29px;height:29px;border-radius:10px;background:#ffdc62;color:#0c4034;display:grid;place-items:center;font-size:18px}
#v1699Stores .st-directory-back{margin-bottom:16px;border-radius:13px}
#v1699Stores .st-profile{padding:0;overflow:hidden;border-radius:25px;border:1px solid #d6e6de;box-shadow:0 16px 42px #0b352523;background:white}
#v1699Stores .st-profile-cover{height:195px;position:relative;background:radial-gradient(ellipse at 78% 5%,#2a9274 0%,transparent 55%),linear-gradient(125deg,#031e1d,#075845 74%,#052e2a);border-bottom:3px solid #e6c452;overflow:hidden}
#v1699Stores .st-profile-main{padding:0 22px 22px}
#v1699Stores .st-profile-identity{display:flex;align-items:end;gap:18px;margin-top:-46px;position:relative}
#v1699Stores .st-profile .st-avatar{width:96px;height:96px;border:5px solid white;border-radius:23px;background:#eaf4ef;box-shadow:0 6px 25px #062c2345;font-size:45px}
#v1699Stores .st-profile-info{padding-top:49px;min-width:0}
#v1699Stores .st-profile .st-name{font-size:clamp(24px,5vw,34px);line-height:1.1;color:#093f34;letter-spacing:-.035em;margin:0 0 7px}
#v1699Stores .st-verified{display:inline-grid;place-items:center;font-size:13px;background:#1284c6;color:#fff;border-radius:50%;width:22px;height:22px;vertical-align:middle}
#v1699Stores .st-profile-divider{height:1px;background:#e4eee8;margin:20px 0 16px}
#v1699Stores .st-profile-actions{display:flex;gap:10px;flex-wrap:wrap}
#v1699Stores .st-profile-actions a{display:inline-flex;align-items:center;justify-content:center;flex:1;min-width:130px;padding:13px 16px;border-radius:13px;text-decoration:none;background:#eaf4ef;color:#064436;font-weight:850;border:1px solid #c9e5d8}
#v1699Stores .st-profile-actions .st-action-primary{background:linear-gradient(120deg,#ffeb88,#f7c83c);color:#15372c;border-color:#f1d46b;box-shadow:0 5px 18px #f2ce4b40}
#v1699Stores .st-edit-store{margin-top:12px;width:100%}
#v1699Stores .st-about{background:white;padding:18px 20px;border:1px solid #dbe8e0;border-radius:19px;margin-bottom:20px;box-shadow:0 6px 20px #0b35250c}
#v1699Stores .st-about h2{font-size:19px;margin:0 0 8px;color:#0b4639}
#v1699Stores .st-about .st-description{margin:0;line-height:1.65}
#v1699Stores .st-section-title{font-size:23px;letter-spacing:-.025em;color:#073e34}
#v1699Stores .st-listing{border-radius:17px;box-shadow:0 9px 22px #0b352514}
#v1699Stores .st-listing img{object-fit:cover}
#v1699Stores .st-empty{border:1px solid #dbe7df;border-radius:18px;box-shadow:0 8px 23px #0b35250a}
@media(max-width:620px){#v1699Stores .st-wrap{padding:19px 15px 90px}#v1699Stores .st-grid{grid-template-columns:1fr;gap:15px}#v1699Stores .st-card-cover{height:115px}#v1699Stores .st-card{min-height:0}#v1699Stores .st-profile-cover{height:175px}#v1699Stores .st-profile-main{padding:0 16px 18px}#v1699Stores .st-profile-identity{gap:13px;margin-top:-39px}#v1699Stores .st-profile .st-avatar{width:81px;height:81px;border-radius:19px;font-size:35px}#v1699Stores .st-profile-info{padding-top:40px}#v1699Stores .st-profile .st-name{font-size:25px}#v1699Stores .st-profile .st-muted{font-size:12px}#v1699Stores .st-profile-actions a{min-width:0}#v1699Stores .st-listing img{height:170px}#v1699Stores .st-filters{padding:10px}#v1699Stores .st-top strong{font-size:16px}}
@media(min-width:621px){#v1699Stores .st-profile{max-width:900px}}

/* V1711: mobile directory card repair. Override legacy two-column mobile rules
   without changing storefront behavior or Pazari Hub. */
@media (max-width:620px){
 #v1699Stores #v1699StoreGrid.st-grid{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:16px;width:100%;min-width:0}
 #v1699Stores #v1699StoreGrid>.st-card{display:block;width:100%;max-width:100%;min-width:0;min-height:0;padding:0!important;overflow:hidden;text-align:left}
 #v1699Stores #v1699StoreGrid .st-card-cover{height:125px}
 #v1699Stores #v1699StoreGrid .st-card-body{padding:0 16px 16px;min-width:0}
 #v1699Stores #v1699StoreGrid .st-card-identity{display:flex;flex-direction:row;align-items:flex-end;gap:14px;min-width:0;margin-top:-31px}
 #v1699Stores #v1699StoreGrid .st-avatar{flex:0 0 72px;width:72px;height:72px}
 #v1699Stores #v1699StoreGrid .st-card-info{flex:1 1 0;min-width:0;width:auto;padding-top:37px;overflow:hidden}
 #v1699Stores #v1699StoreGrid .st-name{font-size:20px;line-height:1.2;overflow-wrap:break-word;word-break:normal;white-space:normal;max-width:100%}
 #v1699Stores #v1699StoreGrid .st-muted{white-space:normal;overflow-wrap:break-word}
 #v1699Stores #v1699StoreGrid .st-card-footer{min-width:0;gap:10px}
 #v1699Stores #v1699StoreGrid .st-card-footer>span:first-child{min-width:0;overflow-wrap:break-word}
 #v1699Stores #v1699StoreGrid .st-card-arrow{flex-shrink:0}
}