/* DILFISH v25 — SEO, AI, home sections */
.v25-hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.v25-categories .category-card{display:flex;flex-direction:column;gap:8px;min-height:96px}
.v25-categories .category-card b{font-size:18px}
.v25-categories .category-card span{color:var(--muted,#6b7567);font-size:14px;line-height:1.35}
.v25-benefits .section-head.light h2{color:#fff}
.v25-delivery .info-box{padding:28px}
.v25-delivery .info-box h2{margin-top:0}
.v25-seo-text .article-card{padding:28px}
.v25-seo-text .text-content{color:var(--muted,#6b7567);line-height:1.7}
@media(max-width:700px){
  .v25-delivery .info-box,.v25-seo-text .article-card{padding:20px}
}

/* DILFISH v26 — catalog, product cards, orders, delivery/payment */

.catalog-toolbar{
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:14px 0 18px;
}
.catalog-sort-form select{
  min-height:44px;
  border:1px solid var(--line,#e4eadf);
  border-radius:14px;
  background:#fff;
  padding:0 12px;
  font-weight:800;
}
.catalog-description{
  max-width:760px;
  color:var(--muted,#6b7567);
  line-height:1.55;
}
.mobile-filter-head{display:none}
.stock-filter{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:800;
}
.stock-filter input{width:auto!important}
.catalog-overlay{display:none}

.v26-product-card{
  position:relative;
}
.v26-product-card .product-img{
  position:relative;
}
.product-badges{
  position:absolute;
  left:10px;
  top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  z-index:2;
}
.badge{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:var(--text,#172014);
  font-size:12px;
  font-weight:900;
  box-shadow:0 6px 18px rgba(23,32,20,.12);
}
.badge.sale{background:#fff0d9;color:#8a4b00}
.badge.new{background:#e8f6ee;color:#146c3f}
.badge.hit{background:#f3edff;color:#5b2fb0}
.badge.out{background:#f2f2f2;color:#767676}

.card-buy-form{
  display:grid;
  grid-template-columns:96px 1fr;
  gap:8px;
  margin-top:auto;
}
.qty-mini{
  display:grid;
  grid-template-columns:28px 1fr 28px;
  border:1px solid var(--line,#e4eadf);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}
.qty-mini button{
  border:0;
  background:#f6f8f4;
  font-weight:900;
  cursor:pointer;
}
.qty-mini input{
  width:100%;
  border:0;
  text-align:center;
  font-weight:800;
  outline:none;
  -moz-appearance:textfield;
}
.qty-mini input::-webkit-outer-spin-button,
.qty-mini input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}

.checkout-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-bottom:18px;
}
.checkout-steps span{
  background:#fff;
  border:1px solid var(--line,#e4eadf);
  border-radius:14px;
  padding:10px 12px;
  text-align:center;
  font-weight:800;
  color:var(--muted,#6b7567);
}
.checkout-steps .active{
  background:var(--accent,#1f7a3a);
  color:#fff;
  border-color:var(--accent,#1f7a3a);
}
.v26-checkout h2{
  margin:22px 0 10px;
}
.form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 14px;
}
.form-grid p,.v26-checkout p{
  margin:0 0 12px;
}
.v26-checkout label{
  display:block;
  font-weight:800;
  margin-bottom:6px;
}
.helptext{
  display:block;
  color:var(--muted,#6b7567);
  font-size:13px;
  margin-top:5px;
}
.v26-cart .summary .hint{
  margin-bottom:0;
}
.order-status-card{
  background:#f6f8f4;
  border:1px solid var(--line,#e4eadf);
  border-radius:20px;
  padding:18px;
  margin-bottom:18px;
}
.order-status-card p{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin:8px 0;
}
.order-history{
  display:grid;
  gap:10px;
}
.order-history>div{
  background:#fff;
  border:1px solid var(--line,#e4eadf);
  border-radius:16px;
  padding:12px;
}
.order-history b{
  display:block;
}
.order-history span{
  color:var(--accent,#1f7a3a);
  font-weight:900;
}
.order-history p{
  margin:6px 0 0;
  color:var(--muted,#6b7567);
}

.product-info .info-box{
  background:linear-gradient(135deg,#ffffff,#eef8ef);
}

@media(max-width:900px){
  .catalog-toolbar{display:flex}
  .catalog-sidebar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:min(92vw,380px)!important;
    max-height:100vh!important;
    overflow:auto!important;
    background:#fff!important;
    z-index:1001!important;
    transform:translateX(-105%)!important;
    transition:.22s ease!important;
    padding:16px!important;
    box-shadow:20px 0 50px rgba(0,0,0,.22)!important;
  }
  body.filter-open .catalog-sidebar{
    transform:translateX(0)!important;
  }
  body.filter-open .catalog-overlay{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    background:rgba(0,0,0,.42)!important;
    z-index:1000!important;
  }
  .mobile-filter-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:12px;
  }
  .mobile-filter-head b{
    font-size:22px;
  }
  .mobile-filter-head button{
    width:42px;
    height:42px;
    border:0;
    border-radius:50%;
    background:#f2f4ef;
    font-size:28px;
    line-height:1;
  }
  .catalog-layout{
    display:block!important;
  }
  .catalog-main{
    width:100%;
  }
}

@media(max-width:620px){
  .card-buy-form{
    grid-template-columns:1fr;
  }
  .qty-mini{
    display:none;
  }
  .form-grid{
    grid-template-columns:1fr;
  }
  .checkout-steps{
    grid-template-columns:1fr;
  }
  .order-status-card p{
    display:block;
  }
}
.cart-remove-form{display:inline;margin:0}.link-button{appearance:none;border:0;background:none;padding:0;color:var(--accent);cursor:pointer;text-decoration:underline;font:inherit}.checkout-consent{display:flex;gap:10px;align-items:flex-start}.checkout-consent input{width:auto;margin-top:4px}

/* DILFISH v27 — reviews */
.v27-rating-line{
  display:flex;
  align-items:center;
  gap:8px;
  margin:8px 0 12px;
  color:var(--muted,#6b7567);
  font-size:14px;
}
.stars{
  position:relative;
  display:inline-block;
  letter-spacing:1px;
  color:#d6d6d6;
  font-size:18px;
  line-height:1;
}
.stars::before{
  content:"★★★★★";
  position:absolute;
  left:0;
  top:0;
  width:calc((var(--rating,0) / 5) * 100%);
  overflow:hidden;
  white-space:nowrap;
  color:#f0b429;
}
.v27-reviews{
  margin-top:28px;
}
.reviews-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:18px;
  align-items:start;
  margin-bottom:18px;
}
.reviews-head h2{
  margin:0 0 6px;
}
.reviews-head p{
  margin:0;
  color:var(--muted,#6b7567);
}
.review-summary-card{
  background:#fff;
  border:1px solid var(--line,#e4eadf);
  border-radius:20px;
  padding:18px;
  text-align:center;
  box-shadow:0 12px 32px rgba(23,32,20,.06);
}
.review-summary-card strong{
  display:block;
  font-size:42px;
  line-height:1;
  margin-bottom:8px;
}
.review-summary-card em{
  display:block;
  margin-top:8px;
  color:var(--muted,#6b7567);
  font-style:normal;
}
.review-distribution{
  display:grid;
  gap:8px;
  max-width:520px;
  margin:0 0 18px;
}
.review-distribution>div{
  display:grid;
  grid-template-columns:38px 1fr 34px;
  align-items:center;
  gap:8px;
  color:var(--muted,#6b7567);
  font-size:14px;
}
.review-distribution i{
  height:8px;
  border-radius:99px;
  background:#eef1ec;
  overflow:hidden;
}
.review-distribution b{
  display:block;
  height:100%;
  background:#f0b429;
}
.reviews-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:18px;
  align-items:start;
}
.reviews-list{
  display:grid;
  gap:12px;
}
.v27-review{
  background:#fff;
  border:1px solid var(--line,#e4eadf);
  border-radius:18px;
  padding:16px;
}
.review-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
}
.review-top span{
  color:#f0b429;
  font-weight:900;
}
.v27-review time{
  display:block;
  margin-top:4px;
  color:var(--muted,#6b7567);
  font-size:13px;
}
.v27-review p{
  margin:10px 0 0;
  line-height:1.55;
}
.v27-review small{
  display:inline-block;
  margin-top:10px;
  color:var(--muted,#6b7567);
  font-size:12px;
}
.empty-review{
  background:#fff;
  border:1px dashed var(--line,#e4eadf);
  border-radius:18px;
  padding:18px;
  color:var(--muted,#6b7567);
}
.review-form-box{
  background:#fff;
  border:1px solid var(--line,#e4eadf);
  border-radius:20px;
  padding:18px;
  position:sticky;
  top:88px;
}
.review-form-box h3{
  margin:0 0 6px;
}
.review-form-box p{
  margin:0 0 14px;
  color:var(--muted,#6b7567);
}
.review-form-box label{
  display:block;
  font-weight:800;
  margin-bottom:12px;
}
.review-form-box input,
.review-form-box select,
.review-form-box textarea{
  display:block;
  width:100%;
  box-sizing:border-box;
  margin-top:6px;
  border:1px solid var(--line,#e4eadf);
  border-radius:14px;
  padding:12px;
  font:inherit;
}
.hp-field{
  position:absolute!important;
  left:-10000px!important;
  opacity:0!important;
}
.product-card .v27-card-rating{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--muted,#6b7567);
  font-size:13px;
  margin:4px 0 6px;
}
.product-card .v27-card-rating .stars{
  font-size:14px;
}

@media(max-width:900px){
  .reviews-head,
  .reviews-grid{
    grid-template-columns:1fr;
  }
  .review-summary-card{
    text-align:left;
  }
  .review-form-box{
    position:static;
  }
}


:root{
  --accent:#277be8;
  --accent-2:#57caf3;
  --accent-soft:#edf7ff;
  --accent-dark:#11396f;
  --dark:#0c2242;
  --text:#0a1d36;
  --muted:#60768f;
  --line:#dce8f5;
  --bg:#f5f9fe;
  --card:#ffffff;
}
body{background:linear-gradient(180deg,#f8fbff 0%,#eff6fd 100%)!important;color:var(--text)!important}
a{color:inherit}
.site-header.v30-header{background:#fff!important;border-bottom:1px solid rgba(9,50,91,.08);box-shadow:0 10px 28px rgba(6,43,87,.06);position:sticky;top:0;z-index:40}
.v30-topbar{background:linear-gradient(90deg,#103768,#1e4d8f 55%,#1c3c77);color:#e4f4ff;font-size:14px}
.v30-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px}
.v30-topbar-left,.v30-topbar-right{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.v30-iconline{display:inline-flex;align-items:center;gap:8px}
.v30-ico{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.16);font-size:11px;line-height:1;flex:0 0 18px}
.v30-header-main{display:grid!important;grid-template-columns:230px minmax(320px,1fr) auto!important;align-items:center!important;gap:26px!important;padding:18px 0 14px!important}
.logo.v30-logo{display:flex!important;align-items:center!important;text-decoration:none!important}
.logo.v30-logo img{max-width:220px!important;max-height:76px!important;object-fit:contain!important}
.v30-logo-fallback{width:210px;height:62px;border-radius:18px;background:linear-gradient(135deg,#0f3e78,#2c7ae1);color:#fff;display:flex;flex-direction:column;justify-content:center;padding-left:18px;box-shadow:0 16px 34px rgba(8,49,95,.18)}
.v30-logo-fallback b{font-size:26px;letter-spacing:.06em;line-height:1}.v30-logo-fallback span{font-size:11px;letter-spacing:.35em;color:#cdeeff}
.search.v30-search{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:7px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:0 10px 24px rgba(6,43,87,.05)!important;overflow:visible!important;min-height:64px}
.search.v30-search:before{content:'⌕';position:absolute;left:19px;top:50%;transform:translateY(-50%);color:#8194ac;font-size:22px;z-index:1}
.search.v30-search input{border:0!important;outline:0!important;min-height:48px!important;padding:0 14px 0 52px!important;font-size:17px!important;background:transparent!important;width:100%!important}
.search.v30-search button{margin:0!important;border:0!important;border-radius:16px!important;padding:0 24px!important;min-width:110px;min-height:48px!important;background:linear-gradient(135deg,#1d67cc,#2354a4)!important;color:#fff!important;font-weight:900!important;cursor:pointer!important;align-self:stretch}
.v30-header-actions{display:flex;align-items:center;gap:12px}
.cart-link.v30-cart{display:flex!important;align-items:center!important;gap:10px!important;min-height:58px!important;padding:0 20px!important;border-radius:18px!important;background:linear-gradient(135deg,#1d67cc,#2354a4)!important;color:#fff!important;text-decoration:none!important;box-shadow:0 12px 28px rgba(29,103,204,.2)!important}.cart-link.v30-cart b{min-width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#1e4d8f;font-size:14px}
.top-nav.v30-nav{display:flex!important;align-items:center!important;gap:18px!important;padding:0 0 16px!important}.top-nav.v30-nav a{text-decoration:none!important;color:#183656!important;font-weight:800!important;padding:10px 12px!important;border-radius:14px!important}
.v30-catalog-menu{min-width:238px;background:linear-gradient(135deg,#2d85eb,#4c9cf4)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;box-shadow:0 14px 30px rgba(39,123,232,.2);font-weight:900!important}.v30-catalog-menu span:first-child{font-size:20px;line-height:1}.v30-catalog-menu span:last-child{opacity:.82}

.v30-hero-shell{padding:22px 0 10px}.v30-hero-slider{position:relative;min-height:500px;border-radius:28px;overflow:hidden;box-shadow:0 24px 58px rgba(5,45,91,.14);background:#d6efff}.v30-hero-track{position:relative;min-height:500px}
.v30-hero-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,610px);gap:22px;align-items:center;padding:42px 70px;opacity:0;pointer-events:none;transition:opacity .45s ease, transform .45s ease;transform:scale(1.01);background:linear-gradient(90deg,rgba(243,250,255,.96) 0%,rgba(217,240,255,.88) 48%,rgba(101,185,233,.45) 100%),var(--slide-bg, none),radial-gradient(circle at 76% 28%,rgba(87,202,243,.32),transparent 35%),linear-gradient(135deg,#eef8ff,#ccecff 45%,#8fcbf2);background-size:cover;background-position:center}.v30-hero-slide.is-active{opacity:1;pointer-events:auto;transform:scale(1);z-index:2}.v30-hero-copy{position:relative;z-index:3;max-width:600px;display:flex;flex-direction:column;justify-content:center;align-self:center}.v30-eyebrow{color:#2d74d3;text-transform:uppercase;letter-spacing:.2em;font-size:14px;font-weight:950;margin-bottom:16px}.v30-hero-copy h1{margin:0;font-size:clamp(34px,4.25vw,64px);line-height:.98;letter-spacing:-.05em;color:#071d3a;max-width:560px}.v30-hero-copy p{max-width:540px;margin:18px 0 0;color:#34526b;font-size:18px;line-height:1.42}.v30-hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:24px}.v30-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding:0 26px;border-radius:17px;text-decoration:none;font-weight:950;box-shadow:0 12px 24px rgba(6,43,87,.1)}.v30-btn-primary{background:linear-gradient(135deg,#1d67cc,#2354a4);color:#fff}.v30-btn-light{background:rgba(255,255,255,.92);color:#1e4d8f;border:1px solid rgba(39,123,232,.16)}
.v30-hero-visual{position:relative;z-index:3;min-height:320px;display:flex;align-items:center}.v30-water-card{position:absolute;border:2px solid rgba(255,255,255,.7);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(158,223,255,.36));backdrop-filter:blur(10px);box-shadow:0 18px 42px rgba(5,45,91,.18);overflow:hidden}.v30-water-card img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 14px 14px rgba(6,43,87,.14))}.v30-water-card-main{left:0;top:10px;width:67%;height:280px;padding:22px}.v30-water-card-small{right:0;width:36%;height:126px;padding:14px}.v30-water-card-a{top:10px}.v30-water-card-b{bottom:12px}.v30-water-card-small span{display:flex;height:100%;align-items:center;justify-content:center;font-size:58px;color:#2d74d3}.v30-quality-badge{position:absolute;left:20px;bottom:16px;display:flex;flex-direction:column;gap:2px;border-radius:15px;background:rgba(255,255,255,.94);color:#1e4d8f;padding:11px 14px;box-shadow:0 10px 22px rgba(6,43,87,.1)}.v30-quality-badge b{font-size:13px}.v30-quality-badge span{font-size:12px;color:#59758f}
.v30-lure-illus{width:72%;height:46%;margin:70px auto 0;border-radius:50% 48% 52% 48%;background:linear-gradient(90deg,#1d67cc,#7fdffb 42%,#ffffff 52%,#2d74d3);transform:rotate(-10deg);box-shadow:0 24px 38px rgba(6,43,87,.17)}
.v30-hero-arrow{position:absolute;top:50%;z-index:5;width:50px;height:50px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:#1e4d8f;font-size:42px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 26px rgba(6,43,87,.12)}.v30-hero-prev{left:18px}.v30-hero-next{right:18px}.v30-hero-dots{position:absolute;left:50%;bottom:16px;z-index:5;transform:translateX(-50%);display:flex;gap:10px}.v30-hero-dots button{width:12px;height:12px;border-radius:999px;border:2px solid #fff;background:rgba(255,255,255,.7);cursor:pointer;padding:0}.v30-hero-dots button.is-active{width:28px;background:#1d67cc}

.v30-section-head{align-items:center;margin-bottom:18px}.v30-section-head h2{color:#071d3a;letter-spacing:-.035em}.v30-section-head a{color:#2d74d3;font-weight:900;text-decoration:none}
.v30-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.v30-category-card{position:relative;min-height:150px;padding:18px;display:grid;grid-template-columns:104px 1fr 30px;gap:16px;align-items:center;border-radius:24px;background:linear-gradient(145deg,#fff,#f5fbff);border:1px solid rgba(39,123,232,.1);box-shadow:0 14px 30px rgba(6,43,87,.07);text-decoration:none;color:#061b33;overflow:hidden;transition:.2s ease}.v30-category-card:before{content:'';position:absolute;inset:auto -30px -36px auto;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(87,202,243,.18),transparent 70%)}.v30-category-card:hover{transform:translateY(-3px);box-shadow:0 24px 45px rgba(6,43,87,.12);border-color:rgba(39,123,232,.22)}.v30-category-image{width:104px;height:104px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:linear-gradient(135deg,#edf8ff,#ffffff);border:1px solid rgba(39,123,232,.08);overflow:hidden}.v30-category-image img{width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(6,43,87,.12))}.v30-category-image span{font-size:44px;color:#2d74d3}.v30-category-card b{display:block;font-size:20px;line-height:1.15}.v30-category-card small{display:block;margin-top:8px;color:#607991;font-size:14px}.v30-category-card em{width:30px;height:30px;border-radius:50%;background:#e9f4ff;color:#2d74d3;font-style:normal;display:flex;align-items:center;justify-content:center;font-weight:900}
.v30-benefits{margin:34px 0;background:linear-gradient(135deg,#163c70,#275fb3 58%,#4ab7ea);color:#fff;padding:42px 0}.v30-benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.v30-benefits-grid>div{min-width:0;overflow-wrap:anywhere}.v30-benefits-grid>div{border-radius:22px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);padding:22px}.v30-benefits-grid span{font-size:26px}.v30-benefits-grid b{display:block;margin-top:12px;font-size:18px}.v30-benefits-grid p{margin:8px 0 0;color:#d3efff;line-height:1.45}
.site-footer.v30-footer{background:linear-gradient(135deg,#0e2850,#173d72 58%,#214f93)!important;color:#dff5ff!important;margin-top:48px!important;padding:0!important;overflow:hidden}.v30-footer-inner{position:relative;display:grid;grid-template-columns:1.2fr .9fr .9fr .9fr 1.1fr;gap:32px;padding:42px 0 28px}.v30-footer-inner:after{content:'';position:absolute;right:-80px;bottom:-90px;width:360px;height:260px;background:radial-gradient(circle,rgba(87,202,243,.24),transparent 68%);pointer-events:none}.v30-footer-logo{display:flex;flex-direction:column;gap:12px}.v30-footer-logo img{max-width:180px;max-height:70px;object-fit:contain}.v30-footer-logo b{font-size:26px;letter-spacing:.06em}.v30-footer p{color:#c7e4f6;line-height:1.45;margin:8px 0}.v30-footer h3{margin:0 0 12px;color:#fff;font-size:18px}.v30-footer a{display:block;color:#d7efff!important;text-decoration:none!important;margin:9px 0}.v30-footer a:hover{color:#fff!important}.v30-socials{display:flex;gap:10px;margin-top:16px}.v30-socials a{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;margin:0;background:rgba(255,255,255,.08)}.v30-footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:16px 0;color:#b9d7eb;text-align:center;font-size:14px}
@media(max-width:1100px){.v30-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v30-header-main{grid-template-columns:200px 1fr auto!important;gap:16px!important}.v30-hero-slide{grid-template-columns:1fr;min-height:700px;padding:38px 46px 56px}.v30-hero-slider,.v30-hero-track{min-height:700px}.v30-hero-visual{min-height:300px}.v30-category-grid{grid-template-columns:repeat(3,1fr)}.v30-footer-inner{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.site-header.v30-header{position:relative}.v30-topbar-inner{justify-content:center;text-align:center}.v30-topbar-left{display:none}.v30-header-main{grid-template-columns:1fr!important}.logo.v30-logo{justify-content:center!important}.search.v30-search{width:100%}.v30-header-actions{justify-content:center}.top-nav.v30-nav{overflow:auto;white-space:nowrap;padding-bottom:12px!important}.v30-catalog-menu{min-width:auto}.v30-hero-slider,.v30-hero-track{min-height:760px}.v30-hero-slide{padding:34px 22px 58px;min-height:760px}.v30-hero-copy h1{font-size:40px}.v30-hero-copy p{font-size:16px}.v30-water-card-main{width:80%;height:235px}.v30-water-card-small{width:42%;height:108px}.v30-hero-arrow{display:none}.v30-category-grid{grid-template-columns:1fr}.v30-category-card{grid-template-columns:86px 1fr 30px;min-height:120px}.v30-category-image{width:86px;height:86px}.v30-benefits-grid{grid-template-columns:1fr}.v30-footer-inner{grid-template-columns:1fr}}

/* DILSHOP v32 — home assets */
.v30-hero-slider{min-height:500px!important}
.v30-hero-track{min-height:500px!important}
.v30-hero-slide{min-height:500px!important}
.v30-water-card img{
  object-fit:contain!important;
  padding:4px;
}
.v30-water-card-main img{
  transform:scale(1.03);
}
.v30-water-card-small img{
  transform:scale(.96);
}
.v30-category-image img{
  object-fit:contain!important;
  padding:8px;
  background:#fff;
}
.v30-category-card{
  min-height:150px!important;
}
@media(max-width:760px){
  .v30-hero-slider,.v30-hero-track,.v30-hero-slide{min-height:760px!important}
}

/* DILSHOP v33 — full background slider */
.v33-hero-shell{
  padding:24px 0 10px;
}
.v33-hero-slider{
  position:relative;
  min-height:470px;
  border-radius:28px;
  overflow:hidden;
  background:#dff3ff;
  box-shadow:0 24px 58px rgba(5,45,91,.14);
}
.v33-hero-track{
  position:relative;
  min-height:470px;
}
.v33-hero-slide{
  position:absolute;
  inset:0;
  min-height:470px;
  opacity:0;
  pointer-events:none;
  transform:scale(1.01);
  transition:opacity .45s ease, transform .45s ease;
  background-image:
    linear-gradient(90deg, rgba(246,251,255,.92) 0%, rgba(246,251,255,.74) 33%, rgba(246,251,255,.26) 58%, rgba(246,251,255,0) 100%),
    var(--v33-bg);
  background-size:cover;
  background-position:center;
}
.v33-hero-slide.is-active{
  opacity:1;
  pointer-events:auto;
  transform:scale(1);
  z-index:2;
}
.v33-hero-content{
  position:relative;
  z-index:3;
  max-width:650px;
  padding:76px 64px;
}
.v33-eyebrow{
  color:#277be8;
  text-transform:uppercase;
  letter-spacing:.2em;
  font-size:14px;
  font-weight:950;
  margin-bottom:16px;
}
.v33-hero-content h1{
  margin:0;
  max-width:620px;
  color:#071d3a;
  font-size:clamp(36px,4.4vw,68px);
  line-height:1.02;
  letter-spacing:-.055em;
}
.v33-hero-content p{
  max-width:520px;
  margin:20px 0 0;
  color:#28465f;
  font-size:19px;
  line-height:1.42;
}
.v33-hero-actions{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  margin-top:32px;
}
.v33-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:58px;
  padding:0 28px;
  border-radius:17px;
  text-decoration:none;
  font-weight:950;
  box-shadow:0 12px 24px rgba(6,43,87,.12);
}
.v33-btn-primary{
  background:linear-gradient(135deg,#1d67cc,#2354a4);
  color:#fff;
}
.v33-btn-light{
  background:rgba(255,255,255,.92);
  color:#1e4d8f;
  border:1px solid rgba(39,123,232,.16);
}
.v33-hero-arrow{
  position:absolute;
  top:50%;
  z-index:5;
  width:50px;
  height:50px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.94);
  color:#1e4d8f;
  font-size:42px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 12px 26px rgba(6,43,87,.12);
}
.v33-hero-prev{left:18px}
.v33-hero-next{right:18px}
.v33-hero-dots{
  position:absolute;
  left:50%;
  bottom:18px;
  z-index:5;
  transform:translateX(-50%);
  display:flex;
  gap:10px;
}
.v33-hero-dots button{
  width:12px;
  height:12px;
  border-radius:999px;
  border:2px solid #fff;
  background:rgba(255,255,255,.7);
  cursor:pointer;
  padding:0;
}
.v33-hero-dots button.is-active{
  width:28px;
  background:#1d67cc;
}
@media(max-width:900px){
  .v33-hero-slider,.v33-hero-track,.v33-hero-slide{
    min-height:600px;
  }
  .v33-hero-slide{
    background-image:
      linear-gradient(180deg, rgba(246,251,255,.94) 0%, rgba(246,251,255,.72) 44%, rgba(246,251,255,.16) 100%),
      var(--v33-bg);
    background-position:center bottom;
  }
  .v33-hero-content{
    padding:44px 26px;
  }
  .v33-hero-content h1{
    font-size:42px;
  }
  .v33-hero-content p{
    font-size:16px;
  }
  .v33-hero-arrow{
    display:none;
  }
}

/* DILSHOP v34 — slider switch + rich text fix */
.v33-hero-text{
  max-width:520px;
  margin:20px 0 0;
  color:#28465f;
  font-size:19px;
  line-height:1.42;
}
.v33-hero-text p{
  margin:0 0 .45em;
}
.v33-hero-text p:last-child{
  margin-bottom:0;
}
.v33-hero-text br{
  display:none;
}
.v33-hero-dots button,
.v30-hero-dots button{
  transition:width .2s ease, background-color .2s ease;
}
@media(max-width:900px){
  .v33-hero-text{
    font-size:16px;
  }
}

/* DILSHOP v36 — спокойный минималистичный интерфейс и Ozon-first продажи. */
:root {
  --v36-ink: var(--heading-color, #101828);
  --v36-muted: var(--muted, #667085);
  --v36-soft: #f2f4f7;
  --v36-bg: var(--bg, #f8f9fb);
  --v36-line: var(--line, #e4e7ec);
  --v36-blue: var(--button-bg, #005bff);
  --v36-blue-hover: var(--button-hover-bg, #0047cc);
  --v36-shadow: 0 16px 42px rgba(16, 24, 40, .07);
}

html { scroll-behavior: smooth; }
body {
  background: var(--v36-bg) !important;
  color: var(--v36-ink) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
main { min-height: 58vh; }
a, button { transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease; }

.container { width: min(var(--container-width, 1240px), calc(100% - 40px)) !important; }
.section { padding-top: var(--section-spacing, 64px) !important; padding-bottom: 12px !important; }
.section-head,
.v30-section-head { align-items: flex-end !important; margin-bottom: 24px !important; }
.section-head h1,
.section-head h2,
.v30-section-head h2 {
  color: var(--v36-ink) !important;
  font-size: clamp(26px, 3vw, var(--font-h2-size, 42px)) !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
  margin: 0 !important;
}
.section-head a,
.v30-section-head a { color: var(--v36-muted) !important; font-weight: 700 !important; }
.section-head a:hover,
.v30-section-head a:hover { color: var(--v36-blue) !important; }

/* Header */
.site-header.v30-header {
  background: var(--header-bg, #fff) !important;
  border-bottom: 1px solid var(--v36-line) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px);
}
.v30-topbar { background: var(--topbar-bg, #101828) !important; color: var(--topbar-text, #fff) !important; }
.v30-topbar-inner { min-height: 36px !important; font-size: var(--font-topbar-size, 12px) !important; letter-spacing: .01em; }
.v30-topbar-left,
.v30-topbar-right { gap: 22px !important; }
.v30-iconline { color: var(--topbar-text, #fff) !important; font-weight: 600 !important; opacity:.84; }
.v30-iconline:hover { color: var(--topbar-text, #fff) !important; opacity:1; }
.v30-ico { color: #84adff !important; }
.v30-header-main {
  grid-template-columns: minmax(220px, 300px) minmax(280px, 1fr) auto !important;
  gap: 28px !important;
  min-height: 124px;
  padding: 12px 0 !important;
}
.v30-header-main.v38-header-main--ozon {
  grid-template-columns: minmax(220px, 300px) minmax(280px, 1fr) !important;
}
.logo.v30-logo {
  width: min(var(--header-logo-width, 280px), 100%) !important;
  min-height: 96px;
  justify-content: flex-start !important;
}
.logo.v30-logo img {
  width: 100% !important;
  height: 108px !important;
  max-width: var(--header-logo-width, 280px) !important;
  max-height: 108px !important;
  object-fit: contain !important;
  object-position: left center;
}
.v30-logo-fallback b { color: var(--v36-ink) !important; letter-spacing: -.03em !important; }
.v30-logo-fallback span { color: var(--v36-blue) !important; letter-spacing: .2em !important; }
.search.v30-search {
  min-height: 52px;
  background: #f9fafb !important;
  border: 1px solid var(--v36-line) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.search.v30-search:focus-within { border-color: #98a2b3 !important; box-shadow: 0 0 0 4px rgba(152, 162, 179, .12) !important; }
.v30-search input { color: var(--v36-ink) !important; font-size: 15px !important; }
.v30-search button {
  background: var(--button-bg, var(--v36-ink)) !important;
  border-color: var(--button-bg, var(--v36-ink)) !important;
  border-radius: 11px !important;
  min-width: 92px;
}
.v30-search button:hover { background: var(--button-hover-bg, #344054) !important; }
.top-nav.v30-nav {
  min-height: 52px;
  align-items: center !important;
  gap: 30px !important;
  padding: 0 !important;
  border-top: 1px solid #f2f4f7;
  color: #344054 !important;
  font-size: var(--font-nav-size, 14px);
  font-weight: 700 !important;
}
.top-nav.v30-nav > a { padding: 16px 0 !important; }
.top-nav.v30-nav > a:hover { color: var(--v36-blue) !important; }
.v30-catalog-menu {
  min-width: auto !important;
  gap: 12px;
  background: transparent !important;
  color: var(--v36-ink) !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.v30-catalog-menu span:last-child { display: none; }

/* Buttons */
.btn,
.search button,
.cart-link {
  border-radius: var(--radius-button, 12px) !important;
  min-height: var(--button-height, 46px);
  padding-inline: var(--button-padding-x, 18px);
  font-size: var(--font-button-size, 13px);
  box-shadow: none !important;
}
.btn.primary { background: var(--button-bg, var(--v36-ink)) !important; border-color: var(--button-bg, var(--v36-ink)) !important; color:var(--button-text-color,#fff)!important; }
.btn.primary:hover { background: var(--button-hover-bg, #344054) !important; border-color: var(--button-hover-bg, #344054) !important; transform: translateY(-1px); }
.v36-ozon-button {
  min-height: var(--button-height, 46px) !important;
  gap: 10px;
  background: var(--v36-blue) !important;
  border: 1px solid var(--v36-blue) !important;
  color: var(--button-text-color, #fff) !important;
  font-size: var(--font-button-size, 13px) !important;
  font-weight: 800;
}
.v36-ozon-button:hover { background: var(--v36-blue-hover) !important; border-color: var(--v36-blue-hover) !important; transform: translateY(-1px); }
.v36-ozon-button.is-disabled { opacity: .55; pointer-events: none; background: #98a2b3 !important; border-color: #98a2b3 !important; }

/* New-arrivals carousel */
.v33-hero-shell { display: none !important; }
.v36-new-arrivals {
  padding: 54px 0 46px;
  background: #fff;
  border-bottom: 1px solid var(--v36-line);
}
.v36-arrivals-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 26px; }
.v36-arrivals-heading span { color: var(--v36-blue); font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.v36-arrivals-heading h1 { max-width: 720px; margin: 7px 0 0; font-size: clamp(32px, 5vw, var(--font-h1-size, 62px)); line-height: .98; letter-spacing: -.055em; }
.v36-carousel-controls { display: flex; gap: 8px; }
.v36-carousel-controls button {
  width: 48px;
  height: 48px;
  border: 1px solid var(--v36-line);
  border-radius: 50%;
  background: #fff;
  color: var(--v36-ink);
  font-size: 20px;
  cursor: pointer;
}
.v36-carousel-controls button:hover { border-color: var(--v36-ink); background: var(--v36-ink); color: #fff; }
.v36-carousel { position: relative; overflow: hidden; isolation: isolate; }
.v36-carousel .product-grid {
  display: flex !important;
  align-items: stretch;
  gap: 18px !important;
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding: 2px 0 14px;
}
.v36-carousel .product-grid::before,
.v36-carousel .product-grid::after { content: none !important; display: none !important; }
.v36-carousel .product-grid::-webkit-scrollbar { display: none; }
.v36-carousel .product-card {
  flex: 0 0 calc((100% - 54px) / 4);
  min-width: 235px;
  scroll-snap-align: start;
}
.v36-all-products { display: inline-flex; gap: 8px; margin-top: 18px; color: var(--v36-ink); font-weight: 800; }
.v36-all-products:hover { color: var(--v36-blue); }

/* Product cards */
.product-grid.v26-product-grid,
.product-grid {
  gap: var(--grid-gap, 20px) !important;
}
.product-card.v26-product-card,
.product-card {
  overflow: hidden !important;
  background: var(--card, #fff) !important;
  border: 1px solid var(--v36-line) !important;
  border-radius: var(--radius-card, 18px) !important;
  box-shadow: none !important;
}
.product-card:hover { transform: translateY(-3px); border-color: #d0d5dd !important; box-shadow: var(--v36-shadow) !important; }
.product-img {
  display: block;
  aspect-ratio: var(--product-card-image-ratio, 3 / 4) !important;
  background: var(--v36-soft) !important;
  border-radius: 0 !important;
  overflow: hidden;
}
.product-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.product-badges { top: 12px !important; left: 12px !important; gap: 6px !important; }
.badge { border-radius: 999px !important; padding: 6px 9px !important; font-size: 10px !important; letter-spacing: .03em; box-shadow: none !important; }
.product-body { display: flex; flex-direction: column; min-height: 235px; padding: var(--product-card-padding, 18px) !important; }
.product-title {
  min-height: 44px;
  color: var(--v36-ink) !important;
  font-size: var(--font-product-title-size, 15px) !important;
  font-weight: 750 !important;
  line-height: 1.42 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.price-row { margin-top: auto !important; padding-top: 14px; }
.price-row b { color: var(--price-color, var(--v36-ink)) !important; font-size: var(--font-price-size, 22px) !important; letter-spacing: -.03em; }
.price-row span { color: #98a2b3 !important; }
.stock { font-size: 12px !important; font-weight: 700 !important; }
.stock.yes { color: var(--success-color, #067647) !important; }
.stock.no { color: #b42318 !important; }
.product-body .v36-ozon-button { margin-top: 12px; }

/* Categories and content cards */
.v30-categories { padding-top: 64px !important; }
.v30-category-grid { gap: 14px !important; }
.v30-category-card {
  background: #fff !important;
  border: 1px solid var(--v36-line) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
.v30-category-card:hover { transform: translateY(-2px); border-color: #c7d7fe !important; box-shadow: var(--v36-shadow) !important; }
.v30-category-image { border-radius: 12px !important; background: var(--v36-soft) !important; }
.v30-category-image img { object-fit: cover !important; }
.v30-benefits { margin-top: 74px !important; padding: 64px 0 !important; background: #101828 !important; }
.v30-benefits-grid > div { background: transparent !important; border: 0 !important; color: #fff !important; padding: 0 22px !important; box-shadow: none !important; }
.v30-benefits-grid p { color: #98a2b3 !important; }
.v30-benefits-grid > div > span { color: #84adff !important; }
.article-card,
.post-card,
.tabs,
.checkout-form,
.success-box {
  background: #fff !important;
  border: 1px solid var(--v36-line) !important;
  border-radius: var(--radius-card, 18px) !important;
  box-shadow: none !important;
}

/* Product detail */
.product-detail { gap: clamp(28px, 5vw, 72px) !important; align-items: start; }
.gallery,
.product-info {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.gallery { position: sticky; top: 184px; }
.main-photo-button,
.main-photo,
.no-img.big {
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  height: auto !important;
  border-radius: 18px !important;
  background: #fff !important;
  border: 1px solid var(--v36-line) !important;
  object-fit: contain !important;
}
.thumbs { gap: 9px !important; margin-top: 12px !important; }
.thumb-btn { width: 68px !important; height: 82px !important; border-radius: 10px !important; background: #fff !important; border: 1px solid var(--v36-line) !important; }
.thumb-btn.active { border-color: var(--v36-blue) !important; box-shadow: 0 0 0 2px rgba(0, 91, 255, .12) !important; }
.thumb-btn img { width: 100%; height: 100%; object-fit: cover; }
.product-info .eyebrow { color: var(--v36-muted) !important; font-size: 12px !important; text-transform: uppercase; letter-spacing: .08em; }
.product-info h1 { margin: 10px 0 18px !important; font-size: clamp(30px, 4vw, var(--font-h1-size, 52px)) !important; line-height: 1.03 !important; letter-spacing: -.045em !important; }
.v56-product-promo { margin: 4px 0 20px; }
.v56-product-promo-toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 56px;
  padding: 12px 18px;
  border: 0;
  border-radius: 15px;
  background: #f2f4f7;
  color: #102a43;
  font: inherit;
  font-size: 16px;
  font-weight: 650;
  text-align: left;
  cursor: pointer;
  transition: background-color .18s ease, transform .18s ease;
}
.v56-product-promo-toggle:hover { background: #e9eef5; }
.v56-product-promo-toggle:active { transform: scale(.995); }
.v56-product-promo-toggle:focus-visible,
.v56-product-promo-code:focus-visible,
.v56-product-promo-details a:focus-visible { outline: 3px solid rgba(0, 91, 255, .28); outline-offset: 2px; }
.v56-product-promo-toggle svg { width: 26px; height: 26px; flex: 0 0 26px; }
.v56-product-promo-chevron { margin-left: auto; color: #98a2b3; font-size: 30px; line-height: 1; transition: transform .18s ease; }
.v56-product-promo.is-open .v56-product-promo-chevron { transform: rotate(90deg); }
.v56-product-promo-details {
  margin-top: 9px;
  padding: 12px 14px 10px;
  border: 1px solid #dbe5f2;
  border-radius: 14px;
  background: #f8faff;
}
.v56-product-promo-details[hidden] { display: none !important; }
.v56-product-promo-code {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 2px 14px;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: #101828;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.v56-product-promo-code > span { color: #667085; font-size: 11px; font-weight: 650; text-transform: uppercase; letter-spacing: .07em; }
.v56-product-promo-code strong { grid-row: 1 / 3; grid-column: 2; color: var(--v36-blue, #005bff); font-size: 19px; letter-spacing: .04em; }
.v56-product-promo-code em { color: #067647; font-size: 12px; font-style: normal; font-weight: 650; }
.v56-product-promo-details a { display: inline-block; margin-top: 9px; color: #667085 !important; font-size: 12px; line-height: 1.35; text-decoration: underline; text-decoration-color: #c7cdd6; text-underline-offset: 3px; }
.v56-product-promo-details a:hover { color: var(--v36-blue, #005bff) !important; }
.big-price { color: var(--v36-ink) !important; font-size: clamp(30px, 3vw, 42px) !important; letter-spacing: -.04em; }
.big-price span { color: #98a2b3 !important; font-size: 16px !important; }
.v36-ozon-buybox { display: block !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
.v36-ozon-buybox .v36-ozon-button { width: 100%; min-height: var(--button-height, 46px) !important; font-size: var(--font-button-size, 13px) !important; }
.variants-box {
  margin-top: 30px !important;
  padding: 20px !important;
  background: #fff !important;
  border: 1px solid var(--v36-line) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
.variants-head { margin-bottom: 14px !important; }
.variants-head b { color: var(--v36-ink) !important; font-size: 16px !important; }
.variants-head span { display: block; margin-top: 3px; color: var(--v36-muted) !important; font-size: 12px !important; }
.variant-strip { display: flex !important; gap: 10px !important; overflow-x: auto !important; padding: 2px 2px 8px !important; scroll-snap-type: x proximity; }
.variant-item {
  flex: 0 0 86px !important;
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  aspect-ratio: 3 / 4 !important;
  height: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--v36-line) !important;
  border-radius: 11px !important;
  background: var(--v36-soft) !important;
  scroll-snap-align: start;
}
.variant-item:hover { border-color: #98a2b3 !important; transform: translateY(-2px); }
.variant-item.active { border: 2px solid var(--v36-blue) !important; box-shadow: 0 0 0 3px rgba(0, 91, 255, .12) !important; }
.variant-item img { width: 100% !important; height: 100% !important; aspect-ratio: 3 / 4 !important; object-fit: cover !important; border-radius: 9px !important; }
.variant-item em { display: none !important; }
.tabs { margin-top: 72px !important; padding: clamp(24px, 5vw, 54px) !important; }
.tabs h2 { color: var(--v36-ink); font-size: clamp(25px, 3vw, 34px); letter-spacing: -.035em; }
.chars th,
.chars td { border-color: var(--v36-line) !important; padding: 14px 10px !important; }
.chars th { color: var(--v36-muted) !important; font-weight: 600 !important; }

/* Catalog, articles, forms */
.catalog-layout { gap: 34px !important; }
.filters,
.filter-panel,
.catalog-sidebar { background: #fff !important; border: 1px solid var(--v36-line) !important; box-shadow: none !important; }
.filter input,
.filter select,
.checkout-form input,
.checkout-form select,
.checkout-form textarea,
.promo-form input { border-color: var(--v36-line) !important; background: #fff !important; }
.text-content { color: #344054; line-height: 1.75; }
.text-content h2,
.text-content h3 { color: var(--v36-ink); letter-spacing: -.025em; }
.messages .message { border-radius: 12px !important; }

/* Footer */
.site-footer.v30-footer { margin-top: 64px !important; background: var(--footer-bg, #fff) !important; color: var(--v36-ink) !important; border-top: 1px solid var(--v36-line) !important; }
.v30-footer-inner { gap: 32px !important; padding: 32px 0 24px !important; }
.v30-footer h3 { color: var(--v36-ink) !important; font-size: 13px !important; text-transform: uppercase; letter-spacing: .08em; }
.v30-footer p,
.v30-footer a { color: var(--v36-muted) !important; font-size: 13px !important; }
.v30-footer a:hover { color: var(--v36-blue) !important; }
.v30-footer-bottom { border-color: var(--v36-line) !important; color: #667085 !important; padding: 12px 0 !important; }

@media (min-width: 1121px) {
  .product-grid.v26-product-grid,
  .product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

@media (max-width: 1100px) {
  .v30-header-main { grid-template-columns: 220px minmax(260px, 1fr) auto !important; }
  .v30-header-main.v38-header-main--ozon { grid-template-columns: 220px minmax(260px, 1fr) !important; }
  .top-nav.v30-nav { gap: 22px !important; overflow-x: auto; scrollbar-width: none; }
  .top-nav.v30-nav::-webkit-scrollbar { display: none; }
  .v36-carousel .product-card { flex-basis: calc((100% - 36px) / 3); min-width: 230px; }
  .gallery { position: static; }
}

@media (max-width: 760px) {
  .container { width: min(100% - 28px, var(--container-width, 1240px)) !important; }
  .section { padding-top: 46px !important; }
  .site-header.v30-header { position: relative !important; }
  .v30-topbar-inner { justify-content: center !important; min-height: 34px !important; white-space: nowrap; overflow: hidden; }
  .v30-topbar-left { display: flex !important; }
  .v30-topbar-left .v30-iconline:nth-child(2),
  .v30-topbar-right { display: none !important; }
  .v30-header-main,
  .v30-header-main.v38-header-main--ozon { grid-template-columns: 1fr !important; gap: 14px !important; min-height: auto; padding: 15px 0 !important; }
  .logo.v30-logo { width: min(var(--header-logo-width, 280px), 190px) !important; min-height: 66px; justify-content: flex-start !important; }
  .logo.v30-logo img { width: 100% !important; height: 72px !important; max-width: 190px !important; max-height: 72px !important; }
  .v30-search { grid-column: 1 / -1; grid-row: 2; width: 100%; }
  .top-nav.v30-nav { white-space: nowrap; min-height: 46px; gap: 20px !important; }
  .top-nav.v30-nav > a { padding: 14px 0 !important; }
  .v36-new-arrivals { padding: 38px 0 34px; }
  .v36-arrivals-heading { align-items: center; }
  .v36-arrivals-heading h1 { font-size: 38px; }
  .v36-carousel-controls { display: none; }
  .v36-carousel { margin-right: -14px; }
  .v36-carousel .product-grid { gap: 12px !important; }
  .v36-carousel .product-card { flex-basis: 76vw; min-width: 224px; }
  .product-body { min-height: 225px; }
  .v30-category-grid { grid-template-columns: 1fr !important; }
  .product-detail { display: block !important; }
  .product-info { margin-top: 28px; }
  .product-info h1 { font-size: 34px !important; }
  .main-photo-button,
  .main-photo,
  .no-img.big { max-height: none !important; }
  .variant-item { flex-basis: 78px !important; width: 78px !important; min-width: 78px !important; max-width: 78px !important; }
  .tabs { margin-top: 48px !important; padding: 22px !important; }
  .v30-benefits-grid { gap: 30px !important; }
  .v30-benefits-grid > div { padding: 0 !important; }
  .site-footer.v30-footer { margin-top: 44px !important; }
  .v30-footer-inner { gap: 24px !important; padding: 28px 0 20px !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Compact product carousels around articles */
.article-product-carousel {
  margin: 26px 0;
  padding: 18px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--v36-line);
  border-radius: var(--radius-card, 18px);
}
.article-product-carousel--top { margin-bottom: 32px; }
.article-product-carousel--middle { margin: 32px 0; }
.article-product-carousel--bottom { margin-top: 32px; }
.article-content > .article-content-fragment { display: contents; }
.article-content .article-product-carousel--middle {
  color: var(--v36-ink);
  font-size: 16px;
  line-height: 1.4;
}
.article-content .article-product-carousel--middle h2 { margin: 0; }
.article-content .article-product-carousel--middle .article-product-card__image img {
  margin: 0;
  border-radius: 0;
  background: #fff;
}
body.ve-active .article-product-carousel--middle {
  user-select: none;
  -webkit-user-select: none;
}
.article-product-carousel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}
.article-product-carousel__head h2 {
  margin: 0;
  color: var(--v36-ink);
  font-size: clamp(19px, 2.4vw, 25px);
  line-height: 1.1;
  letter-spacing: -.025em;
}
.article-product-carousel__controls { display: flex; gap: 7px; }
.article-product-carousel__controls button {
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid var(--v36-line);
  border-radius: 50%;
  background: #fff;
  color: var(--v36-ink);
  font-size: 17px;
  cursor: pointer;
}
.article-product-carousel__controls button:hover {
  background: var(--v36-ink);
  border-color: var(--v36-ink);
  color: #fff;
}
.article-product-carousel .article-product-track {
  gap: 12px !important;
  padding: 1px 0 3px;
}
.article-product-card {
  flex: 0 0 250px;
  min-width: 250px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--v36-soft);
  border: 1px solid var(--v36-line);
  border-radius: 14px;
  scroll-snap-align: start;
  transition: border-color .22s cubic-bezier(.16,1,.3,1), transform .22s cubic-bezier(.16,1,.3,1), box-shadow .22s cubic-bezier(.16,1,.3,1);
}
.article-product-card:hover {
  border-color: #b9c8e7;
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(16, 24, 40, .08);
}
.article-product-card__main {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  min-height: 98px;
  color: inherit;
}
.article-product-card__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: #fff;
}
.article-product-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article-product-card__image > span {
  color: var(--v36-blue);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .04em;
}
.article-product-card__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  padding: 11px 12px;
}
.article-product-card__body b {
  display: -webkit-box;
  overflow: hidden;
  color: var(--v36-ink);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.article-product-card__body small {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 7px;
  color: var(--success-color, #067647);
  font-size: 11px;
  font-weight: 750;
}
.article-product-card__body small span { color: var(--v36-blue); font-size: 11px; }
.article-product-card__buy {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  margin: auto 10px 10px;
  padding: 9px 13px;
  border-radius: 11px;
  background: var(--v36-blue, #005bff);
  color: #fff !important;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  transition: background-color .2s cubic-bezier(.16,1,.3,1), transform .2s cubic-bezier(.16,1,.3,1);
}
.article-product-card__buy:hover {
  background: var(--v36-blue-hover, #0047cc);
  transform: translateY(-1px);
}
.article-product-card__buy:active { transform: scale(.985); }
.article-product-card__buy b {
  font-size: 14px;
  transition: transform .2s cubic-bezier(.16,1,.3,1);
}
.article-product-card__buy:hover b { transform: translate(2px, -1px); }
.article-product-card__main:focus-visible,
.article-product-card__buy:focus-visible {
  outline: 3px solid rgba(0, 91, 255, .28);
  outline-offset: -2px;
}

.article-product-card__rating {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0 12px 8px;
  font-size: 12px;
  color: #344054;
}
.article-product-card__rating > span { color: #d69412; font-size: 16px; line-height: 1; }
.article-product-card__rating strong { font-weight: 750; }
.article-product-card__rating small { color: #667085; font-size: 11px; }

/* Related articles shown after the final product carousel */
.article-related-carousel { margin-top: 18px; margin-bottom: 0; }
.article-related-carousel .article-related-track {
  gap: 14px !important;
  padding: 1px 0 4px;
}
.article-related-card {
  flex: 0 0 calc((100% - 28px) / 3);
  min-width: 210px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--v36-line);
  border-radius: 14px;
  scroll-snap-align: start;
  transition: border-color .2s ease, transform .2s ease;
}
.article-related-card:hover {
  border-color: #b9c8e7;
  transform: translateY(-2px);
}
.article-related-card > a {
  display: flex;
  height: 100%;
  flex-direction: column;
  color: inherit;
}
.article-related-card > a:focus-visible {
  outline: 3px solid rgba(0, 91, 255, .28);
  outline-offset: -3px;
}
.article-related-card__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--v36-soft);
}
.article-related-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article-related-card__image > span {
  color: var(--v36-blue);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .06em;
}
.article-related-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: 13px 14px 14px;
}
.article-related-card__body small {
  margin-bottom: 7px;
  color: var(--v36-muted);
  font-size: 11px;
  font-weight: 700;
}
.article-related-card__body b {
  display: -webkit-box;
  overflow: hidden;
  color: var(--v36-ink);
  font-size: clamp(14px, 1.8vw, var(--blog-card-title-size, 18px));
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.article-related-card__excerpt {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 8px;
  color: var(--v36-muted);
  font-size: 12px;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.article-related-card__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  margin-top: auto;
  padding-top: 12px;
  color: var(--v36-blue);
  font-size: 12px;
  font-weight: 800;
}
.article-related-card__link > span { font-size: 15px; }

@media (max-width: 760px) {
  .article-product-carousel {
    margin-right: -14px;
    margin-left: -14px;
    padding: 15px 14px;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }
  .article-product-carousel__controls { display: none; }
  .article-product-card { flex-basis: min(78vw, 250px); min-width: min(78vw, 250px); }
  .article-related-card { flex-basis: min(82vw, 285px); min-width: min(82vw, 285px); }
}

/* v44: compact, non-sticky header with a category dropdown */
.site-header.v30-header {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  overflow: visible !important;
  backdrop-filter: none !important;
}
.v30-header-main.v44-header-layout,
.v30-header-main.v44-header-layout.v38-header-main--ozon {
  display: grid !important;
  grid-template-columns: 150px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 22px !important;
  min-height: 88px !important;
  padding: 8px 0 0 !important;
}
.v30-header-main.v44-header-layout.v38-header-main--ozon {
  grid-template-columns: 150px minmax(0, 1fr) !important;
}
.v44-header-layout .logo.v30-logo {
  width: 140px !important;
  min-height: 76px !important;
  align-self: center !important;
}
.v44-header-layout .logo.v30-logo img {
  width: 140px !important;
  height: 76px !important;
  max-width: 140px !important;
  max-height: 76px !important;
  object-fit: contain !important;
  object-position: left center !important;
}
.v44-header-content {
  display: grid;
  align-content: center;
  width: min(100%, 780px);
  min-width: 0;
}
.v44-header-content .search.v30-search {
  width: min(100%, 720px) !important;
  min-height: 40px !important;
  padding: 3px !important;
  border-radius: 12px !important;
}
.v44-header-content .v30-search input {
  min-height: 32px !important;
  padding-block: 5px !important;
  font-size: 14px !important;
}
.v44-header-content .v30-search button {
  min-width: 76px !important;
  min-height: 32px !important;
  padding: 0 15px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
}
.v44-header-content .top-nav.v30-nav {
  position: relative;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 100%;
  min-height: 40px !important;
  gap: 0 24px !important;
  overflow: visible !important;
  border-top: 0 !important;
  font-size: var(--font-nav-size, 14px) !important;
}
.v44-header-content .top-nav.v30-nav > a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 0 !important;
  color: #344054 !important;
  text-decoration: none;
}
.v44-header-content .top-nav.v30-nav > a:hover {
  color: var(--v36-blue) !important;
}
.v44-catalog-dropdown {
  position: relative;
  min-width: 0;
}
.v44-catalog-dropdown > summary {
  display: inline-flex !important;
  align-items: center;
  min-height: 40px;
  gap: 8px !important;
  padding: 8px 0 !important;
  list-style: none;
  cursor: pointer;
  user-select: none;
}
.v44-catalog-dropdown > summary::-webkit-details-marker { display: none; }
.v44-catalog-dropdown > summary::marker { display: none; content: ''; }
.v44-catalog-icon {
  color: var(--v36-blue);
  font-size: 17px;
  line-height: 1;
}
.v44-catalog-dropdown .v44-catalog-chevron {
  display: inline-block !important;
  margin-left: 1px;
  color: var(--v36-muted);
  font-size: 15px;
  transition: transform .16s ease;
}
.v44-catalog-dropdown[open] .v44-catalog-chevron { transform: rotate(180deg); }
.v44-catalog-panel {
  position: absolute;
  top: calc(100% - 2px);
  left: -14px;
  z-index: 100;
  display: grid;
  width: min(330px, calc(100vw - 28px));
  max-height: min(520px, 70vh);
  padding: 10px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid var(--v36-line);
  border-radius: 14px;
  box-shadow: 0 18px 45px rgba(16, 24, 40, .16);
}
.v44-catalog-dropdown:not([open]) > .v44-catalog-panel { display: none; }
.v44-catalog-panel a,
.v44-catalog-empty {
  display: block;
  padding: 10px 12px;
  border-radius: 9px;
  color: #344054 !important;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.25;
  text-decoration: none;
}
.v44-catalog-panel a:hover {
  background: #f2f6ff;
  color: var(--v36-blue) !important;
}
.v44-catalog-panel .v44-catalog-all {
  margin-bottom: 5px;
  color: var(--v36-blue) !important;
  font-weight: 800;
}
.v44-catalog-empty { color: var(--v36-muted) !important; font-weight: 500; }
.v44-header-layout .v30-header-actions { align-self: start; padding-top: 3px; }

@media (max-width: 1100px) {
  .v30-header-main.v44-header-layout,
  .v30-header-main.v44-header-layout.v38-header-main--ozon {
    grid-template-columns: 126px minmax(0, 1fr) auto !important;
    gap: 18px !important;
  }
  .v30-header-main.v44-header-layout.v38-header-main--ozon {
    grid-template-columns: 126px minmax(0, 1fr) !important;
  }
  .v44-header-layout .logo.v30-logo,
  .v44-header-layout .logo.v30-logo img {
    width: 120px !important;
    max-width: 120px !important;
  }
}

@media (max-width: 760px) {
  .site-header.v30-header { position: static !important; }
  .v30-header-main.v44-header-layout,
  .v30-header-main.v44-header-layout.v38-header-main--ozon {
    grid-template-columns: 84px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px !important;
    min-height: auto !important;
    padding: 9px 0 5px !important;
  }
  .v44-header-layout .logo.v30-logo {
    grid-column: 1;
    grid-row: 1;
    width: 84px !important;
    min-height: 70px !important;
  }
  .v44-header-layout .logo.v30-logo img {
    width: 84px !important;
    height: 70px !important;
    max-width: 84px !important;
    max-height: 70px !important;
  }
  .v44-header-content {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
  }
  .v44-header-content .search.v30-search {
    grid-column: auto;
    grid-row: auto;
    min-height: 36px !important;
  }
  .v44-header-content .v30-search input {
    min-width: 0;
    min-height: 28px !important;
    font-size: 13px !important;
  }
  .v44-header-content .v30-search button {
    min-width: 62px !important;
    min-height: 28px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
  }
  .v44-header-content .top-nav.v30-nav {
    min-height: 36px !important;
    gap: 0 14px !important;
    white-space: normal;
  }
  .v44-header-content .top-nav.v30-nav > a,
  .v44-catalog-dropdown > summary {
    min-height: 34px;
    padding: 6px 0 !important;
    font-size: 12px;
  }
  .v44-catalog-dropdown > summary { gap: 6px !important; }
  .v44-catalog-panel {
    left: -94px;
    width: calc(100vw - 28px);
    max-height: 60vh;
  }
  .v44-header-layout .v30-header-actions {
    grid-column: 1 / -1;
    padding-top: 0;
  }
}

@media (max-width: 420px) {
  .v44-header-content .top-nav.v30-nav { gap: 0 12px !important; }
  .v44-header-content .top-nav.v30-nav > a,
  .v44-catalog-dropdown > summary { font-size: 11px; }
  .v44-catalog-icon { font-size: 15px; }
}

/* v45: Ozon-inspired compact header; never sticky */
.site-header.v30-header {
  position: static !important;
  top: auto !important;
  z-index: auto !important;
}
.v30-header-main.v45-header-layout,
.v30-header-main.v45-header-layout.v38-header-main--ozon {
  display: grid !important;
  grid-template-columns: 190px 150px minmax(280px, 1fr) auto !important;
  align-items: start !important;
  gap: 14px !important;
  min-height: 96px !important;
  padding: 12px 0 7px !important;
  overflow: visible !important;
}
.v30-header-main.v45-header-layout.v38-header-main--ozon {
  grid-template-columns: 190px 150px minmax(280px, 1fr) !important;
}
.v45-header-layout .logo.v30-logo {
  width: 180px !important;
  height: 60px !important;
  min-height: 60px !important;
  align-self: center !important;
  transform: translateY(-22px);
}
.v45-header-layout .logo.v30-logo img {
  width: 180px !important;
  height: 60px !important;
  max-width: 180px !important;
  max-height: 60px !important;
  object-fit: contain !important;
  object-position: left center !important;
}
.v45-catalog-dropdown {
  position: relative;
  align-self: start;
  margin-top: 3px;
}
.v45-catalog-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 46px;
  padding: 0 20px;
  list-style: none;
  color: #fff;
  background: var(--v36-blue, #005bff);
  border-radius: 14px;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  user-select: none;
}
.v45-catalog-button::-webkit-details-marker { display: none; }
.v45-catalog-button::marker { display: none; content: ''; }
.v45-catalog-button:hover { background: var(--v36-blue-hover, #0047cc); }
.v45-catalog-grid {
  display: grid;
  grid-template-columns: repeat(2, 6px);
  gap: 3px;
}
.v45-catalog-grid i { width: 6px; height: 6px; background: currentColor; border-radius: 2px; }
.v45-catalog-panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 100;
  display: grid;
  width: min(340px, calc(100vw - 28px));
  max-height: min(540px, 70vh);
  padding: 10px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid var(--v36-line);
  border-radius: 15px;
  box-shadow: 0 18px 45px rgba(16, 24, 40, .18);
}
.v45-catalog-dropdown:not([open]) > .v45-catalog-panel { display: none; }
.v45-catalog-panel a,
.v45-catalog-empty {
  display: block;
  padding: 11px 12px;
  border-radius: 9px;
  color: #344054 !important;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.25;
}
.v45-catalog-panel a:hover { color: var(--v36-blue) !important; background: #f2f6ff; }
.v45-catalog-panel .v45-catalog-all { margin-bottom: 5px; color: var(--v36-blue) !important; font-weight: 800; }
.v45-catalog-empty { color: var(--v36-muted) !important; font-weight: 500; }
.v45-header-content { display: grid; min-width: 0; width: 100%; }
.v45-header-content .search.v30-search {
  width: 100% !important;
  min-height: 52px !important;
  padding: 3px !important;
  background: #fff !important;
  border: 3px solid var(--v36-blue, #005bff) !important;
  border-radius: 15px !important;
}
.v45-header-content .v30-search input { min-width: 0; min-height: 40px !important; padding: 7px 13px 7px 42px !important; font-size: 15px !important; }
.v45-header-content .v30-search button {
  min-width: 70px !important;
  min-height: 40px !important;
  padding: 0 20px !important;
  background: var(--v36-blue, #005bff) !important;
  border: 0 !important;
  border-radius: 10px !important;
}
.v45-header-content .v30-search button span {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 3px solid currentColor;
  border-radius: 50%;
  position: relative;
}
.v45-header-content .v30-search button span::after {
  content: '';
  position: absolute;
  width: 7px;
  height: 3px;
  right: -6px;
  bottom: -3px;
  background: currentColor;
  border-radius: 2px;
  transform: rotate(45deg);
}
.v45-header-content .v30-search button b { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.v45-header-content .top-nav.v30-nav {
  display: flex !important;
  align-items: center !important;
  min-height: 34px !important;
  gap: 0 24px !important;
  padding: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border: 0 !important;
  white-space: nowrap;
  scrollbar-width: none;
}

/* v55 — редактируемое верхнее меню с единой линейной базой иконок */
.v55-menu-icon-sprite {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
.top-nav.v30-nav > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex: 0 0 auto;
}
.top-nav.v30-nav .v55-menu-icon {
  width: var(--menu-icon-size, 18px);
  height: var(--menu-icon-size, 18px);
  flex: 0 0 auto;
  color: currentColor;
}
.v45-header-content .top-nav.v30-nav::-webkit-scrollbar { display: none; }
.v45-header-content .top-nav.v30-nav > a { min-height: 34px; padding: 8px 0 4px !important; font-size: 13px; }
.v45-header-layout .v30-header-actions { align-self: start; padding-top: 3px; }

@media (max-width: 1000px) {
  .v30-header-main.v45-header-layout,
  .v30-header-main.v45-header-layout.v38-header-main--ozon {
    grid-template-columns: 160px 126px minmax(240px, 1fr) auto !important;
    gap: 10px !important;
  }
  .v30-header-main.v45-header-layout.v38-header-main--ozon { grid-template-columns: 160px 126px minmax(240px, 1fr) !important; }
  .v45-header-layout .logo.v30-logo,
  .v45-header-layout .logo.v30-logo img { width: 150px !important; height: 50px !important; min-height: 50px !important; max-width: 150px !important; max-height: 50px !important; }
  .v45-header-layout .logo.v30-logo { transform: translateY(-18px); }
  .v45-catalog-button { padding-inline: 14px; }
}

@media (max-width: 760px) {
  .v30-header-main.v45-header-layout,
  .v30-header-main.v45-header-layout.v38-header-main--ozon {
    grid-template-columns: 128px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: auto !important;
    padding: 8px 0 !important;
  }
  .v45-header-layout .logo.v30-logo { grid-column: 1; grid-row: 1; width: 120px !important; height: 40px !important; min-height: 40px !important; transform: translateY(-6px); }
  .v45-header-layout .logo.v30-logo img { width: 120px !important; height: 40px !important; max-width: 120px !important; max-height: 40px !important; }
  .v45-catalog-dropdown { grid-column: 1; grid-row: 2; margin-top: 0; }
  .v45-catalog-button { min-height: 38px; gap: 7px; padding: 0 9px; border-radius: 11px; font-size: 11px; }
  .v45-catalog-grid { grid-template-columns: repeat(2, 5px); gap: 2px; }
  .v45-catalog-grid i { width: 5px; height: 5px; }
  .v45-catalog-panel { top: calc(100% + 5px); width: calc(100vw - 28px); }
  .v45-header-content { display: contents; }
  .v45-header-content .search.v30-search { grid-column: 2; grid-row: 1; min-height: 42px !important; border-width: 2px !important; border-radius: 12px !important; }
  .v45-header-content .v30-search input { min-height: 34px !important; padding: 5px 8px 5px 36px !important; font-size: 13px !important; }
  .v45-header-content .v30-search button { min-width: 48px !important; min-height: 34px !important; padding: 0 13px !important; }
  .v45-header-content .top-nav.v30-nav { grid-column: 2; grid-row: 2; min-width: 0; min-height: 38px !important; gap: 0 16px !important; }
  .v45-header-content .top-nav.v30-nav > a { min-height: 38px; padding: 9px 0 !important; font-size: 12px; }
  .v45-header-layout .v30-header-actions { grid-column: 1 / -1; }
}

/* v65 - ровная сетка блога с полным изображением обложки */
.blog-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 18px;
}
.blog-grid .blog-card {
  display: flex;
  min-width: 0;
  height: 100%;
  padding: 14px;
  overflow: hidden;
  flex-direction: column;
  gap: 0;
}
.blog-card__media {
  display: flex;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  background: var(--v36-soft, #f3f7f1);
  border: 1px solid var(--v36-line, #e4eadf);
  border-radius: 16px;
}
.blog-grid .blog-card__media img {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  margin: 0;
  object-fit: contain;
  background: transparent;
  border-radius: 0;
}
.blog-card__placeholder {
  color: var(--v36-blue, #005bff);
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .08em;
}
.blog-card__body {
  display: flex;
  flex: 1;
  min-width: 0;
  padding: 14px 4px 2px;
  flex-direction: column;
  gap: 9px;
}
.blog-grid .blog-card__title {
  display: -webkit-box;
  min-height: 4.05em;
  overflow: hidden;
  color: var(--v36-ink, var(--text));
  font-size: var(--blog-card-title-size, 18px);
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.blog-grid .blog-card__excerpt {
  display: -webkit-box;
  min-height: 6em;
  margin: 0;
  overflow: hidden;
  color: var(--v36-muted, var(--muted));
  font-size: 14px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.blog-grid .blog-card:focus-visible {
  outline: 3px solid rgba(0, 91, 255, .28);
  outline-offset: 3px;
}

@media (max-width: 900px) {
  .blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .blog-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
  .blog-grid .blog-card { padding: 12px; }
  .blog-card__body { padding: 13px 3px 2px; }
  .blog-grid .blog-card__title,
  .blog-grid .blog-card__excerpt { min-height: 0; }
}

/* Readable section links on the light page background. */
.section-head.v30-section-head > a { color: #52657d !important; }

/* Home benefits: accessible vector icons and sanitized rich text. */
.v30-benefits-grid .v30-benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;line-height:1}
.v30-benefit-icon svg{display:block;width:32px;height:32px;flex:none}
.v30-benefits-grid .v30-benefit-text{margin:8px 0 0;color:#98a2b3;line-height:1.45;overflow-wrap:anywhere}
.v30-benefits-grid .v30-benefit-text p{margin:0}
.v30-benefits-grid .v30-benefit-text p+p{margin-top:8px}

.dm-root{position:fixed;bottom:22px;z-index:9990;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.dm-right{right:22px}.dm-left{left:22px}.dm-launcher{border:0;border-radius:999px;background:#005bff;color:#fff;min-height:54px;padding:0 18px;display:flex;align-items:center;gap:9px;box-shadow:0 12px 35px rgba(16,24,40,.22);font-weight:700;cursor:pointer}.dm-launcher-icon{font-size:21px}.dm-badge{position:absolute;right:-4px;top:-5px;background:#d92d20;color:#fff;border:2px solid #fff;border-radius:999px;min-width:22px;height:22px;padding:0 5px;font-size:11px;align-items:center;justify-content:center}.dm-badge:not([hidden]){display:flex}.dm-panel{position:absolute;bottom:68px;width:min(380px,calc(100vw - 28px));height:min(590px,calc(100vh - 110px));background:#fff;border:1px solid #e4e7ec;border-radius:22px;box-shadow:0 24px 70px rgba(16,24,40,.24);overflow:hidden;flex-direction:column}.dm-panel:not([hidden]){display:flex}.dm-right .dm-panel{right:0}.dm-left .dm-panel{left:0}.dm-head{background:#101828;color:#fff;padding:16px 18px;display:flex;align-items:center;justify-content:space-between}.dm-head b{display:block;font-size:16px}.dm-head span{display:block;margin-top:3px;font-size:12px;color:#d0d5dd}.dm-online{display:inline-block;width:7px;height:7px;background:#12b76a;border-radius:50%;margin-right:4px}.dm-close{border:0;background:transparent;color:#fff;font-size:27px;cursor:pointer}.dm-intro{margin:14px 14px 4px;padding:11px 13px;border-radius:14px;background:#f2f4f7;color:#344054;font-size:13px;line-height:1.4}.dm-messages{flex:1;overflow:auto;padding:12px 14px;display:flex;flex-direction:column;gap:9px}.dm-msg{max-width:82%;padding:9px 12px;border-radius:14px;font-size:14px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}.dm-msg.visitor{align-self:flex-end;background:#005bff;color:#fff;border-bottom-right-radius:5px}.dm-msg.operator{align-self:flex-start;background:#f2f4f7;color:#101828;border-bottom-left-radius:5px}.dm-form{border-top:1px solid #eaecf0;padding:10px 12px 12px}.dm-name,.dm-phone{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid #eaecf0;padding:6px 2px 9px;margin-bottom:8px;outline:none;font-size:13px}.dm-compose{display:flex;gap:8px;align-items:flex-end}.dm-text{flex:1;resize:none;border:1px solid #d0d5dd;border-radius:13px;padding:10px 11px;outline:none;font:inherit;font-size:14px;max-height:110px}.dm-compose button{width:42px;height:42px;border:0;border-radius:12px;background:#005bff;color:#fff;font-size:18px;cursor:pointer}.dm-form small{display:block;margin-top:7px;color:#98a2b3;font-size:9px;line-height:1.25}.dm-error{font-size:12px;color:#b42318;text-align:center}@media(max-width:600px){.dm-root{bottom:14px}.dm-right{right:14px}.dm-left{left:14px}.dm-launcher{min-height:50px;padding:0 14px}.dm-launcher-text{display:none}.dm-panel{position:fixed;left:10px!important;right:10px!important;bottom:10px;width:auto;height:min(650px,calc(100dvh - 20px));border-radius:20px}}

/* v48.2 — Telegram launcher and mobile UX */
.dm-telegram-link{
  position:absolute;
  right:0;
  bottom:66px;
  width:58px;
  height:58px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#2AABEE;
  box-shadow:0 12px 35px rgba(16,24,40,.22);
  text-decoration:none;
  z-index:2;
}
.dm-left .dm-telegram-link{left:0;right:auto}
.dm-telegram-link svg{width:31px;height:31px;fill:#fff;display:block}
.dm-telegram-link:active{transform:scale(.97)}

.dm-compose{align-items:stretch}
.dm-text{
  min-height:52px;
  line-height:1.35;
}
.dm-send{
  flex:0 0 56px !important;
  width:56px !important;
  height:auto !important;
  min-height:52px;
  border-radius:14px !important;
  font-size:24px !important;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}

@media(max-width:600px){
  .dm-root{
    right:14px;
    left:auto;
    bottom:14px;
  }
  .dm-left{left:14px;right:auto}

  .dm-launcher{
    min-width:58px;
    width:58px;
    height:58px;
    padding:0;
    justify-content:center;
  }
  .dm-launcher-icon{font-size:25px}
  .dm-telegram-link{
    width:58px;
    height:58px;
    bottom:70px;
  }

  .dm-panel{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    max-width:none !important;
    height:100dvh !important;
    max-height:none !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    padding-top:env(safe-area-inset-top);
    padding-bottom:env(safe-area-inset-bottom);
    box-sizing:border-box;
    z-index:99999;
  }

  .dm-head{
    min-height:58px;
    padding:12px 16px;
    box-sizing:border-box;
  }
  .dm-close{
    width:44px;
    height:44px;
    line-height:40px;
    font-size:32px;
    padding:0;
  }

  .dm-intro{
    margin:10px 12px 2px;
    font-size:14px;
  }
  .dm-messages{
    padding:10px 12px;
  }
  .dm-form{
    padding:10px 12px calc(10px + env(safe-area-inset-bottom));
    background:#fff;
  }

  /* iOS Safari автоматически увеличивает страницу для inputs < 16px. */
  .dm-name,
  .dm-phone,
  .dm-text{
    font-size:16px !important;
  }
  .dm-name,.dm-phone{
    min-height:42px;
  }
  .dm-text{
    min-height:58px;
    max-height:120px;
    padding:12px;
  }
  .dm-send{
    flex-basis:62px !important;
    width:62px !important;
    min-height:58px;
    font-size:27px !important;
  }

  body.dm-chat-open{
    overflow:hidden !important;
    position:fixed;
    width:100%;
  }
}

/* v48.3 — privacy policy link */
.dm-form .dm-privacy a{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:2px;
}
.dm-form .dm-privacy a:hover{
  text-decoration-thickness:2px;
}


/* v48.4 — one contact button, expandable choices */
.dm-actions{
  position:absolute;
  bottom:68px;
  right:0;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
  z-index:5;
}
.dm-left .dm-actions{left:0;right:auto;align-items:flex-start}
.dm-actions[hidden]{display:none !important}

.dm-action{
  min-width:58px;
  height:58px;
  border:0;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 18px;
  box-sizing:border-box;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 12px 35px rgba(16,24,40,.22);
  font-weight:700;
  font-size:14px;
  white-space:nowrap;
  transition:transform .15s ease, opacity .15s ease;
}
.dm-action:active{transform:scale(.97)}
.dm-action-chat{background:#20b486;color:#fff}
.dm-action-telegram{background:#2AABEE;color:#fff}
.dm-action-telegram svg{width:28px;height:28px;fill:#fff;flex:0 0 auto}
.dm-action-icon{font-size:24px;line-height:1}
.dm-action-label{display:inline-block}

.dm-root.dm-menu-open .dm-launcher-icon{font-size:0}
.dm-root.dm-menu-open .dm-launcher-icon::before{
  content:"×";
  font-size:30px;
  line-height:1;
}
.dm-root.dm-panel-open .dm-actions,
.dm-root.dm-panel-open .dm-launcher{
  display:none !important;
}
.dm-telegram-link{display:none !important}

@media(max-width:600px){
  .dm-actions{bottom:70px;gap:10px}
  .dm-action{min-width:58px;height:58px;padding:0 16px}
}
