:root{--text: #111;--muted: #6b6b6b;--line: #e5e5e5;--bg: #fff;--bg-soft: #f6f5f3;--accent: #b3261e;--radius: 4px;--ease: cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,h4{margin:0;font-weight:600}.container{max-width:1240px;margin:0 auto;padding:0 16px}.main{min-height:60vh}.muted{color:var(--muted)}.center{text-align:center;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:1px solid var(--text);background:var(--text);color:#fff;border-radius:var(--radius);font-weight:500;transition:opacity .2s ease,background-color .25s ease,color .25s ease,transform .15s ease}.btn:active{transform:scale(.98)}.btn:hover{opacity:.85}.btn--outline{background:transparent;color:var(--text)}.btn--outline-light{background:transparent;border-color:#fff;color:#fff}.btn--block{width:100%}.btn--large{padding:16px 24px;font-size:16px}.link-button{background:none;border:0;padding:0;color:var(--muted);text-decoration:underline;font-size:13px}.link-arrow{font-weight:500}.input{width:100%;padding:11px 12px;border:1px solid #cfcfcf;border-radius:var(--radius);font:inherit;background:#fff}.input:focus{outline:none;border-color:var(--text)}.input--inline{width:auto}textarea.input{resize:vertical}.header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.topbar{background:var(--text);color:#fff;font-size:12px;text-align:center;padding:7px 16px}.header__row{display:flex;align-items:center;gap:24px;height:68px}.logo{font-size:22px;font-weight:700;letter-spacing:.12em;white-space:nowrap}.logo--light{color:#fff;margin-bottom:12px}.search{flex:1;max-width:420px}.search input{width:100%;padding:10px 14px;border:1px solid var(--line);background:var(--bg-soft);border-radius:999px;font:inherit}.header__actions{margin-left:auto;display:flex;align-items:center;gap:20px}.header__phone{font-size:14px;font-weight:500;white-space:nowrap}.cart-link{position:relative;display:flex}.cart-link__count{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;padding:0 5px;background:var(--text);color:#fff;border-radius:9px;font-size:11px;line-height:18px;text-align:center}.header__burger{display:none;background:none;border:0;padding:4px;flex-direction:column;gap:4px}.header__burger span{display:block;width:22px;height:2px;background:var(--text)}.nav{border-top:1px solid var(--line)}.nav__list{display:flex;gap:28px;height:46px;align-items:center;overflow-x:auto}.nav__link{position:relative;font-size:14px;font-weight:500;white-space:nowrap;transition:color .2s ease}.nav__link:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.nav__link:hover:after{transform:scaleX(1)}.nav__link--accent{color:var(--accent)}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#1c1a18,#3b342c);color:#fff}.hero__inner{position:relative;z-index:1}.hero__image{position:absolute;top:0;right:0;width:46%;height:100%;object-fit:cover;object-position:center 20%;-webkit-mask-image:linear-gradient(to right,transparent,#000 35%);mask-image:linear-gradient(to right,transparent,#000 35%)}.hero__inner{padding:96px 16px;max-width:1240px}.hero__eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;opacity:.7;margin:0 0 16px}.hero h1{font-size:46px;line-height:1.1;max-width:700px}.hero__text{max-width:540px;opacity:.8;font-size:17px;margin:20px 0 32px}.hero__actions{display:flex;gap:12px}.hero .btn:not(.btn--outline-light){background:#fff;color:var(--text);border-color:#fff}.section{margin-top:64px}.section__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px}.section__head h2,.section__title{font-size:26px}.section__title{margin-bottom:24px}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category{position:relative;height:260px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:var(--radius);background:#3b342c center / cover no-repeat;color:#fff;overflow:hidden}.category:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0009,#0000 60%);transition:background .2s}.category>*{position:relative}.category span{font-size:22px;font-weight:600}.category small{opacity:.85}.category:hover:before{background:linear-gradient(to top,#000000b3,#0000001a 70%)}.brands{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.brand{position:relative;display:grid;grid-template-columns:1fr 120px;align-items:center;gap:12px;min-height:150px;padding:20px 16px 20px 24px;background:var(--bg-soft);border-radius:var(--radius);overflow:hidden;transition:background .25s,color .25s}.brand__info{display:flex;flex-direction:column;gap:4px}.brand__name{font-size:22px;font-weight:600;letter-spacing:.02em;line-height:1.15}.brand__count{font-size:13px;color:var(--muted);transition:color .25s}.brand__cta{font-size:13px;font-weight:600;margin-top:10px;opacity:0;transform:translate(-6px);transition:opacity .25s,transform .25s}.brand__image{width:120px;height:120px;border-radius:50%;background:#fff;overflow:hidden;display:flex}.brand__image .product-image{aspect-ratio:1;object-fit:contain;padding:10px}.brand:hover{background:var(--text);color:#fff}.brand:hover .brand__count{color:#b9b2a8}.brand:hover .brand__cta{opacity:1;transform:none}.brand:hover .brand__image .product-image{transform:scale(1.08)}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.benefit{display:flex;gap:16px;align-items:flex-start;padding:24px;border:1px solid var(--line);border-radius:var(--radius);transition:border-color .2s,box-shadow .2s}.benefit:hover{border-color:#d6d0c7;box-shadow:0 8px 24px #0000000f}.benefit__icon{flex:none;width:48px;height:48px;border-radius:50%;background:var(--text);display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s}.benefit:hover .benefit__icon{transform:scale(1.08)}.benefit__icon svg{width:24px;height:24px}.benefit h3{font-size:15px;margin-bottom:4px}.benefit p{margin:0;font-size:13px;color:var(--muted);line-height:1.45}.gifts{background:#efe9e1;margin-top:72px;padding:56px 0}.gifts__head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px}.gifts__head h2{font-size:30px;margin-bottom:8px}.gifts__text{margin:0;color:#5c574f;max-width:520px}.tabs{display:flex;gap:6px;padding:5px;background:#fff;border-radius:999px;flex-wrap:wrap}.tabs__btn{border:0;background:none;padding:9px 18px;border-radius:999px;font-size:14px;font-weight:500;white-space:nowrap;transition:background-color .25s ease,color .25s ease}.tabs__btn:hover{background:var(--bg-soft)}.tabs__btn--active,.tabs__btn--active:hover{background:var(--text);color:#fff}.gifts .card__media{background:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;color:var(--muted);margin:0 0 10px}.look{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;background:var(--bg-soft);border-radius:var(--radius);overflow:hidden}.look__image{width:100%;height:100%;max-height:640px;object-fit:cover;object-position:center 30%;display:block}.look__body{padding:40px 48px 40px 0}.look__body h2{font-size:32px;margin-bottom:14px}.look__text{color:#333;margin:0 0 24px}.look__list{list-style:none;padding:0;margin:0 0 14px}.look__item{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.look__list li:last-child .look__item{border-bottom:1px solid var(--line)}.look__thumb{width:56px;background:#fff;border-radius:var(--radius);overflow:hidden}.look__info{display:flex;flex-direction:column;min-width:0}.look__name{font-size:14px;color:var(--muted)}.look__price{font-weight:600;white-space:nowrap}.look__item:hover .look__name{color:var(--text)}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.split__tile{position:relative;min-height:460px;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;background:#3b342c center 25% / cover no-repeat;color:#fff;border-radius:var(--radius);overflow:hidden}.split__tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000a6,#0000 55%)}.split__tile>*{position:relative}.split__label{font-size:30px;font-weight:600}.split__text{max-width:360px;margin:6px 0 14px;opacity:.9}.split__cta{font-weight:600}.split__tile:hover .split__cta{text-decoration:underline}.steps{background:var(--bg-soft);margin-top:72px;padding:56px 0}.steps__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.steps__num{display:block;font-size:28px;font-weight:600;color:#b9b2a8;margin-bottom:8px}.steps h3{font-size:16px;margin-bottom:6px}.steps p{margin:0;color:var(--muted);font-size:14px}.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:48px}.faq h2{font-size:26px;margin-bottom:10px}.faq a{text-decoration:underline}.faq .accordion p{margin:10px 0 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 20px}.grid--3{grid-template-columns:repeat(3,1fr)}.card{display:block}.card__media{position:relative;margin-bottom:12px;overflow:hidden;border-radius:var(--radius)}.card:hover .product-image{transform:scale(1.04)}.card__badges{position:absolute;top:10px;left:10px;display:flex;gap:6px}.badge{background:#fff;padding:3px 8px;font-size:11px;font-weight:600;text-transform:uppercase;border-radius:2px}.badge--sale{background:var(--accent);color:#fff}.card__brand{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.card__name{font-size:14px;color:var(--muted);margin:2px 0 6px}.product-image{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block;transition:transform .6s var(--ease),opacity .5s ease}img.product-image{opacity:0}img.product-image--loaded{opacity:1}.product-image--placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#8a847c}.product-image--placeholder svg{width:38%}.product-image__brand{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}.product-image--large .product-image__brand{font-size:18px}.price{display:flex;gap:8px;align-items:baseline}.price__current{font-weight:600}.price__current--sale{color:var(--accent)}.price__old{color:var(--muted);text-decoration:line-through;font-size:13px}.price--large .price__current{font-size:24px}.price--large .price__old{font-size:16px}.page{padding-top:20px;padding-bottom:20px}.page--narrow{max-width:860px}.page__title{font-size:32px;margin:8px 0 28px}.breadcrumbs{font-size:13px;color:var(--muted)}.breadcrumbs a:hover{color:var(--text)}.breadcrumbs__sep{margin:0 8px}.empty{text-align:center;padding:64px 0}.empty p{color:var(--muted);margin-bottom:20px}.catalog{display:grid;grid-template-columns:220px 1fr;gap:40px}.filters__group{margin-bottom:28px}.filters__group h4{font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.filters__option{display:block;background:none;border:0;padding:4px 0;color:var(--muted);text-align:left}.filters__option:hover{color:var(--text)}.filters__option--active{color:var(--text);font-weight:600}.catalog__bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.product{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;margin-top:20px}.product__media .product-image{border-radius:var(--radius)}.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}.gallery__thumb{padding:0;border:1px solid transparent;border-radius:var(--radius);background:none;overflow:hidden;opacity:.65}.gallery__thumb img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover}.gallery__thumb:hover{opacity:1}.gallery__thumb--active{border-color:var(--text);opacity:1}.product__brand{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.product__name{font-size:28px;line-height:1.2;margin:6px 0 14px}.product__info>.muted{margin:10px 0 0}.sizes{margin:24px 0 8px}.sizes__label{font-weight:500;margin-bottom:10px}.sizes__list{display:flex;flex-wrap:wrap;gap:8px}.size{min-width:52px;padding:10px 12px;border:1px solid #cfcfcf;background:#fff;border-radius:var(--radius);transition:background-color .2s,color .2s,border-color .2s}.size:hover{border-color:var(--text)}.size--active{background:var(--text);color:#fff;border-color:var(--text)}.product__info>.btn,.added{margin-top:24px}.added{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-soft);border-radius:var(--radius)}.product__perks{list-style:none;padding:0;margin:24px 0;font-size:14px;color:var(--muted)}.product__perks li{padding:6px 0 6px 22px;position:relative}.product__perks li:before{content:"✓";position:absolute;left:0;color:var(--text)}.accordion{border-top:1px solid var(--line);padding:14px 0}.accordion:last-child{border-bottom:1px solid var(--line)}.accordion summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between}.accordion summary:after{content:"+";font-weight:400}.accordion[open] summary:after{content:"−"}.accordion p,.accordion ul{color:#333;font-size:14px}.accordion ul{padding-left:18px}.accordion a{text-decoration:underline}.cart,.checkout{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start}.line{display:grid;grid-template-columns:100px 1fr auto 120px;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.line:first-child{border-top:1px solid var(--line)}.line__image{width:100px}.line__name{display:block;margin:2px 0 4px}.line__info .muted{font-size:13px;margin-bottom:8px}.line__sum{font-weight:600;text-align:right}.qty{display:flex;align-items:center;border:1px solid #cfcfcf;border-radius:var(--radius)}.qty button{width:34px;height:36px;border:0;background:none;font-size:16px}.qty button:disabled{color:#bbb;cursor:default}.qty span{min-width:24px;text-align:center}.summary{background:var(--bg-soft);padding:24px;border-radius:var(--radius);position:sticky;top:140px}.summary--static{position:static;margin-top:24px}.summary h3{margin-bottom:16px;font-size:18px}.summary__row{display:flex;justify-content:space-between;padding:6px 0}.summary__item{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.summary__item span{white-space:nowrap;font-weight:500}.summary__item .muted{font-size:13px}.summary__total{font-size:18px;font-weight:600;border-top:1px solid #d8d8d8;margin:10px 0 18px;padding-top:14px}.summary__hint{font-size:13px;color:var(--muted);margin:4px 0}.summary__continue{display:block;text-align:center;margin-top:14px}.checkout fieldset{border:0;padding:0;margin:0 0 32px}.checkout legend{font-size:18px;font-weight:600;margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:block;margin-bottom:16px}.field__label{display:block;font-size:13px;margin-bottom:6px;color:#444}.form-error{display:block;color:var(--accent);font-size:13px;margin-top:4px}.radios{display:grid;gap:8px;margin-bottom:16px}.radio{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;padding:14px 16px;border:1px solid #cfcfcf;border-radius:var(--radius);cursor:pointer}.radio small{grid-column:2;color:var(--muted);font-size:13px}.radio--active{border-color:var(--text)}.radio--disabled{opacity:.5;cursor:not-allowed}.checkbox{display:flex;gap:10px;font-size:13px;margin:8px 0;align-items:flex-start}.checkbox input{margin-top:3px}.checkbox a{text-decoration:underline}.checkout .summary .btn{margin-top:12px}.success{text-align:center;margin:24px 0 32px}.success__icon{width:64px;height:64px;border-radius:50%;background:var(--text);color:#fff;font-size:30px;line-height:64px;margin:0 auto 20px}.success h1{font-size:26px;margin-bottom:6px}.order{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.order__block{border:1px solid var(--line);padding:16px;border-radius:var(--radius)}.order__block h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.order__block p{margin:2px 0;font-size:14px}.prose{font-size:15px;color:#222}.prose h2{font-size:20px;margin:32px 0 10px}.prose a{text-decoration:underline}.prose li{margin-bottom:6px}.details-table{width:100%;border-collapse:collapse;font-size:14px}.details-table td{padding:10px 0;border-bottom:1px solid var(--line);vertical-align:top}.details-table td:first-child{color:var(--muted);width:38%;padding-right:16px}.contacts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0}.contacts>div{background:var(--bg-soft);padding:20px;border-radius:var(--radius)}.contacts h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;color:var(--muted)}.contacts a{text-decoration:none;font-weight:500}.footer{background:#111;color:#ddd;margin-top:80px;padding-top:56px}.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}.footer h4{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}.footer__grid a,.footer__grid span{display:block;font-size:14px;padding:3px 0}.footer__grid a:hover{color:#fff}.footer__muted{color:#8d8d8d;font-size:14px}.footer__socials{display:flex;gap:16px;margin-top:16px}.footer__legal{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #2a2a2a;margin-top:40px;padding-top:20px;padding-bottom:24px;font-size:12px;color:#8d8d8d}.footer__pay{white-space:nowrap}@media (max-width: 1024px){.grid{grid-template-columns:repeat(3,1fr)}.grid--3{grid-template-columns:repeat(2,1fr)}.header__phone{display:none}.benefits,.brands{grid-template-columns:repeat(2,1fr)}.gifts__head{flex-direction:column;align-items:flex-start}.cart,.checkout{grid-template-columns:1fr}.summary{position:static}}@media (max-width: 768px){.header__row{gap:12px;height:60px}.header__burger{display:flex}.logo{font-size:18px}.search,.nav{display:none}.nav--open{display:block}.nav__list{flex-direction:column;align-items:flex-start;height:auto;gap:0;padding:8px 16px}.nav__link{padding:10px 0;width:100%}.hero__inner{padding:56px 16px}.hero__image{display:none}.hero h1{font-size:30px}.categories{grid-template-columns:repeat(2,1fr)}.category{height:130px}.grid,.grid--3{grid-template-columns:repeat(2,1fr);gap:24px 12px}.look,.split,.faq{grid-template-columns:1fr;gap:16px}.look__image{max-height:420px}.look__body{padding:8px 20px 28px}.look__body h2{font-size:26px}.split__tile{min-height:360px;padding:24px}.steps__list{grid-template-columns:1fr 1fr;gap:24px}.benefits,.brands{grid-template-columns:1fr;gap:10px}.benefit{padding:16px}.brand{min-height:110px;grid-template-columns:1fr 88px}.brand__image{width:88px;height:88px}.brand__cta{display:none}.gifts{padding:40px 0}.gifts__head h2{font-size:24px}.catalog{grid-template-columns:1fr;gap:16px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.filters .btn{grid-column:1 / -1}.product{grid-template-columns:1fr;gap:24px}.line{grid-template-columns:80px 1fr}.line__image{width:80px;grid-row:span 2}.line__sum{text-align:left}.form-row,.order,.contacts{grid-template-columns:1fr;gap:0 16px}.order{gap:12px}.footer__grid{grid-template-columns:1fr 1fr}.footer__legal{flex-direction:column}.page__title{font-size:26px}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.4)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.page-enter{animation:fade-up .45s var(--ease) both}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal--visible{opacity:1;transform:none}.reveal :is(.grid,.benefits,.brands,.categories,.steps__list)>*{opacity:0}.reveal--visible :is(.grid,.benefits,.brands,.categories,.steps__list)>*{animation:fade-up .6s var(--ease) both}.reveal--visible :is(.grid,.benefits,.brands,.categories,.steps__list)>:nth-child(2){animation-delay:.07s}.reveal--visible :is(.grid,.benefits,.brands,.categories,.steps__list)>:nth-child(3){animation-delay:.14s}.reveal--visible :is(.grid,.benefits,.brands,.categories,.steps__list)>:nth-child(4){animation-delay:.21s}.reveal--visible :is(.grid,.benefits,.brands,.categories,.steps__list)>:nth-child(n+5){animation-delay:.28s}.fade-swap>*{animation:fade-up .45s var(--ease) both}.fade-swap>:nth-child(2){animation-delay:.04s}.fade-swap>:nth-child(3){animation-delay:.08s}.fade-swap>:nth-child(n+4){animation-delay:.12s}.hero__inner>*{animation:fade-up .8s var(--ease) both}.hero__inner>:nth-child(2){animation-delay:.08s}.hero__inner>:nth-child(3){animation-delay:.16s}.hero__inner>:nth-child(4){animation-delay:.24s}.hero__image{animation:fade-in 1.2s ease both}.cart-link__count{animation:pop .4s var(--ease)}.accordion[open]>:not(summary){animation:slide-down .3s var(--ease)}.accordion summary:after{transition:transform .3s var(--ease)}.added{animation:fade-up .35s var(--ease)}.form-error{animation:fade-in .25s ease}@media (max-width: 768px){.nav--open{animation:slide-down .25s var(--ease)}.nav__link:after{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal,.reveal *{opacity:1!important;transform:none!important}img.product-image{opacity:1}}
