@charset "UTF-8";
@font-face{font-family:'BNazanin';src:url('../Fonts/BNazanin.woff') format('woff'),url('../Fonts/BNazanin.ttf') format('truetype');font-display:swap}
html{scroll-behavior:smooth}body{font-family:'BNazanin',Tahoma,sans-serif;font-size:14px}.fa-solid{font-family:'Font Awesome 5 Free';font-weight:900}.fa-regular{font-family:'Font Awesome 5 Free';font-weight:400}.fa-brands{font-family:'Font Awesome 5 Brands';font-weight:400}
.brand-logo-image,.footer-brand-logo{object-fit:contain}.logo.brand--image-only span,.footer-brand.brand--image-only strong{display:none}.logo.brand--image-only{min-width:120px}.logo.brand--image-only img{width:auto;max-width:170px;max-height:62px}.footer-brand-logo{width:auto;max-width:180px;max-height:85px}
.page-main{min-height:55vh;padding-block:30px 70px}.page-hero{background:linear-gradient(135deg,#edf4ff,#f4f8ed);border-radius:18px;padding:34px;margin-bottom:28px}.page-hero h1{font-size:32px;margin:8px 0}.page-hero p{max-width:760px;color:var(--muted);line-height:2}.breadcrumbs{display:flex;gap:8px;color:var(--muted);font-size:12px;margin-bottom:16px}.breadcrumbs a{color:var(--green)}
.alert{padding:13px 16px;border-radius:9px;margin:14px 0}.alert--success{background:#edf9e8;color:#326023;border:1px solid #c9e7bd}.alert--error,.validation-summary-errors{background:#fff0f0;color:#9b2020;border:1px solid #f1caca;padding:13px 16px;border-radius:9px}.field-validation-error{color:#b32121;font-size:12px}.input-validation-error{border-color:#d54c4c!important}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-field{display:grid;gap:7px}.form-field--full{grid-column:1/-1}.form-field input,.form-field textarea,.form-field select,.account-form input,.account-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff}.form-field input,.form-field select{min-height:46px}.form-field textarea{min-height:130px;resize:vertical}.form-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 7px 24px rgba(31,43,27,.05)}section.form-card * { margin: 2px; padding: 2px; }
.empty-state{background:#fff;border:1px dashed var(--line);border-radius:14px}.empty-state__icon{display:block;font-size:36px;margin-bottom:10px}.pager{display:flex;justify-content:center;gap:7px;margin-top:28px}.pager a,.pager span{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px}.pager .is-active{background:var(--green);color:#fff;border-color:var(--green)}
.price-old{text-decoration:line-through;color:#999;font-size:12px}.product-card a.product-card__link{display:block}.product-card__content h4{min-height:42px}.product-media img{width:100%;aspect-ratio:1/1;object-fit:contain}.product-card .shop-stock{font-size:11px}.product-card.is-out .product-add{opacity:.55;pointer-events:none}.carousel__track{touch-action:auto}.quick-categories a{display:block}.quick-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px}.content-body{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;line-height:2}.content-body img{max-width:100%;height:auto}.side-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px}.side-card h3{margin-bottom:12px}.side-card nav{display:grid;gap:9px}
.account-shell{display:grid;grid-template-columns:245px minmax(0,1fr);gap:24px}.account-sidebar{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;height:max-content}.account-sidebar__profile{display:flex;align-items:center;gap:10px;padding:5px 4px 14px;margin-bottom:6px;border-bottom:1px solid var(--line)}.account-sidebar__profile>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eff7eb;color:var(--green)}.account-sidebar__profile div{min-width:0;display:grid}.account-sidebar__profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-sidebar__profile button{display:none;margin-right:auto}.account-side-nav{display:grid}.account-sidebar a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px}.account-sidebar a:hover,.account-sidebar a.is-active{background:#eff7eb;color:var(--green)}.account-sidebar-toggle,.account-sidebar-backdrop{display:none}.account-content{min-width:0}.account-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.account-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.account-stat strong{display:block;font-size:24px;color:var(--green)}
.data-table{width:100%;border-collapse:collapse;background:#fff}.data-table th,.data-table td{padding:13px;border-bottom:1px solid var(--line);text-align:right}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.status-pill{display:inline-flex;padding:4px 9px;border-radius:15px;background:#f2f2f2}.status-pill.is-ok{background:#e7f6df;color:#387125}.ticket-chat{display:grid;gap:12px}.ticket-message{max-width:82%;background:#f3f5f1;padding:14px;border-radius:14px}.ticket-message.mine{margin-right:auto;background:#e8f2ff}.ticket-message__meta{display:flex;gap:14px;color:var(--muted);font-size:12px;margin-bottom:6px}
.checkout-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:24px}.checkout-summary{position:sticky;top:110px;height:max-content}.checkout-line{display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.checkout-line img{width:58px;height:58px;object-fit:contain}.checkout-total{display:flex;justify-content:space-between;font-size:20px;padding-top:16px}.gateway-list{display:grid;gap:10px}.gateway-option{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:12px}.gateway-option:has(input:checked){border-color:var(--green);background:#f2f8ee}
.result-card{text-align:center;max-width:660px;margin:45px auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:42px}.result-card__icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;font-size:34px;background:#edf8e7;color:#3d7a29}.result-card.is-error .result-card__icon{background:#fff0f0;color:#ac2d2d}
.representative-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.representative-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.representative-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.representative-card__body{padding:15px}.representative-card small{color:var(--green)}
.benefits__track{direction:ltr}.benefits__track>div{direction:rtl;/*width: max-content; flex: 0 0 auto; padding-inline: 18px;*/}.benefits__track.is-moving{animation-name:benefits-marquee-ltr}@keyframes benefits-marquee-ltr{from{transform:translateX(-50%)}to{transform:translateX(0)}}.quick-circle img{width:100%;height:100%;border-radius:50%;object-fit:cover}.product-card .product-media img{aspect-ratio:1/1;object-fit:contain}.category-card__visual img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover}.hero--one-promo{grid-template-columns:minmax(0,3fr) minmax(190px,1fr)}.hero--no-promos{grid-template-columns:1fr}.promo-pair--single{grid-template-columns:1fr}.promo-pair--single .wide-banner--family{margin:0;padding:42px;border-radius:20px;background:#9baa87;color:#fff}.promo-pair--single .wide-banner p{max-width:660px;line-height:2}.promo-pair--single .wide-banner h2{font-size:32px;margin:8px 0}.promo-box>i{font-size:72px}.form-card+.representative-grid,.form-card+.blog-grid{margin-top:24px}
.hero--one-promo .promo:last-child{display:block}.hero-main__content .hero-offer span{max-width:55%;line-height:1.6}.promo-pair--single .wide-banner__art{font-size:150px;opacity:.28}
.hero-slide--image-fallback .produce-art img{object-fit:contain!important;padding:26px}
.selector-result{background:#edf7ff;border-radius:14px;padding:20px;margin-top:20px}.selector-result strong{font-size:16px;color:#284d96;direction:ltr}.mobile-only{display:none}.wishlist-item img{max-width:100%}
.site-notification-stack{position:fixed;z-index:190;top:132px;left:20px;width:min(430px,calc(100vw - 40px));display:grid;gap:10px}.site-notification{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start;padding:16px 18px;background:#fff;border:1px solid #d7e4d0;border-right:4px solid var(--green);border-radius:12px;box-shadow:0 14px 42px rgba(21,34,18,.18);animation:siteNoticeIn .25s ease}.site-notification strong{display:block;font-size:16px;margin-bottom:5px}.site-notification__content{color:var(--muted);line-height:1.8}.site-notification__content p,.site-notification__content ul,.site-notification__content ol,.site-notification__content blockquote{margin:.35em 0}.site-notification__content a{color:var(--green);text-decoration:underline}.site-notification__content img{display:block;max-width:100%;height:auto;margin:.5em 0;border-radius:8px}.site-notification__close{width:32px;height:32px;border-radius:50%;background:#f2f5ef;color:#41513c}.site-notification.is-closing{opacity:0;transform:translateY(-8px);transition:.2s}@keyframes siteNoticeIn{from{opacity:0;transform:translateY(-10px)}}
.content-page__body{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;line-height:2.15}.content-page__image{display:block;max-width:min(100%,900px);max-height:520px;object-fit:contain;margin:0 auto 28px;border-radius:14px}.rich-content img{max-width:100%;height:auto}.rich-content h2,.rich-content h3{margin:24px 0 10px}.rich-content ul,.rich-content ol{padding-right:24px;margin:12px 0}
@media(max-width:700px){.site-notification-stack{top:auto;bottom:78px;left:12px;width:calc(100vw - 24px)}}
@media(max-width:960px){.representative-grid{grid-template-columns:repeat(2,1fr)}.content-layout,.checkout-grid{grid-template-columns:1fr}.checkout-summary{position:static}.account-stat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.form-grid{grid-template-columns:1fr}.form-field--full{grid-column:auto}.account-shell{grid-template-columns:1fr}.account-sidebar-toggle{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:12px 16px;margin-bottom:14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--green)}.account-sidebar{display:block;position:fixed;z-index:1210;top:0;right:0;width:min(86vw,320px);height:100dvh;border:0;border-radius:0;padding:18px;overflow-y:auto;transform:translateX(110%);transition:transform .25s ease;box-shadow:-16px 0 40px rgba(0,0,0,.16)}.account-sidebar.is-open{transform:translateX(0)}.account-sidebar__profile button{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#f3f3f3}.account-side-nav{display:grid}.account-sidebar a{white-space:normal}.account-sidebar-backdrop{display:block;position:fixed;z-index:1200;inset:0;background:rgba(15,22,31,.46);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.account-sidebar-backdrop.is-open{opacity:1;visibility:visible}.account-stat-grid,.representative-grid{grid-template-columns:1fr}.page-hero{padding:24px 18px}.page-hero h1{font-size:25px}.hero-main__content .hero-offer span{max-width:100%}.promo-pair--single .wide-banner__art{font-size:88px}.mobile-only{display:block}}
.price-old { text-decoration: line-through; color: #999; font-size: 12px; position: absolute; top:60px; left: 0; }.shop-discount-badge{position: absolute; top: 30px; left: 0; background: red; border-radius: 50%; color: white; padding: 4px;}
.fa-solid.fa-circle {color: #ffb524;margin:2px;}
/* Native touch scrolling remains available on product and category carousels. */
@media (pointer:coarse) {
  .carousel__viewport,[data-drag-scroll] { touch-action:auto!important; scroll-snap-type:x proximity; cursor:auto; }
  .carousel__track,.carousel__track>* { touch-action:auto; }
}
/* Restrained secondary accent across the storefront. */
.section-heading>a { border-bottom-color:#ffb524; }
.heading-icon { border-color:#ffb524; color:#9a5b00; }
.shop-discount-badge { background:#ffb524; color:#332300; border-radius:7px; }
.safe-captcha { margin:14px 0; max-width:280px; padding:10px 13px; border:1px solid #f0d392; border-radius:9px; background:#fffaf0; color:#534421; }
.safe-captcha label { display:block; font-weight:700; }
.safe-captcha input { display:block; width:100%; min-height:40px; margin-top:6px; padding:6px 10px; background:#fff; border:1px solid #d9c49b; border-radius:6px; }

/* Full viewport quick links; the anchor is the flex item, not its nested article. */
.quick-categories.container{/*width:100%;*/max-width:none;box-sizing:border-box;margin-inline:0;padding-inline:24px;align-items:center;margin-inline:auto;width:min(1400px,calc(100%-38px));}
.quick-categories__track{gap:24px;min-width:0;overscroll-behavior-inline:contain}
.quick-categories__track>a{display:block;flex:0 0 130px;min-width:0;text-align:center}
.quick-categories__track>a article{width:100%;min-width:0}
@media(max-width:820px){.quick-categories.container{padding-inline:12px}.quick-categories__track{gap:16px}.quick-categories__track>a{flex-basis:110px}}
/* Horizontal drawers allow native vertical scrolling while JS handles sideways swipes. */
.drawer:not(.drawer--wishlist){touch-action:pan-y}
.account-sidebar{touch-action:pan-y}
.pager{max-width:100%;min-width:0;box-sizing:border-box;flex-wrap:wrap;overflow-wrap:anywhere}
.pager a,.pager span{flex:0 1 auto;box-sizing:border-box}
/* Touch uses the browser's native horizontal scroll; mouse uses the JS drag. */
.quick-categories__track{touch-action:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:none!important}

/* Selected items use the same browser-backed list in the account page and the drawer. */
.wishlist-page{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:15px;min-height:130px}
.wishlist-page .wishlist-item{min-width:0;border:1px solid var(--line);border-radius:12px;padding:12px;margin:0;background:#fff;align-items:start}
.wishlist-page .wishlist-item__info{min-width:0}
.wishlist-page .wishlist-item__info strong{overflow-wrap:anywhere}
.wishlist-page .wishlist-empty{grid-column:1/-1}
.search-modal .search-results{gap:12px;padding:12px;max-width:100%;box-sizing:border-box}
.search-modal .search-result{min-width:0;min-height:125px;grid-template-columns:90px minmax(0,1fr);column-gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 12px rgba(25,45,31,.04);background:#fff;transition:border-color .2s,box-shadow .2s}
.search-modal .search-result:hover{border-color:#ffb524;box-shadow:0 7px 20px rgba(25,45,31,.10)}
.search-modal .search-result img{grid-row:1/3;width:90px;height:90px;max-width:100%;border-radius:8px}
.search-modal .search-result span{grid-column:2;min-width:0;align-self:end}
.search-modal .search-result strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:16px}
.search-modal .search-result>b{grid-column:2;align-self:start;font-size:16px}
.search-modal .searchable-select{min-width:0}
@media(max-width:700px){
  .search-modal__content{width:calc(100% - 20px);max-width:100%;box-sizing:border-box}
  .search-modal__bar .searchable-select{grid-column:1/-1;grid-row:2;width:100%}
  .search-modal .search-results{grid-template-columns:minmax(0,1fr);min-height:0;max-height:min(56vh,540px);gap:8px;padding:8px 2px 16px}
  .search-modal .search-result{grid-template-columns:68px minmax(0,1fr);grid-template-rows:auto auto;min-height:88px;padding:8px;column-gap:10px}
  .search-modal .search-result img{grid-column:1;grid-row:1/3;width:68px;height:68px}
  .search-modal .search-result span{grid-column:2;grid-row:1;align-self:end}
  .search-modal .search-result strong{font-size:14px;line-height:1.4}
  .search-modal .search-result>b{grid-column:2;grid-row:2;font-size:14px}
  .wishlist-page{grid-template-columns:1fr}
}
.search-modal__bar .searchable-select__input{font-size:16px;padding:7px 11px;min-height:44px;border:0;border-inline-start:1px solid var(--line);border-radius:0}
.wishlist-page .wishlist-item{grid-template-columns:72px minmax(0,1fr)}
.wishlist-page .wishlist-item__image{width:72px;height:72px}
.wishlist-page .wishlist-item__actions{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 38px}
.form-field .searchable-select__input{min-height:46px}
@media(max-width:700px){.search-modal__bar .searchable-select__input{border:0;border-top:1px solid var(--line)}}
.bot-select-flowunit .searchable-select {
    position: absolute !important;
    top: 0;
    left:0;
    width: 96px !important;
    padding: 0 !important;
    direction:ltr;
    text-align:left;
}
    .bot-select-flowunit .searchable-select .searchable-select__input {
        text-align: left;
        padding: 0 !important;
    }
/*.selector-step .searchable-select__input[aria-label="واحد آبدهی"]{position:absolute;padding:0 !important; direction:ltr;text-align:left;width:112px;z-index:10;}*/
/* Home hero — append to the end of Content/theme/assets/css/storefront.css */
.hero.hero--editorial {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(250px, .8fr);
    gap: 14px;
    margin-top: 18px;
    margin-bottom: 26px;
    direction: rtl;
}
.hero.hero--editorial-solo { grid-template-columns: 1fr; }
.hero--editorial-one .hero-editorial__aside { grid-template-rows: 1fr; }
.hero--editorial .hero-editorial__main {
    position: relative;
    height: 350px;
    min-width: 0;
    overflow: hidden;
    isolation: isolate;
    border-radius: 24px;
    color: #fff;
    background: radial-gradient(circle at 17% 77%, #2e6585 0, transparent 38%),
                linear-gradient(120deg, #102f4c 0%, #17496b 58%, #1d6279 100%);
    box-shadow: 0 16px 36px rgba(19, 58, 84, .14);
}
.hero--editorial .hero-editorial__main::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .16;
    background-image: linear-gradient(45deg, transparent 48%, #fff 49%, #fff 50%, transparent 51%);
    background-size: 42px 42px;
    mask-image: linear-gradient(90deg, #000, transparent 55%);
}
.hero--editorial .hero-editorial__copy {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 58%;
    height: 100%;
    padding: 30px 42px 35px 20px;
}
.hero--editorial .hero-editorial__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ffcf63;
    font-size: 15px;
    font-weight: 700;
}
.hero--editorial .hero-editorial__eyebrow i { font-size: 8px; color: #ffb524; }
.hero--editorial h1 {
    max-width: 610px;
    margin: 13px 0 12px;
    color: #fff;
    font-size: clamp(29px, 3.1vw, 44px);
    font-weight: 800;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.hero--editorial .hero-editorial__copy > p {
    max-width: 520px;
    margin: 0;
    color: #dceaf2;
    font-size: 17px;
    line-height: 1.85;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.hero--editorial .hero-editorial__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 23px;
}
.hero--editorial .hero-editorial__button {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    min-height: 46px;
    padding: 7px 19px;
    border-radius: 10px;
    background: #ffb524;
    color: #242c34;
    font-size: 16px;
    font-weight: 800;
    transition: background .2s, transform .2s;
}
.hero--editorial .hero-editorial__button:hover { background: #ffd06b; transform: translateY(-2px); color: #242c34; }
.hero--editorial .hero-editorial__secondary { color: #e4f3fa; font-size: 15px; border-bottom: 1px solid #a0c0d0; }
.hero--editorial .hero-editorial__secondary:hover { color: #ffcf63; }
.hero--editorial .hero-editorial__visual {
    position: absolute;
    inset-block: 0;
    left: 0;
    display: grid;
    place-items: center;
    width: 45%;
    padding: 24px 26px;
}
.hero--editorial .hero-editorial__halo {
    position: absolute;
    width: min(94%, 345px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,255,.28), rgba(255,255,255,.07) 56%, transparent 70%);
    border: 1px solid rgba(255,255,255,.10);
}
.hero--editorial .hero-editorial__visual img {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 302px;
    object-fit: contain;
    filter: drop-shadow(0 14px 22px rgba(0, 21, 38, .22));
}
.hero--editorial .hero-editorial__aside { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 14px; min-width: 0; }
.hero--editorial .hero-feature {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dbe8ec;
    border-radius: 20px;
    padding: 20px 14px 20px 21px;
    color: #193850;
    background: #eaf4f5;
    transition: box-shadow .2s, transform .2s;
}
.hero--editorial .hero-feature:nth-child(2) { background: #fff3da; border-color: #f3e5c8; }
.hero--editorial .hero-feature:hover { transform: translateY(-3px); box-shadow: 0 12px 22px rgba(32, 62, 77, .10); color: #193850; }
.hero--editorial .hero-feature__copy { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; max-width: 63%; position: relative; z-index: 1; }
.hero--editorial .hero-feature__copy small { color: #557187; font-size: 13px; line-height: 1.2; }
.hero--editorial .hero-feature__copy strong { font-size: 21px; line-height: 1.3; font-weight: 800; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.hero--editorial .hero-feature__more { margin-top: 5px; color: #075b76; font-size: 14px; font-weight: 700; }
.hero--editorial .hero-feature:nth-child(2) .hero-feature__more { color: #996216; }
.hero--editorial .hero-feature__visual { display: grid; place-items: center; width: 40%; height: 128px; flex: 0 0 40%; color: #2b6781; font-size: 49px; }
.hero--editorial .hero-feature__visual img { width: 100%; height: 100%; object-fit: contain; }

@media (max-width: 1050px) {
    .hero.hero--editorial { grid-template-columns: minmax(0, 1.7fr) minmax(220px, .8fr); }
    .hero--editorial .hero-editorial__copy { width: 64%; padding-right: 26px; }
    .hero--editorial h1 { font-size: 31px; }
    .hero--editorial .hero-editorial__visual { width: 41%; }
}
@media (max-width: 760px) {
    .hero.hero--editorial { grid-template-columns: 1fr; gap: 10px; margin-top: 10px; margin-bottom: 18px; }
    .hero--editorial .hero-editorial__main { height: 220px; border-radius: 16px; }
    .hero--editorial .hero-editorial__copy { width: 64%; padding: 19px 19px 18px 8px; }
    .hero--editorial .hero-editorial__eyebrow { font-size: 11px; gap: 5px; }
    .hero--editorial h1 { font-size: clamp(19px, 5vw, 26px); margin: 8px 0 0; line-height: 1.34; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .hero--editorial .hero-editorial__copy > p, .hero--editorial .hero-editorial__secondary { display: none; }
    .hero--editorial .hero-editorial__actions { margin-top: 14px; }
    .hero--editorial .hero-editorial__button { min-height: 37px; padding: 6px 12px; font-size: 12px; gap: 7px; border-radius: 8px; }
    .hero--editorial .hero-editorial__visual { width: 41%; padding: 10px 8px; }
    .hero--editorial .hero-editorial__visual img { max-height: 195px; }
    .hero--editorial .hero-editorial__aside { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto; gap: 8px; }
    .hero--editorial .hero-feature { height: 82px; padding: 8px 9px; border-radius: 12px; }
    .hero--editorial .hero-feature__copy { max-width: 76%; gap: 3px; }
    .hero--editorial .hero-feature__copy small { font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
    .hero--editorial .hero-feature__copy strong { font-size: 14px; -webkit-line-clamp: 2; }
    .hero--editorial .hero-feature__more { display: none; }
    .hero--editorial .hero-feature__visual { width: 34%; flex-basis: 34%; height: 65px; font-size: 25px; }
}
@media (max-width: 390px) {
    .hero--editorial .hero-editorial__main { height: 208px; }
    .hero--editorial .hero-editorial__copy { width: 68%; }
    .hero--editorial .hero-editorial__visual { width: 36%; }
    .hero--editorial h1 { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
    .hero--editorial .hero-feature, .hero--editorial .hero-editorial__button { transition: none; }
}

/* Keep the editorial design while using the existing app.js slider controls. */
.hero--editorial .hero-main.hero-editorial__main { cursor: grab; touch-action: pan-y pinch-zoom; }
.hero--editorial .hero-main.hero-editorial__main.is-dragging { cursor: grabbing; }
.hero--editorial .hero-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(20px);
    transition: opacity .35s ease, transform .35s ease, visibility .35s ease;
}
.hero--editorial .hero-slide.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
}
.hero--editorial .slider-arrow {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255,255,255,.94);
    color: #173b54;
    font-size: 18px;
    opacity: 1;
    visibility: visible;
    transform: none;
    translate: 0 -50%;
}
.hero--editorial .slider-arrow--prev { right: 12px; left: auto; }
.hero--editorial .slider-arrow--next { left: 12px; right: auto; }
.hero--editorial .slider-dots {
    z-index: 9;
    right: 26px;
    left: auto;
    bottom: 14px;
    translate: none;
    padding: 7px 9px;
    border-radius: 20px;
    background: rgba(9,36,58,.40);
}
.hero--editorial .slider-dots button { background: rgba(255,255,255,.65); }
.hero--editorial .slider-dots button.is-active { background: #ffb524; }
@media (max-width: 760px) {
    .hero--editorial .slider-arrow { display: none; }
    .hero--editorial .slider-dots { right: 14px; bottom: 7px; padding: 5px 7px; }
    .hero--editorial .slider-dots button { width: 6px; height: 6px; }
    .hero--editorial .slider-dots button.is-active { width: 17px; }
}

/* Gesture starts from drawer content as well as its heading. */
@media(max-width:900px){
  .drawer:not(.drawer--wishlist),.drawer:not(.drawer--wishlist) .drawer__body,
  .shop-sidebar,.shop-sidebar *,.account-sidebar,.account-sidebar *{touch-action:pan-y pinch-zoom}
}

.wishlist-pagination button{min-width:38px;height:38px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);padding:0 12px;cursor:pointer}
.wishlist-pagination button.is-active{background:var(--green);border-color:var(--green);color:#fff}



.benefits__track {
    display: flex;
    flex-wrap: nowrap;
    /*width: max-content;*/
    /*direction: ltr;*/
    will-change: auto;
}

    .benefits__track > div {
        flex-shrink: 0;
        direction: rtl;
    }

    .benefits__track.is-moving {
        animation: benefits-loop var(--benefits-duration, 25s) linear infinite;
        animation-delay: 2s;
    }

        .benefits__track.is-moving:not(.is-paused) {
            will-change: transform;
        }

@keyframes benefits-loop {
    from {
        transform: translate3d(var(--benefits-offset), 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.benefits__track:hover {
    animation-play-state: running;
}

.benefits__track.is-paused,
.benefits__track:focus-within {
    animation-play-state: paused;
}

@media (hover: hover) {
    .benefits__track:not(.is-paused):hover {
        animation-play-state: paused;
    }
}

@media (prefers-reduced-motion: reduce) {
    .benefits__track.is-moving {
        animation: none !important;
        transform: none !important;
    }
}