@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');
:root{--bg:#0b1020;--panel:#121a30;--line:#26324e;--text:#edf2ff;--muted:#9eabc8;--accent:#7c5cff;--accent2:#21c8a7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#19264a 0,#0b1020 55%);color:var(--text);font-family:Cairo,Arial,sans-serif;min-height:100vh}a{color:#b9c9ff;text-decoration:none}a:hover{color:#fff}.top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px max(5vw,18px);border-bottom:1px solid #26324e;background:#0b1020d9;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.brand{font-size:23px;font-weight:800;color:white}.top nav{display:flex;gap:16px;flex-wrap:wrap}.wrap{width:min(1180px,92%);margin:30px auto 60px}.hero{padding:36px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(120deg,#1d2a50,#17152e);margin-bottom:28px}.hero h1{font-size:clamp(28px,4vw,44px);margin:0 0 10px}.hero p,.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card,.panel{background:#121a30;border:1px solid var(--line);border-radius:18px;overflow:hidden}.card img{width:100%;height:185px;object-fit:cover;background:#1b2540}.card-body{padding:17px}.card h3{margin:0 0 8px}.price{font-size:21px;font-weight:800;color:#6ee7cf}.btn,button{display:inline-block;background:var(--accent);color:white;border:0;padding:10px 17px;border-radius:10px;font:inherit;cursor:pointer}.btn.secondary{background:#26324e}.btn.green{background:#11866e}.btn.danger{background:#b93752}.form{max-width:620px;margin:auto;padding:24px}.field{margin:14px 0}.field label{display:block;margin-bottom:5px;color:#c8d2eb}.field input,.field textarea,.field select{width:100%;padding:12px;border-radius:9px;border:1px solid var(--line);background:#0b1225;color:white;font:inherit}.field textarea{min-height:130px}.notice{padding:12px 16px;border-radius:10px;margin:15px 0;background:#26324e}.notice.error{background:#512438}.notice.success{background:#17473e}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;background:#121a30}.table th,.table td{text-align:right;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}.table th{color:#aebcdd}.panel{padding:20px;margin-bottom:18px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row>*{flex:1}.badge{display:inline-block;padding:3px 9px;border-radius:99px;background:#273650;font-size:12px}.empty{text-align:center;padding:42px;color:var(--muted)}footer{text-align:center;color:#8492b2;padding:24px;border-top:1px solid var(--line)}.product-detail{display:grid;grid-template-columns:minmax(250px,1fr) 1.3fr;gap:25px}.product-detail img{width:100%;border-radius:18px;border:1px solid var(--line)}@media(max-width:650px){.top{align-items:flex-start;flex-direction:column}.product-detail{grid-template-columns:1fr}.hero{padding:24px}}

/* Admin workspace */
.admin-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 24px}
.admin-head h1{margin:8px 0 4px;font-size:clamp(27px,4vw,38px)}
.admin-nav{display:flex;gap:8px;flex-wrap:wrap;padding:10px;margin-bottom:22px;background:#10182b;border:1px solid var(--line);border-radius:15px}
.admin-nav a{padding:10px 14px;border-radius:9px;color:#c6d2ee;font-weight:700}
.admin-nav a:hover,.admin-nav a.active{background:linear-gradient(135deg,#765cff,#5d49d5);color:white}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:15px;margin:20px 0}
.stat-card{display:flex;flex-direction:column;gap:9px;padding:20px;background:linear-gradient(145deg,#151f38,#101729);border:1px solid var(--line);border-radius:16px;color:var(--text);transition:transform .15s,border-color .15s}
.stat-card:hover{transform:translateY(-2px);border-color:#7462ff}
.stat-card span{color:var(--muted);font-size:14px}.stat-card strong{font-size:32px;color:#fff}.stat-card small{color:#8e9fc5}
.quick-links{display:flex;flex-wrap:wrap;gap:10px}
.inline-form{display:inline-flex;vertical-align:middle;margin:3px}
.thumb{width:58px;height:45px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.check{display:inline-flex;align-items:center;gap:7px;margin:8px 0 0 12px;color:#c8d2eb}
.check input{width:auto}
.field input[type=file]{padding:9px;background:#0e162a}
.table th{background:#18223b}
.panel h2{margin-top:0}
.admin-nav+ .notice{margin-top:0}
.content-card img{width:100%;max-height:240px;object-fit:cover}
.content-copy{white-space:pre-wrap;line-height:1.9}
@media(max-width:650px){.admin-head{align-items:flex-start;flex-direction:column}.admin-nav{gap:4px}.admin-nav a{padding:8px 10px;font-size:13px}.stat-card{padding:15px}}

.content-section{margin:34px 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 16px}.section-head h2{margin:8px 0;font-size:27px}.article-panel{max-width:900px;margin:0 auto;padding:clamp(18px,4vw,38px)}.article-panel h1{font-size:clamp(28px,4vw,42px);line-height:1.35}.article-image{display:block;width:100%;max-height:460px;object-fit:cover;border-radius:16px;margin:20px 0}.article-summary{font-size:18px;color:#c8d2eb;font-weight:700;line-height:1.8}.content-copy{font-size:16px;color:#dce4f8}
/* Kody Pro inspired storefront + professional RTL admin workspace */
:root{--bg:#f4f8f8;--panel:#fff;--line:#e1e9eb;--text:#1a3036;--muted:#71858b;--accent:#168d89;--accent2:#2ec4b6;--deep:#102b35;--deep2:#163b46;--soft:#e8f7f5;--danger:#d94b55;--shadow:0 10px 30px rgba(22,56,64,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Cairo,Tahoma,Arial,sans-serif;min-height:100vh;line-height:1.7}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:#0c5f5c}button,input,select,textarea{font:inherit}button{cursor:pointer}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px max(4vw,18px);background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;box-shadow:0 3px 15px #102b3508}.brand,.admin-brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:800}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#2ec4b6,#168d89);display:inline-flex;align-items:center;justify-content:center;color:white;font-weight:900;font-size:22px;box-shadow:0 7px 18px #168d8933}.brand small,.admin-brand small{display:block;font-size:11px;color:var(--muted);font-weight:500;line-height:1.4}.top nav{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.top nav a{padding:8px 12px;border-radius:9px;color:#526b72;font-size:14px;font-weight:700}.top nav a:hover{background:var(--soft);color:var(--accent)}.top nav .nav-cta{background:var(--accent);color:white}.wrap{width:min(1240px,93%);margin:30px auto 65px}.hero{position:relative;overflow:hidden;padding:clamp(28px,5vw,60px);border:1px solid #d6eeeb;border-radius:26px;background:radial-gradient(circle at 90% 15%,#b7f0e7 0,transparent 27%),linear-gradient(120deg,#fff,#eaf9f7 58%,#f4fbfa);margin-bottom:30px;box-shadow:var(--shadow)}.hero h1{font-size:clamp(30px,4.5vw,48px);line-height:1.25;margin:12px 0;color:#153b43;max-width:780px}.hero p,.muted{color:var(--muted)}.hero p{max-width:700px}.eyebrow,.badge{display:inline-flex;align-items:center;gap:6px;background:var(--soft);color:var(--accent);padding:5px 11px;border-radius:100px;font-size:12px;font-weight:800}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:20px}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.card{transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);box-shadow:0 15px 34px #163b4615}.card img{width:100%;height:195px;object-fit:cover;background:#eaf2f2}.card-body{padding:18px}.card h3{margin:8px 0;font-size:18px;line-height:1.4}.card h3 a{color:var(--text)}.card-body p{font-size:14px}.price{font-size:21px;font-weight:900;color:var(--accent)}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--accent);color:white;border:1px solid transparent;padding:10px 17px;border-radius:10px;font:inherit;font-weight:800;cursor:pointer;transition:transform .15s,background .15s}.btn:hover,button:hover{background:#0e716d;color:white;transform:translateY(-1px)}.btn-outline{background:white;color:var(--accent);border-color:#cce5e2}.btn-outline:hover{background:var(--soft);color:var(--accent)}.btn-soft{background:#e9f7f5;color:#177b76}.btn-soft:hover{background:#d6f0ed;color:#105f5b}.btn-danger,.danger{background:#fff0f1;color:#bc3742;border-color:#f7d4d7}.btn-danger:hover,.danger:hover{background:#ffe0e3;color:#9f2630}.btn-small{padding:6px 10px;font-size:12px;border-radius:8px}.green{background:var(--accent)}.form{max-width:650px;margin:auto;padding:28px}.field{margin:14px 0}.field label{display:block;margin-bottom:6px;color:#435d64;font-size:13px;font-weight:800}.field input,.field textarea,.field select,input,select,textarea{max-width:100%}.field input,.field textarea,.field select,.inline-actions select{width:100%;padding:11px 12px;border-radius:10px;border:1px solid #dce7e8;background:#fbfdfd;color:var(--text);font:inherit;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#60c7be;box-shadow:0 0 0 3px #2ec4b61a}.field textarea{min-height:125px;resize:vertical}.notice{padding:13px 16px;border-radius:11px;margin:14px 0;background:#eaf5f6;color:#33555e;border:1px solid #dcebed}.notice.error{background:#fff0f1;color:#a52d38;border-color:#f8d7da}.notice.success{background:#e9faf3;color:#17764d;border-color:#c9f0df}.table-wrap{overflow:auto;border-radius:13px}.table{width:100%;border-collapse:collapse;background:#fff;min-width:650px}.table th,.table td{text-align:right;padding:13px 15px;border-bottom:1px solid #edf1f2;vertical-align:middle}.table th{background:#f5f9f9;color:#71858b;font-size:12px;font-weight:900;white-space:nowrap}.table td{font-size:13px}.table tr:last-child td{border-bottom:0}.panel{padding:22px;margin-bottom:18px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row>*{flex:1}.empty{text-align:center;padding:50px 20px;color:var(--muted)}footer{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;text-align:center;color:#8aa0a4;padding:25px;border-top:1px solid var(--line);background:#fff;font-size:12px}footer strong{color:#3e5a60}.product-detail{display:grid;grid-template-columns:minmax(280px,.9fr) 1.1fr;gap:25px;align-items:start}.product-detail img{width:100%;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow)}.content-section{margin:38px 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 17px}.section-head h2{margin:8px 0;font-size:27px}.article-panel{max-width:920px;margin:0 auto;padding:clamp(20px,4vw,40px)}.article-panel h1{font-size:clamp(28px,4vw,42px);line-height:1.35}.article-image{display:block;width:100%;max-height:460px;object-fit:cover;border-radius:16px;margin:20px 0}.article-summary{font-size:18px;color:#587078;font-weight:700;line-height:1.8}.content-copy{white-space:pre-wrap;line-height:2;color:#3b555d}
/* Admin shell */
.admin-body{background:#f3f7f8;color:#213b42}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:270px;flex:0 0 270px;background:linear-gradient(180deg,#102b35,#123740 65%,#102b35);color:#d9eeee;padding:22px 15px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;box-shadow:5px 0 28px #102b350d}.admin-brand{color:#fff;padding:3px 10px 24px;border-bottom:1px solid #ffffff16}.admin-brand b{display:block;font-size:17px}.admin-brand small{color:#9dbec1}.sidebar-caption{font-size:10px;letter-spacing:.7px;color:#7da4a9;font-weight:900;padding:20px 12px 8px}.side-nav{display:flex;flex-direction:column;gap:5px}.side-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;color:#b8d2d5;font-size:13px;font-weight:700;transition:background .15s,color .15s}.side-nav a:hover{background:#ffffff0e;color:white}.side-nav a.active{background:linear-gradient(100deg,#2ec4b633,#2ec4b60a);color:#fff;box-shadow:inset -3px 0 #2ec4b6}.side-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0b;border-radius:7px;color:#6fddd3;font-size:17px}.side-count{margin-right:auto;background:#2ec4b6;color:#103239;border-radius:50px;padding:1px 7px;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:25px;display:flex;flex-direction:column;gap:6px}.sidebar-bottom a{padding:10px 12px;border-radius:9px;color:#b9d3d5;font-size:12px}.sidebar-bottom a:hover{background:#ffffff0e;color:white}.admin-main{min-width:0;flex:1;padding:28px clamp(16px,3vw,38px) 20px}.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.admin-topbar h1{margin:3px 0 0;font-size:26px;color:#173940}.admin-topbar .muted{font-size:12px}.admin-top-actions{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800}.admin-avatar{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:50%;background:#d9f3ef;color:#147d77;font-weight:900;font-size:17px}.welcome-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;overflow:hidden;padding:28px 32px;border-radius:19px;background:linear-gradient(115deg,#143b45,#1c6267);color:white;box-shadow:0 13px 35px #153b4317}.welcome-panel h2{font-size:clamp(24px,3vw,33px);margin:7px 0}.welcome-panel p{color:#b7d6d8;margin:0 0 18px;font-size:13px}.welcome-panel .eyebrow{background:#ffffff15;color:#91eee2}.quick-actions{display:flex;flex-wrap:wrap;gap:9px}.welcome-panel .btn{background:#2ec4b6;color:#12353a}.welcome-panel .btn-soft{background:#ffffff15;color:white;border-color:#ffffff15}.welcome-graphic{width:190px;height:140px;flex:0 0 190px;position:relative;display:flex;align-items:center;justify-content:center}.welcome-icon{width:85px;height:85px;display:flex;align-items:center;justify-content:center;border-radius:25px;background:linear-gradient(145deg,#2ec4b6,#8fe9df);color:#12434a;font-size:47px;font-weight:900;box-shadow:0 20px 40px #061e2538;transform:rotate(-8deg);z-index:2}.orb{position:absolute;border:1px solid #ffffff24;border-radius:50%}.orb-one{width:140px;height:140px}.orb-two{width:180px;height:180px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:20px 0}.stat-card{display:flex;flex-direction:column;gap:7px;padding:17px 19px;background:#fff;border:1px solid #e3ecee;border-radius:15px;color:var(--text);box-shadow:0 6px 22px #153b4307;min-width:0}.stat-card:hover{border-color:#8adbd4;box-shadow:0 10px 28px #153b4310}.stat-label{color:#71858b;font-size:12px;font-weight:800}.stat-card strong{font-size:27px;color:#173c43;line-height:1.3;overflow-wrap:anywhere}.stat-card small{font-size:10px;color:#8da0a4}.admin-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:17px}.admin-card{background:#fff;border:1px solid #e1eaec;border-radius:16px;padding:20px;margin:18px 0;box-shadow:0 7px 25px #153b4306;min-width:0}.admin-card h3{font-size:16px;margin:0;color:#1e4148}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.card-heading p{margin:3px 0 0;color:#8b9ca0;font-size:11px}.card-heading>a{font-size:12px;font-weight:800}.admin-card .table-wrap{margin:0 -2px}.admin-card .table{min-width:620px}.admin-card .table th{background:#f7fafa}.admin-card .table td{padding-top:12px;padding-bottom:12px}.table-sub{display:block;font-size:10px;color:#8b9da1;margin-top:3px;max-width:230px;overflow-wrap:anywhere}.status{display:inline-flex;padding:4px 9px;border-radius:50px;font-size:10px;font-weight:900;white-space:nowrap;background:#eff4f4;color:#65777b}.status-paid,.status-active{background:#e4f8ef;color:#18835a}.status-pending,.status-suspended{background:#fff4dd;color:#a06b0c}.status-cancelled,.status-revoked,.status-refunded{background:#fff0f1;color:#b63b45}.shortcut-list{display:flex;flex-direction:column}.shortcut-list a{display:flex;align-items:center;gap:12px;padding:14px 2px;border-bottom:1px solid #edf2f2;color:#315159}.shortcut-list a:last-child{border-bottom:0}.shortcut-list a>span{width:39px;height:39px;border-radius:12px;background:#e9f7f5;color:#168d89;display:flex;align-items:center;justify-content:center;font-size:19px}.shortcut-list a div{flex:1}.shortcut-list b{display:block;font-size:12px}.shortcut-list small{display:block;color:#8a9ca0;font-size:10px;margin-top:2px}.shortcut-list i{font-style:normal;color:#94aaa9}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.field-full{grid-column:1/-1}.check-row{display:flex;gap:20px;flex-wrap:wrap;margin:10px 0 17px}.check-row label,.inline-check{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#557076}.check-row input,.inline-check input{accent-color:var(--accent)}.product-cell{display:flex;align-items:center;gap:10px;min-width:170px}.product-cell img,.product-placeholder{width:45px;height:42px;object-fit:cover;border-radius:9px;border:1px solid #e1e9eb;background:#edf6f5}.product-placeholder{display:inline-flex;align-items:center;justify-content:center;color:#168d89}.product-cell b{display:block;max-width:250px}.product-cell small{display:block;color:#8a9ca0;font-size:10px}.actions,.inline-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.actions form,.inline-form{display:inline-flex;margin:0}.inline-actions select{width:auto;min-width:95px;padding:6px 8px;font-size:11px}.soft-hr{border:0;border-top:1px solid #e8efef;margin:23px 0}.admin-footer{display:flex;justify-content:space-between;color:#9babad;font-size:10px;padding:20px 3px 8px}.admin-footer span{color:#b3c0c2}.admin-main .notice{margin:12px 0}.admin-main .field input[type=file]{background:#f8fbfb;padding:8px}.admin-main code{font-size:11px;overflow-wrap:anywhere}.admin-main .btn{white-space:nowrap}
@media(max-width:1150px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-columns{grid-template-columns:1fr}.admin-sidebar{width:235px;flex-basis:235px}.welcome-graphic{opacity:.8}}
@media(max-width:820px){.admin-layout{display:block}.admin-sidebar{position:relative;width:100%;height:auto;padding:12px;overflow:visible}.admin-brand{padding:5px 8px 12px}.sidebar-caption,.sidebar-bottom{display:none}.side-nav{display:flex;flex-direction:row;overflow-x:auto;padding:10px 0 2px}.side-nav a{flex:0 0 auto;padding:9px 11px}.side-nav a span:not(.side-icon){white-space:nowrap}.side-icon{width:20px;height:20px}.admin-main{padding:18px 14px}.admin-topbar{align-items:flex-start}.admin-top-actions>span:not(.admin-avatar){display:none}.admin-top-actions .btn{font-size:11px;padding:8px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-panel{padding:22px}.welcome-graphic{width:100px;flex-basis:100px;transform:scale(.75);margin-left:-10px}.top{align-items:flex-start;flex-direction:column;gap:10px}.top nav{gap:2px}.top nav a{padding:7px 9px;font-size:12px}}
@media(max-width:560px){.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.admin-topbar h1{font-size:22px}.admin-top-actions .btn{display:none}.welcome-graphic{display:none}.welcome-panel{padding:21px}.stats-grid{gap:9px}.stat-card{padding:13px}.stat-card strong{font-size:23px}.admin-card{padding:14px;margin:13px 0}.card-heading{align-items:flex-start}.product-detail{grid-template-columns:1fr}.hero{padding:24px}.section-head h2{font-size:22px}.admin-footer{gap:8px;flex-direction:column}}
/* Storefront catalog */
.store-hero{display:flex;align-items:center;min-height:360px;padding:clamp(28px,5vw,55px);background:radial-gradient(circle at 82% 22%,#b5ece5 0,transparent 25%),linear-gradient(112deg,#fff 4%,#effaf8 60%,#e0f6f2);border-color:#d8eeeb}.hero-copy{position:relative;z-index:2;flex:1;min-width:0}.store-hero h1{max-width:660px}.store-search{display:flex;align-items:center;gap:9px;max-width:650px;margin:25px 0 14px;padding:6px 7px 6px 15px;border:1px solid #d9e9e8;background:#fff;border-radius:14px;box-shadow:0 7px 25px #164b4a0b}.store-search>span{font-size:26px;color:#75a4a3}.store-search input{min-width:0;flex:1;border:0!important;outline:0;background:transparent!important;padding:9px!important;color:var(--text);box-shadow:none!important}.store-search .btn{white-space:nowrap}.hero-points{display:flex;gap:16px;flex-wrap:wrap;color:#638087;font-size:11px;font-weight:800}.hero-art{width:300px;height:270px;flex:0 0 300px;position:relative;display:flex;align-items:center;justify-content:center}.hero-orbit{position:absolute;border:1px solid #9adbd3;border-radius:50%;transform:rotate(-18deg)}.orbit-a{width:235px;height:235px}.orbit-b{width:180px;height:180px;border-style:dashed}.hero-product-icon{width:116px;height:116px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(145deg,#2ec4b6,#117b78);border:7px solid #ffffffa8;border-radius:31px;color:white;font-size:63px;font-weight:900;box-shadow:0 23px 40px #147d7750;transform:rotate(-8deg)}.hero-product-icon span,.product-cover-placeholder span{position:absolute;top:7px;right:8px;background:white;color:#168d89;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:17px}.floating-tag{position:absolute;padding:9px 13px;background:#fff;border:1px solid #dcefed;border-radius:11px;box-shadow:0 9px 22px #164b4a12;color:#23666a;font-size:11px;font-weight:900;white-space:nowrap}.tag-one{top:35px;right:0}.tag-two{bottom:34px;left:0}.store-section-head{display:flex;flex-direction:column;gap:13px;margin:35px 0 20px}.store-section-head h2{margin:6px 0 0;font-size:29px;color:#193e45}.store-section-head p{margin:3px 0;color:#819397;font-size:13px}.store-filter{display:flex;gap:8px;flex-wrap:wrap}.filter-pill{padding:7px 13px;background:#fff;border:1px solid #dce8e9;border-radius:100px;color:#627c81;font-size:12px;font-weight:800}.filter-pill:hover,.filter-pill.selected{background:#168d89;border-color:#168d89;color:white}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.store-product{background:#fff;border:1px solid #e0e9ea;border-radius:18px;overflow:hidden;box-shadow:0 8px 25px #183e4607;transition:transform .18s,box-shadow .18s}.store-product:hover{transform:translateY(-4px);box-shadow:0 17px 34px #183e4613}.product-cover{height:200px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#e4f7f4,#f4fafa)}.product-cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.store-product:hover .product-cover img{transform:scale(1.04)}.featured-label{position:absolute;top:12px;right:12px;padding:5px 9px;background:#fff;color:#14837e;border-radius:8px;font-size:10px;font-weight:900;box-shadow:0 4px 12px #163b4610}.product-cover-placeholder{position:relative;width:85px;height:85px;border-radius:23px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#2ec4b6,#168d89);color:white;font-size:49px;font-weight:900;box-shadow:0 15px 25px #168d8930}.product-cover-placeholder span{top:4px;right:4px;width:22px;height:22px;font-size:14px}.store-product-body{padding:17px 18px 18px}.product-category{font-size:10px;color:#178c85;font-weight:900}.store-product h3{font-size:17px;margin:5px 0 7px;line-height:1.5}.store-product h3 a{color:#213e45}.store-product p{font-size:12px;color:#819397;min-height:39px;margin:0 0 15px;line-height:1.7}.product-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #edf2f2;padding-top:13px}.product-meta strong{color:#147e79;font-size:18px}.product-meta span{color:#819397;font-size:10px}.product-action{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding:10px 12px;background:#eaf8f6;border-radius:10px;color:#147e79;font-size:12px;font-weight:900}.product-action:hover{background:#d7f2ee;color:#0d6864}.empty-store{padding:60px 20px;text-align:center;background:white;border:1px dashed #cddfdf;border-radius:18px}.empty-store>div{margin:auto;width:58px;height:58px;border-radius:18px;background:#e9f7f5;color:#168d89;display:flex;align-items:center;justify-content:center;font-size:27px}.empty-store h3{margin-bottom:4px}.empty-store p{color:#819397;font-size:13px}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:40px 0 10px;padding:18px;background:white;border:1px solid #e0e9ea;border-radius:16px}.trust-strip>div{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center}.trust-strip span{grid-row:1/3;width:38px;height:38px;border-radius:12px;background:#e8f7f5;color:#168d89;display:flex;align-items:center;justify-content:center;font-size:19px}.trust-strip b{font-size:12px;color:#36565d}.trust-strip small{font-size:10px;color:#91a0a3}.checkout-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}.checkout-grid .panel h2{margin-top:0;font-size:18px}.totals{padding-top:15px}.totals>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;color:#70858a;font-size:13px}.totals b{color:#2b4a50}.totals .discount-line,.totals .discount-line b{color:#168d89}.totals .total-line{border-top:1px solid #e5eeee;margin-top:7px;padding-top:15px;color:#1d4148}.totals .total-line strong{font-size:23px;color:#168d89}.coupon-form{display:flex;align-items:end;gap:10px}.coupon-form .field{flex:1;margin:0}.coupon-form button{margin-bottom:0}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{width:220px;flex-basis:220px;transform:scale(.85)}.trust-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.store-hero{display:block}.hero-art{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-cover{height:155px}.store-product-body{padding:13px}.store-product h3{font-size:15px}.product-meta{align-items:flex-start;flex-direction:column}.product-meta span{font-size:9px}.checkout-grid{grid-template-columns:1fr}.coupon-form{align-items:stretch;flex-direction:column}.store-search{gap:5px}.store-search .btn{padding:9px;font-size:11px}.hero-points{gap:8px}.trust-strip{gap:15px;padding:14px}}
@media(max-width:420px){.product-grid{grid-template-columns:1fr}.product-cover{height:190px}.trust-strip{grid-template-columns:1fr}}
.product-breadcrumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:11px;color:#8a9ca0;margin:0 0 17px}.product-breadcrumb a{font-weight:900}.product-page{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);gap:28px;align-items:start}.product-page-media{border:1px solid #dfeaea;border-radius:20px;background:linear-gradient(135deg,#e4f7f4,#f6fbfb);overflow:hidden;min-height:300px;display:flex;align-items:center;justify-content:center}.product-page-media img{width:100%;max-height:550px;object-fit:cover}.large-placeholder{width:130px;height:130px;font-size:70px}.product-page-info{padding:12px 0}.product-page-info h1{font-size:clamp(28px,4vw,40px);line-height:1.3;margin:12px 0}.product-summary{color:#71858b;font-size:15px}.product-price-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 0;margin:20px 0;border-top:1px solid #dfeaea;border-bottom:1px solid #dfeaea}.product-price-box strong{font-size:29px;color:#168d89}.product-price-box span{font-size:12px;color:#678087;background:#eaf7f5;border-radius:9px;padding:7px 10px}.product-features{display:grid;gap:13px;margin:20px 0}.product-features>div{display:flex;align-items:center;gap:11px}.product-features>div>span{width:37px;height:37px;flex:0 0 37px;border-radius:11px;background:#e7f7f4;color:#168d89;display:flex;align-items:center;justify-content:center;font-weight:900}.product-features b{display:block;font-size:13px}.product-features small{display:block;color:#8a9ca0;font-size:11px}.product-buy-form{display:flex;gap:10px;flex-wrap:wrap}.product-buy-form .btn{flex:1}.product-security{font-size:10px;margin-top:15px}.product-description{margin-top:28px}.product-description h2{margin-top:0}@media(max-width:760px){.product-page{grid-template-columns:1fr}.product-page-media{min-height:220px}.product-page-media img{max-height:350px}}

.store-logo{width:42px;height:42px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid #e1ebeb}.brand .store-logo{flex:0 0 42px}
.account-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 30px;margin-bottom:20px;background:linear-gradient(110deg,#fff,#e9f8f5);border:1px solid #d9edeb;border-radius:18px}.account-welcome h1{margin:8px 0 3px;font-size:30px}.account-welcome p{margin:0;color:#7c9195;font-size:12px}.account-balance{min-width:185px;padding:16px 19px;background:#153e46;border-radius:14px;color:#fff;display:flex;flex-direction:column;gap:3px}.account-balance small{color:#a7d2d0;font-size:11px}.account-balance strong{font-size:24px}.account-balance a{font-size:11px;color:#74e2d5;margin-top:4px}.account-panel{padding:20px}.account-panel .section-head{margin-bottom:13px}.account-panel .section-head h2{margin:0;font-size:18px}.account-password-form{max-width:750px}@media(max-width:650px){.account-welcome{align-items:stretch;flex-direction:column;padding:20px}.account-balance{min-width:0}.account-welcome h1{font-size:25px}}
