:root{--p:#6c35f3;--pink:#dd4aec;--navy:#060a2b;--ink:#11142d;--muted:#727386;--line:#e5e4ed;--soft:#f5f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:14px Inter,sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit;cursor:pointer}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.shell{width:min(1180px,calc(100% - 40px));margin:auto}header{height:70px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:30}.nav{height:100%;display:flex;align-items:center}.logo{font:800 25px Manrope}.logo span{color:var(--pink)}nav{display:flex;gap:28px;margin:auto;font-size:12px;font-weight:600}nav .active{color:var(--p)}.actions{display:flex;align-items:center;gap:9px}.icon{width:36px;height:36px;border:0;background:transparent;display:grid;place-items:center}.icon svg{width:17px}.primary{display:inline-flex;background:linear-gradient(90deg,var(--pink),var(--p));color:white;border-radius:24px;padding:11px 21px;font-size:12px;font-weight:700}.lang,.outline{background:white;border:1px solid #b9b9c5;border-radius:22px;padding:9px 16px}.menu{display:none}.hero{height:545px;background:#f5f0ff url('/images/dpmarket/banner-gradient.png') center/cover}.hero-grid{height:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.hero h1{font:800 52px/1.12 Manrope;letter-spacing:-2px;margin:0 0 24px}.hero p,.copy p{color:var(--muted);line-height:1.8;max-width:550px}.search{height:54px;background:white;border-radius:28px;display:flex;padding:6px;max-width:555px;margin:28px 0 18px;box-shadow:0 10px 30px #5a3ca51a}.search input{flex:1;border:0;outline:0;padding:0 18px}.search button{width:43px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--p));color:white}.tech{display:flex;gap:13px}.tech a{width:34px;height:34px;border-radius:50%;background:white;display:grid;place-items:center}.tech img{max-width:17px}.hero-image{position:relative}.hero-image>img{width:100%}.float{position:absolute;background:white;border-radius:18px;padding:18px;box-shadow:0 16px 35px #30247020;text-align:center}.float b,.float small{display:block}.float b{font-size:24px}.float small{font-size:10px}.float.sales{right:10px;top:28px}.float.customer{left:46%;top:45%;background:linear-gradient(135deg,#d54bf0,#6538f2);color:white}.section{padding:90px 0}.title{text-align:center;margin-bottom:42px}.title.left{text-align:left;margin-bottom:28px}.title h2,.copy h2,.selling h2,.blog h2,.promo h2{font:800 28px Manrope;margin:0}.cat-row{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.cat{height:150px;border:2px solid #f4ddf3;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center}.cat span{width:48px;height:48px;border-radius:50%;background:#f1ecff;display:grid;place-items:center;margin-bottom:12px}.cat img{width:26px;height:26px}.cat b{font-size:12px}.cat small{font-size:10px;color:var(--muted);margin-top:4px}.explore{display:block;text-align:center;text-decoration:underline;margin-top:34px;font-weight:600;font-size:12px}.products,.blog{background:var(--soft)}.filters{display:flex;justify-content:center;gap:9px;margin-top:25px}.filters button{border:1px solid #c8c8d1;background:white;padding:7px 14px;border-radius:4px;font-size:10px}.filters .on{background:var(--navy);color:white}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:white;border:1px solid var(--line);border-radius:5px;overflow:hidden;box-shadow:0 8px 20px #17142d0b}.thumb{height:155px;position:relative;overflow:hidden}.thumb>img{width:100%;height:100%;object-fit:cover}.wish{position:absolute;right:9px;top:9px;width:29px;height:29px;border:0;background:white;border-radius:50%}.wish svg{width:14px}.wish.on{color:#e43d62}.card-body{padding:13px}.card-body h3{font:700 12px/1.45 Manrope;margin:0 0 4px}.card-body p{color:var(--muted);font-size:9px}.price-line,.card-body footer{display:flex;align-items:center;justify-content:space-between}.price-line{font-size:9px;margin:14px 0}.price-line b{font-size:12px}.card-body footer{border-top:1px solid var(--line);padding-top:10px}.stars{color:#ff9f22;font-size:9px;letter-spacing:1px}.card-body footer button{background:white;border:1px solid #aaa9b5;border-radius:18px;padding:5px 11px;font-size:8px}.view{display:flex;width:max-content;margin:44px auto 0}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.mini-products,.author-products{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.mini-products .thumb,.author-products .thumb{height:125px}.copy h2{margin-bottom:18px}.copy .primary{margin-top:18px}.selling{background:var(--navy);color:white;padding:75px 0 105px}.selling-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.selling-head p{color:#aaaec0;font-size:11px}.selling-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.selling .product-card{color:var(--ink)}.dots{text-align:center;margin-top:50px}.author-feature{background:var(--soft)}.author{display:flex;align-items:center;gap:13px;margin:28px 0}.avatar{width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 5px 15px #0001;display:grid;place-items:center;color:var(--pink);font-weight:800}.author b,.author small{display:block}.author small{font-size:9px;color:var(--muted);margin-top:4px}.author-products{max-width:500px}.performance{background:white}.perf-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:110px;align-items:center}.petals{width:510px;height:420px;display:grid;grid-template-columns:1fr 1fr;position:relative}.petals>div{display:flex;flex-direction:column;align-items:center;justify-content:center}.petals>div:nth-child(1){background:#fffbed;border-radius:100px 0 0 0}.petals>div:nth-child(2){background:#ddd2ff;border-radius:0 100px 0 0}.petals>div:nth-child(3){background:#ffc8ef;border-radius:0 0 0 100px}.petals>div:nth-child(4){background:#c9f8fa;border-radius:0 0 100px 0}.petals small{color:var(--muted)}.petals b{font-size:20px;margin-top:9px}.petals>span{position:absolute;width:78px;height:78px;border-radius:50%;background:white;border:1px dashed var(--p);left:calc(50% - 39px);top:calc(50% - 39px);display:grid;place-items:center;text-align:center;font-size:8px;color:var(--p)}.blog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-grid article{background:white;border-radius:6px;overflow:hidden}.blog-grid article>img{height:200px;width:100%;object-fit:cover}.blog-grid article>div{padding:17px}.blog-grid span{font-size:9px;color:var(--muted)}.blog-grid h3{font:700 15px/1.45 Manrope}.blog-grid article a{display:inline-block;border:1px solid #aaa;border-radius:15px;padding:6px 12px;font-size:9px}.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.promo-grid article{padding:35px;background:#eee4ff;border-radius:7px}.promo-grid article:nth-child(2){background:#ffd5eb}.promo p{color:var(--muted);font-size:11px}.promo .outline{font-size:10px}.support{height:230px;background:#ffeaf2;margin-top:20px;border-radius:7px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.support img{height:220px;margin:auto}.support h2{font-size:25px}.dark-btn{display:inline-block;background:var(--navy);color:white;padding:11px 20px;border-radius:22px;font-size:10px}.brands{display:flex;justify-content:space-around;align-items:center;padding-top:60px}.brands img{max-width:100px;max-height:35px}footer{background:var(--navy) url('/images/dpmarket/pattern.png') center/cover;color:#aaaec0;padding:80px 0 25px;border-radius:180px 180px 0 0}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1.4fr;gap:70px}.light{color:white}.footer-grid p{font-size:12px;line-height:1.8}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:12px}.footer-grid h3{color:white;margin:0 0 8px}.footer-grid a:not(.logo){font-size:11px}.social{display:flex;gap:10px}.social a{width:34px;height:34px;border:1px solid white;border-radius:50%;display:grid;place-items:center;color:white}.footer-grid form{display:grid;gap:10px}.footer-grid input{height:46px;border:1px solid #aaaec0;border-radius:25px;background:transparent;padding:0 17px;color:white}.footer-grid form button{height:46px;border:0;border-radius:25px;background:linear-gradient(90deg,var(--pink),var(--p));color:white}.copyright{border-top:1px solid #272b49;margin-top:60px;padding-top:22px;font-size:10px;display:flex;justify-content:space-between}.toast{position:fixed;bottom:20px;right:20px;background:var(--navy);color:white;padding:12px 18px;border-radius:7px;opacity:0;transform:translateY(30px);transition:.3s;z-index:50}.toast.show{opacity:1;transform:none}
@media(max-width:950px){nav{display:none}.menu{display:grid}.hero-grid{grid-template-columns:1fr}.hero{height:auto;padding:80px 0}.hero-image{max-width:600px;margin:auto}.cat-row{grid-template-columns:repeat(3,1fr)}.product-grid,.selling-grid{grid-template-columns:repeat(2,1fr)}.split,.perf-grid{gap:40px}.petals{width:390px;height:340px}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.shell{width:calc(100% - 24px)}.actions>.icon,.actions>.primary,.lang{display:none}.hero h1{font-size:40px}.cat-row,.product-grid,.selling-grid,.mini-products,.author-products,.blog-grid,.promo-grid{grid-template-columns:1fr 1fr}.split,.perf-grid{grid-template-columns:1fr}.section{padding:65px 0}.filters{overflow:auto;justify-content:start}.product-card .thumb{height:120px}.perf-grid{justify-items:center}.petals{width:340px;height:300px}.selling-head,.blog-head{align-items:start}.seller-head .primary{flex-shrink:0}.support{grid-template-columns:1fr;height:auto;text-align:center;padding:25px}.support img{height:160px}.brands{flex-wrap:wrap;gap:25px}.footer-grid{grid-template-columns:1fr;gap:35px}footer{border-radius:75px 75px 0 0}.copyright{display:block;text-align:center}.copyright span{display:block;margin-top:10px}}@media(max-width:410px){.cat-row{grid-template-columns:repeat(2,1fr)}.product-grid,.selling-grid,.mini-products,.author-products,.blog-grid,.promo-grid{grid-template-columns:1fr}.hero h1{font-size:34px}.petals{width:300px;height:270px}}

/* Motion and interaction layer */
header{transition:height .3s ease,box-shadow .3s ease,background-color .3s ease}header.scrolled{height:62px;box-shadow:0 8px 35px rgba(23,16,65,.09);background:rgba(255,255,255,.92);backdrop-filter:blur(16px)}.primary{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.primary:before{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 35%,#fff6 50%,transparent 65%);transform:translateX(-80%);transition:transform .55s ease}.primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(108,53,243,.25)}.primary:hover:before{transform:translateX(80%)}.outline,.dark-btn,.explore,.filters button,.card-body footer button{transition:all .22s ease}.outline:hover,.card-body footer button:hover{color:#fff;background:var(--p);border-color:var(--p)}.icon,.tech a,.social a{transition:transform .22s ease,background .22s ease,color .22s ease}.icon:hover,.tech a:hover,.social a:hover{transform:translateY(-3px) scale(1.05);color:var(--p)}.search{transition:transform .25s ease,box-shadow .25s ease}.search:focus-within{transform:translateY(-2px);box-shadow:0 16px 38px #5a3ca52c}.hero h1{animation:heroIn .8s cubic-bezier(.2,.8,.2,1) both}.hero p{animation:heroIn .8s .12s cubic-bezier(.2,.8,.2,1) both}.hero .search{animation:heroIn .8s .22s cubic-bezier(.2,.8,.2,1) both}.hero .tech{animation:heroIn .8s .3s cubic-bezier(.2,.8,.2,1) both}.hero-image{animation:heroScale .9s .12s cubic-bezier(.2,.8,.2,1) both;transition:transform .35s ease-out}.hero-image>img{filter:drop-shadow(0 28px 38px rgba(57,33,126,.13))}.float.sales{animation:floatY 4.2s ease-in-out infinite}.float.customer{animation:floatY 3.7s .5s ease-in-out infinite}.cat,.product-card,.blog-grid article,.promo-grid article,.support{transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease}.cat:hover{transform:translateY(-9px);border-color:#c4a9ff;box-shadow:0 18px 35px rgba(53,35,110,.1)}.cat:hover span{animation:bounceIcon .5s ease}.product-card:hover{transform:translateY(-8px);box-shadow:0 22px 45px rgba(24,17,61,.13);border-color:#d8cef5}.thumb>img{transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s}.product-card:hover .thumb>img,.blog-grid article:hover>img{transform:scale(1.055);filter:saturate(1.08)}.wish{transition:transform .22s,color .22s}.wish:hover{transform:scale(1.12)}.wish.on svg{fill:currentColor;animation:heartPop .35s ease}.blog-grid article:hover,.promo-grid article:hover,.support:hover{transform:translateY(-7px);box-shadow:0 20px 42px rgba(24,17,61,.11)}.petals>div{transition:transform .35s ease,filter .35s ease}.petals>div:hover{transform:scale(.96);filter:saturate(1.12)}.petals>span{animation:spinSoft 14s linear infinite}.brands img{filter:grayscale(1);opacity:.72;transition:.3s}.brands img:hover{filter:none;opacity:1;transform:scale(1.08)}.reveal,.reveal-card,.reveal-scale{opacity:0;will-change:transform,opacity}.reveal{transform:translateY(28px)}.reveal-card{transform:translateY(34px) scale(.98)}.reveal-scale{transform:scale(.91)}.reveal.revealed,.reveal-card.revealed,.reveal-scale.revealed{opacity:1;transform:none;transition:opacity .65s var(--delay,0ms) ease,transform .7s var(--delay,0ms) cubic-bezier(.2,.75,.25,1)}.filter-pop{animation:cardPop .45s cubic-bezier(.2,.8,.2,1) both}.thumb{background:linear-gradient(110deg,#eee 8%,#f8f8f8 18%,#eee 33%);background-size:200% 100%}.thumb img{background:#fff}.toast{box-shadow:0 15px 38px rgba(3,5,28,.25)}
@keyframes heroIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes heroScale{from{opacity:0;transform:translateX(40px) scale(.94)}to{opacity:1;transform:none}}@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes bounceIcon{50%{transform:translateY(-5px) rotate(-4deg)}}@keyframes heartPop{50%{transform:scale(1.35)}}@keyframes spinSoft{to{transform:rotate(360deg)}}@keyframes cardPop{from{opacity:.35;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:950px){nav.open{display:flex;position:absolute;left:20px;right:20px;top:72px;background:white;box-shadow:0 20px 45px rgba(20,13,62,.16);border:1px solid var(--line);border-radius:12px;padding:18px;flex-direction:column;gap:0}nav.open a{padding:12px;border-bottom:1px solid var(--line)}nav.open a:last-child{border:0}.menu.active{color:var(--p)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal,.reveal-card,.reveal-scale{opacity:1;transform:none}}
.card-body>footer{background:transparent!important;background-image:none!important;color:inherit!important;padding:10px 0 0!important;border-radius:0!important}

/* Precision header + hero composition */
header{height:102px;border-top:2px solid #34343b;border-bottom:0}header.scrolled{height:76px}.nav{width:min(1775px,calc(100% - 128px))}.logo{width:225px;display:block}.logo img{width:225px;height:auto}.nav nav{gap:30px;font-size:15px}.nav nav a{display:flex;align-items:center;gap:5px}.nav nav svg{width:12px;height:12px;color:#77758a}.actions{gap:14px}.actions .icon{width:34px;height:42px}.actions .icon svg{width:23px;height:23px}.cart em{position:absolute;right:-3px;top:2px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#8c45ec;color:#fff;font-style:normal;font-size:10px}.actions .primary{height:47px;padding:0 21px;font-size:13px}.actions .primary svg{width:17px}.lang{height:45px;display:flex;align-items:center;gap:8px;padding:0 18px;background:#fff}.lang svg{width:15px}.hero{height:760px;min-height:760px;background-color:#f7f7fb;background-size:cover;position:relative;overflow:hidden}.hero .shell{width:min(1280px,calc(100% - 80px))}.hero-grid{height:100%;grid-template-columns:1fr 1.03fr;gap:80px}.hero-copy{padding-left:0;position:relative;z-index:3}.hero h1{font-size:64px;line-height:1.18;letter-spacing:-2.7px;margin-bottom:27px;color:#06092e}.hero p{font-size:16px;line-height:1.72;color:#6f707b;margin:0}.search{height:72px;max-width:578px;margin:51px 0 31px;border-radius:40px;padding:8px;box-shadow:0 12px 22px rgba(43,35,90,.12)}.search input{font-size:13px;padding-left:17px}.search button{width:56px;height:56px}.search button svg{width:19px}.tech{gap:14px}.tech a{width:48px;height:48px;box-shadow:0 7px 18px rgba(45,38,80,.05)}.tech img{max-width:21px;max-height:21px}.hero-image{width:620px;justify-self:end;position:relative;z-index:2}.hero-image>img{width:620px;filter:drop-shadow(0 25px 35px rgba(51,37,119,.08));position:relative;z-index:2}.float{z-index:4}.float.sales{right:-4px;top:60px;width:120px;height:142px;border-radius:17px;display:flex;flex-direction:column;justify-content:center;padding:12px}.float.sales b{font-size:25px}.float.sales small{font-size:13px;line-height:1.45;margin-top:8px}.float.customer{left:34%;top:43%;width:124px;height:128px;border-radius:14px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 16px 35px rgba(87,51,219,.24)}.float.customer b{font-size:25px}.float.customer small{font-size:13px;margin-top:7px}.dot-grid{position:absolute;left:155px;bottom:72px;width:125px;height:90px;z-index:1;background-image:radial-gradient(#111533 2px,transparent 2px);background-size:12px 12px}.decor{position:absolute;width:72px;height:72px;border-radius:50%;z-index:1}.decor:before,.decor:after{content:"";position:absolute;border-radius:50%}.decor-left{left:5.5%;bottom:89px;background:linear-gradient(140deg,#7258fa,#bdb3ff);clip-path:polygon(0 0,100% 0,100% 50%,50% 100%,0 100%)}.decor-left:after{width:45px;height:45px;right:-5px;bottom:8px;background:#ece9ff;border:1px solid white}.decor-right{right:6%;top:205px;width:70px;height:70px;background:linear-gradient(145deg,#ff65e3,#ffb5f2);clip-path:polygon(0 0,100% 25%,100% 75%,0 100%)}.decor-right:after{width:37px;height:37px;top:5px;left:11px;background:#ffd7f8;border:1px solid white}
@media(max-width:1200px){.nav{width:min(100% - 40px,1180px)}.hero .shell{width:min(100% - 40px,1100px)}.hero h1{font-size:53px}.hero-image,.hero-image>img{width:530px}.float.sales{right:-8px;top:45px}.decor-right{right:2%}}
@media(max-width:950px){header{height:78px}.nav{width:calc(100% - 32px)}.logo,.logo img{width:175px}.hero{height:auto;min-height:0;padding:80px 0 95px}.hero .shell{width:min(100% - 32px,700px)}.hero-grid{gap:70px}.hero-copy{text-align:center}.hero p{max-width:620px;margin:auto}.hero p br{display:none}.search{margin:35px auto 25px}.tech{justify-content:center;flex-wrap:wrap}.hero-image{justify-self:center}.decor{opacity:.6}}
@media(max-width:650px){header{height:70px;border-top-width:1px}.logo,.logo img{width:145px}.hero{padding:62px 0 75px}.hero h1{font-size:40px;line-height:1.16}.hero p{font-size:14px}.hero-image,.hero-image>img{width:100%}.search{height:60px;margin-top:31px}.search button{width:46px;height:46px}.tech{gap:8px}.tech a{width:39px;height:39px}.float.sales{width:85px;height:100px;right:0;top:25px}.float.customer{width:91px;height:91px;left:34%;top:42%}.float.sales b,.float.customer b{font-size:19px}.float.sales small,.float.customer small{font-size:9px}.dot-grid{left:22%;bottom:30px}.decor-right{top:130px}.decor-left{bottom:35px}}
.cart{position:relative}.hero h1{line-height:1.34}.hero-image{margin-right:-108px}.search{overflow:hidden}
@media(max-width:1200px){.hero-image{margin-right:-45px}}
@media(max-width:950px){.hero h1{line-height:1.22}.hero-image{margin-right:0}}
.hero-grid{position:relative;top:8px}.hero h1{font-family:Jost,sans-serif;font-size:72px;font-weight:700;line-height:1.2;letter-spacing:-1.7px}
@media(max-width:1200px){.hero h1{font-size:62px}}
@media(max-width:950px){.hero-grid{top:0}.hero h1{font-size:54px;line-height:1.18}}
@media(max-width:650px){.hero h1{font-size:40px}}
.hero h1{line-height:1.28;letter-spacing:-.2px;margin-bottom:21px}.float.sales{top:68px}.float.customer{left:32.5%;top:41.8%}.dot-grid{left:128px;bottom:83px}.actions .cart,.actions .cart+.icon{position:relative;left:-16px}.actions .primary{position:relative;left:-8px}
@media(max-width:950px){.hero h1{line-height:1.18;margin-bottom:27px}.float.customer{left:34%;top:43%}.dot-grid{left:155px;bottom:72px}.actions .cart,.actions .cart+.icon,.actions .primary{left:0}}
@media(max-width:650px){.hero h1{line-height:1.16}.float.sales{top:25px}.float.customer{left:34%;top:42%}.dot-grid{left:22%;bottom:30px}}

/* Popular categories — reference-accurate section */
.popular{height:620px;padding:121px 0 0;background:#fff}.popular .shell{width:min(1280px,calc(100% - 80px))}.popular .title.left{margin:0 0 40px}.popular .title h2{font-family:Jost,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.25px}.category-slider{position:relative}.popular .cat-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.popular .cat{height:238px;border:8px solid #fff1fa;border-radius:8px;background:#fff;justify-content:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.popular .cat>span{width:88px;height:88px;margin-bottom:22px;background:#f5f6f8}.popular .cat img{width:43px;height:43px;object-fit:contain}.popular .cat b{font-family:Jost,sans-serif;font-size:18px;font-weight:700}.popular .cat small{font-size:15px;margin-top:3px;color:#777786}.popular .cat:hover{transform:translateY(-8px);border-color:#f8dff3;box-shadow:0 22px 42px rgba(47,24,85,.1)}.cat-arrow{position:absolute;z-index:3;top:calc(50% - 24px);width:48px;height:48px;border:0;border-radius:50%;background:white;color:#05082c;display:grid;place-items:center;box-shadow:0 10px 28px rgba(39,31,76,.08);transition:transform .22s ease,background .22s ease,color .22s ease}.cat-arrow svg{width:21px}.cat-arrow.prev{left:-35px}.cat-arrow.next{right:-35px}.cat-arrow:hover{transform:scale(1.08);background:var(--p);color:white}.popular .explore{width:max-content;margin:50px auto 0;font-family:Jost,sans-serif;font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.popular{height:auto;padding:90px 0}.popular .shell{width:min(100% - 60px,900px)}.popular .cat-row{grid-template-columns:repeat(3,1fr)}.cat-arrow{display:none}}
@media(max-width:650px){.popular{padding:65px 0}.popular .shell{width:calc(100% - 28px)}.popular .title.left{text-align:center;margin-bottom:28px}.popular .cat-row{grid-template-columns:repeat(2,1fr);gap:12px}.popular .cat{height:190px;border-width:5px}.popular .cat>span{width:68px;height:68px;margin-bottom:15px}.popular .cat img{width:34px;height:34px}.popular .explore{margin-top:32px}}
.category-leave{opacity:0!important;transform:translateX(-22px) scale(.96)!important}.category-enter{animation:categoryEnter .36s ease both}@keyframes categoryEnter{from{opacity:0;transform:translateX(-24px) scale(.96)}to{opacity:1;transform:none}}

/* New arrival products — compact marketplace grid */
.products{min-height:790px;padding:72px 0 38px;background:linear-gradient(115deg,#f5f7f8 8%,#f5f6f8 58%,#f1efff 100%);position:relative;overflow:hidden}.products:before{content:"";position:absolute;left:-35px;bottom:50px;width:120px;height:120px;background:radial-gradient(circle,#ff6bd2 0 7px,transparent 8px),linear-gradient(90deg,transparent 44%,#d62da2 46% 54%,transparent 56%);opacity:.85;transform:rotate(8deg)}.products .shell{width:min(960px,calc(100% - 40px));position:relative}.products .title{margin-bottom:35px}.products .title h2{font-family:Jost,sans-serif;font-size:29px;font-weight:700;letter-spacing:-.3px}.products .filters{margin-top:34px;gap:12px}.products .filters button{height:30px;padding:0 14px;border-color:#d7d8df;border-radius:5px;background:transparent;font-size:10px;color:#11142d;white-space:nowrap}.products .filters button.on{background:#060a2b;color:white;border-color:#060a2b}.products .product-grid{grid-template-columns:repeat(4,1fr);gap:17px 18px}.products .product-card{height:280px;padding:6px 6px 0;border:0;border-radius:6px;box-shadow:none}.products .thumb{height:118px;border-radius:5px}.products .wish{right:9px;top:9px;width:28px;height:28px;box-shadow:0 4px 12px rgba(20,15,50,.08)}.products .card-body{padding:15px 6px 8px}.products .card-body h3{font-family:Jost,sans-serif;font-size:13px;line-height:1.25;min-height:33px;margin:0 0 7px}.author-price{display:flex;align-items:center;justify-content:space-between;color:#777986;font-size:9px}.author-price strong{font-size:14px;color:#080a2d}.author-price del{font-size:9px;color:#8c8c96;font-weight:400;margin-left:3px}.sales-count{border-top:1px solid #dedee4;margin-top:13px;padding-top:13px;color:#747582;font-size:10px}.products .card-body>footer{border-top:0!important;padding-top:8px!important}.products .stars{font-size:9px;white-space:nowrap}.products .stars em{font-style:normal;color:#080a2d;letter-spacing:0}.products .card-body footer button{height:29px;padding:0 13px;font-size:9px;background:white}.products .view{height:40px;align-items:center;margin-top:48px;padding:0 31px;font-weight:500}
@media(max-width:1000px){.products{height:auto;min-height:0;padding:70px 0}.products .shell{width:min(700px,calc(100% - 36px))}.products .product-grid{grid-template-columns:repeat(2,1fr)}.products .product-card{height:305px}.products .thumb{height:145px}}
@media(max-width:560px){.products .title h2{font-size:26px}.products .filters{justify-content:flex-start;margin-top:25px;padding-bottom:6px}.products .product-grid{grid-template-columns:1fr}.products .product-card{height:auto}.products .thumb{height:auto;aspect-ratio:1.8}.products .view{margin-top:32px}}

/* Desktop density correction: reference is rendered on a 1440px content rail */
@media(min-width:1001px){.products{min-height:1185px;padding:108px 0 57px}.products:before{left:-52px;bottom:75px;width:180px;height:180px}.products .shell{width:min(1440px,calc(100% - 60px))}.products .title{margin-bottom:53px}.products .title h2{font-size:44px}.products .filters{margin-top:51px;gap:18px}.products .filters button{height:45px;padding:0 21px;border-radius:7px;font-size:15px}.products .product-grid{gap:26px 27px}.products .product-card{height:420px;padding:9px 9px 0;border-radius:9px}.products .thumb{height:177px;border-radius:7px}.products .wish{right:14px;top:14px;width:42px;height:42px}.products .wish svg{width:20px}.products .card-body{padding:22px 9px 12px}.products .card-body h3{font-size:19px;line-height:1.25;min-height:49px;margin-bottom:10px}.products .author-price{font-size:13px}.products .author-price strong{font-size:21px}.products .author-price del{font-size:13px;margin-left:5px}.products .sales-count{margin-top:20px;padding-top:20px;font-size:14px}.products .card-body>footer{padding-top:12px!important}.products .stars{font-size:13px}.products .card-body footer button{height:43px;padding:0 20px;font-size:13px}.products .view{height:60px;margin-top:72px;padding:0 47px;font-size:15px}}

/* Featured products — two-column editorial composition */
.featured{position:relative;overflow:hidden;background:#fff url('/images/dpmarket/featured-gradient.png') right center/auto 100% no-repeat}.featured:after{content:"";position:absolute;right:4.5%;top:30%;width:58px;height:86px;background:url('/images/dpmarket/element-moon1.png') center/contain no-repeat;filter:hue-rotate(30deg);animation:floatY 4s ease-in-out infinite}.featured .copy h2{font-family:Jost,sans-serif}.featured .copy p{max-width:440px}.featured .mini-products .product-card{position:relative}.featured .mini-products .wish{display:grid;place-items:center}.featured .mini-products .author-price,.featured .mini-products .sales-count{display:flex}.featured .mini-products .sales-count{display:block}
@media(min-width:1001px){.featured{min-height:1145px;padding:73px 0}.featured .shell{width:min(1740px,calc(100% - 70px));grid-template-columns:850px 1fr;gap:170px}.featured .mini-products{grid-template-columns:repeat(2,1fr);gap:30px}.featured .mini-products .product-card{height:493px;padding:10px 10px 0;border:0;border-radius:10px;box-shadow:0 16px 38px rgba(24,17,61,.08)}.featured .mini-products .thumb{height:210px;border-radius:7px}.featured .mini-products .wish{right:16px;top:16px;width:42px;height:42px}.featured .mini-products .card-body{padding:28px 12px 15px}.featured .mini-products h3{font-size:22px;line-height:1.25;min-height:55px;margin-bottom:14px}.featured .mini-products .author-price{font-size:15px}.featured .mini-products .author-price strong{font-size:22px}.featured .mini-products .author-price del{font-size:14px}.featured .mini-products .sales-count{margin-top:23px;padding-top:23px;font-size:15px}.featured .mini-products .card-body>footer{padding-top:14px!important}.featured .mini-products .stars{font-size:14px}.featured .mini-products footer button{height:48px;padding:0 22px;font-size:14px}.featured .copy{align-self:center}.featured .copy h2{font-size:54px;margin-bottom:38px}.featured .copy p{max-width:650px;font-size:24px;line-height:1.6}.featured .copy .primary{height:81px;align-items:center;margin-top:43px;padding:0 57px;font-size:20px}}
@media(max-width:1000px){.featured{background-size:auto 70%}.featured .split{grid-template-columns:1fr;gap:65px}.featured .mini-products{order:2}.featured .copy{text-align:center}.featured .copy p{margin-inline:auto}.featured:after{display:none}}
@media(max-width:560px){.featured .mini-products{grid-template-columns:1fr}.featured .mini-products .thumb{height:auto;aspect-ratio:1.8}}

/* Featured section final pixel calibration (1900px reference) */
@media(min-width:1001px){.featured{min-height:764px;height:764px;padding:49px 0}.featured .shell{width:min(1165px,calc(100% - 50px));grid-template-columns:564px 1fr;gap:117px}.featured .mini-products{grid-template-columns:repeat(2,272px);gap:20px}.featured .mini-products .product-card{width:272px;height:328px;padding:7px 7px 0;border-radius:7px}.featured .mini-products .thumb{height:140px;border-radius:5px}.featured .mini-products .wish{right:11px;top:11px;width:30px;height:30px}.featured .mini-products .wish svg{width:15px}.featured .mini-products .card-body{padding:18px 8px 10px}.featured .mini-products h3{font-size:15px;line-height:1.25;min-height:38px;margin-bottom:8px}.featured .mini-products .author-price{font-size:11px}.featured .mini-products .author-price strong{font-size:15px}.featured .mini-products .author-price del{font-size:10px}.featured .mini-products .sales-count{margin-top:15px;padding-top:15px;font-size:11px}.featured .mini-products .card-body>footer{padding-top:9px!important}.featured .mini-products .stars{font-size:10px}.featured .mini-products footer button{height:34px;padding:0 15px;font-size:10px}.featured .copy h2{font-size:36px;margin-bottom:27px}.featured .copy p{max-width:440px;font-size:16px;line-height:1.6}.featured .copy .primary{height:54px;margin-top:31px;padding:0 38px;font-size:14px}}

/* Weekly best sellers — dark carousel with overlapping cards */
.selling{height:765px;min-height:765px;padding:65px 0 0;position:relative;overflow:hidden;background:linear-gradient(to bottom,#060a2b 0,#060a2b 523px,#fff 523px,#fff 100%)}.selling:before{content:"";position:absolute;inset:0 0 auto;height:523px;background:url('/images/dpmarket/spider-net-white.png') center/cover no-repeat;opacity:.18;pointer-events:none}.selling:after{content:"";position:absolute;right:4.4%;top:320px;width:64px;height:45px;background:url('/images/dpmarket/element-moon1.png') center/contain no-repeat;filter:hue-rotate(25deg);animation:floatY 4.3s ease-in-out infinite}.selling .shell{width:min(1270px,calc(100% - 60px));position:relative;z-index:2}.selling-head{margin-bottom:50px;align-items:center}.selling-head h2{font-family:Jost,sans-serif;font-size:38px;letter-spacing:-.4px}.selling-head p{max-width:650px;margin:27px 0 0;color:#aaaec0;font-size:18px;line-height:1.55}.selling-head .primary{width:185px;height:60px;align-items:center;justify-content:center;padding:0;font-size:14px}.selling-slider{position:relative}.selling-grid{grid-template-columns:repeat(3,1fr);gap:20px}.selling .product-card{height:423px;padding:8px 8px 0;border:0;border-radius:8px;color:var(--ink);box-shadow:0 12px 28px rgba(18,13,53,.1)}.selling .thumb{height:205px;border-radius:6px}.selling .wish{right:14px;top:14px;width:38px;height:38px}.selling .card-body{padding:20px 9px 12px}.selling .card-body h3{font-family:Jost,sans-serif;font-size:18px;line-height:1.28;min-height:46px;margin:0 0 10px}.selling .author-price{font-size:13px}.selling .author-price strong{font-size:20px}.selling .author-price del{font-size:13px}.selling .sales-count{margin-top:18px;padding-top:18px;font-size:16px}.selling .card-body>footer{padding-top:13px!important}.selling .stars{font-size:21px;letter-spacing:3px}.card-actions{display:flex;align-items:center;gap:8px}.selling .card-actions button{height:44px!important;padding:0 20px!important;font-size:14px!important}.selling .card-actions .download{width:44px;padding:0!important;border-radius:50%!important;display:grid;place-items:center}.selling .download svg{width:19px}.selling-arrow{position:absolute;z-index:3;top:calc(50% - 24px);width:50px;height:50px;border:0;border-radius:50%;background:white;color:#080b2d;display:grid;place-items:center;box-shadow:0 10px 24px rgba(23,16,61,.08);transition:.22s}.selling-arrow svg{width:21px}.selling-arrow.prev{left:-34px}.selling-arrow.next{right:-34px}.selling-arrow:hover{background:var(--p);color:white;transform:scale(1.07)}.selling .dots{height:20px;margin-top:59px;display:flex;justify-content:center;gap:16px}.selling .dots button{width:17px;height:17px;padding:0;border:1.5px solid #090c31;border-radius:50%;background:white}.selling .dots button.active{background:#090c31}
@media(max-width:1000px){.selling{height:auto;min-height:0;padding:70px 0;background:#060a2b}.selling:before{height:100%}.selling .shell{width:min(720px,calc(100% - 50px))}.selling-grid{grid-template-columns:repeat(2,1fr)}.selling-grid .product-card:last-child{display:none}.selling .dots{margin-top:35px}.selling .dots button{border-color:white;background:transparent}.selling .dots button.active{background:white}.selling-arrow{display:none}.selling:after{display:none}}
@media(max-width:600px){.selling .shell{width:calc(100% - 28px)}.selling-head{display:block;text-align:center}.selling-head h2{font-size:28px}.selling-head p{font-size:14px;margin-top:15px}.selling-head .primary{margin-top:22px}.selling-grid{grid-template-columns:1fr}.selling-grid .product-card:nth-child(2){display:none}.selling .product-card{height:auto}.selling .stars{font-size:15px}}

/* Selling section final optical calibration */
@media(min-width:1001px){.selling{height:725px;min-height:725px;padding-top:46px;background:linear-gradient(to bottom,#060a2b 0,#060a2b 472px,#fff 472px,#fff 100%)}.selling:before{height:472px}.selling:after{top:291px}.selling .shell{width:min(1139px,calc(100% - 56px))}.selling-head{margin-bottom:32px}.selling-head h2{font-size:34px}.selling-head p{max-width:590px;margin-top:23px;font-size:16px}.selling-head .primary{width:167px;height:54px;font-size:13px}.selling-grid{gap:18px}.selling .product-card{height:383px;padding:7px 7px 0;border-radius:7px}.selling .thumb{height:185px}.selling .wish{right:12px;top:12px;width:34px;height:34px}.selling .card-body{padding:18px 8px 10px}.selling .card-body h3{font-size:16px;min-height:42px;margin-bottom:9px}.selling .author-price{font-size:12px}.selling .author-price strong{font-size:18px}.selling .author-price del{font-size:12px}.selling .sales-count{margin-top:16px;padding-top:16px;font-size:14px}.selling .card-body>footer{padding-top:11px!important}.selling .stars{font-size:18px}.selling .card-actions button{height:40px!important;padding:0 18px!important;font-size:13px!important}.selling .card-actions .download{width:40px}.selling-arrow{width:45px;height:45px;top:calc(50% - 22px)}.selling-arrow.prev{left:-30px}.selling-arrow.next{right:-30px}.selling .dots{margin-top:53px;gap:14px}.selling .dots button{width:15px;height:15px}}
.scroll-top{position:fixed;right:28px;bottom:28px;z-index:40;width:46px;height:46px;border-radius:50%;border:2px solid #753cff;background:white;color:#6935f4;display:grid;place-items:center;box-shadow:0 8px 24px rgba(23,16,61,.12);opacity:0;visibility:hidden;transform:translateY(14px);transition:.25s}.scroll-top.visible{opacity:1;visibility:visible;transform:none}.scroll-top:hover{background:var(--p);color:white;transform:translateY(-3px)}.scroll-top svg{width:20px}

/* Stable selling cards */
.selling{scroll-margin-top:76px}.selling-slider{overflow:visible}.selling-grid{align-items:stretch}.selling .product-card{display:flex;flex-direction:column;overflow:hidden}.selling .thumb{flex:0 0 auto}.selling .card-body{flex:1;display:grid;grid-template-rows:auto auto auto 1fr;align-content:start}.selling .card-body h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.selling .author-price{min-height:25px}.selling .sales-count{align-self:end}.selling .card-body>footer{align-self:end;width:100%}.selling .card-actions{margin-left:auto}.selling-grid.slide-next{animation:sellingNext .36s cubic-bezier(.2,.75,.25,1)}.selling-grid.slide-prev{animation:sellingPrev .36s cubic-bezier(.2,.75,.25,1)}@keyframes sellingNext{0%{opacity:.55;transform:translateX(18px)}100%{opacity:1;transform:none}}@keyframes sellingPrev{0%{opacity:.55;transform:translateX(-18px)}100%{opacity:1;transform:none}}

/* Premium selling card finish */
.selling .product-card{background:#fff;border:1px solid rgba(91,61,245,.1);border-radius:13px;box-shadow:0 18px 42px rgba(13,10,48,.1);transition:transform .3s cubic-bezier(.2,.75,.25,1),box-shadow .3s ease,border-color .3s ease}.selling .product-card:hover{transform:translateY(-7px);border-color:rgba(108,53,243,.26);box-shadow:0 26px 55px rgba(13,10,48,.16)}.selling .thumb{border-radius:9px;isolation:isolate;background:#f5f5f8}.selling .thumb:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(8,10,45,.04);pointer-events:none}.selling .thumb img{object-fit:cover}.selling .wish{border:1px solid rgba(11,12,44,.06);box-shadow:0 7px 20px rgba(12,9,48,.12);color:#11132c}.selling .wish:hover{background:#fff0f5;color:#e64168}.selling .card-body h3{color:#0a0c2d;letter-spacing:-.1px}.selling .author-price{color:#7c7d89}.selling .author-price strong{color:#080a2c;font-weight:800}.selling .author-price del{color:#9a9aa3}.selling .sales-count{color:#72737e;border-color:#e2e2e8}.selling .stars{color:#ff9c2f}.selling .card-actions .download{background:#f5f1ff;border-color:#d9cef8;color:#5d35d9}.selling .card-actions .download:hover{background:#6536ee;color:#fff;border-color:#6536ee}.selling .card-actions button:last-child{background:#fff;border-color:#aaa9bc;color:#10122e;font-weight:600}.selling .card-actions button:last-child:hover{background:#0b0d30;border-color:#0b0d30;color:#fff}
@media(min-width:1001px){.selling .product-card{height:397px;padding:8px 8px 0}.selling .card-body{padding:17px 8px 11px;grid-template-rows:42px 25px 1fr 42px}.selling .card-body h3{margin:0;font-size:16px;line-height:1.3}.selling .sales-count{margin-top:10px;padding-top:12px;align-self:stretch}.selling .card-body>footer{padding-top:7px!important;overflow:visible}.selling .card-actions button{height:38px!important}.selling .dots{margin-top:39px}}

/* Top featured author */
.author-feature{position:relative;overflow:hidden;background-color:#f5f7f8;background-image:url('/images/dpmarket/featured-gradient.png'),url('/images/dpmarket/spider-net.png');background-repeat:no-repeat;background-position:left center,right center;background-size:48% 100%,48% 100%}.author-feature:after{content:"";position:absolute;right:4%;top:25%;width:60px;height:75px;background:url('/images/dpmarket/element-moon1.png') center/contain no-repeat;filter:hue-rotate(30deg);animation:floatY 4s ease-in-out infinite}.author-feature .copy h2{font-family:Jost,sans-serif}.author-feature .avatar img{width:44px;height:auto}.author-feature .author-products{position:relative}.featured-seal{position:absolute;z-index:5;width:120px;height:120px;left:-75px;top:25px;border-radius:50%;background:#fff;box-shadow:0 9px 30px rgba(27,18,68,.08);display:grid;place-items:center}.featured-seal svg{position:absolute;inset:5px;width:110px;height:110px;animation:spinSoft 16s linear infinite}.featured-seal text{font:600 10px Inter;letter-spacing:2.1px;fill:#0a0c2d;text-transform:uppercase}.featured-seal img{width:33px;height:33px}.author-feature .author-products .product-card{display:flex;flex-direction:column;overflow:hidden}.author-feature .author-products .card-body{flex:1;display:grid;grid-template-rows:auto auto 1fr auto}.author-feature .author-products h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.author-feature .author-products footer{align-self:end;width:100%}
@media(min-width:1001px){.author-feature{height:764px;min-height:764px;padding:48px 0}.author-feature .shell{width:min(1155px,calc(100% - 50px));grid-template-columns:440px 490px;gap:118px}.author-feature .copy h2{font-size:34px;margin-bottom:30px}.author-feature .copy p{font-size:16px;line-height:1.65;max-width:430px}.author-feature .author{margin:44px 0}.author-feature .avatar{width:100px;height:100px}.author-feature .author b{font:700 24px Jost}.author-feature .author small{font-size:14px;margin-top:5px}.author-feature .copy>div:last-child{display:flex;gap:8px}.author-feature .copy .primary,.author-feature .copy .outline{height:55px;align-items:center;justify-content:center;margin:0}.author-feature .copy .primary{width:152px;font-size:14px}.author-feature .copy .outline{width:118px;font-size:14px}.author-feature .author-products{grid-template-columns:repeat(2,235px);gap:22px 20px}.author-feature .author-products .product-card{width:235px;height:315px;padding:7px 7px 0;border:0;border-radius:8px;box-shadow:0 14px 34px rgba(25,17,62,.08)}.author-feature .author-products .thumb{height:124px;border-radius:6px}.author-feature .author-products .wish{right:10px;top:10px;width:31px;height:31px}.author-feature .author-products .card-body{padding:16px 7px 9px}.author-feature .author-products h3{font-size:14px;line-height:1.3;min-height:37px;margin:0 0 7px}.author-feature .author-price{font-size:10px}.author-feature .author-price strong{font-size:15px}.author-feature .author-price del{font-size:10px}.author-feature .sales-count{margin-top:12px;padding-top:12px;font-size:11px}.author-feature .card-body>footer{padding-top:7px!important}.author-feature .stars{font-size:10px}.author-feature footer button{height:32px;padding:0 13px;font-size:9px}}
@media(max-width:1000px){.author-feature{background-size:80% 100%,80% 100%}.author-feature .split{grid-template-columns:1fr;gap:60px}.author-feature .copy{text-align:center}.author-feature .copy p{margin-inline:auto}.author-feature .author{justify-content:center}.author-feature .copy>div:last-child{justify-content:center}.author-feature .author-products{margin:auto}.featured-seal,.author-feature:after{display:none}}

/* Top performance */
.performance{position:relative;overflow:hidden;background-color:#fff;background-image:url('/images/dpmarket/spider-net.png'),url('/images/dpmarket/featured-gradient.png');background-repeat:no-repeat;background-position:left center,right center;background-size:42% 100%,50% 100%}.performance:after{content:"";position:absolute;right:4%;top:25%;width:59px;height:72px;background:url('/images/dpmarket/element-moon1.png') center/contain no-repeat;filter:hue-rotate(110deg) saturate(1.4);animation:floatY 4.4s ease-in-out infinite}.performance .copy h2{font-family:Jost,sans-serif}.performance .performance-seal{overflow:visible}.performance-seal svg{width:128px;height:128px;animation:spinSoft 15s linear infinite}.performance-seal text{font:600 12px Inter;letter-spacing:2.5px;fill:#0a0c2d}.performance .petals>div{position:relative}.performance .petals>div:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#fff4,transparent);pointer-events:none}
@media(min-width:1001px){.performance{height:771px;min-height:771px;padding:103px 0 42px}.performance .shell{width:min(1154px,calc(100% - 50px));grid-template-columns:628px 1fr;gap:52px}.performance .petals{width:628px;height:626px}.performance .petals>div:nth-child(1){border-radius:160px 0 0 0}.performance .petals>div:nth-child(2){border-radius:0 160px 0 0}.performance .petals>div:nth-child(3){border-radius:0 0 0 160px}.performance .petals>div:nth-child(4){border-radius:0 0 160px 0}.performance .petals small{font-size:16px;color:#11132c}.performance .petals b{font-size:26px;margin-top:10px}.performance .petals>span{width:144px;height:144px;left:calc(50% - 72px);top:calc(50% - 72px);border:0;background:linear-gradient(135deg,#fffdf1,#f8f2ff 50%,#e8ffff);box-shadow:0 8px 25px rgba(34,22,78,.04)}.performance .copy h2{font-size:34px;margin-bottom:30px}.performance .copy p{max-width:440px;font-size:16px;line-height:1.65}.performance .copy .primary{height:54px;align-items:center;margin-top:39px;padding:0 37px;font-size:14px}}
@media(max-width:1000px){.performance{padding:80px 0;background-size:80% 100%,80% 100%}.performance .perf-grid{grid-template-columns:1fr;justify-items:center;gap:60px}.performance .copy{text-align:center}.performance .copy p{margin-inline:auto}.performance:after{display:none}}
@media(max-width:650px){.performance .petals{width:min(100%,430px);height:auto;aspect-ratio:1}.performance .petals small{font-size:11px}.performance .petals b{font-size:18px}.performance .petals>span{width:90px;height:90px;left:calc(50% - 45px);top:calc(50% - 45px)}.performance-seal svg{width:82px;height:82px}.performance-seal text{font-size:10px}}
.performance .performance-seal{border-radius:0!important;animation:none!important}.performance .performance-seal svg{display:block}.performance .performance-seal:before,.performance .performance-seal:after{display:none!important}
@media(min-width:1001px){.performance .shell{left:4px;top:34px;position:relative}.performance{background-position:left 34px,right 34px}.performance:after{top:calc(25% + 15px)}}
/* Latest blog articles */
.blog {
  position: relative;
  height: 739px;
  min-height: 739px;
  padding: 72px 0 46px;
  overflow: hidden;
  background: #f5f6f8 url('/images/dpmarket/spider-net.png') right center / 42% 100% no-repeat;
}

.blog .shell {
  position: relative;
  width: min(1145px, calc(100% - 50px));
}

.blog-head {
  align-items: center;
  margin-bottom: 59px;
}

.blog-head h2 {
  margin: 0;
  color: #05082d;
  font: 700 34px/1.18 Jost, sans-serif;
  letter-spacing: -.35px;
}

.blog-head .primary {
  display: inline-flex;
  width: 200px;
  height: 54px;
  padding: 0;
  align-items: center;
  justify-content: center;
  border-radius: 28px;
  font-size: 14px;
}

.blog-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 21px;
}

.blog-grid article {
  height: 484px;
  border: 1px solid rgba(75, 58, 180, .045);
  border-radius: 14px;
  box-shadow: 0 13px 34px rgba(15, 18, 48, .035);
}

.blog-grid article > img {
  width: 100%;
  height: 265px;
  object-fit: cover;
}

.blog-grid article > div {
  padding: 21px 21px 20px;
}

.post-meta {
  display: flex;
  align-items: center;
  gap: 21px;
  margin-bottom: 19px;
}

.blog-grid .post-tag {
  flex: 0 0 auto;
  padding: 9px 14px;
  color: #080b2c;
  background: #f6f7f9;
  border-radius: 18px;
  font-size: 12px;
  line-height: 1;
}

.blog-grid .post-date {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #080b2c;
  font-size: 12px;
  white-space: nowrap;
}

.post-date svg {
  width: 15px;
  height: 15px;
  stroke-width: 1.7;
}

.blog-grid h3 {
  min-height: 53px;
  margin: 0 0 25px;
  color: #05082d;
  font: 700 20px/1.3 Jost, sans-serif;
  letter-spacing: -.15px;
}

.blog-grid article a {
  display: inline-flex;
  height: 40px;
  padding: 0 15px;
  align-items: center;
  border: 1px solid #acaec1;
  border-radius: 21px;
  color: #07092c;
  font-size: 12px;
  font-weight: 600;
}

@media (max-width: 1000px) {
  .blog {
    height: auto;
    min-height: 0;
    padding: 70px 0;
    background-size: 70% 100%;
  }

  .blog-head { margin-bottom: 42px; }
  .blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .blog-grid article { height: auto; min-height: 484px; }
}

@media (max-width: 650px) {
  .blog { padding: 54px 0; }
  .blog .shell { width: min(100% - 30px, 420px); }
  .blog-head { align-items: flex-start; gap: 24px; }
  .blog-head h2 { font-size: 29px; }
  .blog-head .primary { width: 172px; height: 48px; }
  .blog-grid { grid-template-columns: 1fr; }
  .blog-grid article > img { height: auto; aspect-ratio: 367 / 265; }
}

/* Final responsive and quality pass */
html, body { max-width: 100%; overflow-x: clip; }
.product-card, .copy, .hero-copy, .blog-grid article { min-width: 0; }
.primary, .outline, button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid rgba(108,53,243,.3); outline-offset: 3px; }

@media (max-width: 650px) {
  body { font-size: 13px; }
  header, header.scrolled { height: 70px; }
  .nav { width: calc(100% - 28px); }
  .logo, .logo img { width: 137px; }
  .actions { margin-left: auto; gap: 2px; }
  .actions > .icon { display: none; }
  .actions > .menu { display: grid; width: 42px; height: 42px; }
  .actions > .menu svg { width: 22px; height: 22px; }
  .nav nav.open {
    position: absolute;
    inset: 70px 14px auto;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 10px;
    background: rgba(255,255,255,.98);
    border: 1px solid #eceaf5;
    border-radius: 14px;
    box-shadow: 0 18px 40px rgba(12,9,48,.13);
  }
  .nav nav.open a { padding: 13px 12px; border-radius: 9px; }
  .nav nav.open a:hover { background: #f5f1ff; }

  .hero { padding: 55px 0 64px; }
  .hero .shell { width: calc(100% - 30px); }
  .hero-grid { display: block; }
  .hero-copy { text-align: center; }
  .hero h1 { font-size: clamp(35px, 10vw, 42px); letter-spacing: -1px; }
  .hero p { font-size: 13px; line-height: 1.7; }
  .hero .search { width: 100%; margin: 28px auto 22px; }
  .hero .search input { min-width: 0; font-size: 11px; }
  .hero .tech { max-width: 280px; margin: auto; }
  .hero-image { display: none; }
  .decor-right { display: none; }
  .decor-left { width: 54px; height: 54px; left: 7%; bottom: 25px; }

  .section { padding: 62px 0; }
  .title h2, .copy h2, .selling h2, .blog h2 { font-size: 28px; }
  .products .shell, .featured .shell, .selling .shell,
  .author-feature .shell, .performance .shell, .blog .shell {
    width: calc(100% - 28px);
  }
  .products .filters { scrollbar-width: none; margin-inline: -2px; }
  .products .filters::-webkit-scrollbar { display: none; }
  .products .product-grid, .featured .mini-products,
  .author-feature .author-products, .blog-grid { grid-template-columns: 1fr; }
  .products .product-card, .featured .product-card,
  .author-feature .product-card { width: 100%; max-width: none; }
  .products .thumb, .featured .mini-products .thumb,
  .author-feature .author-products .thumb { height: auto; aspect-ratio: 1.8; }

  .featured { padding: 65px 0; }
  .featured .split { gap: 44px; }
  .featured .copy { order: 1; }
  .featured .mini-products { order: 2; gap: 16px; }
  .featured .copy p { font-size: 13px; }

  .selling { padding: 62px 0 58px; }
  .selling-head { margin-bottom: 36px; }
  .selling-head h2 { font-size: 28px; line-height: 1.2; }
  .selling-head p { max-width: 340px; margin-inline: auto; }
  .selling-head .primary { width: 165px; height: 50px; }
  .selling-grid { grid-template-columns: minmax(0,1fr); }
  .selling .product-card { width: 100%; min-height: 390px; }
  .selling .thumb { height: auto; aspect-ratio: 1.82; }
  .selling .card-body h3 { font-size: 16px; }
  .selling .dots { margin-top: 30px; }

  .author-feature { padding: 65px 0; }
  .author-feature .split { gap: 44px; }
  .author-feature .author-products { width: 100%; max-width: 390px; gap: 16px; }
  .author-feature .author-products .product-card { height: auto; min-height: 325px; }
  .author-feature .copy h2 { font-size: 29px; }

  .performance { padding: 65px 0; }
  .performance .perf-grid { gap: 44px; }
  .performance .petals { width: min(100%, 360px); }
  .performance .copy { text-align: center; }

  .blog { padding: 60px 0; }
  .blog-head { display: block; text-align: center; margin-bottom: 38px; }
  .blog-head h2 { font-size: 29px; }
  .blog-head .primary { margin: 24px auto 0; }
  .blog-grid { gap: 18px; }
  .blog-grid article { min-height: 0; height: auto; }
  .blog-grid h3 { min-height: 0; }

  .promo-grid { grid-template-columns: 1fr; }
  .promo-grid article { padding: 27px 23px; }
  .support { padding: 25px 20px 30px; }
  .brands { padding-top: 42px; }
  footer { padding-top: 65px; border-radius: 58px 58px 0 0; }
  .footer-grid { gap: 30px; }
  .copyright { margin-top: 42px; line-height: 1.7; }
  .scroll-top { right: 16px; bottom: 16px; width: 42px; height: 42px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal, .reveal-card, .reveal-scale { opacity: 1; transform: none; }
}
.product-card.has-detail { cursor: pointer; }
/* Database-driven category carousel */
.popular .cat-row{display:flex!important;overflow:hidden;gap:20px}.popular .cat{flex:0 0 calc((100% - 100px)/6)}@media(max-width:1000px){.popular .cat{flex-basis:calc((100% - 40px)/3)}}@media(max-width:650px){.popular .cat{flex-basis:calc((100% - 12px)/2)}.popular .cat-row{gap:12px}}@media(max-width:410px){.popular .cat{flex-basis:100%}}
.blog-grid article>.blog-card-image{display:block;width:100%;height:200px;padding:0;overflow:hidden;border:0;border-radius:13px 13px 0 0}.blog-card-image>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.blog-grid article:hover .blog-card-image>img{transform:scale(1.05)}.blog-grid h3>a{display:inline;color:inherit;height:auto;padding:0;border:0;border-radius:0;font:inherit}.blog-grid h3>a:hover{color:#7139f4}.blog-grid article>div>a{display:inline-flex;height:40px;padding:0 15px;align-items:center;border:1px solid #acaec1;border-radius:21px}.blog-grid article>div>a:hover{color:#fff;border-color:#7139f4;background:#7139f4}@media(min-width:1001px){.blog-grid article>.blog-card-image{height:265px}}@media(max-width:650px){.blog-grid article>.blog-card-image{height:auto;aspect-ratio:1.55}}
.company-marquee{position:relative;margin-top:40px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.company-track{display:flex;width:max-content;align-items:center;animation:companyScroll 28s linear infinite}.company-marquee:hover .company-track{animation-play-state:paused}.company-track a{width:235px;height:74px;display:grid;place-items:center;padding:15px 36px}.company-track img{max-width:150px;max-height:42px;object-fit:contain;filter:grayscale(1);opacity:.7;transition:.25s}.company-track a:hover img{filter:none;opacity:1;transform:scale(1.08)}.all-companies{display:flex;width:max-content;align-items:center;gap:8px;margin:24px auto 0;padding:11px 22px;border:1px solid #c4c3d0;border-radius:24px;font-weight:700;font-size:12px;transition:.25s}.all-companies svg{width:15px}.all-companies:hover{color:#fff;border-color:#7139f4;background:#7139f4;transform:translateY(-2px)}@keyframes companyScroll{to{transform:translateX(-50%)}}.companies-page header{height:82px}.companies-hero{padding:105px 20px;text-align:center;background:radial-gradient(circle at 15% 20%,#dcf8fb,transparent 28%),radial-gradient(circle at 84% 20%,#ece5ff,transparent 31%),#f8f9fc}.companies-hero>span{color:#7139f4;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px}.companies-hero h1{margin:14px 0;font:800 48px Manrope}.companies-hero p{color:#727386}.companies-directory{padding:80px 0 110px;background:#f7f8fb}.companies-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.companies-grid>a{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;border:1px solid #e5e4ed;border-radius:16px;background:#fff;box-shadow:0 12px 35px #15122c0a;transition:.3s}.companies-grid>a:hover{transform:translateY(-7px);box-shadow:0 20px 45px #15122c17}.companies-grid img{width:160px;height:58px;object-fit:contain}.companies-grid h2{margin:22px 0 8px;font:700 17px Manrope}.companies-grid span{display:flex;align-items:center;gap:5px;color:#7139f4;font-size:11px;font-weight:700}.companies-grid svg{width:14px}@media(max-width:800px){.companies-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.company-track a{width:175px}.companies-grid{grid-template-columns:1fr}.companies-hero h1{font-size:36px}}@media(prefers-reduced-motion:reduce){.company-track{animation:none}}
.footer-brand{display:block;width:160px}.footer-brand img{width:100%;height:auto;filter:brightness(0) invert(1)}footer .social{margin-top:20px}footer .social:empty{display:none}footer .social a{padding:0!important}footer .social svg{width:15px;height:15px}.copyright .legal-links{display:flex;gap:22px}.copyright .legal-links a{transition:color .2s}.copyright .legal-links a:hover{color:#fff}@media(max-width:650px){.copyright .legal-links{justify-content:center;flex-wrap:wrap;gap:12px 20px;margin-top:14px}}
.site-header .logo,.footer-brand{width:auto!important;display:inline-flex!important;align-items:center;gap:9px;font-family:Manrope,Inter,sans-serif;font-weight:800;letter-spacing:-.7px;white-space:nowrap}.site-header .logo img,.footer-brand img{display:none!important}.site-header .logo:before,.footer-brand:before{content:"Z";width:39px;height:39px;border-radius:12px;display:grid;place-items:center;flex:none;color:#fff;font-size:21px;font-weight:800;background:linear-gradient(135deg,#d747e8,#7139f4);box-shadow:0 8px 18px #7139f42d}.site-header .logo:after,.footer-brand:after{content:"Zainab-alnajm";color:#0d1234;font-size:21px}.footer-brand:after{color:#fff}.footer-brand:before{box-shadow:0 8px 20px #0004}@media(max-width:620px){.site-header .logo{gap:7px}.site-header .logo:before{width:34px;height:34px;border-radius:10px;font-size:18px}.site-header .logo:after{font-size:16px;letter-spacing:-.5px}}
.site-header,.site-header.scrolled{width:100%;border-top:0}.site-header{height:82px}.site-header.scrolled{height:72px}.site-header .nav{width:min(1380px,calc(100% - 48px))}.site-header .logo,.site-header .logo img{width:185px}.site-header nav a{display:flex;align-items:center;gap:4px}.site-header nav svg{width:11px}.site-header .primary{align-items:center;gap:6px}.site-header .primary svg{width:15px}.site-header .cart{position:relative}.site-header .cart em{position:absolute;right:-1px;top:1px;min-width:16px;height:16px;display:grid;place-items:center;border-radius:9px;color:#fff;background:#8a42ed;font-size:9px;font-style:normal}@media(max-width:650px){.site-header,.site-header.scrolled{height:70px}.site-header .nav{width:calc(100% - 26px)}.site-header .logo,.site-header .logo img{width:145px}}