.dd-health-form input:focus,.dd-health-form select:focus,.dd-health-form textarea:focus{border-color:#4ade80;box-shadow:0 0 0 4px #ecfdf5}.dd-upgrade-btn{border:1px solid #dce6df;background:#fff;color:#173a2d;border-radius:14px;padding:12px 16px;font-weight:900;cursor:pointer}.dd-upgrade-btn.primary{background:linear-gradient(135deg,#15803d,#0f766e);border:0;color:#fff}.dd-reminder-list{display:grid;gap:9px;margin-top:14px}.dd-reminder-item{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;background:#f0fdf4;border:1px solid #dcfce7;font-size:11px}

.search{position:relative}.dd-search-results{position:absolute;top:calc(100% + 10px);right:0;left:0;z-index:120;background:#fff;border:1px solid #e3ece6;border-radius:18px;box-shadow:0 22px 55px rgba(15,23,42,.16);padding:8px;display:none;max-height:390px;overflow:auto}.dd-search-results.open{display:block}.dd-search-group-title{padding:8px 10px 5px;color:#94a3b8;font-size:12px;font-weight:900}.dd-search-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;text-decoration:none;color:#172033}.dd-search-item:hover{background:#f0fdf4}.dd-search-item i{width:34px;height:34px;border-radius:11px;background:#ecfdf5;color:#15803d;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:900}.dd-search-item strong{display:block;font-size:11px}.dd-search-item small{display:block;color:#94a3b8;font-size:12px;margin-top:2px}

.dd-product-pro{max-width:1200px;margin:28px auto 55px;padding:0 18px}.dd-product-shell{padding:34px;border:1px solid #e1ebe5;border-radius:30px;background:linear-gradient(145deg,#fff,#f8fffb);box-shadow:0 20px 55px rgba(15,23,42,.06)}.dd-product-title{text-align:center;margin-bottom:24px}.dd-product-title span{color:#15803d;font-size:12px;font-weight:900}.dd-product-title h2{margin:7px 0 5px;font-size:28px}.dd-product-title p{margin:0;color:#64748b;font-size:12px}.dd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dd-kpi{padding:18px;border-radius:18px;background:#fff;border:1px solid #e6eee9;text-align:center;color:#64748b;font-size:12px}.dd-kpi b{display:block;color:#173a2d;font-size:21px;margin-bottom:5px}.dd-smart-section{margin-top:24px}.dd-smart-section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:13px}.dd-smart-section-head h3{margin:0;font-size:18px}.dd-smart-section-head p{margin:4px 0 0;color:#64748b;font-size:12px}.dd-reco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.dd-reco{padding:18px;border-radius:18px;background:#fff;border:1px solid #e5ede8;position:relative;overflow:hidden}.dd-reco:before{content:"";position:absolute;width:70px;height:70px;border-radius:50%;left:-28px;top:-28px;background:#dcfce7}.dd-reco b{position:relative;font-size:14px}.dd-reco p{position:relative;color:#64748b;font-size:12px;line-height:1.8;margin:8px 0}.dd-reco button{position:relative;border:0;background:#ecfdf5;color:#15803d;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:900}.dd-ai-inline{margin-top:15px;width:100%;border:0;border-radius:16px;padding:14px;background:linear-gradient(135deg,#0f766e,#15803d);color:#fff;font-weight:900;cursor:pointer}.dd-qa-list{display:grid;gap:12px}.dd-qa-card{border:1px solid #e4ece7;border-radius:18px;background:#fff;overflow:hidden}.dd-qa-question{padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:12px;font-weight:900}.dd-qa-question span{width:28px;height:28px;border-radius:10px;background:#ecfdf5;color:#15803d;display:grid;place-items:center}.dd-qa-answer{display:none;padding:0 17px 16px;color:#64748b;font-size:11px;line-height:2;border-top:1px solid #f0f3f1}.dd-qa-card.open .dd-qa-answer{display:block;padding-top:14px}.dd-qa-card.open .dd-qa-question span{transform:rotate(45deg)}
@media(max-width:900px){.dd-hub-grid{grid-template-columns:repeat(2,1fr)}.dd-profile-layout{grid-template-columns:1fr}.dd-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.dd-native-hero{padding:42px 0 36px}.dd-native-content{padding-top:24px}.dd-hub-grid{grid-template-columns:1fr}.dd-native-card{padding:18px}.dd-native-cta{align-items:flex-start;flex-direction:column}.dd-native-cta a{width:100%;box-sizing:border-box;text-align:center}.dd-health-form{grid-template-columns:1fr}.dd-health-form .wide{grid-column:auto}.dd-native-panel{padding:18px}.dd-search-results{position:fixed;top:128px;right:12px;left:12px;max-height:60vh}.dd-product-shell{padding:20px}.dd-product-title h2{font-size:22px}.dd-kpis{grid-template-columns:1fr 1fr}.dd-reco-grid{grid-template-columns:1fr}.dd-smart-section-head{align-items:flex-start;flex-direction:column}}

:root{
  --dd-ai:#176f42;
  --dd-ai-strong:#0f5132;
  --dd-ai-soft:#eef7f1;
  --dd-ai-border:#dfe8e3;
  --dd-ai-text:#24352c;
  --dd-ai-muted:#75827b;
}
@keyframes ddAi67Dot{50%{transform:translateY(-2px)}}


@media(max-width:680px){
}

@font-face{
  font-family:"DaruGet Persian";
  src:url("../../../fonts/NotoSansArabic-Regular.woff2") format("woff2"),url("../../../fonts/NotoSansArabic-Regular.ttf") format("truetype");
  font-style:normal;
  font-weight:100 600;
  font-display:swap;
}
@font-face{
  font-family:"DaruGet Persian";
  src:url("../../../fonts/NotoSansArabic-Bold.woff2") format("woff2"),url("../../../fonts/NotoSansArabic-Bold.ttf") format("truetype");
  font-style:normal;
  font-weight:700 900;
  font-display:swap;
}
:root{--font-fa:"DaruGet Persian","Noto Sans Arabic",Tahoma,Arial,sans-serif}
html,body,button,input,textarea,select,option{font-family:var(--font-fa)!important}
body{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,h5,h6,strong,b,.btn,.nav a,.mega-menu a{font-family:var(--font-fa)!important;font-weight:800;letter-spacing:-.025em}
p,li,label,input,textarea,select,button,a,small,span{font-family:var(--font-fa)!important}
.price,.old,.discount,.cart-count,.badge,.product-code,.rating,.score,.stat-number,[data-price],time,.topbar-phone strong{
  font-family:var(--font-fa)!important;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1,"kern" 1;
  letter-spacing:-.02em
}
.price{font-weight:900!important}
input::placeholder,textarea::placeholder{font-family:var(--font-fa)!important}
.daruget-wordmark em,[lang="en"],.latin{font-family:Arial,sans-serif!important}

:root{
  --dd-color-primary:#00A98E;
  --dd-color-primary-strong:#081328;
  --dd-color-primary-soft:#E6F9F1;
  --dd-color-text:#081328;
  --dd-color-muted:#64748b;
  --dd-color-border:#dfe7e2;
  --dd-color-surface:#ffffff;
  --dd-color-surface-soft:#F5F7FA;
  --dd-color-success:#15803d;
  --dd-color-warning:#f59e0b;
  --dd-color-danger:#b42318;

  --dd-font-family:var(--font-fa,"DaruGet Persian","Noto Sans Arabic",Tahoma,Arial,sans-serif);
  --dd-text-xs:12px;
  --dd-text-sm:13px;
  --dd-text-md:14px;
  --dd-text-lg:16px;
  --dd-text-xl:18px;
  --dd-text-2xl:22px;

  --dd-space-1:4px;
  --dd-space-2:8px;
  --dd-space-3:12px;
  --dd-space-4:16px;
  --dd-space-5:20px;
  --dd-space-6:24px;
  --dd-space-8:32px;

  --dd-radius-sm:7px;
  --dd-radius-md:10px;
  --dd-radius-lg:14px;
  --dd-radius-xl:18px;
  --dd-shadow-sm:0 2px 8px rgba(15,23,42,.06);
  --dd-shadow-md:0 10px 30px rgba(15,23,42,.10);
  --dd-focus-ring:0 0 0 3px rgba(23,111,66,.16);

  --dd-container:1200px;
  --dd-header-z:12000;
  --dd-overlay-z:30000;
  --dd-modal-z:50000;
}
html{font-family:var(--dd-font-family)}
:where(button,input,select,textarea,a):focus-visible{
  outline:2px solid var(--dd-color-primary)!important;
  outline-offset:2px!important;
  box-shadow:var(--dd-focus-ring);
}
:where(button,input,select,textarea){font-family:var(--dd-font-family)}

.dd-async-message{margin:8px 0;padding:8px 10px;border:1px solid var(--dd-color-border);border-radius:var(--dd-radius-md);background:var(--dd-color-surface-soft);color:var(--dd-color-text);font-size:var(--dd-text-xs);line-height:1.7}
.dd-async-message.error{border-color:#fecaca;background:#fff7f7;color:var(--dd-color-danger)}
.dd-async-message.success{border-color:#bbdfc6;background:var(--dd-color-primary-soft);color:var(--dd-color-success)}
[aria-busy="true"]{cursor:progress!important}

/* V155: keep the mobile menu trigger strictly out of desktop header */
@media (min-width: 901px){
  .header-actions > .mobile-menu-toggle,
  .mobile-menu-toggle{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}


/* === assets/css/category-grid-clean.css === */

.category-page,
.category-page *{box-sizing:border-box}

.category-page .category-content>.category-layout{
  display:grid!important;
  grid-template-columns:240px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
.category-page .products-area{
  min-width:0!important;width:100%!important;
  overflow:visible!important;background:#fff!important;
}

.category-page .filters-control-row{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  width:100%!important;min-width:0!important;min-height:50px!important;
  gap:8px!important;padding:9px 10px!important;margin:0 0 8px!important;
  position:relative!important;inset:auto!important;z-index:4!important;
  background:#fff!important;background-image:none!important;
  border:1px solid #e6ece8!important;border-radius:15px!important;
  box-shadow:none!important;transform:none!important;
}
.category-page .toolbar-actions{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  flex-wrap:wrap!important;gap:7px!important;min-width:0!important;max-width:100%!important;
}
.category-page .product-count{white-space:nowrap!important}
.category-page .view-switch{display:flex!important;flex:0 0 auto!important}

.category-page .active-filters-row{
  display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
  padding:8px 10px!important;margin:0 0 10px!important;position:relative!important;inset:auto!important;
  z-index:3!important;overflow:hidden!important;background:#f9fcfa!important;background-image:none!important;
  border:1px solid #e5eee8!important;border-radius:14px!important;
}
.category-page .active-filters-row.is-empty{
  display:none!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;
}
.category-page .active-filters{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  flex-wrap:wrap!important;gap:7px!important;width:100%!important;min-width:0!important;
  margin:0!important;padding:0!important;position:static!important;transform:none!important;
}
.category-page .active-filters.is-empty{display:none!important}
.category-page .filter-hint{display:none!important}
.category-page .active-filter-chip{
  display:inline-flex!important;align-items:center!important;gap:5px!important;
  max-width:100%!important;padding:6px 10px!important;margin:0!important;
  position:static!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  border:1px solid #d8e8dd!important;border-radius:999px!important;background:#f1f9f4!important;color:#176139!important;
  font-size:12px!important;font-weight:800!important;line-height:1.5!important;
}

.category-page .filter-panel{
  position:sticky!important;top:88px!important;max-height:calc(100vh - 104px)!important;
  overflow:auto!important;background:#fff!important;background-image:none!important;
}

.category-page .category-products-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;align-items:stretch!important;width:100%!important;min-width:0!important;margin:0!important;
}
.category-page .category-product{
  display:flex!important;flex-direction:column!important;width:auto!important;min-width:0!important;height:100%!important;
  position:relative!important;overflow:hidden!important;isolation:isolate!important;
  background:#fff!important;background-image:none!important;border:1px solid #e4ebe7!important;border-radius:18px!important;
  box-shadow:0 7px 22px rgba(15,23,42,.045)!important;transform:none!important;
}
.category-page .category-product::before,.category-page .category-product::after,
.category-page .category-product-media::before,.category-page .category-product-media::after{
  content:none!important;display:none!important;background:none!important;
}
.category-page .category-product.hidden{display:none!important}
.category-page .category-product:hover{
  transform:translateY(-2px)!important;background:#fff!important;background-image:none!important;
  box-shadow:0 12px 30px rgba(15,23,42,.08)!important;border-color:#cbded1!important;
}
.category-page .category-product-media{
  display:grid!important;place-items:center!important;width:100%!important;height:205px!important;min-height:205px!important;
  padding:8px!important;overflow:hidden!important;background:#fff!important;background-image:none!important;
  border-bottom:1px solid #eff3f0!important;
}
.category-page .category-product-media img{
  display:block!important;width:100%!important;height:100%!important;max-width:none!important;
  object-fit:contain!important;padding:0!important;transform:none!important;transform-origin:center!important;
  mix-blend-mode:normal!important;filter:none!important;opacity:1!important;background:transparent!important;
}
.category-page .category-product-body{
  display:flex!important;flex-direction:column!important;flex:1 1 auto!important;
  min-width:0!important;padding:14px!important;background:#fff!important;background-image:none!important;
}
.category-page .category-product h3{min-height:50px!important;margin:6px 0!important}
.category-page .category-product p{min-height:38px!important;margin:0 0 12px!important}
.category-page .product-price-row{margin-top:auto!important}

.category-page .category-products-grid.list-view{grid-template-columns:1fr!important;gap:12px!important}
.category-page .category-products-grid.list-view .category-product{
  display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;height:auto!important;min-height:210px!important;
}
.category-page .category-products-grid.list-view .category-product-media{
  height:100%!important;min-height:210px!important;border-bottom:0!important;border-left:1px solid #eff3f0!important;
}
.category-page .category-products-grid.list-view .category-product h3,
.category-page .category-products-grid.list-view .category-product p{min-height:0!important}

.category-page~.compare-bar,
.compare-bar{
  --mobile-nav-clearance:0px;
}
body .compare-bar{
  position:fixed!important;right:50%!important;bottom:18px!important;transform:translate(50%,140%)!important;
  z-index:85!important;width:min(780px,calc(100% - 28px))!important;
  display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;
  gap:12px!important;padding:11px 12px!important;background:#0f172a!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;border-radius:17px!important;
  box-shadow:0 18px 50px rgba(15,23,42,.28)!important;transition:transform .28s ease,opacity .28s ease!important;
  opacity:0!important;pointer-events:none!important;
}
body .compare-bar.show{transform:translate(50%,0)!important;opacity:1!important;pointer-events:auto!important}
body .compare-head{display:flex!important;align-items:center!important;gap:8px!important}
body .compare-title-wrap{display:flex!important;flex-direction:column!important;min-width:max-content!important}
body .compare-title-wrap strong{font-size:12px!important}
body .compare-title-wrap small{font-size:12px!important;color:#cbd5e1!important;margin-top:2px!important}
body .compare-close-mobile{display:none!important}
body .compare-items{
  display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;
  overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;
}
body .compare-items::-webkit-scrollbar{display:none}
body .compare-item{
  flex:0 0 auto!important;max-width:150px!important;padding:7px 9px!important;border-radius:10px!important;
  background:rgba(255,255,255,.09)!important;font-size:12px!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
}
body .compare-actions{display:flex!important;align-items:center!important;gap:6px!important}
body .compare-actions button{
  height:38px!important;border:0!important;border-radius:10px!important;padding:0 12px!important;
  font-weight:900!important;white-space:nowrap!important;
}
body .compare-submit{background:#22c55e!important;color:#052e16!important}
body .clear-compare{background:rgba(255,255,255,.1)!important;color:#fff!important}

body:not(.is-category-page) .compare-bar{display:none!important}

@media(max-width:980px){
  .category-page .category-content>.category-layout{grid-template-columns:1fr!important}
  .category-page .category-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .category-page .filter-panel{
    position:fixed!important;top:0!important;right:0!important;bottom:0!important;width:min(340px,88vw)!important;
    max-height:none!important;overflow:auto!important;z-index:100!important;transform:translateX(105%)!important;border-radius:0!important;
  }
  .category-page .filter-panel.open{transform:translateX(0)!important}
  .category-page .filters-control-row{justify-content:stretch!important}
  .category-page .toolbar-actions{width:100%!important;justify-content:space-between!important}
}

@media(max-width:680px){
  .category-page{padding-bottom:88px!important}
  .category-page .view-switch{display:none!important}
  .category-page .filters-control-row{min-height:0!important;padding:8px!important}
  .category-page .toolbar-actions{gap:6px!important}
  .category-page .active-filters-row{padding:7px 8px!important;margin-bottom:9px!important}
  .category-page .category-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .category-page .category-product-media{height:158px!important;min-height:158px!important;padding:6px!important}
  .category-page .category-product-media img{transform:scale(1.10)!important}
  .category-page .category-product-body{padding:11px!important}

  body.is-category-page .compare-bar{
    right:8px!important;left:8px!important;bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;
    transform:translateY(calc(100% + 110px))!important;width:auto!important;max-width:none!important;
    grid-template-columns:1fr!important;gap:8px!important;padding:10px!important;border-radius:15px!important;
    max-height:min(46vh,340px)!important;overflow:hidden!important;
  }
  body.is-category-page .compare-bar.show{transform:translateY(0)!important}
  body.is-category-page .compare-head{justify-content:space-between!important}
  body.is-category-page .compare-title-wrap{min-width:0!important}
  body.is-category-page .compare-title-wrap strong{font-size:12px!important}
  body.is-category-page .compare-close-mobile{
    display:grid!important;place-items:center!important;width:30px!important;height:30px!important;flex:0 0 30px!important;
    border:0!important;border-radius:9px!important;background:rgba(255,255,255,.10)!important;color:#fff!important;
    font-size:19px!important;padding:0!important;
  }
  body.is-category-page .compare-items{
    width:100%!important;min-height:35px!important;padding-bottom:1px!important;
  }
  body.is-category-page .compare-item{
    max-width:170px!important;padding:7px 9px!important;font-size:12px!important;
  }
  body.is-category-page .compare-actions{
    display:grid!important;grid-template-columns:1fr 1.4fr!important;width:100%!important;gap:7px!important;
  }
  body.is-category-page .compare-actions button{width:100%!important;height:40px!important}
}

@media(max-width:460px){
  .category-page .category-products-grid,
  .category-page .category-products-grid.list-view{grid-template-columns:1fr!important}
  .category-page .category-product-media,
  .category-page .category-products-grid.list-view .category-product-media{height:220px!important;min-height:220px!important}
  .category-page .sort-box{flex:1 1 145px!important;min-width:0!important}
  body.is-category-page .compare-bar{right:6px!important;left:6px!important;padding:9px!important}
}

.category-page .category-product-media{
  background:#fff!important;
  overflow:hidden!important;
}
.category-page .category-product-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  background:#fff!important;
}

.category-page .category-product-media{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:0!important;
  background:#fff!important;
}
.category-page .category-product-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  padding:2px!important;
  transform:none!important;
  filter:none!important;
  opacity:1!important;
  visibility:visible!important;
}
.category-page .category-product-media picture{
  display:block!important;
  width:100%!important;
  height:100%!important;
}
.category-page .category-product-media picture img{
  width:100%!important;
  height:100%!important;
}


/* === assets/css/category-hero-slider.css === */


.dd-category-hero{
  --hero:#0f9f76;--hero-soft:#ecfbf5;--hero-accent:#bfeedd;
  margin:0 0 18px;
  padding:0;
}
.dd-category-hero-shell{
  position:relative;
  min-height:300px;
  overflow:hidden;
  border-radius:28px;
  background:linear-gradient(135deg,var(--hero-soft),#fff 62%);
  border:1px solid color-mix(in srgb,var(--hero) 14%,#fff);
  box-shadow:0 16px 44px rgba(15,23,42,.07);
}
.dd-category-slide{
  position:absolute;inset:0;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);
  gap:20px;
  align-items:center;
  padding:28px 34px;
  opacity:0;
  visibility:hidden;
  transform:translateX(-14px);
  transition:opacity .45s ease,transform .45s ease,visibility .45s;
}
.dd-category-slide.is-active{
  opacity:1;visibility:visible;transform:none;
}
.dd-category-copy{position:relative;z-index:2;max-width:720px}
.dd-category-kicker{
  display:inline-flex;align-items:center;gap:7px;
  padding:6px 11px;margin-bottom:10px;
  border-radius:999px;
  background:#fff;
  color:var(--hero);
  border:1px solid var(--hero-accent);
  font-size:12px;font-weight:900;
}
.dd-category-copy h1{
  margin:0 0 8px;
  font-size:clamp(29px,3.2vw,44px);
  line-height:1.25;
  color:#0f172a;
}
.dd-category-copy h2{
  margin:0 0 8px;
  font-size:15px;
  line-height:1.7;
  color:var(--hero);
}
.dd-category-copy p{
  margin:0;
  max-width:620px;
  font-size:11.5px;
  line-height:2;
  color:#475569;
}
.dd-category-chips{
  display:flex;flex-wrap:wrap;gap:7px;
  margin-top:14px;
}
.dd-category-chips span{
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.9);
  border:1px solid var(--hero-accent);
  font-size:12px;font-weight:850;color:#334155;
}
.dd-category-media{
  position:relative;
  height:240px;
  display:grid;place-items:center;
}
.dd-category-media::before{
  content:"";
  position:absolute;inset:20px;
  border-radius:50%;
  background:radial-gradient(circle at 40% 35%,#fff 0 24%,var(--hero-accent) 65%,transparent 70%);
  opacity:.72;
}
.dd-category-media img{
  position:relative;z-index:2;
  display:block;
  width:100%;height:100%;
  object-fit:contain;
  filter:drop-shadow(0 18px 24px rgba(15,23,42,.12));
}
.dd-category-nav{
  position:absolute;
  right:28px;
  bottom:18px;
  z-index:8;
  display:flex;align-items:center;gap:7px;
}
.dd-category-dot{
  width:8px;height:8px;padding:0;border:0;border-radius:999px;
  background:color-mix(in srgb,var(--hero) 30%,#fff);
  transition:.25s;cursor:pointer;
}
.dd-category-dot.is-active{
  width:24px;background:var(--hero);
}
.dd-category-arrows{
  position:absolute;
  left:20px;bottom:16px;
  z-index:8;display:flex;gap:6px;
}
.dd-category-arrow{
  width:34px;height:34px;
  display:grid;place-items:center;
  border:1px solid rgba(15,23,42,.08);
  border-radius:50%;
  background:rgba(255,255,255,.88);
  color:#0f172a;
  cursor:pointer;
}
.dd-category-slide::after{
  content:"";
  position:absolute;
  width:210px;height:210px;
  left:-60px;top:-90px;
  border-radius:50%;
  background:var(--hero);
  opacity:.06;
}
@media(max-width:760px){
  .dd-category-hero{margin-bottom:12px}
  .dd-category-hero-shell{min-height:228px;border-radius:22px}
  .dd-category-slide{
    grid-template-columns:minmax(0,1fr) 110px;
    gap:8px;padding:18px 16px 44px;
  }
  .dd-category-copy h1{font-size:25px;margin-bottom:5px}
  .dd-category-copy h2{font-size:12px;margin-bottom:5px}
  .dd-category-copy p{
    font-size:12px;line-height:1.85;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  }
  .dd-category-kicker{font-size:12px;padding:5px 8px;margin-bottom:6px}
  .dd-category-chips{
    flex-wrap:nowrap;overflow:hidden;margin-top:8px;gap:5px;
  }
  .dd-category-chips span{font-size:12px;padding:4px 7px;white-space:nowrap}
  .dd-category-media{height:132px}
  .dd-category-media::before{inset:17px}
  .dd-category-nav{right:16px;bottom:14px}
  .dd-category-arrows{left:14px;bottom:11px}
  .dd-category-arrow{width:30px;height:30px;font-size:12px}
}
@media(max-width:420px){
  .dd-category-hero-shell{min-height:215px}
  .dd-category-slide{grid-template-columns:minmax(0,1fr) 90px;padding:16px 14px 42px}
  .dd-category-media{height:112px}
  .dd-category-copy h1{font-size:23px}
}

.dd-category-hero-shell{
  background:
    radial-gradient(circle at 84% 28%,color-mix(in srgb,var(--hero) 16%,transparent),transparent 34%),
    radial-gradient(circle at 18% 82%,color-mix(in srgb,var(--hero-accent) 46%,transparent),transparent 33%),
    linear-gradient(135deg,var(--hero-soft) 0%,#fff 62%,color-mix(in srgb,var(--hero-soft) 78%,#fff) 100%)!important;
}
.dd-category-media{
  height:250px!important;
  padding:10px!important;
}
.dd-category-media::before{
  inset:26px 18px 20px!important;
  border-radius:34px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.68)),
    radial-gradient(circle at 50% 45%,var(--hero-accent),transparent 72%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.82),0 16px 38px rgba(15,23,42,.06)!important;
  opacity:1!important;
}
.dd-category-media img{
  width:92%!important;
  height:92%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  transform:none!important;
  filter:drop-shadow(0 18px 22px rgba(15,23,42,.16))!important;
}
@media(max-width:760px){
  .dd-category-media{height:138px!important;padding:4px!important}
  .dd-category-media::before{inset:14px 7px 10px!important;border-radius:22px!important}
  .dd-category-media img{width:96%!important;height:96%!important}
}

.dd-category-media{
  position:relative!important;
  height:252px!important;
  padding:0 6px 0 0!important;
  isolation:isolate!important;
}
.dd-category-media::before{
  content:""!important;
  position:absolute!important;
  inset:6px 8px 0 26px!important;
  z-index:0!important;
  border-radius:52% 52% 34% 34% / 62% 62% 23% 23%!important;
  background:
    linear-gradient(155deg,rgba(255,255,255,.92),rgba(255,255,255,.48)),
    radial-gradient(circle at 50% 28%,var(--hero-accent),transparent 68%)!important;
  border:1px solid rgba(255,255,255,.84)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hero) 8%,transparent),0 18px 36px rgba(15,23,42,.07)!important;
}
.dd-category-media::after{
  content:""!important;
  position:absolute!important;
  width:72px!important;height:72px!important;
  left:8px!important;bottom:12px!important;
  border-radius:50%!important;
  background:color-mix(in srgb,var(--hero) 14%,#fff)!important;
  box-shadow:inset 0 0 0 12px rgba(255,255,255,.58)!important;
  z-index:0!important;
}
.dd-category-media img{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
  filter:drop-shadow(0 18px 20px rgba(15,23,42,.10))!important;
}
@media(max-width:760px){
  .dd-category-media{height:138px!important;padding:0!important}
  .dd-category-media::before{inset:6px 0 0 8px!important;border-radius:52% 52% 30% 30% / 62% 62% 22% 22%!important}
  .dd-category-media::after{width:42px!important;height:42px!important;left:0!important;bottom:6px!important}
}

.dd-category-hero-shell{
  min-height:286px!important;
  background:
    linear-gradient(110deg,var(--hero-soft) 0%,#fff 52%,color-mix(in srgb,var(--hero) 8%,#fff) 100%)!important;
  border:1px solid color-mix(in srgb,var(--hero) 13%,#fff)!important;
}
.dd-category-slide{
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)!important;
  gap:24px!important;
  padding:24px 30px!important;
}
.dd-category-media{
  height:236px!important;
  padding:0!important;
  position:relative!important;
}
.dd-category-media::before{
  content:""!important;
  position:absolute!important;
  inset:8px 18px 5px 10px!important;
  border-radius:42% 42% 28% 28% / 54% 54% 26% 26%!important;
  background:linear-gradient(145deg,rgba(255,255,255,.92),color-mix(in srgb,var(--hero) 10%,#fff))!important;
  border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:0 18px 40px rgba(15,23,42,.07)!important;
}
.dd-category-media img{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:42% 42% 28% 28% / 54% 54% 26% 26%!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
  filter:none!important;
}
.dd-category-copy h1{font-size:clamp(28px,3vw,41px)!important}
.dd-category-copy h2{font-size:14px!important}
.dd-category-copy p{font-size:11px!important;line-height:1.95!important}
@media(max-width:760px){
  .dd-category-hero-shell{min-height:218px!important}
  .dd-category-slide{
    grid-template-columns:minmax(0,1fr) 112px!important;
    padding:16px 15px 42px!important;
    gap:10px!important;
  }
  .dd-category-media{height:118px!important}
  .dd-category-copy h1{font-size:24px!important}
  .dd-category-copy h2{font-size:11.5px!important}
}

.dd-category-media{
  position:relative!important;
  height:236px!important;
  overflow:hidden!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 62% 40%,rgba(255,255,255,.95) 0 17%,transparent 18%),
    radial-gradient(circle at 64% 44%,color-mix(in srgb,var(--hero) 18%,#fff) 0 30%,transparent 31%),
    linear-gradient(145deg,rgba(255,255,255,.92),color-mix(in srgb,var(--hero) 11%,#fff))!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hero) 7%,transparent),0 16px 36px rgba(15,23,42,.06)!important;
}
.dd-category-media img{display:none!important}
.dd-category-media::before{
  content:""!important;
  position:absolute!important;
  width:150px!important;height:150px!important;
  right:48px!important;top:38px!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 38% 35%,#fff 0 18%,color-mix(in srgb,var(--hero) 24%,#fff) 19% 56%,transparent 57%)!important;
  box-shadow:0 20px 32px rgba(15,23,42,.08)!important;
}
.dd-category-media::after{
  content:""!important;
  position:absolute!important;
  width:220px!important;height:110px!important;
  left:20px!important;bottom:18px!important;
  border-radius:70% 30% 65% 35% / 60% 35% 65% 40%!important;
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--hero) 22%,#fff),color-mix(in srgb,var(--hero-accent) 68%,#fff))!important;
  transform:rotate(-7deg)!important;
  opacity:.76!important;
}
.dd-category-media .dd-hero-shape{
  position:absolute!important;
  display:block!important;
  z-index:2!important;
}
@media(max-width:760px){
  .dd-category-media{height:118px!important;border-radius:20px!important}
  .dd-category-media::before{width:80px!important;height:80px!important;right:22px!important;top:20px!important}
  .dd-category-media::after{width:118px!important;height:58px!important;left:4px!important;bottom:9px!important}
}

.dd-category-media{
  position:relative!important;
  height:236px!important;
  overflow:hidden!important;
  border-radius:28px!important;
  background:#f8fbf9!important;
  border:1px solid rgba(15,23,42,.06)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.055)!important;
}
.dd-category-media::before,
.dd-category-media::after{
  content:none!important;
  display:none!important;
}
.dd-category-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  border-radius:inherit!important;
  transform:none!important;
  filter:none!important;
}

.dd-category-arrow{
  width:28px!important;
  height:28px!important;
  font-size:11px!important;
  border-radius:50%!important;
}
.dd-category-arrows{
  left:14px!important;
  bottom:13px!important;
  gap:5px!important;
}
@media(max-width:760px){
  .dd-category-media{
    height:118px!important;
    border-radius:18px!important;
  }
  .dd-category-arrow{
    width:25px!important;
    height:25px!important;
    font-size:12px!important;
  }
  .dd-category-arrows{
    left:10px!important;
    bottom:9px!important;
  }
}

.dd-category-media{
  position:relative!important;
  height:236px!important;
  overflow:hidden!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,var(--hero-soft),#fff)!important;
  border:1px solid color-mix(in srgb,var(--hero) 10%,#fff)!important;
  box-shadow:0 15px 34px rgba(15,23,42,.06)!important;
}
.dd-category-media::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:linear-gradient(90deg,rgba(255,255,255,.28),transparent 36%,color-mix(in srgb,var(--hero) 8%,transparent))!important;
  pointer-events:none!important;
}
.dd-category-media::after{content:none!important;display:none!important}
.dd-category-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  border-radius:inherit!important;
  transform:none!important;
  filter:none!important;
}
.dd-category-arrow{
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  min-height:25px!important;
  padding:0!important;
  font-size:12px!important;
  border-radius:50%!important;
}
.dd-category-arrows{
  left:12px!important;
  bottom:11px!important;
  gap:4px!important;
}
@media(max-width:760px){
  .dd-category-media{height:116px!important;border-radius:17px!important}
  .dd-category-arrow{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;font-size:12px!important}
}

.dd-category-media{
  background:var(--hero-soft)!important;
  overflow:hidden!important;
}
.dd-category-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
  filter:none!important;
}


.dd-category-media{
  background:#f7f9f8!important;
  overflow:hidden!important;
}

.dd-category-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
  filter:none!important;
  border-radius:inherit!important;
}

.dd-category-media img[src*="hero-advertising.webp"]{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  border-radius:inherit!important;
}

.dd-category-media{
  width:100%!important;
  height:auto!important;
  aspect-ratio:720 / 440!important;
  min-height:0!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:transparent!important;
  border-radius:22px!important;
}
.dd-category-media img,
.dd-category-media img[src*="hero-advertising.webp"]{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:fill!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:inherit!important;
  transform:none!important;
  filter:none!important;
}
@media(max-width:760px){
  .dd-category-media{
    width:100%!important;
    height:auto!important;
    aspect-ratio:720 / 440!important;
  }
}

.dd-category-media{
  width:100%!important;
  height:auto!important;
  aspect-ratio:720/440!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:28px!important;
  background:transparent!important;
  border:1px solid rgba(15,23,42,.055)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.07)!important;
}
.dd-category-media img[src*="hero-advertising.webp"]{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  object-position:center!important;
  border-radius:28px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  transform:none!important;
}
@media(max-width:760px){
  .dd-category-media,
  .dd-category-media img[src*="hero-advertising.webp"]{
    border-radius:20px!important;
  }
}


/* === assets/css/category-product-polish.css === */


.category-page .product-brand,
.category-page .category-product .product-brand{
  display:inline-block!important;
  width:auto!important;
  max-width:100%!important;
  margin:0 0 5px!important;
  padding:0!important;
  position:static!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#64748b!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.6!important;
}
.category-page .product-brand::before,
.category-page .product-brand::after,
.category-page .category-product .product-brand::before,
.category-page .category-product .product-brand::after{
  display:none!important;
  content:none!important;
  background:none!important;
}

.category-page .stock-badge{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  z-index:5!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-height:25px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.2!important;
  border:1px solid #bbf7d0!important;
  background:#f0fdf4!important;
  color:#166534!important;
}
.category-page .stock-badge::before{
  content:""!important;
  width:6px!important;height:6px!important;border-radius:50%!important;
  background:#22c55e!important;
}
.category-page .stock-badge.out-of-stock{
  border-color:#fecaca!important;
  background:#fff1f2!important;
  color:#b91c1c!important;
}
.category-page .stock-badge.out-of-stock::before{background:#ef4444!important}

.category-page .product-price-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-top:auto!important;
}
.category-page .product-price{
  color:#15803d!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1.5!important;
  white-space:nowrap!important;
}
.category-page .product-price small{
  display:block!important;
  margin-top:1px!important;
  color:#94a3b8!important;
  font-size:12px!important;
  font-weight:700!important;
}

.category-page .pagination,
.category-page .category-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:22px auto 4px!important;
  padding:8px!important;
  width:max-content!important;
  max-width:100%!important;
  border:1px solid #e5ebe8!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 7px 22px rgba(15,23,42,.04)!important;
}
.category-page .pagination a,
.category-page .pagination button,
.category-page .pagination span,
.category-page .category-pagination a,
.category-page .category-pagination button,
.category-page .category-pagination span{
  min-width:34px!important;height:34px!important;
  display:grid!important;place-items:center!important;
  padding:0 8px!important;
  border:1px solid #e2e8f0!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#475569!important;
  font-size:12px!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.category-page .pagination .active,
.category-page .pagination [aria-current="page"],
.category-page .category-pagination .active,
.category-page .category-pagination [aria-current="page"]{
  background:#15803d!important;
  color:#fff!important;
  border-color:#15803d!important;
  box-shadow:0 5px 14px rgba(21,128,61,.18)!important;
}
.category-page .pagination a:hover,
.category-page .pagination button:hover,
.category-page .category-pagination a:hover,
.category-page .category-pagination button:hover{
  border-color:#86c99a!important;
  background:#f0fdf4!important;
  color:#166534!important;
}
@media(max-width:520px){
  .category-page .pagination,
  .category-page .category-pagination{
    gap:5px!important;
    padding:6px!important;
    margin-top:16px!important;
  }
  .category-page .pagination a,
  .category-page .pagination button,
  .category-page .pagination span,
  .category-page .category-pagination a,
  .category-page .category-pagination button,
  .category-page .category-pagination span{
    min-width:31px!important;height:31px!important;font-size:12px!important;border-radius:9px!important;
  }
}