@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}
:root{--red:#ef394e;--red-d:#d72a3f;--teal:#0fabc6;--ink:#23254e;--txt:#3f4064;--mut:#81858b;--line:#e8e9ee;--bg:#f5f6f8;--card:#fff;--r:12px;--sh:0 1px 3px rgba(20,22,50,.06),0 4px 14px rgba(20,22,50,.05)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.elm{margin:0;font-family:Vazirmatn,Tahoma,sans-serif;background:var(--bg);color:var(--txt);font-size:15px;line-height:1.8;direction:rtl;-webkit-font-smoothing:antialiased}
.elm a{color:inherit;text-decoration:none}
.elm img{max-width:100%;height:auto}
.elm button,.elm input,.elm select,.elm textarea{font-family:inherit}
.wrap{max-width:1280px;margin:0 auto;padding:0 16px}
.narrow{max-width:860px}
.skip{position:absolute;right:-999px}.skip:focus{right:8px;top:8px;background:#fff;padding:8px;z-index:99}
.ic{display:inline-flex;width:20px;height:20px;flex:none}
.ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* topbar */
.topbar{background:var(--ink);color:#fff;font-size:12.5px}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:34px;gap:12px}
.topbar span,.topbar a{display:inline-flex;align-items:center;gap:6px}
.topbar .ic{width:15px;height:15px}
/* header */
.hdr{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 0 var(--line)}
.hdr-main{display:flex;align-items:center;gap:20px;min-height:72px}
.logo{display:flex;align-items:center;gap:10px;flex:none}
.logo-mark{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,var(--red),#ff7a59);color:#fff;font-weight:800;font-size:20px;display:grid;place-items:center;font-family:Arial,sans-serif}
.logo-txt{display:flex;flex-direction:column;line-height:1.15}
.logo-txt b{font-size:19px;color:var(--ink);font-weight:800}
.logo-txt small{font-size:11px;color:var(--mut);letter-spacing:.5px}
.custom-logo{max-height:48px;width:auto}
.search{flex:1;max-width:620px;display:flex;align-items:center;gap:8px;background:#f0f0f1;border-radius:10px;padding:0 14px;height:46px;color:var(--mut)}
.search input{border:0;background:transparent;outline:0;flex:1;font-size:14px;color:var(--ink);height:100%}
.hdr-act{display:flex;align-items:center;gap:10px;margin-inline-start:auto}
.btn-ghost{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;padding:8px 14px;font-size:13.5px;font-weight:500;color:var(--ink)}
.btn-ghost:hover{border-color:var(--red);color:var(--red)}
.cart{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:10px;color:var(--ink)}
.cart:hover{background:#f6f6f7}
.cart .ic{width:24px;height:24px}
.elm-cart-count{position:absolute;bottom:4px;right:2px;min-width:18px;height:18px;border-radius:6px;background:var(--red);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 4px;border:2px solid #fff}
.burger{display:none;border:0;background:none;padding:6px;color:var(--ink)}
.burger .ic{width:26px;height:26px}
.nav .menu{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}
.nav .menu>li{position:relative}
.nav .menu a{display:block;padding:9px 12px;font-size:14px;color:var(--txt);border-bottom:2px solid transparent}
.nav .menu>li>a:hover,.nav .current-menu-item>a{color:var(--red);border-color:var(--red)}
.nav .sub-menu{display:none;position:absolute;top:100%;right:0;background:#fff;min-width:220px;list-style:none;margin:0;padding:8px;border-radius:0 0 12px 12px;box-shadow:var(--sh);z-index:60}
.nav li:hover>.sub-menu{display:block}
/* banners */
.banners{padding:20px 0 6px}
.banners-grid{display:grid;grid-template-columns:2.2fr 1fr;gap:16px}
.slider{position:relative;border-radius:16px;overflow:hidden;min-height:300px;background:#222}
.slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:36px 44px;color:#fff;opacity:0;transition:opacity .6s;pointer-events:none}
.slide.is-on{opacity:1;pointer-events:auto}
.slide small{display:inline-block;background:rgba(255,255,255,.18);padding:3px 12px;border-radius:30px;font-size:12px}
.slide h2{font-size:30px;line-height:1.5;margin:12px 0 6px;font-weight:800}
.slide p{margin:0 0 18px;opacity:.9}
.slide .cta{display:inline-block;background:#fff;color:var(--ink);padding:9px 22px;border-radius:10px;font-weight:700;font-size:14px}
.s1{background:linear-gradient(120deg,#ef394e,#ff7a59)}
.s2{background:linear-gradient(120deg,#23254e,#3b3f8f)}
.s3{background:linear-gradient(120deg,#0fabc6,#2563eb)}
.slide-art{display:flex;flex-wrap:wrap;gap:10px;max-width:260px;justify-content:center}
.slide-art span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);border-radius:14px;padding:12px 18px;font-weight:800;font-size:18px;font-family:Arial,sans-serif;backdrop-filter:blur(4px)}
.s3 .slide-art span{font-size:64px;padding:10px 30px}
.slide-art.code{direction:ltr;text-align:left;font-family:Consolas,monospace;font-size:14px;background:rgba(0,0,0,.25);border-radius:12px;padding:18px;display:block}
.dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:3}
.dots button{width:8px;height:8px;border-radius:8px;border:0;background:rgba(255,255,255,.5);cursor:pointer;padding:0;transition:width .3s}
.dots button.is-on{width:22px;background:#fff}
.side-banners{display:grid;grid-template-rows:1fr 1fr;gap:16px}
.sb{border-radius:16px;padding:22px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}
.sb b{font-size:19px;font-weight:800}.sb small{opacity:.9}
.sb1{background:linear-gradient(135deg,#7c3aed,#c026d3)}
.sb2{background:linear-gradient(135deg,#059669,#0fabc6)}
/* rows */
.row{padding:14px 0}
.row .wrap>.row-head,.cats .row-head,.blog .row-head,.faq .row-head{display:flex;align-items:center;justify-content:space-between;margin:6px 0 12px}
.row-head h2{font-size:18px;font-weight:800;color:var(--ink);margin:0;position:relative;padding-right:12px}
.row-head h2:before{content:"";position:absolute;right:0;top:20%;bottom:20%;width:4px;border-radius:4px;background:var(--red)}
.more{color:var(--teal);font-size:13.5px;font-weight:500}
.hrow{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;scrollbar-width:thin}
.hrow::-webkit-scrollbar{height:6px}.hrow::-webkit-scrollbar-thumb{background:#d6d7dc;border-radius:6px}
.pcard{flex:0 0 200px;scroll-snap-align:start;background:var(--card);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s;border:1px solid transparent}
.pcard:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(20,22,50,.1);border-color:var(--line)}
.pcard-img{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#f7f7f9;display:grid;place-items:center}
.pcard-img img{width:100%;height:100%;object-fit:cover;margin:0!important}
.ph-logo{width:72px;height:72px;border-radius:20px;color:#fff;display:grid;place-items:center;font-weight:800;font-size:26px;font-family:Arial,sans-serif;box-shadow:0 8px 20px rgba(0,0,0,.15)}
.badge-off{position:absolute;top:8px;right:8px;background:var(--red);color:#fff;font-size:12px;font-weight:700;border-radius:20px;padding:1px 9px}
.pcard-title{font-size:13.5px;font-weight:700;color:var(--ink);margin:0;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:46px}
.pcard-sub{font-size:12px;color:var(--mut);margin-top:-6px}
.pcard-price{margin-top:auto;text-align:left;font-weight:800;color:var(--ink);font-size:15px}
.pcard-price del{display:block;color:#a1a3a8;font-weight:400;font-size:12.5px}
.pcard-price ins{text-decoration:none}
.soon{display:inline-block;background:#fff1f2;color:var(--red);font-size:12px;font-weight:700;padding:2px 10px;border-radius:20px}
.row.amazing .wrap{background:var(--red);border-radius:16px;padding:18px 18px 8px}
.row.amazing .row-head h2,.row.amazing .more{color:#fff}
.row.amazing .row-head h2:before{background:#fff}
.row.amazing .hrow{padding-bottom:14px}
/* cats */
.cats{padding:16px 0}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px;background:#fff;border-radius:16px;padding:20px;box-shadow:var(--sh)}
.cat{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:13px;color:var(--ink)}
.cat b{font-weight:500}
.cat-circle{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;overflow:hidden;transition:transform .2s}
.cat:hover .cat-circle{transform:scale(1.06)}
.cat-circle img{width:100%;height:100%;object-fit:cover}
.cat-ic{font-size:26px;font-weight:800;color:#fff;font-family:Arial,sans-serif}
.c0{background:linear-gradient(135deg,#ef394e,#ff7a59)}.c1{background:linear-gradient(135deg,#7c3aed,#c026d3)}.c2{background:linear-gradient(135deg,#0fabc6,#2563eb)}.c3{background:linear-gradient(135deg,#f59e0b,#ef4444)}.c4{background:linear-gradient(135deg,#23254e,#4b4f9f)}.c5{background:linear-gradient(135deg,#059669,#22c55e)}
/* howto */
.howto{padding:18px 0}
.howto-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;align-items:stretch}
.steps,.codebox{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--sh)}
.steps h2{margin:0 0 12px;font-size:19px;color:var(--ink)}
.steps ol{list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:40px 1fr;column-gap:12px;padding:10px 0;border-bottom:1px dashed var(--line)}
.steps li:last-child{border:0}
.steps li:before{content:counter(s);grid-row:span 2;width:36px;height:36px;border-radius:10px;background:#fff1f2;color:var(--red);font-weight:800;display:grid;place-items:center}
.steps li b{color:var(--ink)}.steps li span{font-size:13.5px;color:var(--mut)}
.codebox{background:#1d1f3b;color:#e6e7ff;padding:0;overflow:hidden}
.code-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;background:rgba(255,255,255,.05)}
.code-bar i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.code-bar i:nth-child(2){background:#febc2e}.code-bar i:nth-child(3){background:#28c840}
.code-bar span{margin-inline-start:auto;font-size:12px;opacity:.6}
.codebox pre{margin:0;padding:18px 20px;font-family:Consolas,Menlo,monospace;font-size:13.5px;line-height:1.7;overflow-x:auto;text-align:left}
/* blog */
.blog{padding:14px 0}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.post{background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--sh);display:flex;flex-direction:column;transition:transform .2s}
.post:hover{transform:translateY(-3px)}
.post-img{aspect-ratio:16/9;background:linear-gradient(135deg,#23254e,#ef394e);display:grid;place-items:center;color:#fff;font-weight:800;overflow:hidden}
.post-img img{width:100%;height:100%;object-fit:cover}
.post h3{font-size:15px;margin:12px 14px 4px;color:var(--ink);line-height:1.7}
.post time{font-size:12px;color:var(--mut);margin:0 14px 14px}
/* faq */
.faq{padding:14px 0}
.faq details{background:#fff;border-radius:12px;margin-bottom:10px;box-shadow:var(--sh);padding:0 18px}
.faq summary{cursor:pointer;padding:14px 0;font-weight:700;color:var(--ink);list-style:none;display:flex;justify-content:space-between}
.faq summary:after{content:"+";color:var(--red);font-size:20px;line-height:1}
.faq details[open] summary:after{content:"−"}
.faq details p{margin:0 0 14px;color:var(--mut)}
/* seo */
.seo{padding:14px 0 24px}
.seo .wrap>*{max-width:none}
.seo h1{font-size:18px;color:var(--ink);margin:0 0 8px}
.seo p{font-size:13.5px;color:var(--mut);margin:0;background:#fff;border-radius:14px;padding:18px;box-shadow:var(--sh)}
.seo h1{background:none}
/* trust + footer */
.trust{background:#fff;border-top:1px solid var(--line)}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:22px;padding-bottom:22px}
.trust div{display:grid;grid-template-columns:44px 1fr;column-gap:10px;align-items:center}
.trust .ic{grid-row:span 2;width:44px;height:44px;padding:10px;border-radius:12px;background:#fff1f2;color:var(--red)}
.trust b{color:var(--ink);font-size:14px}.trust small{color:var(--mut);font-size:12px}
.ftr{background:#fff;border-top:1px solid var(--line);padding-top:28px}
.ftr-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:24px}
.ftr p{font-size:13px;color:var(--mut)}
.ftr h4{margin:0 0 10px;font-size:15px;color:var(--ink)}
.ftr ul{list-style:none;margin:0;padding:0}
.ftr li a{display:block;padding:4px 0;font-size:13.5px;color:var(--mut)}
.ftr li a:hover{color:var(--red)}
.trust-slot{border:1px dashed var(--line);border-radius:12px;height:100px;display:grid;place-items:center;color:#b3b5ba;font-size:12px;text-align:center}
.ftr-bottom{border-top:1px solid var(--line);margin-top:24px;padding:14px 0;font-size:12.5px;color:var(--mut);text-align:center}
.mnav{display:none}
/* pages / woo */
.page-wrap{padding:24px 16px 40px}
.page-title{font-size:22px;color:var(--ink);margin:0 0 16px}
.box{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--sh)}
.entry{line-height:2}
.entry .hero-img img{border-radius:12px;margin:10px 0}
.meta{color:var(--mut);font-size:13px}
.btn,.elm .button,.elm button.button,.elm input.button,.elm #respond input#submit,.elm .woocommerce a.button,.elm .woocommerce button.button,.elm .wp-element-button{background:var(--red)!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:10px 20px!important;font-weight:700!important;font-family:inherit!important;display:inline-block;cursor:pointer}
.btn:hover,.elm .button:hover{background:var(--red-d)!important}
.elm .woocommerce-breadcrumb{font-size:13px;color:var(--mut);margin-bottom:12px}
.elm ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin:0!important;padding:0!important}
.elm ul.products:before,.elm ul.products:after{display:none!important}
.elm ul.products li.product{width:auto!important;margin:0!important;float:none!important;background:#fff;border-radius:12px;padding:14px!important;box-shadow:var(--sh);text-align:right;display:flex;flex-direction:column}
.elm ul.products li.product img{border-radius:10px;margin-bottom:10px!important}
.elm ul.products li.product .woocommerce-loop-product__title{font-size:14px!important;color:var(--ink);padding:0!important}
.elm ul.products li.product .price{color:var(--ink)!important;font-weight:800;text-align:left;margin-top:auto}
.elm ul.products li.product .button{margin-top:10px;text-align:center}
.elm span.onsale{background:var(--red)!important;border-radius:20px!important;min-height:0!important;min-width:0!important;padding:2px 10px!important;line-height:1.8!important;top:10px!important;right:10px!important;left:auto!important}
.elm div.product{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--sh)}
.elm div.product .product_title{color:var(--ink);font-size:22px}
.elm div.product p.price{color:var(--red)!important;font-weight:800;font-size:22px!important}
.elm .woocommerce-tabs ul.tabs li.active{border-bottom-color:#fff}
.elm .woocommerce-info,.elm .woocommerce-message{border-top-color:var(--teal)!important;background:#fff;border-radius:10px}
.elm .woocommerce-info:before,.elm .woocommerce-message:before{color:var(--teal)!important}
.elm .woocommerce-error{border-radius:10px}
.elm input[type=text],.elm input[type=email],.elm input[type=tel],.elm input[type=password],.elm input[type=number],.elm input[type=search]:not(.search input),.elm select,.elm textarea{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;background:#fff;max-width:100%}
.elm table.shop_table{border-radius:12px!important;background:#fff;border-collapse:separate}
.elm .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:8px;background:#fff;border-radius:12px;box-shadow:var(--sh)}
.elm .woocommerce-MyAccount-navigation li a{display:block;padding:8px 12px;border-radius:8px}
.elm .woocommerce-MyAccount-navigation li.is-active a{background:#fff1f2;color:var(--red)}
.elm .woocommerce-ordering select{border-radius:10px}
.empty{color:var(--mut)}
/* responsive */
@media (max-width:1024px){.banners-grid{grid-template-columns:1fr}.side-banners{grid-template-columns:1fr 1fr;grid-template-rows:none;min-height:110px}.howto-grid{grid-template-columns:1fr}.ftr-grid{grid-template-columns:1fr 1fr}}
@media (max-width:768px){
 body.elm{padding-bottom:64px;font-size:14px}
 .topbar a{display:none}.topbar .wrap{justify-content:center}
 .hdr-main{flex-wrap:wrap;gap:10px;min-height:0;padding-top:10px;padding-bottom:10px}
 .burger{display:block;order:0}
 .logo{order:1}.logo-mark{width:34px;height:34px;font-size:17px}.logo-txt b{font-size:17px}
 .hdr-act{order:2}.btn-ghost span{display:none}.btn-ghost{padding:8px;border:0}
 .search{order:3;flex:1 0 100%;max-width:none;height:42px}
 .nav{display:none;border-top:1px solid var(--line)}
 .nav.is-open{display:block}
 .nav .menu{flex-direction:column;padding:6px 0}
 .nav .sub-menu{position:static;box-shadow:none;display:block;padding-right:14px}
 .slider{min-height:250px}.slide{padding:24px;flex-direction:column;align-items:flex-start;justify-content:center}.slide-art{display:none}.slide h2{font-size:22px}
 .side-banners{grid-template-columns:1fr 1fr}.sb{padding:14px}.sb b{font-size:15px}
 .pcard{flex-basis:150px;padding:10px}
 .row.amazing .wrap{border-radius:0;margin:0 -0px}
 .cat-grid{grid-template-columns:repeat(4,1fr);padding:14px;gap:10px}.cat-circle{width:62px;height:62px}.cat{font-size:11.5px}.cat-ic{font-size:20px}
 .trust .wrap{grid-template-columns:1fr 1fr}
 .ftr-grid{grid-template-columns:1fr}
 .mnav{display:flex;position:fixed;bottom:0;right:0;left:0;background:#fff;border-top:1px solid var(--line);z-index:60;justify-content:space-around;padding:6px 0 calc(6px + env(safe-area-inset-bottom))}
 .mnav a{display:flex;flex-direction:column;align-items:center;font-size:11px;color:var(--mut);gap:2px}
 .mnav a:hover{color:var(--red)}
}
/* v1.1 imagery + polish */
.slide{background-size:cover;background-position:left center;justify-content:flex-start}
.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(0,0,0,.18),transparent 60%);pointer-events:none}
.slide-txt{position:relative;z-index:1;max-width:56%}
.slide h2{text-shadow:0 2px 12px rgba(0,0,0,.15)}
.slide .cta{box-shadow:0 6px 16px rgba(0,0,0,.15);transition:transform .2s}
.slide:hover .cta{transform:translateY(-2px)}
.slider{min-height:320px;box-shadow:var(--sh)}
.sl-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:var(--ink);font-size:22px;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s;box-shadow:var(--sh)}
.slider:hover .sl-nav{opacity:1}
.sl-prev{right:12px}.sl-next{left:12px}
.sb{background-size:cover;background-position:left center;position:relative;overflow:hidden;justify-content:center;align-items:flex-start;box-shadow:var(--sh);transition:transform .2s}
.sb:hover{transform:translateY(-2px)}
.sb>div{max-width:55%;display:flex;flex-direction:column}
.features{padding:14px 0 4px}
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.feat-grid>div{background:#fff;border-radius:14px;padding:14px 16px;box-shadow:var(--sh);display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:center}
.feat-grid .ic{grid-row:span 2;width:42px;height:42px;padding:10px;border-radius:12px;background:#fff1f2;color:var(--red)}
.feat-grid b{color:var(--ink);font-size:14px}.feat-grid small{color:var(--mut);font-size:12px}
.pcard-img img{object-fit:contain;padding:8px;transition:transform .3s}
.pcard:hover .pcard-img img{transform:scale(1.05)}
.badge-tag{position:absolute;top:8px;right:8px;background:var(--ink);color:#fff;font-size:11px;font-weight:700;border-radius:20px;padding:1px 9px}
.pcard-foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:6px}
.pcard-foot .pcard-price{margin:0}
.pcard-deliv{display:inline-flex;align-items:center;gap:2px;font-size:11px;color:#16a34a}
.pcard-deliv .ic{width:14px;height:14px}
.cat-circle.img{background:#f4f5f8;border:1px solid var(--line)}
.cat-circle.img img{object-fit:cover;transform:scale(1.12)}
.stats{padding:14px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:linear-gradient(120deg,var(--ink),#3b3f8f);border-radius:16px;color:#fff;padding:22px 10px;box-shadow:var(--sh)}
.stats-grid div{text-align:center;border-left:1px solid rgba(255,255,255,.15)}
.stats-grid div:last-child{border:0}
.stats-grid b{display:block;font-size:26px;font-weight:800}
.stats-grid span{font-size:13px;opacity:.8}
@media (max-width:1024px){.feat-grid{grid-template-columns:1fr 1fr}}
@media (max-width:768px){
 .slide{background-position:20% center;padding:22px}
 .slide:after{background:linear-gradient(270deg,rgba(0,0,0,.45),rgba(0,0,0,.1))}
 .slide-txt{max-width:80%}
 .sl-nav{display:none}
 .sb{min-height:110px}.sb>div{max-width:70%}
 .feat-grid>div{grid-template-columns:34px 1fr;padding:10px}.feat-grid .ic{width:34px;height:34px;padding:7px}
 .stats-grid{grid-template-columns:1fr 1fr;row-gap:14px}.stats-grid div:nth-child(2){border:0}
 .pcard-deliv{display:none}
}

/* v1.2 motion: floating category icons + product images */
@keyframes elm-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes elm-float-img{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.03)}}
@keyframes elm-shine{0%{left:-60%}60%,100%{left:130%}}
.cat-circle{animation:elm-float 3.6s ease-in-out infinite;will-change:transform}
.cat:nth-child(2n) .cat-circle{animation-delay:-.9s}
.cat:nth-child(3n) .cat-circle{animation-delay:-1.8s}
.cat:nth-child(4n) .cat-circle{animation-delay:-2.7s}
.cat:hover .cat-circle{animation-play-state:paused;transform:scale(1.08) rotate(-4deg)}
.cat-circle.img{position:relative}
.cat-circle.img::after,.pcard-img::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:elm-shine 4.5s ease-in-out infinite;pointer-events:none}
.pcard-img img{animation:elm-float-img 4.2s ease-in-out infinite;will-change:transform}
.pcard:nth-child(2n) .pcard-img img{animation-delay:-1.4s}
.pcard:nth-child(3n) .pcard-img img{animation-delay:-2.8s}
.pcard:nth-child(2n) .pcard-img::after{animation-delay:-1.5s}
.pcard:hover .pcard-img img{animation-play-state:paused;transform:scale(1.1) rotate(2deg)}
@media (prefers-reduced-motion:reduce){.cat-circle,.pcard-img img,.cat-circle.img::after,.pcard-img::after{animation:none!important}}