.header{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header__container{width:min(1120px,100%);margin-inline:auto;padding-inline:1rem;display:flex;align-items:center;justify-content:space-between;height:64px}.header__logo{font-family:Manrope,Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,sans-serif;font-size:1.5rem;font-weight:700;color:#1e3a5f;text-decoration:none;transition:color .2s ease}.header__logo:hover{color:#7fa6b8}.header__nav{display:flex;align-items:center;gap:2rem}@media (max-width: 768px){.header__nav{display:none}}.header__nav-link{font-size:1rem;font-weight:500;color:#2e2e2e;text-decoration:none;padding:.5rem .75rem;border-radius:8px;transition:all .2s ease;position:relative}.header__nav-link:hover{color:#1e3a5f;background:color-mix(in oklab,#7fa6b8 8%,transparent)}.header__nav-link.active{color:#1e3a5f;background:color-mix(in oklab,#7fa6b8 12%,transparent)}.header__actions{display:flex;align-items:center;gap:1rem}.header__cart{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;color:#2e2e2e;text-decoration:none;transition:all .2s ease}.header__cart:hover{color:#1e3a5f;background:color-mix(in oklab,#7fa6b8 8%,transparent)}.header__cart__badge{position:absolute;top:-4px;right:-4px;background:#1e3a5f;color:#fff;font-size:.75rem;font-weight:600;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;line-height:1}.header__auth{display:flex;align-items:center;gap:.75rem}.btn{appearance:none;border:0;border-radius:10px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,sans-serif;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;text-align:center;line-height:1}.btn.btn-sm{padding:.5rem 1rem;font-size:.875rem;height:36px}.btn.btn-primary{background:#1e3a5f;color:#fff}.btn.btn-primary:hover{background:color-mix(in oklab,#1e3a5f 90%,black);transform:translateY(-1px)}.btn.btn-primary:active{transform:translateY(0)}.btn.btn-ghost{background:transparent;color:#2e2e2e;border:1px solid #e5e7eb}.btn.btn-ghost:hover{background:color-mix(in oklab,#7fa6b8 8%,transparent);border-color:#7fa6b8;color:#1e3a5f}.header__mobile-menu-btn{appearance:none;border:0;background:transparent;color:#2e2e2e;cursor:pointer;padding:.5rem;border-radius:8px;display:none;align-items:center;justify-content:center;transition:all .2s ease}.header__mobile-menu-btn:hover{background:color-mix(in oklab,#7fa6b8 8%,transparent);color:#1e3a5f}@media (max-width: 768px){.header__mobile-menu-btn{display:flex}}@media (max-width: 768px){.hidden-mobile{display:none}}.header__mobile-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 8px 24px #0000001a}.header__mobile-menu.open{transform:translateY(0);opacity:1;visibility:visible}.header__mobile-nav{display:flex;flex-direction:column;gap:.5rem}.header__mobile-nav .header__nav-link{padding:.75rem 1rem;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-weight:500;background:none;border:none;width:100%;text-align:center;cursor:pointer;color:#2e2e2e;text-decoration:none}.header__mobile-nav .header__nav-link:hover{background:color-mix(in oklab,#7fa6b8 8%,transparent);color:#1e3a5f}.header__mobile-nav .header__nav-link.active{background:color-mix(in oklab,#7fa6b8 12%,transparent);color:#1e3a5f}.header__mobile-nav button.header__nav-link{font-weight:600;background:color-mix(in oklab,#7fa6b8 8%,white);border:1px solid color-mix(in oklab,#7fa6b8 20%,white);color:#1e3a5f}.header__mobile-nav button.header__nav-link:hover{background:color-mix(in oklab,#7fa6b8 15%,white);border-color:color-mix(in oklab,#7fa6b8 35%,white)}@media (max-width: 520px){.header__container{padding-inline:.75rem;height:56px}.header__logo{font-size:1.25rem}.header__cart{width:40px;height:40px}.header__mobile-menu{padding:.75rem}}.footer{background:linear-gradient(135deg,#1e3a5f,color-mix(in oklab,#1e3a5f 85%,black));color:#fff;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,color-mix(in oklab,#7fa6b8 15%,transparent) 0%,transparent 50%);pointer-events:none}.footer__container{width:min(1120px,100%);margin-inline:auto;padding:4rem 1rem 2rem;position:relative;z-index:1}.footer__content{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.4fr;gap:3rem;margin-bottom:3rem}@media (max-width: 1024px){.footer__content{grid-template-columns:1fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.footer__content .footer__section--wide{grid-column:1/-1}}@media (max-width: 768px){.footer__content{display:flex;flex-direction:column;gap:2rem;text-align:center}.footer__content .footer__brand{order:1}.footer__content .footer__sections-wrapper{order:2;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.footer__content .footer__section--wide{order:3}}@media (max-width: 520px){.footer__content .footer__sections-wrapper{grid-template-columns:1fr}}.footer__brand{display:grid;gap:1.5rem}@media (max-width: 768px){.footer__brand{text-align:center}}.footer__sections-wrapper{display:contents}@media (max-width: 600px){.footer__sections-wrapper{display:grid;gap:1.5rem}}.footer__brand-logo{font-family:Manrope,Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,sans-serif;font-size:2rem;font-weight:700;color:#fff;margin-bottom:.25rem}.footer__brand-description{color:color-mix(in oklab,white 85%,transparent);font-size:1rem;line-height:1.5;margin:0}.footer__brand-social{display:flex;gap:.75rem}@media (max-width: 768px){.footer__brand-social{justify-content:center}}.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:color-mix(in oklab,white 10%,transparent);border-radius:12px;color:#fff;text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-link:hover{background:color-mix(in oklab,#7fa6b8 40%,transparent);transform:translateY(-2px);box-shadow:0 8px 20px #0003}.social-link:active{transform:translateY(0)}.footer__section{display:grid;gap:1.5rem;align-content:start}.footer__section--wide{max-width:400px}@media (max-width: 1024px){.footer__section--wide{margin:0 auto;max-width:100%}}.footer__section-title{font-family:Manrope,Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,sans-serif;font-size:1.125rem;font-weight:600;color:#fff;margin:0;position:relative}.footer__section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:24px;height:2px;background:#7fa6b8;border-radius:2px}@media (max-width: 768px){.footer__section-title:after{left:50%;transform:translate(-50%)}}.footer__section-links{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.footer__section-links li{display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.footer__section-links li{justify-content:center}}.footer__section-links a{color:color-mix(in oklab,white 85%,transparent);text-decoration:none;font-size:.9375rem;transition:all .2s ease;position:relative}.footer__section-links a:hover{color:#fff;transform:translate(4px)}.footer__section-links a:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:#7fa6b8;border-radius:50%;opacity:0;transition:opacity .2s ease}.footer__section-links a:hover:before{opacity:1}.footer__newsletter-description{color:color-mix(in oklab,white 85%,transparent);font-size:.875rem;margin:0;line-height:1.5}.footer__newsletter{margin:1rem 0}.newsletter-input-group{display:flex;background:color-mix(in oklab,white 10%,transparent);border-radius:12px;padding:.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in oklab,white 20%,transparent);transition:all .2s ease;max-width:320px;width:100%}@media (max-width: 768px){.newsletter-input-group{margin:0 auto}}.newsletter-input-group:focus-within{border-color:#7fa6b8;box-shadow:0 0 0 3px color-mix(in oklab,#7fa6b8 20%,transparent)}.newsletter-input{flex:1;background:transparent;border:none;color:#fff;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,sans-serif}.newsletter-input::placeholder{color:color-mix(in oklab,white 60%,transparent)}.newsletter-input:focus{outline:none}.newsletter-btn{background:#7fa6b8;border:none;color:#fff;border-radius:8px;padding:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.newsletter-btn:hover{background:color-mix(in oklab,#7fa6b8 90%,white);transform:translate(2px)}.newsletter-btn:active{transform:translate(0)}.footer__contact-info{display:grid;gap:.75rem}@media (max-width: 768px){.footer__contact-info{justify-items:center}}.contact-item{display:flex;align-items:center;gap:.75rem;color:color-mix(in oklab,white 85%,transparent);font-size:.875rem}.contact-item svg{color:#7fa6b8;flex-shrink:0}.footer__bottom{display:flex;align-items:center;justify-content:space-between;padding-top:1.5rem;border-top:1px solid color-mix(in oklab,white 20%,transparent)}@media (max-width: 768px){.footer__bottom{flex-direction:column-reverse;gap:1rem;text-align:center}}.footer__bottom-left{display:flex;align-items:center;gap:1.5rem}@media (max-width: 768px){.footer__bottom-left{flex-direction:column;gap:.5rem}}.footer__copyright{color:color-mix(in oklab,white 70%,transparent);font-size:.875rem}.footer__bottom-right,.footer__payment{display:flex;align-items:center;gap:1rem}@media (max-width: 520px){.footer__payment{flex-direction:column;gap:.5rem}}.footer__payment-title{color:color-mix(in oklab,white 70%,transparent);font-size:.875rem;font-weight:500}.payment-methods{display:flex;gap:.5rem}.payment-icon{background:color-mix(in oklab,white 15%,transparent);color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in oklab,white 20%,transparent);transition:all .2s ease}.payment-icon:hover{background:color-mix(in oklab,white 25%,transparent);transform:translateY(-1px)}@media (max-width: 520px){.footer__container{padding:3rem .75rem 1.5rem}.footer__brand-logo{font-size:1.5rem}.social-link{width:40px;height:40px}}.container{width:min(1120px,100%);margin-inline:auto;padding-inline:1rem}.section-title{font-family:Manrope,Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,sans-serif;font-size:clamp(22px,2.6vw,2rem);font-weight:600;margin:0 0 1rem;color:#2e2e2e}.hero{background:linear-gradient(180deg,color-mix(in oklab,#7fa6b8 20%,white),#faf8f6);border-bottom:1px solid #e5e7eb}.hero__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:1.5rem;padding:3rem 0;align-items:center}.hero__copy{max-width:620px}.hero__title{margin:0 0 .75rem;font-family:Manrope,Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,sans-serif;font-size:clamp(28px,3.6vw,44px);font-weight:700;line-height:1.25;color:#2e2e2e}.hero__subtitle{margin:0;font-size:1.125rem;color:#6b7280;line-height:1.5}.hero__art{height:280px;border-radius:20px;background:radial-gradient(120px 120px at 30% 40%,color-mix(in oklab,#eadbc8 40%,white),transparent 60%),radial-gradient(180px 180px at 70% 60%,color-mix(in oklab,#7fa6b8 35%,white),transparent 60%),#fff;border:1px solid #e5e7eb;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero__image{width:100%;height:100%;object-fit:cover;border-radius:19px}.chooser{padding:2rem 0 .5rem}.chooser__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card .btn{margin-top:.25rem}.card__head{display:grid;gap:6px}.card__title{margin:0;font-family:Manrope,Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,sans-serif;font-size:1.25rem;font-weight:700;color:#2e2e2e}.card__tag{margin:0;color:#6b7280;font-size:.875rem;line-height:1.5;height:30px}@media (max-width: 400px){.card__tag{height:40px}}.card__sizes{margin:0;display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}.size-pill{color:#2e2e2e;font-size:.75rem;font-weight:500;background:color-mix(in oklab,#7fa6b8 8%,white);border:1px solid color-mix(in oklab,#7fa6b8 20%,white);border-radius:20px;padding:4px 10px;transition:all .2s ease;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.size-pill:hover{background:color-mix(in oklab,#7fa6b8 15%,white);border-color:color-mix(in oklab,#7fa6b8 35%,white);transform:translateY(-1px)}.size-pill:active{transform:translateY(0);background:color-mix(in oklab,#7fa6b8 20%,white)}.btn{appearance:none;border:0;border-radius:12px;padding:10px 1rem;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,sans-serif;font-size:.875rem;font-weight:600;width:fit-content;cursor:pointer;color:#fff;background:#1e3a5f;text-decoration:none;display:inline-block;text-align:center;transition:background-color .2s ease,transform .1s ease}.btn:hover{background:color-mix(in oklab,#1e3a5f 90%,black);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:3px solid color-mix(in oklab,#7fa6b8 50%,white);outline-offset:2px}.why{padding:1.5rem 0 3rem}.why__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.why__item{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1rem;display:grid;gap:.5rem;align-content:start;transition:transform .2s ease,box-shadow .2s ease}.why__item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.why__title{margin:0;font-family:Manrope,Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,sans-serif;font-size:1rem;font-weight:600;color:#2e2e2e}.why__text{margin:0;color:#6b7280;font-size:.875rem;line-height:1.5}.ico{color:#1e3a5f}@media (max-width: 900px){.hero__inner{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem .75rem}.hero__art{height:240px}.chooser__grid{grid-template-columns:1fr;gap:.75rem}.card{height:auto;min-height:200px}.why__grid{grid-template-columns:1fr 1fr;gap:.75rem}}@media (max-width: 520px){.container{padding-inline:.75rem}.hero__inner{padding:1.5rem .75rem}.hero__art{height:200px}.chooser{padding:1.5rem 0 .5rem}.size-pill{font-size:.75rem;padding:4px 8px;border-radius:16px}.card__sizes{gap:4px}.why{padding:1rem 0 2rem}.why__grid{grid-template-columns:1fr 1fr}}@media (max-width: 360px){.size-pill{font-size:12px;padding:4px 6px;border-radius:14px}.card__sizes{gap:5px}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#2e2e2e;background-color:#faf8f6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}