/* RESPONSIVE */
@media (max-width:1100px){
  .header__inner { column-gap: 20px; }
  .nav{display:none;justify-self:end}
  .header__right{justify-self:end; justify-content:flex-end;}
  
  .hero{min-height:auto;padding:4rem 2rem 3rem;display:block;}
  .hero__bg-graphic {display: none;} 
  .hero-stagger{grid-template-columns:1fr;gap:3rem;min-width:0;}
  .categories__head{margin-top: 0;}
  .categories__grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3, 1fr);gap:0.8rem;min-height: 300px;min-width:0;}
  .category{aspect-ratio: auto;padding: 0.8rem 0.3rem;min-width:0;overflow:hidden;}

  .standards__inner{grid-template-columns:1fr;gap:3rem}
  .standards__list{grid-template-columns:1fr}
  .std:nth-child(odd){border-right:none;padding-right:0}
  .std:nth-child(even){padding-left:0}
  .footer__top{grid-template-columns:1fr 1fr;gap:2.5rem}
  .delivery__head{grid-template-columns:1fr;gap:2rem;align-items:start}
  .delivery__lead{padding-top:0;}
  .delivery__body{grid-template-columns:1fr 1fr;gap:1.5rem} 
  .pricelist__head{grid-template-columns:1fr;gap:1.5rem;align-items:start}
  
  .pill { padding: 0.55rem 0.3rem; font-size: 11px; letter-spacing: 0; }

  /* Мобильный прайс-лист */
  .pricelist__sticky { top: 70px; }
  .pricelist__table-wrap { border: none; background: transparent; overflow: visible; }
  .pricelist__table { min-width: 0; border-collapse: separate; border-spacing: 0 0.8rem; }
  .pricelist__table thead { display: none; }
  
  .pricelist__table tbody tr.main-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.5rem 0;
    border: 1px solid var(--border);
    background: var(--bg-card);
    padding: 1rem;
    margin-bottom: 0;
  }
  
  .pricelist__table tbody tr.main-row td {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: 6px;
    row-gap: 2px;
    padding: 0;
    border: none;
    font-size: 13px;
    color: var(--text-secondary);
    line-height: 1.4;
    text-align: left;
    min-width: 0;
    white-space: normal !important;
    word-break: break-word !important;
  }
  
  .pricelist__table tbody tr.main-row td::before {
    content: attr(data-label) ':';
    color: var(--text-muted);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
    text-align: left;
    line-height: 1.4;
    flex-shrink: 0;
  }

  .pricelist__table tbody tr.main-row td[data-label="Размер"],
  .pricelist__table tbody tr.main-row td[data-label="Стандарт"],
  .pricelist__table tbody tr.main-row td[data-label="Класс"],
  .pricelist__table tbody tr.main-row td[data-label="Мин заказ"],
  .pricelist__table tbody tr.main-row td[data-label="Цена"] {
    white-space: nowrap !important;
    word-break: keep-all !important;
  }
  
  .pricelist__table tbody tr.main-row td[data-label="Цена"]::before {
    font-size: 1.1rem;
    line-height: 1.2;
  }
  
  .pricelist__table tbody tr.main-row td[data-label="Выбор"]::before,
  .pricelist__table tbody tr.main-row td[data-label="ID"]::before,
  .pricelist__table tbody tr.main-row td[data-label="Артикул"]::before,
  .pricelist__table tbody tr.main-row td[data-label="Наименование"]::before,
  .pricelist__table tbody tr.main-row td[data-label="Действия"]::before { content: none; }
  
  /* Ряд 1: Чекбокс, ID, Артикул */
  .pricelist__table tbody tr.main-row td[data-label="Выбор"] { 
    flex: 0 0 24px; 
    justify-content: flex-start; 
    align-items: center; 
    margin-right: 8px; 
    height: 20px; 
  }
  .pricelist__table tbody tr.main-row td[data-label="ID"] { 
    flex: 0 0 auto; 
    align-items: center; 
    height: 20px; 
    font-family: 'Oswald', sans-serif; 
    color: var(--text-muted); 
    font-size: 12px; 
    line-height: 20px;
    margin-right: 8px; 
  }
  .pricelist__table tbody tr.main-row td[data-label="Артикул"] { 
    flex: 0 0 auto; 
    align-items: center; 
    height: 20px; 
    font-family: 'Oswald', sans-serif; 
    color: var(--text-secondary); 
    font-size: 12px; 
    line-height: 20px;
  }
  
  /* Ряд 2: Наименование */
  .pricelist__table tbody tr.main-row td[data-label="Наименование"] {
    flex: 1 1 100%; 
    align-items: center;
    margin-top: 0.5rem; padding-top: 0.5rem; 
    border-top: 1px solid var(--border); 
    font-family: 'Oswald', sans-serif; font-size: 1rem; color: #f9fafb;
    line-height: 1.2; justify-content: flex-start;
  }
  
  /* Ряды 3-5: Характеристики */
  .pricelist__table tbody tr.main-row td[data-label="Размер"] { flex: 1 1 49%; margin-top: 0.5rem; }
  .pricelist__table tbody tr.main-row td[data-label="Стандарт"] { flex: 1 1 49%; margin-top: 0.5rem; }
  .pricelist__table tbody tr.main-row td[data-label="Класс"] { flex: 1 1 49%; }
  .pricelist__table tbody tr.main-row td[data-label="Покрытие"] { flex: 1 1 49%; }
  .pricelist__table tbody tr.main-row td[data-label="Материал"] { flex: 1 1 49%; }
  .pricelist__table tbody tr.main-row td[data-label="Мин заказ"] { flex: 1 1 49%; }
  
  /* Ряд 6: Цена и Корзина (ИДЕАЛЬНОЕ ВЫРАВНИВАНИЕ ПО ЦЕНТРУ) */
  .pricelist__table tbody tr.main-row td[data-label="Цена"] {
    flex: 1 1 49%; 
    align-self: stretch; /* Растягиваем ячейку на высоту кнопки */
    align-items: center; /* Центрируем текст по вертикали */
    margin-top: 0.5rem; padding-top: 0.5rem;
    border-top: 1px solid var(--border); color: var(--gold-500);
    font-family: 'Oswald', sans-serif; font-size: 1.1rem;
  }
  .pricelist__table tbody tr.main-row td[data-label="Действия"] {
    flex: 1 1 49%; 
    align-self: stretch; /* Растягиваем ячейку */
    align-items: center; /* Центрируем кнопку по вертикали */
    justify-content: flex-end;
    margin-top: 0.5rem; padding-top: 0.5rem; 
    border-top: 1px solid var(--border);
  }
  
  /* Ряд 7: Подробнее */
  .pricelist__table tbody tr.main-row::after {
    content: 'Подробнее ↓'; 
    flex: 1 1 100%;
    margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid var(--border);
    text-align: center; font-size: 11px; letter-spacing: 0.2em;
    text-transform: uppercase; color: var(--gold-500);
    cursor: pointer; transition: color 300ms;
    font-weight: 700;
  }
  .pricelist__table tbody tr.main-row.is-expanded::after { content: 'Свернуть ↑'; }

  .pricelist__table tbody tr.additional-row {
    display: block; border: 1px solid var(--border); border-top: none;
    margin-top: -0.8rem; margin-bottom: 0; background: var(--bg-hover);
  }
  .pricelist__table tbody tr.additional-row.is-hidden { display: none; }
  .pricelist__table tbody tr.additional-row td { display: block; padding: 1rem; }
  
  .additional-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem 1rem; }
  .additional-item {
    display: flex;
    align-items: baseline;
    column-gap: 8px;
    min-width: 0;
  }
  .additional-item:nth-child(1) { grid-column: 1; grid-row: 1; } 
  .additional-item:nth-child(4) { grid-column: 2; grid-row: 1; } 
  .additional-item:nth-child(2) { grid-column: 1; grid-row: 2; } 
  .additional-item:nth-child(5) { grid-column: 2; grid-row: 2; } 
  .additional-item:nth-child(3) { grid-column: 1; grid-row: 3; } 
  
  .additional-item span {
    font-size: 10px; letter-spacing: 0.05em; text-transform: uppercase;
    color: var(--text-muted); white-space: normal; text-align: left; line-height: 1.4;
    flex-shrink: 0;
  }
  .additional-item span::after { content: ':'; }
  .additional-item strong {
    font-size: 12.5px; font-weight: 300; color: var(--text-secondary);
    word-break: break-word !important; overflow-wrap: break-word !important;
    white-space: normal !important; line-height: 1.4; text-align: left; min-width: 0;
  }
  .additional-item--mobile { display: none !important; }
}

@media (max-width:720px){
  .util{font-size:10px;padding:0.5rem 1rem}
  .util__inner{gap:1rem;justify-content:space-between;}
  .util__item:not(.util__mobile-mail):not(.util__mobile-phone){display:none}
  .util__mobile-mail, .util__mobile-phone {display: flex !important; align-items: center; text-transform: none; letter-spacing: 0.02em;}
  .util__mobile-mail::before, .util__mobile-phone::before {display: none;} 
  .util__mobile-phone a, .util__mobile-mail a {
    font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 1.1rem;
    color: #f9fafb; letter-spacing: 0.03em;
  }

  .header{padding:0 1rem; height:70px;}
  .header__inner{column-gap:1rem; display: flex; justify-content: space-between; align-items: center;} 
  .header__right {width: fit-content; margin-left: auto; padding-right: 0; gap: 1rem; display: flex; align-items: center;} 
  .cart{padding:0.55rem 0.8rem; margin-right: -1px;} 
  
  .phone__label{display:none}
  .phone__num{font-size:1.1rem}
  .cart__label{display:none}
  .hero{padding:3rem 1rem 2rem}
  .hero__sub{font-size:0.95rem;margin-bottom:2rem}
  .categories__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:none;min-height: 0;gap: 0.6rem;}
  .category{aspect-ratio: auto;min-height: 100px;padding:0.8rem 0.5rem;gap: 0.5rem;}
  .category__icon{max-width: 36px;}
  .category__name{font-size:0.95rem}
  .categories__count strong{font-size:1.1rem}
  .pricelist{padding:4rem 1rem 3rem}
  .pricelist__search-box {padding: 1.2rem;}
  .pricelist__filters{padding:1.2rem}
  .pricelist__bulk-bar{padding:0.7rem 1rem;font-size:10px}
  .delivery{padding:4rem 1rem}
  .delivery__body{grid-template-columns:1fr;gap:1.5rem} 
  .standards{padding:4rem 1rem}
  .cta-strip{padding:3rem 1rem}
  .cta-strip__inner{gap:2rem}
  .footer{padding:3rem 1rem 1.5rem}
  .footer__top{grid-template-columns:1fr;gap:2rem;padding-bottom:2rem}
  .footer__brand { gap: 1rem; }
  .footer__brand-top { margin-bottom: 0; }
  .footer__bottom{grid-template-columns:1fr;text-align:center;gap:1rem}
  .footer__bottom-right{text-align:center}
  .cart-drawer__panel{width:100vw}
  .cart-drawer__form-row{grid-template-columns:1fr}
  
  .pills { flex-wrap: wrap; }
  .pill { flex: 1 1 30%; white-space: normal; padding: 0.55rem 0.3rem; font-size: 11px; }
}

@media (max-width:420px){
  .phone{display:none}
}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}
  html{scroll-behavior:auto}
  .fade-up, .hero-stagger > *, .hero-text > *, .categories{opacity:1 !important;transform:none !important}
  .badge-ring svg.ring-text{animation:none !important}
}
@media (pointer:coarse){
  .category:hover .category__icon{transform:none}
}