:root{font-family:'Golos Text',Arial,sans-serif;color:#152932;background:#f5f7f6;--ink:#152932;--navy:#102d38;--peach:#f2a36e;--paper:#e9eef1}
body{background:#f5f7f6}
button,input,textarea{font-family:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--peach);outline-offset:3px}

.header{background:var(--navy);border:0;box-shadow:0 3px 20px #071d2730}
.top{min-height:78px;gap:28px}
.brand,.brand-footer{font-family:Unbounded,'Golos Text',sans-serif;font-size:17px;font-weight:700;letter-spacing:-.065em;line-height:1.02;color:#fff}
.brand:hover{color:#fff}
.nav{gap:25px;color:#fff;font-size:13px;font-weight:700}
.nav a:hover,.footer a:hover{color:var(--peach)}
.header-actions{gap:12px}
.phone{font-size:13px;color:var(--peach);white-space:nowrap}
.phone:hover{color:#fff}
.cart-button{background:transparent;color:#fff;border:1px solid #7e959d;border-radius:999px;padding:10px 14px;font-size:12px}
.cart-button:hover{border-color:var(--peach);color:var(--peach)}
.cart-button span{background:var(--peach);color:var(--ink)}

.hero{background:var(--paper)}
.hero-inner{min-height:510px;grid-template-columns:52% 48%;gap:0;padding:0}
.hero-inner>div:first-child{padding:65px 34px 65px 0;align-self:center}
.hero .eyebrow{color:#334d57}
.hero h1{font-family:Unbounded,'Golos Text',sans-serif;color:var(--ink);font-size:clamp(36px,3.8vw,53px);line-height:1.11;letter-spacing:-.06em;margin:17px 0 22px;font-weight:700;max-width:600px}
.hero p:not(.eyebrow){font-size:17px;line-height:1.58;max-width:500px}
.hero-actions{margin-top:29px;flex-wrap:wrap}
.primary,.secondary{border-radius:999px;min-height:46px;padding:13px 20px;transition:background-color .2s,color .2s,border-color .2s,transform .2s}
.primary{background:var(--peach);color:var(--ink);border-color:var(--peach)}
.primary:hover{background:#f7b686;border-color:#f7b686;transform:translateY(-1px)}
.secondary{border-color:var(--ink);color:var(--ink)}
.secondary:hover{background:#fff}
.hero-visual{height:100%;padding:0}
.hero-photo{height:100%;min-height:510px;transform:none;border-radius:0;box-shadow:none;clip-path:polygon(11% 0,100% 0,100% 100%,0 100%)}
.hero-photo img{object-position:center}

.eyebrow{color:#a35d36}
.section h1,.section h2,.article h1,.article h2,.article h3{font-family:Unbounded,'Golos Text',sans-serif;color:var(--ink);letter-spacing:-.04em}
.section h1{font-size:clamp(28px,3vw,42px)}
.section h2{font-size:clamp(24px,2.5vw,33px)}
.section-heading{margin-bottom:22px}
.category-grid a{border-color:#dce3e4;border-radius:3px;box-shadow:none;min-height:72px}
.category-grid a:hover{border-color:var(--peach);color:var(--ink)}
.category-grid span{color:#ca7847}
.product-card{border-color:#e0e5e7;border-radius:3px}
.product-image{background:#e9eef1}
.product-info h3{font-weight:700;color:var(--ink)}
.product-bottom b,.detail-price{color:var(--ink)}
.product-bottom button{border-color:#d5895c;color:var(--ink);border-radius:999px;min-height:36px;padding:7px 12px}
.product-bottom button:hover{background:var(--peach);border-color:var(--peach);color:var(--ink)}
.search,.contact-form input:not([type=checkbox]),.contact-form textarea,.cart-dialog input:not([type=checkbox]),.cart-dialog textarea{border-color:#c9d5da;border-radius:4px}
.search:focus,.contact-form input:focus,.contact-form textarea:focus{border-color:#d5895c}
.article,.contact-form{border-color:#e0e5e7;border-radius:4px}
.article a{color:#a7572a}
.gallery img{border-radius:3px}
.detail-short{color:#52636b}
.footer{background:var(--navy);margin-top:56px}
.footer-settings,.footer p{color:#c9d5da}
.cart-dialog{border-radius:5px}
.cart-dialog::backdrop{background:#09222dbf}
.dialog-head h2{font-family:Unbounded,'Golos Text',sans-serif;color:var(--ink);font-size:22px}
.analytics-banner{border-radius:5px;border-color:#b8c8ce;color:var(--ink)}
.analytics-banner button{border-color:var(--navy);color:var(--navy)}
.analytics-banner button[data-consent=granted]{background:var(--navy);color:#fff}

@media(max-width:1050px){.top{gap:18px}.nav{gap:16px}.phone{display:none}.hero h1{font-size:clamp(34px,4.3vw,47px)}}
@media(max-width:780px){
  .top{padding:12px 0 8px;gap:10px}
  .brand{font-size:15px}
  .nav{order:3;width:100%;padding:12px 0 9px;gap:23px;font-size:12px}
  .header-actions{margin-left:auto}
  .hero-inner{grid-template-columns:1fr;gap:0}
  .hero-inner>div:first-child{padding:48px 0 28px}
  .hero-visual{display:block;height:290px;margin:0 -20px}
  .hero-photo{height:290px;min-height:0;clip-path:none}
  .hero h1{font-size:clamp(35px,6vw,49px);max-width:720px}
  .hero p:not(.eyebrow){font-size:16px}
}
@media(max-width:520px){
  .brand{font-size:14px}
  .cart-button{font-size:11px;padding:9px 10px}
  .hero-inner>div:first-child{padding:40px 0 25px}
  .hero h1{font-size:clamp(30px,8vw,39px);line-height:1.15}
  .hero-actions{gap:8px}
  .hero-actions .primary,.hero-actions .secondary{padding:12px 15px;font-size:13px}
  .hero-visual{height:230px;margin:0 -14px}
  .hero-photo{height:230px}
  .section h1{font-size:30px}.section h2{font-size:24px}
  .product-bottom button{min-height:38px}
}
