.main-layout{background:var(--color-secondary);flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:2px solid var(--color-text);font-family:"Bricolage Grotesque", var(--font-body);z-index:var(--z-nav);transition:box-shadow var(--transition-fast);background:#fff;position:sticky;top:0}.header__container{max-width:var(--max-width);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);margin:0 auto;display:flex}.header__menu-btn{cursor:pointer;color:var(--color-text);padding:var(--space-2);margin-left:calc(var(--space-2) * -1);border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0;border:none;display:none}.header__menu-btn:hover{background:var(--color-disabled)}.header__logo{flex-shrink:0;text-decoration:none;display:flex}.header__search-desktop{flex:1;max-width:420px;display:none}.header__search-mobile{padding:0 var(--space-4) var(--space-3);display:block}.header__nav-desktop{align-items:center;gap:var(--space-5);margin-left:auto;display:none}.header__nav-link{align-items:center;gap:var(--space-2);color:var(--color-text);transition:color var(--transition-fast);cursor:pointer;white-space:nowrap;font-size:.9688rem;font-weight:700;text-decoration:none;display:flex;position:relative}.header__nav-link:after{content:"";background:var(--color-primary);border-radius:2px;height:3px;transition:transform .26s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.header__nav-link:hover,.header__nav-link.active{color:var(--color-primary)}.header__nav-link:hover:after,.header__nav-link.active:after{transform:scaleX(1)}.header__nav-link--cart{padding-left:var(--space-5);border-left:2px solid var(--color-border)}.header__nav-link--accent{color:var(--color-primary)}.header__btn{min-height:44px;padding:0 var(--space-5);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;font-size:.9688rem;font-weight:700;text-decoration:none;transition:background-color .18s,transform .22s cubic-bezier(.16,1,.3,1);display:inline-flex}.header__btn--primary{background:var(--color-primary);color:#fff;border:none}.header__btn--primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.header__icons-mobile{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.header__icon-btn{border-radius:var(--radius-full);width:44px;height:44px;color:var(--color-text);transition:all var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;display:flex}.header__icon-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}.header__user-menu{position:relative}.header__user-btn{align-items:center;gap:var(--space-2);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--text-small);color:var(--color-text);transition:all var(--transition-fast);background:0 0;display:flex}.header__user-btn:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.header__user-avatar{border-radius:var(--radius-full);object-fit:cover;width:28px;height:28px}.header__user-dropdown{top:calc(100% + var(--space-2));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);opacity:0;visibility:hidden;min-width:200px;transition:all var(--transition-fast);position:absolute;right:0;overflow:hidden;transform:translateY(-8px);box-shadow:0 8px 32px #2b18101f}.header__user-menu:hover .header__user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.header__dropdown-item{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-small);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;width:100%;text-decoration:none;display:flex}.header__dropdown-item:hover{background:var(--color-disabled);color:var(--color-text)}.header__dropdown-item--danger:hover{color:var(--color-error);background:var(--color-error-light)}.search-bar{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);box-shadow:var(--shadow-search);transition:all var(--transition-fast);align-items:center;display:flex}.search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light), var(--shadow-search)}.search-bar__icon{color:var(--color-text-secondary);flex-shrink:0}.search-bar__input{font-size:var(--text-body);color:var(--color-text);padding:var(--space-1) var(--space-2);background:0 0;border:none;outline:none;flex:1}.search-bar__input::placeholder{color:var(--color-text-secondary)}.mobile-menu{background:var(--color-surface);width:280px;height:100vh;z-index:calc(var(--z-nav) + 10);transition:transform var(--transition-modal);flex-direction:column;display:flex;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #2b181014}.mobile-menu--open{transform:translate(0)}.mobile-menu__nav{font-family:"Bricolage Grotesque", var(--font-body);padding:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.mobile-menu__item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text);font-weight:var(--weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;width:100%;font-size:var(--text-body);background:0 0;border:none;text-decoration:none;display:flex}.mobile-menu__item:hover{background:var(--color-disabled)}.mobile-menu__item--accent{background:var(--color-primary);color:#fff;margin:var(--space-2) 0;border-radius:999px;font-weight:700}.mobile-menu__item--accent:hover{background:var(--color-primary-hover)}.mobile-menu__sep{height:2px;margin:var(--space-3) var(--space-4);background:var(--color-border);display:block}.mobile-menu__item--danger{color:var(--color-error)}.mobile-menu__item--danger:hover{background:var(--color-error-light)}.mobile-menu__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--z-nav) + 5);background:#2b181066;animation:.2s menuFadeIn;position:fixed;inset:0}.main-content{flex:1}.footer{padding:0 var(--space-4) var(--space-6);font-family:"Bricolage Grotesque", var(--font-body);background:#fff;margin-top:auto}.footer__cloth{height:28px;margin:0 calc(var(--space-4) * -1) var(--space-10);background-color:#fff;background-image:linear-gradient(90deg,#d90f3a8c 50%,#0000 50%),linear-gradient(#d90f3a8c 50%,#0000 50%);background-repeat:round no-repeat;background-size:28px 28px}.footer__container{max-width:var(--max-width);margin:0 auto}.footer__brand{margin-bottom:var(--space-8)}.footer__logo{margin-bottom:var(--space-3)}.footer__tagline{color:var(--color-text-secondary);max-width:36ch;margin:0 0 var(--space-3);line-height:1.55}.footer__mail{color:var(--color-primary);text-underline-offset:4px;font-weight:700}.footer__links{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.footer__column{gap:var(--space-1);flex-direction:column;display:flex}.footer__title{font-family:var(--font-sign);color:var(--color-primary);margin:0 0 var(--space-2);font-size:1.125rem;font-weight:400}.footer__column a{color:var(--color-text);transition:color var(--transition-fast);padding:var(--space-1) 0;font-size:.9375rem;text-decoration:none}.footer__column a:hover{color:var(--color-primary);text-underline-offset:4px;text-decoration:underline}.footer__bottom{gap:var(--space-2);padding-top:var(--space-6);border-top:2px solid var(--color-text);color:var(--color-text-secondary);font-size:var(--text-caption);text-align:center;flex-direction:column;display:flex}@keyframes menuFadeIn{0%{opacity:0}to{opacity:1}}@media (width>=768px){.header__menu-btn{display:flex}.header__search-desktop{display:block}.header__search-mobile{display:none}.footer__links{grid-template-columns:repeat(4,1fr)}.footer__bottom{text-align:left;flex-direction:row;justify-content:space-between}}@media (width>=1024px){.header__menu-btn,.header__icons-mobile{display:none}.header__nav-desktop{gap:var(--space-6);display:flex}.header__container{padding:var(--space-4) var(--space-6)}.footer__container{gap:var(--space-10);grid-template-columns:1fr 2fr;align-items:start;display:grid}.footer__links{margin-bottom:0}.footer__bottom{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.mobile-menu{transition:none}.mobile-menu__backdrop{animation:none}}