/*
Theme Name: VASE
Theme URI: https://vase.gallery
Author: VASE | NEMIROVICH
Author URI: https://vase.gallery
Description: Тема для интернет-магазина кожаных изделий VASE
Version: 3.0
License: Private
Text Domain: vase
*/

/* ═══════════════════════════════════════
   VASE v3 — with Dark Theme
   ═══════════════════════════════════════ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

/* ── LIGHT THEME (default) ── */
:root,[data-theme="light"]{
  color-scheme:light;
  --bg:#fff;--bg-alt:#f5f5f5;--bg-card:#f0f0f0;
  --text:#000;--text-mid:#888;--text-light:#ccc;
  --border:#e0e0e0;--border-light:#f0f0f0;
  --header-bg:rgba(255,255,255,.97);
  --overlay:rgba(0,0,0,.4);
  --red:#c0392b;--green:#27ae60;
  --logo-filter:brightness(0);
  --font:'Helvetica Neue',Helvetica,Arial,sans-serif;
  --header-h:50px;
  --fast:.25s cubic-bezier(.4,0,.2,1);
  --med:.4s cubic-bezier(.4,0,.2,1);
  --slow:.6s cubic-bezier(.4,0,.2,1);
}
/* ── DARK THEME ── */
[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0a0a0a;--bg-alt:#151515;--bg-card:#1a1a1a;
  --text:#e8e8e8;--text-mid:#777;--text-light:#444;
  --border:#2a2a2a;--border-light:#1e1e1e;
  --header-bg:rgba(10,10,10,.97);
  --overlay:rgba(0,0,0,.6);
  --logo-filter:brightness(0) invert(1);
}

html{font-size:10px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--font);font-size:1.2rem;line-height:1.5;color:var(--text);background:var(--bg);overflow-x:hidden;letter-spacing:.08em;text-transform:uppercase;transition:background .3s,color .3s}
a{color:inherit;text-decoration:none;cursor:pointer}
button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit}
ul,li{list-style:none}
img{display:block;max-width:100%;height:auto}
input,select,textarea{font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--text);background:var(--bg);-webkit-appearance:none;border:1px solid var(--border)}

/* HEADER */
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-h);background:var(--bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;transition:transform var(--med),background var(--med)}
.site-header.header--hidden{transform:translateY(-100%)}
.site-header.header--scrolled{background:var(--header-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.header__left,.header__right{display:flex;align-items:center;gap:20px}
.header__menu-toggle{display:flex;align-items:center;gap:6px;font-size:1.1rem;letter-spacing:.12em;padding:5px 0}
.menu-icon{display:flex;flex-direction:column;gap:3px;width:16px}
.menu-icon span{display:block;height:1px;background:var(--text);transition:var(--fast)}
.header__account svg,.header__bag svg{width:14px;height:14px;flex-shrink:0}
.header__center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.header__logo img{height:22px;width:auto;filter:var(--logo-filter);transition:filter .3s}
.header__account,.header__bag{font-size:1.1rem;letter-spacing:.12em;display:flex;align-items:center;gap:5px}

/* NAV */
.nav-overlay{position:fixed;inset:0;background:var(--overlay);z-index:2000;opacity:0;visibility:hidden;transition:opacity var(--med),visibility var(--med)}
.nav-overlay.is-open{opacity:1;visibility:visible}
.nav-drawer{position:fixed;top:0;left:0;width:420px;max-width:90vw;height:100vh;background:var(--bg);z-index:2001;transform:translateX(-100%);transition:transform var(--med);overflow-y:auto;display:flex;flex-direction:column}
.nav-drawer.is-open{transform:translateX(0)}
.nav-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--border);min-height:var(--header-h);flex-shrink:0}
.nav-drawer__close{display:flex;align-items:center;gap:6px;font-size:1.1rem;letter-spacing:.12em}
.nav-drawer__close svg{width:14px;height:14px}
.nav-drawer__body{flex:1;padding:0;overflow-y:auto}
.nav-menu{padding:10px 0}
.nav-menu__item{border-bottom:1px solid var(--border)}
.nav-menu__link{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;font-size:1.2rem;letter-spacing:.15em;transition:background var(--fast)}
.nav-menu__link:hover{background:var(--bg-alt)}
.nav-menu__arrow{width:8px;height:8px;border-right:1px solid var(--text);border-bottom:1px solid var(--text);transform:rotate(-45deg);flex-shrink:0}
.nav-drawer__footer{padding:20px;border-top:1px solid var(--border);flex-shrink:0}
.nav-drawer__footer-links{display:flex;flex-direction:column;gap:12px}
.nav-drawer__footer-links a{font-size:1.1rem;letter-spacing:.1em;color:var(--text-mid);transition:color var(--fast)}
.nav-drawer__footer-links a:hover{color:var(--text)}

/* ── THEME TOGGLE ── */
.theme-toggle{display:flex;align-items:center;gap:10px;padding:15px 20px;border-top:1px solid var(--border);margin-top:5px}
.theme-toggle__label{font-size:1.1rem;letter-spacing:.1em;color:var(--text-mid)}
.theme-toggle__switch{width:40px;height:22px;background:var(--border);border-radius:11px;position:relative;cursor:pointer;transition:background .3s;flex-shrink:0}
.theme-toggle__switch::after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--bg);border-radius:50%;transition:transform .3s,background .3s}
[data-theme="dark"] .theme-toggle__switch{background:var(--text)}
[data-theme="dark"] .theme-toggle__switch::after{transform:translateX(18px);background:var(--bg)}

/* MAIN */
.main-content{margin-top:var(--header-h)}

/* HERO */
.hero-video{position:relative;width:100%;height:calc(100vh - var(--header-h));overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center;cursor:pointer}
.hero-video__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-video__logo{position:relative;z-index:2;width:clamp(200px,30vw,450px);height:auto;filter:brightness(0) invert(1);pointer-events:none;animation:heroIn 1.5s ease both .4s}
.hero-video__cta{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:3;font-size:1.1rem;letter-spacing:.2em;color:#fff;opacity:.6;animation:heroCta 2s ease both 1.5s}
@keyframes heroIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@keyframes heroCta{from{opacity:0;transform:translateY(10px)}to{opacity:.6;transform:translateY(0)}}

/* SECTION GRID */
.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}
.section-card{position:relative;aspect-ratio:16/10;overflow:hidden;background:#1a1a1a;cursor:pointer;display:block}
.section-card__media{position:absolute;inset:0}
.section-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.section-card:hover .section-card__media img{transform:scale(1.04)}
.section-card__overlay{position:absolute;inset:0;background:rgba(0,0,0,0);transition:background .4s ease;z-index:2;display:flex;align-items:center;justify-content:center}
.section-card:hover .section-card__overlay{background:rgba(0,0,0,.45)}
.section-card__label{color:#fff;font-size:1.6rem;letter-spacing:.22em;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}
.section-card:hover .section-card__label{opacity:1;transform:translateY(0)}

/* Section cards: always visible on mobile */
@media(max-width:768px){
  .section-card--mobile-visible .section-card__overlay{background:rgba(0,0,0,.45)}
  .section-card--mobile-visible .section-card__label{opacity:1;transform:translateY(0)}
}
@media(min-width:769px){
  .section-card--mobile-visible .section-card__overlay{background:rgba(0,0,0,0)}
  .section-card--mobile-visible .section-card__label{opacity:0;transform:translateY(8px)}
  .section-card--mobile-visible:hover .section-card__overlay{background:rgba(0,0,0,.45)}
  .section-card--mobile-visible:hover .section-card__label{opacity:1;transform:translateY(0)}
}

/* PRODUCTS */
.products-section{padding:60px 20px;background:var(--bg)}
.products-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid var(--border)}
.products-section__title{font-size:1.2rem;font-weight:400;letter-spacing:.18em}
.products-section__viewall{font-size:1.1rem;letter-spacing:.12em;color:var(--text-mid);display:flex;align-items:center;gap:6px;transition:color var(--fast)}
.products-section__viewall:hover{color:var(--text)}
.products-section__viewall-arrow{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(-45deg)}
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.product-card{display:block;color:var(--text)}
.product-card__image{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--bg-card);margin-bottom:12px}
.product-card__image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--slow)}
.product-card:hover .product-card__image img{transform:scale(1.04)}
.product-card__name{font-size:1.1rem;letter-spacing:.1em;margin-bottom:4px;font-weight:400}
.product-card__line{font-size:1rem;letter-spacing:.08em;color:var(--text-mid);margin-bottom:6px}
.product-card__price{font-size:1.1rem;letter-spacing:.08em}
.product-card__badge{position:absolute;top:10px;left:10px;padding:4px 10px;font-size:.9rem;letter-spacing:.08em;z-index:3}
.product-card__badge--out{background:var(--text);color:var(--bg)}

/* PRODUCT PAGE */
.product-page{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - var(--header-h))}
.product-gallery{position:relative;background:var(--bg-alt);overflow:hidden}
.product-gallery__main{width:100%;aspect-ratio:3/4;overflow:hidden;position:relative}
.product-gallery__main img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:0;transition:opacity .4s ease}
.product-gallery__main img.is-active{opacity:1}
.product-gallery__thumbs{display:flex;gap:8px;padding:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.product-gallery__thumb{width:60px;height:80px;overflow:hidden;cursor:pointer;border:1px solid transparent;transition:border-color var(--fast);flex-shrink:0}
.product-gallery__thumb.is-active{border-color:var(--text)}
.product-gallery__thumb img{width:100%;height:100%;object-fit:cover}
.product-gallery__arrows{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;padding:0 12px;transform:translateY(-50%);z-index:5;pointer-events:none}
.product-gallery__arrow{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.8);pointer-events:all;transition:background var(--fast)}
[data-theme="dark"] .product-gallery__arrow{background:rgba(0,0,0,.6)}
.product-gallery__arrow svg{width:16px;height:16px}
.product-info{padding:40px 30px;display:flex;flex-direction:column;gap:20px}
.product-info__breadcrumb{font-size:1rem;letter-spacing:.1em;color:var(--text-mid)}
.product-info__breadcrumb a:hover{color:var(--text)}
.product-info__name{font-size:2rem;font-weight:400;letter-spacing:.15em}
.product-info__price{font-size:1.4rem;letter-spacing:.1em}
.product-info__stock{font-size:1rem;letter-spacing:.08em;display:flex;align-items:center;gap:6px}
.product-info__stock--in{color:var(--green)}
.product-info__stock--out{color:var(--red)}
.product-info__stock-dot{width:6px;height:6px;border-radius:50%;display:inline-block}
.product-info__stock--in .product-info__stock-dot{background:var(--green)}
.product-info__stock--out .product-info__stock-dot{background:var(--red)}
.product-info__desc{font-size:1.1rem;line-height:1.8;letter-spacing:.05em;text-transform:none;color:var(--text-mid);border-top:1px solid var(--border);padding-top:20px}
.color-selector{display:flex;flex-direction:column;gap:10px}
.color-selector__label{font-size:1.1rem;letter-spacing:.12em}
.color-selector__options{display:flex;gap:10px}
.color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color var(--fast);position:relative}
.color-swatch::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1px solid transparent;transition:border-color var(--fast)}
.color-swatch.is-active::after{border-color:var(--text)}

/* BUTTONS */
.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;font-size:1.2rem;letter-spacing:.15em;transition:all var(--fast);cursor:pointer;border:1px solid var(--text);text-transform:uppercase;font-family:var(--font)}
.btn--primary{background:var(--text);color:var(--bg)}
.btn--primary:hover{opacity:.85}
.btn--outline{background:transparent;color:var(--text)}
.btn--outline:hover{background:var(--text);color:var(--bg)}
.btn--full{width:100%}
.btn--small{padding:10px 20px;font-size:1.1rem}
.btn:disabled{opacity:.5;cursor:not-allowed}
.related-products{border-top:1px solid var(--border);padding:60px 20px}
.related-products__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid var(--border)}
.related-products__title{font-size:1.2rem;font-weight:400;letter-spacing:.18em}

/* PAGE / CART */
.page-container{max-width:1200px;margin:0 auto;padding:40px 20px}
.page-title{font-size:1.6rem;font-weight:400;letter-spacing:.2em;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid var(--border)}
.cart-layout{display:grid;grid-template-columns:1fr 380px;gap:40px}
.cart-items{display:flex;flex-direction:column;gap:20px}
.cart-item{display:grid;grid-template-columns:120px 1fr auto;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.cart-item__image{aspect-ratio:3/4;overflow:hidden;background:var(--bg-alt)}
.cart-item__image img{width:100%;height:100%;object-fit:cover}
.cart-item__info{display:flex;flex-direction:column;gap:6px;justify-content:center}
.cart-item__name{font-size:1.2rem;letter-spacing:.12em;font-weight:400}
.cart-item__color{font-size:1rem;color:var(--text-mid);letter-spacing:.08em}
.cart-item__price{font-size:1.1rem;letter-spacing:.08em}
.cart-item__qty{display:flex;align-items:center;gap:12px;margin-top:8px}
.cart-item__qty button{width:28px;height:28px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:border-color var(--fast);background:var(--bg);color:var(--text)}
.cart-item__qty button:hover{border-color:var(--text)}
.cart-item__qty span{font-size:1.1rem;min-width:20px;text-align:center}
.cart-item__actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}
.cart-item__remove{font-size:1rem;color:var(--text-mid);letter-spacing:.08em;transition:color var(--fast)}
.cart-item__remove:hover{color:var(--text)}
.cart-item__total{font-size:1.2rem;letter-spacing:.08em}
.cart-summary{padding:30px;border:1px solid var(--border);position:sticky;top:calc(var(--header-h) + 20px);display:flex;flex-direction:column;gap:15px;background:var(--bg)}
.cart-summary__row{display:flex;justify-content:space-between;font-size:1.1rem;letter-spacing:.08em}
.cart-summary__row--total{font-size:1.3rem;letter-spacing:.1em;padding-top:15px;border-top:1px solid var(--border)}
.cart-empty{text-align:center;padding:80px 20px}
.cart-empty__text{font-size:1.3rem;letter-spacing:.15em;color:var(--text-mid);margin-bottom:20px}

/* CHECKOUT */
.checkout-layout{display:grid;grid-template-columns:1fr 400px;gap:40px}
.checkout-section{margin-bottom:30px}
.checkout-section__title{font-size:1.2rem;letter-spacing:.15em;font-weight:400;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.form-group{margin-bottom:16px}
.form-label{display:block;font-size:1rem;letter-spacing:.1em;margin-bottom:6px;color:var(--text-mid)}
.form-input,.form-textarea{width:100%;padding:12px;border:1px solid var(--border);font-size:1.1rem;letter-spacing:.08em;outline:none;transition:border-color var(--fast);font-family:var(--font);color:var(--text);background:var(--bg)}
.form-input:focus,.form-textarea:focus{border-color:var(--text)}
.form-input::placeholder,.form-textarea::placeholder{color:var(--text-light)}
.form-textarea{min-height:120px;resize:vertical;text-transform:none;line-height:1.7}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.delivery-options,.payment-methods{display:flex;flex-direction:column;gap:10px}
.delivery-option,.payment-method{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border);cursor:pointer;transition:border-color var(--fast)}
.delivery-option:hover,.delivery-option.is-active,.payment-method:hover,.payment-method.is-active{border-color:var(--text)}
.delivery-option__radio,.payment-method__radio{width:16px;height:16px;border-radius:50%;border:1px solid var(--text-mid);position:relative;flex-shrink:0}
.delivery-option.is-active .delivery-option__radio::after,.payment-method.is-active .payment-method__radio::after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--text)}
.delivery-option__info{flex:1}.delivery-option__name,.payment-method__name{font-size:1.1rem;letter-spacing:.1em}
.delivery-option__time{font-size:1rem;color:var(--text-mid);letter-spacing:.06em;margin-top:2px}
.delivery-option__price{font-size:1.1rem;letter-spacing:.08em}
.delivery-estimate{padding:16px;background:var(--bg-alt);font-size:1.1rem;letter-spacing:.08em;margin-top:12px}

/* AUTH */
.auth-container{max-width:440px;margin:60px auto;padding:0 20px}
.auth-title{font-size:1.4rem;font-weight:400;letter-spacing:.2em;text-align:center;margin-bottom:30px}
.auth-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:30px}
.auth-tab{flex:1;text-align:center;padding:14px;font-size:1.1rem;letter-spacing:.15em;cursor:pointer;border-bottom:2px solid transparent;transition:border-color var(--fast),color var(--fast);color:var(--text-mid)}
.auth-tab.is-active{border-bottom-color:var(--text);color:var(--text)}
.auth-form{display:none;flex-direction:column;gap:16px}
.auth-form.is-active{display:flex}
.auth-error{padding:12px;background:#3d1515;color:#ff8888;font-size:1rem;letter-spacing:.06em;text-transform:none;display:none}
.auth-success{padding:12px;background:#153d15;color:#88ff88;font-size:1rem;letter-spacing:.06em;text-transform:none;display:none}
[data-theme="light"] .auth-error{background:#fde8e8;color:var(--red)}
[data-theme="light"] .auth-success{background:#e8fde8;color:var(--green)}
.auth-error.is-visible,.auth-success.is-visible{display:block}

/* PROFILE */
.profile-container{max-width:800px;margin:0 auto;padding:40px 20px}
.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.profile-avatar{width:60px;height:60px;border-radius:50%;background:var(--bg-alt);display:flex;align-items:center;justify-content:center;font-size:2rem;letter-spacing:0;flex-shrink:0}
.profile-name{font-size:1.3rem;letter-spacing:.15em;font-weight:400}
.profile-email{font-size:1rem;color:var(--text-mid);letter-spacing:.06em;text-transform:none}
.profile-sections{display:flex;flex-direction:column;gap:30px}
.profile-section{border:1px solid var(--border);padding:25px}
.profile-section__title{font-size:1.1rem;letter-spacing:.15em;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border);font-weight:400}
.profile-empty{color:var(--text-mid);font-size:1.1rem;letter-spacing:.08em}
.profile-field{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-light);gap:10px;flex-wrap:wrap}
.profile-field__label{font-size:1rem;color:var(--text-mid);letter-spacing:.08em;min-width:80px}
.profile-field__value{font-size:1.1rem;letter-spacing:.08em;text-transform:none;flex:1}
.profile-field__edit{font-size:1rem;color:var(--text-mid);letter-spacing:.08em;text-decoration:underline;cursor:pointer;transition:color var(--fast)}
.profile-field__edit:hover{color:var(--text)}

/* CATEGORY */
.category-hero{padding:60px 20px 30px;text-align:center}
.category-hero__title{font-size:2rem;font-weight:400;letter-spacing:.25em}
.category-hero__count{font-size:1rem;color:var(--text-mid);letter-spacing:.1em;margin-top:8px}

/* CATALOG (all products) */
.catalog-controls{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:30px;align-items:center;overflow:hidden}
.catalog-search{flex:1;min-width:200px;padding:12px 16px;border:1px solid var(--border);font-size:1.1rem;letter-spacing:.08em;outline:none;background:var(--bg);color:var(--text);font-family:var(--font);text-transform:uppercase}
.catalog-search:focus{border-color:var(--text)}
.catalog-search::placeholder{color:var(--text-light)}
.catalog-filter{padding:10px 16px;border:1px solid var(--border);font-size:1rem;letter-spacing:.1em;background:var(--bg);color:var(--text);cursor:pointer;font-family:var(--font);text-transform:uppercase}
.catalog-filter:hover,.catalog-filter.is-active{border-color:var(--text);background:var(--text);color:var(--bg)}
.catalog-empty{text-align:center;padding:60px 20px;color:var(--text-mid);font-size:1.2rem;letter-spacing:.1em}
.catalog-sort{padding:10px 16px;border:1px solid var(--border);font-size:1rem;letter-spacing:.08em;background:var(--bg);color:var(--text);font-family:var(--font);text-transform:uppercase;cursor:pointer}

/* INFO PAGES */
.info-page{max-width:800px;margin:0 auto;padding:40px 20px 80px}
.info-page__title{font-size:1.8rem;font-weight:400;letter-spacing:.2em;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid var(--border)}
.info-page__section{margin-bottom:30px}
.info-page__subtitle{font-size:1.2rem;letter-spacing:.15em;font-weight:400;margin-bottom:12px}
.info-page__text{font-size:1.15rem;line-height:1.9;letter-spacing:.04em;text-transform:none;color:var(--text-mid)}
.info-page__text p{margin-bottom:14px}
.info-page__text strong{color:var(--text)}

/* ABOUT */
.about-hero{padding:80px 20px;background:var(--text);color:var(--bg);text-align:center}
.about-hero__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:300;letter-spacing:.3em;margin-bottom:12px}
.about-hero__sub{font-size:1.2rem;letter-spacing:.2em;opacity:.5}
.about-content{max-width:740px;margin:0 auto;padding:60px 20px 80px}
.about-content p{font-size:1.2rem;line-height:2;letter-spacing:.04em;text-transform:none;color:var(--text-mid);margin-bottom:20px}
.about-content p:first-child{font-size:1.4rem;color:var(--text)}
.about-divider{width:40px;height:1px;background:var(--text);margin:40px auto}
.about-signature{text-align:center;font-size:1.3rem;letter-spacing:.2em;color:var(--text);font-weight:300}

/* FAQ */
.faq-list{display:flex;flex-direction:column}
.faq-item{border-bottom:1px solid var(--border)}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 0;font-size:1.15rem;letter-spacing:.08em;text-align:left;font-weight:400;gap:15px}
.faq-question__icon{width:12px;height:12px;position:relative;flex-shrink:0}
.faq-question__icon::before,.faq-question__icon::after{content:'';position:absolute;background:var(--text);transition:transform .3s ease}
.faq-question__icon::before{width:12px;height:1px;top:50%;left:0}
.faq-question__icon::after{width:1px;height:12px;left:50%;top:0}
.faq-item.is-open .faq-question__icon::after{transform:rotate(90deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease}
.faq-answer__inner{padding:0 0 18px;font-size:1.1rem;line-height:1.8;letter-spacing:.04em;text-transform:none;color:var(--text-mid)}
.faq-section-title{font-size:1.3rem;letter-spacing:.18em;font-weight:400;margin:40px 0 15px;padding-bottom:10px;border-bottom:1px solid var(--text)}

/* CONTACTS */
.contacts-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}
.contact-block{padding:25px;border:1px solid var(--border)}
.contact-block__title{font-size:1.1rem;letter-spacing:.15em;margin-bottom:12px;font-weight:400}
.contact-block__text{font-size:1.1rem;line-height:1.8;letter-spacing:.04em;text-transform:none;color:var(--text-mid)}
.contact-block__text a{text-decoration:underline}

/* PERSONALIZATION */
.pers-features{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}
.pers-feature{padding:25px;border:1px solid var(--border)}
.pers-feature__title{font-size:1.1rem;letter-spacing:.15em;margin-bottom:8px;font-weight:400}
.pers-feature__text{font-size:1.1rem;line-height:1.7;text-transform:none;color:var(--text-mid);letter-spacing:.04em}

/* COLLECTIONS */
.collections-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);margin-top:30px}
.collection-card{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--bg-card);cursor:pointer;display:block}
.collection-card__media{position:absolute;inset:0}
.collection-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.collection-card:hover .collection-card__media img{transform:scale(1.04)}
.collection-card__overlay{position:absolute;inset:0;background:rgba(0,0,0,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:background .4s ease}
.collection-card:hover .collection-card__overlay{background:rgba(0,0,0,.55)}
.collection-card__name{color:#fff;font-size:2rem;letter-spacing:.3em;font-weight:300}
.collection-card__year{color:rgba(255,255,255,.6);font-size:1.1rem;letter-spacing:.2em}
.collection-detail__hero{padding:80px 20px;text-align:center;background:var(--text);color:var(--bg)}
.collection-detail__name{font-size:clamp(2rem,5vw,3.5rem);font-weight:300;letter-spacing:.3em;margin-bottom:8px}
.collection-detail__meta{font-size:1.1rem;letter-spacing:.2em;opacity:.5}
.collection-detail__desc{max-width:700px;margin:40px auto;padding:0 20px;font-size:1.2rem;line-height:2;text-transform:none;color:var(--text-mid);letter-spacing:.04em;text-align:center}
.collection-detail__gallery{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}
.collection-detail__gallery img{width:100%;aspect-ratio:16/10;object-fit:cover}
.collection-detail__products{padding:60px 20px}

/* MODAL */
.modal-overlay{position:fixed;inset:0;background:var(--overlay);z-index:5000;display:none;align-items:center;justify-content:center;padding:20px}
.modal-overlay.is-open{display:flex}
.modal{background:var(--bg);padding:30px;max-width:440px;width:100%;max-height:90vh;overflow-y:auto}
.modal__title{font-size:1.2rem;letter-spacing:.15em;font-weight:400;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border)}

/* FOOTER */
.site-footer{background:var(--bg);border-top:1px solid var(--border);padding:40px 20px 30px}
.footer__newsletter{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid var(--border)}
.footer__col-title{font-size:1.1rem;letter-spacing:.15em;margin-bottom:16px;font-weight:400}
.footer__newsletter-form{display:flex;gap:10px;max-width:400px}
.footer__newsletter-input{flex:1;border:none;border-bottom:1px solid var(--text);padding:8px 0;font-family:var(--font);font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;outline:none;background:transparent;color:var(--text)}
.footer__newsletter-input::placeholder{color:var(--text-mid)}
.footer__newsletter-btn{padding:8px 20px;border:1px solid var(--text);font-size:1.1rem;letter-spacing:.12em;transition:background var(--fast),color var(--fast);background:var(--bg);color:var(--text)}
.footer__newsletter-btn:hover{background:var(--text);color:var(--bg)}
.footer__newsletter-msg{font-size:1rem;margin-top:8px;letter-spacing:.06em;text-transform:none;display:none}
.footer__newsletter-msg.is-visible{display:block}
.footer__newsletter-msg--success{color:var(--green)}
.footer__newsletter-msg--error{color:var(--red)}
.footer__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:40px}
.footer__col-links a{display:block;font-size:1rem;letter-spacing:.08em;color:var(--text-mid);padding:4px 0;transition:color var(--fast)}
.footer__col-links a:hover{color:var(--text)}
.footer__bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}
.footer__copyright{font-size:.9rem;letter-spacing:.06em;color:var(--text-mid)}
.footer__social{display:flex;gap:16px}
.footer__social a{color:var(--text-mid);transition:color var(--fast)}
.footer__social a:hover{color:var(--text)}
.footer__social svg{width:16px;height:16px}

/* LOADER */
.page-loader{position:fixed;inset:0;background:var(--bg);z-index:10000;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s ease}
.page-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.page-loader__logo{height:40px;filter:var(--logo-filter);animation:pulse 1.2s ease infinite;transition:filter .3s}
@keyframes pulse{0%,100%{opacity:.3}50%{opacity:1}}

/* ANIMATIONS */
.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}
.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--text);color:var(--bg);padding:14px 28px;font-size:1.1rem;letter-spacing:.1em;z-index:9000;opacity:0;transition:transform var(--med),opacity var(--med);white-space:nowrap}
.toast.is-visible{transform:translateX(-50%) translateY(0);opacity:1}

/* SCROLLBAR */
::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-mid)}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr)}.footer__grid{grid-template-columns:repeat(2,1fr)}.product-page,.cart-layout,.checkout-layout{grid-template-columns:1fr}.contacts-grid,.pers-features,.collections-grid,.collection-detail__gallery{grid-template-columns:1fr}}
@media(max-width:768px){:root,[data-theme="light"],[data-theme="dark"]{--header-h:45px}.header__account span,.header__bag span{display:none}.header__left,.header__right{gap:12px}.header__logo img{height:18px}.section-grid{grid-template-columns:1fr}.section-card{aspect-ratio:16/9}.products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.products-section{padding:40px 15px}.footer__grid{grid-template-columns:1fr;gap:20px}.nav-drawer{width:100vw;max-width:100vw}.product-page{grid-template-columns:1fr}.product-info{padding:25px 15px}.product-info__name{font-size:1.5rem}.cart-item{grid-template-columns:90px 1fr;gap:12px}.cart-item__actions{flex-direction:row;gap:15px;grid-column:1/-1}.form-row{grid-template-columns:1fr}.page-container{padding:30px 15px}.page-title{font-size:1.3rem}.info-page{padding:30px 15px 60px}.info-page__title{font-size:1.4rem}.about-hero{padding:50px 15px}.about-content{padding:40px 15px 60px}.about-content p{font-size:1.1rem}.auth-container{margin:40px auto}.profile-container{padding:30px 15px}.profile-header{flex-direction:column;text-align:center}.profile-section{padding:18px}.category-hero{padding:40px 15px 20px}.category-hero__title{font-size:1.5rem}.contacts-grid{grid-template-columns:1fr;gap:15px}.faq-question{font-size:1.05rem;padding:15px 0}.footer__newsletter-form{flex-direction:column;gap:12px}.footer__newsletter-btn{width:100%;text-align:center;padding:12px}.footer__bottom{flex-direction:column;text-align:center}.related-products{padding:40px 15px}.pers-features{grid-template-columns:1fr}.pers-feature{padding:18px}.catalog-controls{flex-direction:column}.catalog-search{min-width:100%}.catalog-filters-row{display:flex;gap:6px;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px}.catalog-filter{flex:none;font-size:.9rem;padding:9px 14px;white-space:nowrap}.catalog-sort{width:100%}.collection-detail__hero{padding:50px 15px}.collection-detail__name{font-size:1.8rem;letter-spacing:.15em}.collection-detail__desc{padding:25px 15px;font-size:1.1rem}.collection-detail__products{padding:40px 15px}.collections-grid{grid-template-columns:1fr}.collection-card{aspect-ratio:16/9}}
@media(max-width:480px){.products-grid{grid-template-columns:repeat(2,1fr);gap:8px}.product-card__name{font-size:1rem}.hero-video{height:70vh}.cart-summary{padding:20px}.btn{padding:14px 24px;font-size:1.1rem}.catalog-filter{font-size:.8rem;padding:7px 10px;letter-spacing:.01em}.collection-card__name{font-size:1.5rem}.delivery-option{flex-wrap:wrap;gap:8px}.checkout-section__title{font-size:1.05rem}}