:root{--green:#173f36;--green-2:#245a4d;--orange:#e76632;--orange-2:#f38a57;--cream:#f6f0e6;--sand:#eadfce;--ink:#1c2723;--muted:#66736e;--line:#e7e4dc;--white:#fff;--soft:#faf9f6;--danger:#b8472d;--shadow:0 18px 48px rgba(28,39,35,.10);--shadow-lg:0 34px 85px rgba(27,57,49,.17)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:132px}body{margin:0;color:var(--ink);background:#fff;font-family:Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}button{cursor:pointer}.container{width:min(1260px,calc(100% - 40px));margin-inline:auto}
.announcement{background:var(--green);color:#e9f2ee;font-size:12px}.announcement-inner{height:36px;display:flex;align-items:center;justify-content:space-between;gap:18px}.announcement b{color:#ffd2bc;font-size:12px}
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid rgba(231,228,220,.88)}.header-main{height:88px;display:grid;grid-template-columns:230px minmax(300px,1fr) auto;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;width:max-content}.brand-mark{width:49px;height:49px;border-radius:15px;background:var(--green);position:relative;display:grid;place-items:center;color:#fff;box-shadow:0 10px 28px rgba(23,63,54,.22);overflow:hidden}.brand-mark:after{content:"";position:absolute;width:26px;height:8px;background:var(--orange);left:-6px;bottom:8px;transform:rotate(-38deg);border-radius:10px}.brand-mark i{position:absolute;inset:6px;border:1px solid rgba(255,255,255,.28);border-radius:11px}.brand-mark b{font-size:22px;position:relative;z-index:1}.brand-copy strong{display:block;font-size:23px;letter-spacing:-.6px}.brand-copy small{display:block;color:var(--muted);font-size:10px;margin-top:1px}.search-box{height:51px;border:1px solid #dcdfd9;background:#f8f8f5;border-radius:15px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;transition:.2s;overflow:hidden}.search-box:focus-within{background:#fff;border-color:#99aea6;box-shadow:0 0 0 4px rgba(23,63,54,.08)}.search-icon{font-size:25px;color:#7a8681;text-align:center;transform:rotate(-15deg)}.search-box input{border:0;outline:0;background:transparent;height:100%;padding:0 6px;font-size:13px;color:var(--ink)}.search-box button{align-self:stretch;border:0;background:var(--green);color:#fff;font-weight:800;padding:0 25px}.header-actions{display:flex;align-items:center;gap:13px}.seller-link{display:flex;flex-direction:column;padding:0 13px}.seller-link span{font-size:9px;color:var(--muted)}.seller-link b{font-size:12px}.cart-button{height:48px;display:flex;align-items:center;gap:8px;border:1px solid #dce1dd;border-radius:14px;padding:0 13px}.cart-button .cart-icon{font-size:18px}.cart-button .cart-label{font-size:11px;font-weight:800}.cart-button b{min-width:23px;height:23px;border-radius:50%;background:var(--orange);display:grid;place-items:center;color:#fff;font-size:10px}.nav-row{height:43px;display:flex;align-items:center;justify-content:space-between}.main-nav{display:flex;gap:27px;align-items:center;font-size:11px;font-weight:800;color:#53605b}.main-nav a{height:43px;display:flex;align-items:center;position:relative}.main-nav a:hover,.main-nav .nav-highlight{color:var(--green)}.main-nav .nav-highlight:after{content:"";position:absolute;right:0;left:0;bottom:-1px;height:3px;border-radius:4px;background:var(--orange)}.management-link{font-size:10px;color:#77827e}
.hero{display:grid;grid-template-columns:1.04fr .96fr;min-height:570px;margin-top:24px;background:var(--cream);border-radius:34px;overflow:hidden;box-shadow:var(--shadow-lg)}.hero-copy{padding:65px 62px 48px;display:flex;flex-direction:column;justify-content:center}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--green-2);font-size:11px;font-weight:800}.eyebrow i{width:29px;height:2px;background:var(--orange);display:inline-block}.hero h1{font-size:54px;line-height:1.23;letter-spacing:-2.2px;margin:17px 0 17px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy>p{font-size:15px;line-height:2;color:#65716c;max-width:560px;margin:0}.hero-actions{display:flex;align-items:center;gap:14px;margin-top:27px}.primary-action,.secondary-action{height:49px;border-radius:13px;padding:0 22px;font-weight:900;font-size:12px;display:inline-flex;align-items:center;gap:22px}.primary-action{border:0;background:var(--green);color:#fff;box-shadow:0 13px 28px rgba(23,63,54,.22)}.primary-action span{font-size:18px}.secondary-action{border:1px solid #d5cec1;background:rgba(255,255,255,.5)}.hero-proof{display:flex;gap:43px;margin-top:37px;padding-top:23px;border-top:1px solid #dfd5c5}.hero-proof div{display:flex;flex-direction:column}.hero-proof b{font-size:23px}.hero-proof span{font-size:9px;color:#7b847f}.hero-visual{position:relative;background:#d9e3dd;min-height:570px}.hero-image{position:absolute;inset:0;background-image:linear-gradient(0deg,rgba(17,48,40,.05),transparent 45%),url('assets/hero.jpg');background-size:cover;background-position:center}.hero-visual:before{content:"";position:absolute;z-index:2;right:-1px;top:0;bottom:0;width:70px;background:linear-gradient(90deg,transparent,var(--cream));opacity:.52;transform:scaleX(-1)}.floating-card{position:absolute;z-index:3;background:rgba(255,255,255,.91);backdrop-filter:blur(11px);box-shadow:0 15px 34px rgba(22,48,41,.16);border:1px solid rgba(255,255,255,.75)}.delivery-card{right:26px;bottom:28px;border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:11px}.delivery-card>span{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#def0e8;color:var(--green);font-weight:900}.delivery-card b,.delivery-card small{display:block}.delivery-card b{font-size:11px}.delivery-card small{font-size:8px;color:var(--muted)}.offer-card{left:23px;top:25px;border-radius:50%;width:93px;height:93px;display:grid;place-content:center;text-align:center;background:var(--orange);color:#fff;border-color:#ffbd9d;transform:rotate(-7deg)}.offer-card small{font-size:9px}.offer-card b{font-size:27px;line-height:1}
.service-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px;border:1px solid var(--line);border-radius:20px;background:#fff}.service-strip article{display:flex;align-items:center;gap:12px;padding:17px 22px;position:relative}.service-strip article:not(:last-child):after{content:"";position:absolute;left:0;height:34px;width:1px;background:var(--line)}.service-strip article>span{width:39px;height:39px;background:#f1f4f0;border-radius:12px;display:grid;place-items:center;color:var(--green);font-size:19px;font-weight:900}.service-strip b,.service-strip small{display:block}.service-strip b{font-size:11px}.service-strip small{font-size:8px;color:var(--muted);margin-top:3px}
.section{padding-top:76px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.section-heading>div>span,.seller-cta>div>span,.track-copy>span{font-size:10px;font-weight:900;color:var(--orange);letter-spacing:.4px}.section-heading h2,.seller-cta h2,.track-copy h2{font-size:31px;letter-spacing:-1px;margin:5px 0 4px}.section-heading p,.seller-cta p,.track-copy p{font-size:10px;color:var(--muted);margin:0}.text-link{border:0;background:none;font-size:10px;font-weight:900;color:var(--green);padding:8px 0}.text-link b{font-size:15px;margin-right:5px}.categories{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.category{border:1px solid var(--line);background:#fff;border-radius:19px;padding:15px 7px 14px;text-align:center;transition:.2s;min-width:0}.category:hover,.category.active{transform:translateY(-4px);border-color:#aabbb4;box-shadow:0 14px 30px rgba(23,63,54,.09)}.category.active{background:var(--green);color:#fff}.category-icon{width:61px;height:61px;border-radius:17px;display:grid;place-items:center;margin:0 auto 11px;font-size:26px;font-style:normal}.tone-1{background:#e2ece6;color:#245a4d}.tone-2{background:#fae2d5;color:#b84f25}.tone-3{background:#eee5d7;color:#5f574a}.tone-4{background:#e6e8e1;color:#3e4b44}.category b,.category small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category b{font-size:10px}.category small{font-size:8px;color:#87918c;margin-top:4px}.category.active small{color:#cadbd4}
.offer-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.campaign{min-height:280px;border-radius:26px;padding:37px;position:relative;overflow:hidden}.campaign>div:first-child{position:relative;z-index:2}.campaign small{font-size:9px;font-weight:800}.campaign h3{font-size:31px;line-height:1.35;margin:9px 0}.campaign p{font-size:10px;margin:0 0 22px}.campaign a{font-size:10px;font-weight:900;border-bottom:1px solid currentColor;padding-bottom:3px}.campaign-school{background:#dc6a37;color:#fff}.campaign-school:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;left:-90px;top:-90px;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 50px rgba(255,255,255,.05),0 0 0 100px rgba(255,255,255,.035)}.campaign-number{position:absolute;left:55px;top:55px;font-size:112px;font-weight:950;line-height:1;color:rgba(255,255,255,.94);letter-spacing:-8px}.campaign-number small{font-size:30px}.campaign-tech{background:var(--green);color:#fff}.campaign-tech p{color:#c9dad3}.campaign-orbit{position:absolute!important;left:-50px;bottom:-67px;width:270px;height:270px;border:1px solid rgba(255,255,255,.18);border-radius:50%}.campaign-orbit:before,.campaign-orbit:after{content:"";position:absolute;inset:40px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.campaign-orbit:after{inset:80px}.campaign-orbit i{position:absolute;width:16px;height:16px;background:var(--orange-2);border-radius:50%}.campaign-orbit i:nth-child(1){top:32px;right:63px}.campaign-orbit i:nth-child(2){bottom:74px;right:9px}.campaign-orbit i:nth-child(3){bottom:46px;left:62px;background:#f0d1a2}
.products-section{margin-top:76px;padding:68px 0 78px;background:#f5f5f1}.products-heading{align-items:center}.filterbar{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.chip{border:1px solid #dadfd9;background:#fff;border-radius:999px;padding:8px 13px;font-size:9px;font-weight:800;color:#66736e}.chip:hover,.chip.active{background:var(--green);border-color:var(--green);color:#fff}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:#fff;border-radius:22px;overflow:hidden;border:1px solid #e3e5df;transition:.25s;box-shadow:0 7px 20px rgba(31,42,37,.035)}.product:hover{transform:translateY(-7px);box-shadow:0 24px 44px rgba(31,42,37,.11)}.product-media{height:265px;background-repeat:no-repeat;background-size:230%;position:relative;transition:.35s}.product:hover .product-media{transform:scale(1.018)}.product-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 28%,transparent 70%,rgba(0,0,0,.04));pointer-events:none}.product-badge,.discount{position:absolute;top:13px;z-index:2;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:900}.product-badge{right:13px;background:rgba(255,255,255,.92);color:var(--green)}.discount{left:13px;background:var(--orange);color:#fff}.wishlist{position:absolute;left:13px;bottom:13px;z-index:2;width:35px;height:35px;border-radius:50%;border:0;background:rgba(255,255,255,.92);font-size:22px;line-height:1;color:#5f6b66}.wishlist.active{background:var(--orange);color:#fff}.product-info{padding:16px}.product-meta{display:flex;justify-content:space-between;gap:7px;font-size:8px;color:#7a8580}.product-meta b{color:#d38a20}.product h3{font-size:13px;line-height:1.65;min-height:43px;margin:7px 0 7px}.stock{font-size:8px;color:#77827e;display:flex;align-items:center;gap:5px}.stock i{width:6px;height:6px;border-radius:50%;background:#42a278}.product-buy{display:flex;align-items:flex-end;justify-content:space-between;margin-top:13px;padding-top:13px;border-top:1px solid #edf0ec}.product-buy>div>b,.product-buy>div>del{display:block}.product-buy>div>b{font-size:18px}.product-buy>div>del{font-size:9px;color:#9aa39f;margin-top:1px}.product-buy button{width:40px;height:40px;border-radius:12px;border:0;background:var(--green);color:#fff;font-size:21px;display:grid;place-items:center}.empty-state{grid-column:1/-1;padding:65px;text-align:center;background:#fff;border-radius:22px;border:1px dashed #cbd2ce}.empty-state b,.empty-state span{display:block}.empty-state span{font-size:10px;color:var(--muted);margin:7px}.empty-state button{border:0;background:var(--green);color:#fff;border-radius:10px;padding:9px 14px;font-size:9px;font-weight:900}
.sellers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.seller-card{border:1px solid var(--line);border-radius:20px;padding:17px;display:flex;align-items:center;gap:13px;transition:.2s}.seller-card:hover{border-color:#aebcb6;transform:translateY(-3px);box-shadow:0 14px 28px rgba(23,63,54,.08)}.seller-logo{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:19px;font-weight:900}.seller-card>div{flex:1}.seller-card>div>b,.seller-card>div>small,.seller-card>div>span{display:block}.seller-card>div>b{font-size:12px}.seller-card>div>small{font-size:8px;color:var(--muted);margin:4px 0}.seller-card>div>span{font-size:8px;color:#d38a20}.seller-card>i{font-size:17px;color:var(--green);font-style:normal}
.track-section{margin-top:76px;background:var(--green);color:#fff;padding:62px 0;position:relative;overflow:hidden}.track-section:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-100px;bottom:-210px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.02)}.track-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center;position:relative;z-index:2}.track-copy>span{color:#f3a078}.track-copy h2{font-size:37px}.track-copy p{color:#b9cdc4;line-height:1.8}.track-box{background:#fff;color:var(--ink);border-radius:22px;padding:24px}.track-box>label{font-size:9px;font-weight:900;display:block;margin-bottom:7px}.track-input{display:grid;grid-template-columns:1fr auto;border:1px solid #dce1dd;border-radius:13px;overflow:hidden}.track-input input{border:0;outline:0;padding:13px;background:#fbfcfa;font-size:11px}.track-input button{border:0;background:var(--orange);color:#fff;font-size:10px;font-weight:900;padding:0 20px}.track-box>div+div>small{font-size:8px;color:var(--muted)}.track-error{font-size:9px;color:var(--danger);margin:11px 0 0}.timeline{display:flex;justify-content:space-between;gap:4px;margin-top:17px;position:relative}.timeline:before{content:"";position:absolute;top:14px;right:8%;left:8%;height:2px;background:#dfe5e1}.step{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:7px;color:#87918d;flex:1}.step i{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#edf0ed;border:3px solid #fff;font-style:normal}.step.done{color:var(--green);font-weight:900}.step.done i{background:var(--green);color:#fff}
.seller-cta{margin-top:76px;margin-bottom:76px;padding:39px 46px;border-radius:25px;background:var(--cream);display:flex;align-items:center;justify-content:space-between;gap:28px}.seller-cta h2{font-size:27px}.seller-cta a{background:var(--green);color:#fff;border-radius:13px;padding:15px 22px;font-size:10px;font-weight:900;white-space:nowrap}.seller-cta a b{font-size:15px;margin-right:12px}
.cart-float{position:fixed;left:18px;bottom:18px;z-index:90;background:var(--green);color:#fff;border-radius:16px;padding:12px 14px;display:none;align-items:center;gap:8px;box-shadow:0 18px 38px rgba(18,53,44,.28);font-size:11px}.cart-float i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--orange);font-style:normal}.has-cart .cart-float{display:flex}.toast{position:fixed;right:22px;bottom:22px;z-index:200;background:#fff;border:1px solid #dfe5e1;border-radius:14px;padding:12px 15px;box-shadow:0 20px 50px rgba(21,43,36,.2);font-size:10px;font-weight:900;display:flex;align-items:center;gap:8px;transform:translateY(20px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}.toast span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#dff0e8;color:var(--green)}
footer{background:#132e28;color:#d5e1dc;padding:53px 0 17px}.footer-main{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:55px}.footer-main>div>b{font-size:11px;display:block;margin-bottom:15px;color:#fff}.footer-main>div>a:not(.brand){display:block;font-size:9px;color:#afc4bb;margin:9px 0}.footer-brand .brand-copy strong{color:#fff}.footer-brand .brand-copy small{color:#a9c0b6}.brand-mark.light{background:#fff;color:var(--green)}.footer-brand p{font-size:9px;color:#a8bdb5;line-height:1.9;max-width:300px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:16px;margin-top:35px;font-size:8px;color:#8fa79d}
@media(max-width:1050px){.header-main{grid-template-columns:210px 1fr auto;gap:15px}.hero h1{font-size:44px}.hero-copy{padding:50px 38px}.categories{grid-template-columns:repeat(4,1fr)}.products{grid-template-columns:repeat(3,1fr)}.service-strip article{padding:15px}.campaign-number{font-size:90px;left:35px}}
@media(max-width:820px){html{scroll-padding-top:115px}.announcement-extra{display:none}.header-main{height:auto;min-height:76px;display:flex;flex-wrap:wrap;padding:11px 0}.brand-copy strong{font-size:19px}.brand-copy small{display:none}.brand-mark{width:43px;height:43px}.search-box{order:3;width:100%;height:45px}.header-actions{margin-right:auto}.nav-row{height:38px;overflow:auto;scrollbar-width:none}.main-nav{gap:22px}.main-nav a{height:38px}.management-link{display:none}.hero{grid-template-columns:1fr;margin-top:14px}.hero-copy{order:2;padding:38px 29px}.hero-visual{min-height:380px}.hero h1{font-size:41px}.service-strip{grid-template-columns:1fr 1fr}.service-strip article:nth-child(2):after{display:none}.section{padding-top:56px}.offer-grid{grid-template-columns:1fr}.products-heading{align-items:flex-start;flex-direction:column}.filterbar{justify-content:flex-start}.products{grid-template-columns:repeat(2,1fr)}.track-layout{grid-template-columns:1fr;gap:28px}.footer-main{grid-template-columns:1.5fr 1fr 1fr}.footer-main>div:last-child{display:none}}
@media(max-width:560px){.container{width:calc(100% - 20px)}.announcement-inner{height:31px;font-size:9px}.announcement-inner span:first-child{display:none}.announcement b{margin:auto;font-size:9px}.desktop-only,.cart-label{display:none}.header-actions{gap:4px}.cart-button{width:44px;padding:0;justify-content:center}.cart-button .cart-icon{display:none}.cart-button b{min-width:25px}.main-nav{font-size:9px}.hero{border-radius:22px;box-shadow:0 20px 45px rgba(27,57,49,.14)}.hero-visual{min-height:315px}.offer-card{width:75px;height:75px}.offer-card b{font-size:22px}.delivery-card{right:13px;bottom:14px}.hero-copy{padding:31px 21px 29px}.hero h1{font-size:34px;letter-spacing:-1.2px;margin-top:12px}.hero-copy>p{font-size:12px}.hero-actions{align-items:stretch;flex-direction:column}.primary-action,.secondary-action{justify-content:center}.hero-proof{gap:24px;justify-content:space-between}.hero-proof b{font-size:20px}.service-strip{margin-top:10px;border-radius:16px}.service-strip article{padding:12px 9px;gap:8px}.service-strip article>span{width:32px;height:32px}.service-strip b{font-size:9px}.service-strip small{display:none}.section-heading{align-items:flex-start}.section-heading h2{font-size:25px}.section-heading p{max-width:230px}.categories{grid-template-columns:repeat(4,1fr);gap:7px}.category{padding:9px 4px;border-radius:14px}.category-icon{width:45px;height:45px;border-radius:13px;font-size:20px}.category b{font-size:8px}.category small{font-size:7px}.offer-grid{gap:10px}.campaign{min-height:240px;padding:28px 23px}.campaign h3{font-size:26px}.campaign-number{font-size:67px;left:20px;top:70px}.products-section{margin-top:56px;padding:49px 0}.products{gap:9px}.product{border-radius:16px}.product-media{height:172px}.product-badge{right:8px;top:8px}.discount{left:8px;top:8px}.wishlist{left:8px;bottom:8px;width:31px;height:31px}.product-info{padding:11px}.product h3{font-size:10px;min-height:36px}.product-meta{font-size:7px}.product-buy>div>b{font-size:15px}.product-buy button{width:35px;height:35px}.sellers{grid-template-columns:1fr}.track-section{margin-top:56px;padding:45px 0}.track-copy h2{font-size:30px}.track-box{padding:17px}.track-input{grid-template-columns:1fr}.track-input button{padding:11px}.step span{display:none}.seller-cta{margin:50px 10px;padding:28px 22px;display:block}.seller-cta h2{font-size:23px}.seller-cta a{margin-top:18px;display:flex;justify-content:center}.footer-main{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block;line-height:2}.cart-float{left:11px;bottom:11px}.toast{right:11px;bottom:11px}.empty-state{padding:40px 15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* V4 demo catalog: make preview products visually distinct without requiring external images */
.demo-product-icon{position:absolute;inset:0;display:grid;place-items:center;font-size:92px;filter:drop-shadow(0 12px 16px rgba(25,45,38,.14));z-index:1;line-height:1;user-select:none}.product-media[data-wq-image] .demo-product-icon{display:none}@media(max-width:560px){.demo-product-icon{font-size:64px}}

/* V5 — commercial marketplace refinement */
:root{
  --green:#123f46;
  --green-2:#1b5962;
  --orange:#f06a35;
  --orange-2:#ff8a58;
  --cream:#f7f6f2;
  --sand:#ebe7de;
  --ink:#172023;
  --muted:#6f7a7d;
  --line:#e7e9e7;
  --soft:#f7f8f7;
  --shadow:0 12px 30px rgba(18,36,40,.07);
}
body{background:#fff;color:var(--ink)}
.announcement{background:#10373d}
.site-header{border-bottom:1px solid #eceeed;box-shadow:0 3px 14px rgba(20,38,41,.035)}
.header-main{height:80px;gap:22px}
.brand-mark{width:45px;height:45px;border-radius:12px;box-shadow:0 7px 18px rgba(18,63,70,.16)}
.brand-copy strong{font-size:21px}
.search-box{height:46px;border-radius:10px;background:#f7f8f8;border-color:#e1e5e4}
.search-box button{padding:0 21px;background:#123f46}
.cart-button{border-radius:10px}
.hero{margin-top:20px;border-radius:20px;box-shadow:0 16px 38px rgba(21,45,49,.10)}
.hero-copy{padding:44px 42px}
.hero h1{font-size:43px;line-height:1.22}
.hero-copy>p{max-width:570px}
.primary-action,.secondary-action{border-radius:10px}
.service-strip{margin-top:16px;border-radius:14px;box-shadow:0 7px 20px rgba(20,38,41,.035)}
.service-strip article{padding:14px 17px}
.service-strip article>span{width:36px;height:36px;border-radius:10px}
.section{padding-top:60px}
.section-heading{margin-bottom:20px}
.section-heading h2,.seller-cta h2,.track-copy h2{font-size:28px}
.categories{gap:9px}
.category{border-radius:14px;padding:11px 5px 10px;box-shadow:0 4px 12px rgba(20,38,41,.025)}
.category:hover,.category.active{transform:translateY(-2px);box-shadow:0 9px 20px rgba(20,38,41,.07)}
.category-icon{width:50px;height:50px;border-radius:13px;font-size:22px;margin-bottom:8px}
.offer-grid{gap:12px}
.campaign{min-height:230px;border-radius:18px;padding:30px}
.campaign h3{font-size:27px}
.campaign-number{font-size:88px;top:52px}
.products-section{margin-top:60px;padding:54px 0 64px;background:#f6f7f6;border-top:1px solid #edf0ee;border-bottom:1px solid #edf0ee}
.chip{padding:7px 11px;border-radius:8px;background:#fff}
.products{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.product{border-radius:14px;border-color:#e5e8e6;box-shadow:0 4px 14px rgba(23,35,39,.035)}
.product:hover{transform:translateY(-3px);box-shadow:0 13px 27px rgba(23,35,39,.085);border-color:#d7ddda}
.product-media{height:180px;background-size:cover;background-position:center}
.demo-product-icon{font-size:66px;filter:drop-shadow(0 8px 12px rgba(25,45,38,.11))}
.product-badge,.discount{top:9px;padding:4px 7px;font-size:7px}
.product-badge{right:9px}.discount{left:9px}
.wishlist{left:9px;bottom:9px;width:30px;height:30px;font-size:18px}
.product-info{padding:11px 12px 12px}
.product-meta{font-size:7px}
.product h3{font-size:11px;line-height:1.55;min-height:35px;margin:6px 0}
.stock{font-size:7px}
.product-buy{margin-top:9px;padding-top:9px}
.product-buy>div>b{font-size:15px}
.product-buy>div>del{font-size:8px}
.product-buy button{width:34px;height:34px;border-radius:9px;font-size:18px;background:#123f46}
.sellers{gap:10px}.seller-card{border-radius:14px;padding:14px}.seller-logo{width:48px;height:48px;border-radius:12px}
.seller-cta{border-radius:18px}
.track-section{background:#10373d}
footer{background:#102f34}

@media(max-width:1150px){.products{grid-template-columns:repeat(4,minmax(0,1fr))}.product-media{height:185px}}
@media(max-width:900px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}.product-media{height:180px}}
@media(max-width:560px){
  .header-main{min-height:70px;height:auto}.hero{margin-top:10px;border-radius:16px}.hero-copy{padding:27px 19px}.hero h1{font-size:31px}
  .section{padding-top:45px}.section-heading h2{font-size:23px}.categories{gap:6px}.category{border-radius:11px;padding:8px 3px}.category-icon{width:42px;height:42px;font-size:18px}
  .products-section{margin-top:45px;padding:40px 0 48px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product{border-radius:12px}.product-media{height:135px}.demo-product-icon{font-size:51px}.product-info{padding:9px}.product h3{font-size:10px;min-height:32px}.product-buy>div>b{font-size:14px}.product-buy button{width:32px;height:32px}
}

/* V8 — login prominence and compact commerce header */
@media(min-width:821px){
  .header-main{grid-template-columns:220px minmax(300px,620px) auto;gap:16px}
  .search-box{max-width:620px;width:100%}
}
.login-main{height:50px;min-width:158px;padding:0 15px;border-radius:12px;background:linear-gradient(135deg,#183b5b,#0f2d46);color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 9px 24px rgba(15,45,70,.18);border:1px solid rgba(255,255,255,.08)}
.login-main:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(15,45,70,.23)}
.login-main-icon{width:31px;height:31px;border-radius:9px;background:#f3b331;color:#13263b;display:grid;place-items:center;font-weight:900;font-size:17px}.login-main small{display:block;font-size:8px;opacity:.72;margin-bottom:1px}.login-main b{display:block;font-size:12px;white-space:nowrap}.management-link{font-weight:800;color:#183b5b}
@media(max-width:820px){.login-main{height:43px;min-width:132px;padding:0 10px}.login-main-icon{width:27px;height:27px}.login-main small{display:none}.login-main b{font-size:11px}.seller-link{display:none}}
@media(max-width:560px){.login-main{min-width:112px}.header-actions{margin-right:auto}.login-main-icon{display:none}}

/* V12 storefront polish — preserve existing JS/data */
@media(min-width:821px){
  .hero{min-height:500px}.hero-visual{min-height:500px}.hero-copy{padding-top:48px;padding-bottom:42px}.hero h1{font-size:49px}
  .products{gap:13px}.product-media{height:190px}.product{border-radius:18px}.product-info{padding:13px}.product h3{font-size:11px;min-height:39px}.product-buy>div>b{font-size:16px}
}
.product-media{background-size:cover!important;background-position:center!important}.demo-product-icon{font-size:72px}.product-badge{backdrop-filter:blur(6px)}
.category{background:linear-gradient(180deg,#fff,#fdfcf9)}.category.active{background:linear-gradient(180deg,#173f36,#245a4d)}
@media(max-width:560px){.hero-visual{min-height:270px}.hero h1{font-size:30px}.product-media{height:128px}.demo-product-icon{font-size:48px}.product-info{padding:9px 8px}.product-buy{margin-top:9px;padding-top:9px}}

/* V8 demo storefront: realistic product photography + stronger offer cards */
.campaign-bundle{grid-column:1/-1;min-height:190px;background:linear-gradient(120deg,#0d2d49,#153e61 55%,#c89a32);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}
.campaign-bundle p{color:rgba(255,255,255,.78);max-width:560px}.bundle-badges{display:flex!important;gap:10px;flex-wrap:wrap;justify-content:flex-start;position:relative!important;z-index:2}.bundle-badges span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);padding:12px 16px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}.product-media{background-color:#f5f2ea}.product-media:before{content:"صورة تجريبية";position:absolute;right:12px;bottom:12px;z-index:2;background:rgba(8,32,51,.78);color:#fff;padding:5px 8px;border-radius:8px;font-size:7px;font-weight:800;letter-spacing:.1px}.wishlist{bottom:42px}.quick-photo{background-repeat:no-repeat}
@media(max-width:820px){.campaign-bundle{display:block}.bundle-badges{margin-top:20px}.campaign-bundle{grid-column:auto}}
@media(max-width:560px){.campaign-bundle{min-height:255px}.bundle-badges span{font-size:8px;padding:9px 11px}.product-media:before{right:7px;bottom:7px;font-size:6px}.wishlist{bottom:32px}}