/* Final home-page polish: rhythm, responsive behavior and interaction states. */
:root{--home-section-space:92px;--home-radius:15px;--home-shadow:0 14px 34px rgba(25,45,44,.07)}

/* Shared interaction language */
a,button{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.header-menu a,.main-nav a,.footer-main a{position:relative}
.header-menu a:hover,.footer-main a:hover{color:var(--storefront-primary)}
.header-menu a:focus-visible,.main-nav a:focus-visible,.category-sidebar a:focus-visible,.orange-button:focus-visible,.faq-support-link:focus-visible,.footer-main a:focus-visible{outline:3px solid rgba(1,164,158,.18);outline-offset:4px;border-radius:5px}
.main-nav a:not(.nav-help):hover{transform:translateY(-1px)}
.account-link:hover,.cart-button:hover{transform:translateY(-1px)}
.orange-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(255,126,35,.22)}

/* Keep the desktop category list stable: one label line + arrow. */
.category-sidebar a{display:flex!important;align-items:center;gap:10px;grid-template-columns:none!important;font-size:14px!important}
.category-sidebar a>span{display:block;min-width:0;white-space:nowrap;font-size:14px!important;line-height:1.25}
.category-sidebar a>i{flex:0 0 auto;margin-left:auto;font-size:14px!important}

/* Desktop section rhythm */
.home-section{scroll-margin-top:24px}
.products-section,.benefits,.reviews{padding-top:var(--home-section-space)}
.section-title{margin-bottom:44px}
.section-title h2{margin:0;letter-spacing:-.025em}
.product-card{transition:transform .2s ease,box-shadow .2s ease}
.product-card:hover{transform:translateY(-3px)}
.product-card .product-image{overflow:hidden}
.product-card .product-image img{transition:transform .35s ease}
.product-card:hover .product-image img{transform:scale(1.018)}
.brand-strip span{transition:color .18s ease,border-color .18s ease,background-color .18s ease}
.brand-strip span:hover{color:var(--storefront-primary);border-color:rgba(1,164,158,.28);background:#fbfefe}
.benefit-grid article{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.benefit-grid article:hover{transform:translateY(-3px);border-color:rgba(1,164,158,.22);box-shadow:0 12px 26px rgba(25,45,44,.06)}
.review-grid article{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.review-grid article:hover{transform:translateY(-2px);border-color:rgba(1,164,158,.2);box-shadow:0 10px 24px rgba(25,45,44,.05)}

/* Search route is a results surface, not a second search form. */
.app-view:has(> input[type="search"])>h1,
.app-view:has(> input[type="search"])>input[type="search"]{display:none}
.app-view:has(> input[type="search"]){padding-top:28px}

/* FAQ feels like the closing content block, not a detached widget */
.faq-redesign{padding-top:var(--home-section-space);padding-bottom:80px}
.faq-redesign-layout{box-shadow:var(--home-shadow)}
.faq-list details{transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}
.faq-list details:hover{border-color:rgba(1,164,158,.24);background:#fcfefe}
.faq-list details[open]{border-color:rgba(1,164,158,.36);background:#fbfefe;box-shadow:inset 3px 0 0 var(--storefront-primary)}
.faq-list summary:hover{color:var(--storefront-primary)}
.faq-support-link:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(1,164,158,.10)}

/* Tablet */
@media (min-width:761px) and (max-width:1060px){
  :root{--home-section-space:68px}
  .shell,.home-section{width:min(100% - 40px,1180px)}
  .header-main{gap:22px}
  .home-intro{grid-template-columns:230px minmax(0,1fr);gap:22px}
  .category-sidebar{padding:24px 18px}
  .category-sidebar a>span{white-space:normal}
  .home-hero{min-height:420px;padding:48px 42px}
  .hero-copy h1{font-size:clamp(34px,4.5vw,44px)}
  .brand-strip{gap:10px;padding:18px}
  .brand-strip span{min-width:0;text-align:center}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .guarantee{padding:68px 0}
  .guarantee-inner{grid-template-columns:1fr 1fr;gap:36px}
  .guarantee-visual{height:360px}
  .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .faq-redesign-layout{grid-template-columns:280px minmax(0,1fr);gap:34px;padding:34px}
  .footer-main{gap:34px}
}

/* Mobile */
@media (max-width:760px){
  :root{--home-section-space:52px}
  .shell,.home-section{width:min(100% - 28px,1180px)}
  .promo-bar{padding:9px 14px;font-size:11px;line-height:1.35;text-align:center}
  .promo-bar span:nth-of-type(n+2){display:none}
  .header-main{min-height:66px;gap:12px}
  .header-main .logo{min-width:0}
  .header-tools{margin-left:auto;gap:12px}
  .account-link{font-size:0}
  .account-link::after{content:"Войти";font-size:13px}
  .main-nav{margin-top:0;padding:0 14px;gap:8px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;border-radius:10px}
  .main-nav::-webkit-scrollbar{display:none}
  .main-nav a{min-height:48px;display:inline-flex;align-items:center;font-size:13px}
  .main-nav .nav-help{margin-left:0}
  .home-intro{display:block;padding-top:18px}
  .category-sidebar{display:none}
  .home-hero{min-height:440px;padding:34px 24px;border-radius:12px}
  .home-hero>img{object-position:58% center}
  .home-hero:after{background:linear-gradient(90deg,rgba(18,26,27,.82),rgba(18,26,27,.55))}
  .hero-copy{max-width:100%}
  .hero-copy h1{font-size:clamp(34px,10vw,43px);line-height:1.02;letter-spacing:-.035em}
  .hero-copy>span{font-size:15px;line-height:1.5}
  .home-hero .orange-button{margin-top:24px}
  .brand-strip{min-height:0;margin-top:16px;padding:12px;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
  .brand-strip::-webkit-scrollbar{display:none}
  .brand-strip span{flex:0 0 auto;min-width:145px;min-height:42px;display:grid;place-items:center;scroll-snap-align:start}
  .section-title{margin-bottom:28px;text-align:left}
  .section-title h2{font-size:28px;line-height:1.1}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px}
  .product-card h3{font-size:14px}
  .guarantee{padding:52px 0}
  .guarantee-inner{display:grid;grid-template-columns:1fr;gap:28px}
  .guarantee-visual{height:280px;border-radius:12px}
  .guarantee-copy h2{font-size:28px}
  .guarantee-copy>span{font-size:15px;line-height:1.55}
  .benefit-grid{grid-template-columns:1fr;gap:10px;padding:10px}
  .benefit-grid article{min-height:0;padding:20px}
  .review-shell{padding:10px}
  .review-grid{grid-template-columns:1fr;gap:10px;padding:0}
  .review-grid article{min-height:0;padding:22px}
  .faq-redesign{padding-bottom:52px}
  .faq-redesign-layout{grid-template-columns:1fr;gap:28px;padding:26px 18px;border-radius:12px}
  .faq-intro h2{font-size:32px}
  .faq-list{gap:8px}
  .faq-list details{border-radius:10px}
  .faq-list summary{min-height:58px;padding:14px 16px;font-size:14px}
  .faq-list details p{padding:0 16px 16px;font-size:13px;line-height:1.5}
  .footer-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:0}
  .footer-benefits span{min-height:48px;display:grid;place-items:center;padding:8px;text-align:center;font-size:11px}
  .footer-main{grid-template-columns:1fr 1fr;gap:28px 18px;padding-top:38px;padding-bottom:30px}
  .footer-brand{grid-column:1/-1}
  .footer-bottom{gap:10px;align-items:flex-start;flex-direction:column;padding-bottom:24px}
}

@media (max-width:420px){
  .hero-copy h1{font-size:34px}
  .footer-main{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
}

@media (max-width:340px){
  .product-grid{grid-template-columns:1fr}
}

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

/* Approved home-page vertical rhythm. Keep these rules scoped to home sections. */
@media (min-width:761px){
  .site-header .main-nav{margin-top:18px}
  .home-intro{padding-top:22px}
  .products-section{padding-top:32px;padding-bottom:40px}
  .products-section .section-title,.benefits .section-title,.reviews .section-title{margin-bottom:24px}
  .guarantee{padding-top:40px;padding-bottom:40px}
  .benefits,.reviews{padding-top:40px;padding-bottom:0}
  .faq-redesign{padding-top:40px;padding-bottom:40px}
}

@media (max-width:760px){
  .home-intro{padding-top:16px}
  .products-section{padding-top:32px;padding-bottom:32px}
  .products-section .section-title,.benefits .section-title,.reviews .section-title{margin-bottom:20px}
  .guarantee{padding-top:32px;padding-bottom:32px}
  .benefits,.reviews{padding-top:32px;padding-bottom:0}
  .faq-redesign{padding-top:32px;padding-bottom:32px}
}