@font-face{font-family:Outfit;font-weight:400;font-style:normal;font-display:swap;src:url('../assets/site/outfit-regular.woff') format('woff')}
@font-face{font-family:Outfit;font-weight:700;font-style:normal;font-display:swap;src:url('../assets/site/outfit-bold.woff') format('woff')}

.store-shell{font-family:Outfit,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.6;color:#242424;background:#fff;min-height:100vh}
.store-shell a{color:inherit;text-decoration:none}
.store-shell button,.store-shell input,.store-shell select,.store-shell textarea{font:inherit}
.store-shell button,.store-shell a{-webkit-tap-highlight-color:transparent}
.store-shell :focus-visible{outline:2px solid #9a6c3f;outline-offset:5px}
.site-header{position:relative;z-index:30;background:#fff;color:#111}
.site-header-inner{width:calc(100% - 30px);margin:0 auto;min-height:120px;display:flex;align-items:center;gap:50px}
.site-logo{flex:none;display:block;width:170px;line-height:0}
.site-logo img,.site-footer-logo img{display:block;width:100%;height:auto}
.site-navigation{flex:1;margin-left:10px}
.site-navigation>ul{display:flex;align-items:center;gap:32px;margin:0;padding:0;list-style:none}
.site-navigation li{position:relative}
.site-navigation>ul>li>a{display:flex;align-items:center;gap:8px;position:relative;padding:20px 0;font-size:14px;font-weight:400;line-height:1.4}
.site-navigation>ul>li>a:after,.site-footer-navigation a:after{content:"";position:absolute;left:0;bottom:14px;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}
.site-navigation>ul>li>a:hover:after,.site-navigation>ul>li>a[aria-current]:after,.site-footer-navigation a:hover:after{transform:scaleX(1)}
.site-menu-dot{width:4px;height:4px;background:currentColor;border-radius:50%}
.site-header-actions{margin-left:auto;display:flex;align-items:center;gap:22px}
.site-icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:24px;min-height:30px;padding:0;border:0;background:none;color:inherit;cursor:pointer}
.site-icon-button svg,.site-social-links svg{width:21px;height:21px;display:block}
.site-bag-icon{display:block}
.site-cart-count{position:absolute;right:-8px;top:-4px;width:16px;height:16px;border-radius:50%;font-size:10px;line-height:16px;color:#fff;background:#eeb5b6;text-align:center}
.site-social-links{display:flex;align-items:center;gap:18px;margin-left:16px}
.site-social-links a{display:block}
.site-social-links svg{width:18px;height:18px}
.site-menu-toggle,.site-submenu-toggle{display:none}
.site-submenu{position:absolute;left:-25px;top:100%;width:235px;margin:0;padding:16px 0;list-style:none;background:#fff;box-shadow:0 10px 35px #00000017;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}
.site-submenu a{display:block;padding:8px 25px;font-size:14px;line-height:1.6}
.site-submenu a:hover{background:#f6f5f3}
.site-shop-menu:hover>.site-submenu,.site-shop-menu:focus-within>.site-submenu,.site-shop-menu.is-submenu-open>.site-submenu{opacity:1;visibility:visible;transform:translateY(0)}
.site-footer{background:#fff;border-top:1px solid #ededed;color:#242424;margin-top:0}
.site-footer-main{margin:0 auto;padding:70px 55px 55px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.site-footer-logo{width:185px;flex:none;display:block;line-height:0}
.site-footer-address{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.6;margin:0;max-width:270px}
.site-footer-address svg{width:18px;height:24px;flex:none}
.site-footer-contact{font-size:14px;line-height:1.8;margin:0}
.site-footer-contact a:hover{text-decoration:underline}
.site-footer-navigation{display:flex;align-items:center;gap:20px;margin-left:auto}
.site-footer-navigation a{position:relative;font-size:14px;white-space:nowrap;line-height:1.5}
.site-footer-navigation a:after{bottom:-4px}
.site-footer-bottom{margin:0 auto;padding:0 55px 35px;text-align:center}
.site-footer-rule{display:block;height:1px;background:#eaeaea;margin-bottom:30px}
.site-footer-bottom p{font-size:14px;margin:0}
.info-container{width:calc(100% - 80px);max-width:1140px;margin-left:auto;margin-right:auto}
.about-intro,.about-story,.contact-content,.contact-map{width:calc(100% - 30px);max-width:none}
.info-page h1,.info-page h2,.info-page p{margin-top:0}
.info-page h1{font-size:48px;line-height:1.2;font-weight:700;letter-spacing:-1px}
.about-intro{padding-top:30px;padding-bottom:50px;text-align:left}
.about-intro h1{margin-bottom:20px}
.about-intro>p{max-width:75%;margin:0;font-size:20px;line-height:1.6}
.about-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0;padding-bottom:80px}
.about-story>img{width:calc(100% - 20px);margin:10px;height:auto;display:block;border-radius:30px;align-self:start}
.about-story>p{font-size:20px;line-height:1.6;margin:0;padding:0 80px}
.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:20px;padding-bottom:20px}
.about-values h2{font-size:24px;line-height:1.3;margin-bottom:10px}
.about-values p{font-size:16px;line-height:1.6;margin:0;color:#626262}
.about-brands{position:relative;padding:10px 35px 50px}
.about-brand-window{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.about-brand-window::-webkit-scrollbar{display:none}
.about-brand-track{display:flex;align-items:center}
.about-brand-slide{flex:0 0 25%;padding:50px 20px;scroll-snap-align:start;min-width:0}
.about-brand-slide img{width:100%;height:50px;object-fit:contain;display:block}
.about-brand-arrow{position:absolute;top:68px;border:0;background:none;font-size:27px;line-height:1;color:#333;cursor:pointer;padding:8px;opacity:0;transition:opacity .2s}
.about-brands:hover .about-brand-arrow,.about-brands:focus-within .about-brand-arrow{opacity:1}
.about-brand-previous{left:0}.about-brand-next{right:0}
.about-brand-pagination{display:flex;justify-content:center;gap:10px;padding-top:18px}
.about-brand-pagination button{border:0;border-radius:50%;width:6px;height:6px;padding:0;background:#ccc;cursor:pointer}
.about-brand-pagination button.is-active{background:#242424}
.about-marquee{overflow:hidden;max-width:100%;padding:0;font-family:"Arial Black",Arial,sans-serif;font-size:120px;font-weight:700;letter-spacing:-.05em;line-height:1.4;white-space:nowrap;color:#e9e9e9;-webkit-text-fill-color:transparent;-webkit-text-stroke:3px currentColor}
.about-marquee>div{width:max-content;animation:about-marquee 200s linear infinite}
.about-marquee span{padding:0 25px}
@keyframes about-marquee{to{transform:translateX(-50%)}}
.contact-content{padding-top:40px}
.contact-content h1{font-size:60px;margin:0 0 35px}
.contact-content hr{border:0;border-top:15px solid #f7f7f7;margin:0 0 65px}
.contact-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding-bottom:60px}
.contact-details h2{font-size:24px;line-height:1.3;margin-bottom:18px}
.contact-details p{font-size:16px;line-height:1.6;margin:0}
.contact-details a:hover{text-decoration:underline}
.contact-map{padding-bottom:10px}
.contact-map iframe{display:block;width:100%;height:400px;border:0;background:#eee;filter:grayscale(1)}

@media(min-width:1600px){.site-header-inner{gap:65px}}
@media(max-width:1199px){.site-header-inner{gap:30px}.site-navigation{margin-left:0}.site-navigation>ul{gap:28px}.site-social-links{margin-left:0}.site-header-actions{gap:18px}.site-footer-main{gap:26px}.site-footer-navigation{gap:20px}.site-footer-address{max-width:220px}.site-footer-main,.site-footer-bottom{padding-left:30px;padding-right:30px}}
@media(max-width:1024px){
  .site-header-inner{width:calc(100% - 60px);min-height:100px;gap:25px}
  .site-menu-toggle{display:inline-flex;margin-left:auto;order:2}
  .site-header-actions{margin-left:0;order:3}
  .site-social-links{display:none}
  .site-navigation{display:none;position:absolute;left:0;right:0;top:100%;margin:0;background:#fff;border-top:1px solid #eee;box-shadow:0 15px 20px #00000008;max-height:calc(100dvh - 100px);overflow:auto}
  .site-header.is-menu-open .site-navigation{display:block}
  .site-navigation>ul{display:block;padding:15px 30px 25px}
  .site-navigation>ul>li>a{padding:14px 0;font-size:15px;display:inline-flex}
  .site-navigation>ul>li>a:after{bottom:10px}
  .site-submenu-toggle{display:inline-flex;position:absolute;right:0;top:5px;width:40px;height:40px;align-items:center;justify-content:center;background:none;border:0;font-size:25px;cursor:pointer}
  .site-submenu{position:static;display:none;width:100%;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 15px}
  .site-submenu a{padding:8px 20px}
  .site-shop-menu:hover>.site-submenu,.site-shop-menu:focus-within>.site-submenu{display:none}
  .site-shop-menu.is-submenu-open>.site-submenu{display:block}
  .site-footer-main{flex-wrap:wrap;padding-top:70px;padding-bottom:55px}
  .site-footer-navigation{width:100%;justify-content:center;margin:20px 0 0;gap:35px}
  .about-intro>p{max-width:100%;font-size:16px}
  .about-story{grid-template-columns:1fr;gap:0}.about-story>p{padding:80px 80px 0;font-size:16px}.about-values{gap:30px}
  .about-brand-slide{flex-basis:33.333%}
  .contact-details{gap:30px;grid-template-columns:1fr 1fr;max-width:60%}
  .contact-details>div:nth-child(n+3){grid-column:1/-1}
  .contact-details h2{font-size:21px}
}
@media(max-width:767px){
  .site-header--catalog-mobile{position:sticky;top:0}
  .site-header-inner{min-height:86px;width:calc(100% - 40px);gap:18px}
  .site-logo{width:125px}.site-header-actions{gap:15px}
  .site-header-actions .site-wishlist-toggle{display:none}
  .site-icon-button svg{width:20px;height:20px}
  .site-menu-toggle{min-width:20px}
  .site-navigation{max-height:calc(100dvh - 86px)}
  .site-navigation>ul{padding-left:20px;padding-right:20px}
  .site-footer-main{padding:40px 15px 20px;display:grid;grid-template-columns:1fr;gap:20px;text-align:center}
  .site-footer-logo{width:150px;margin:auto}
  .site-footer-address{display:flex;justify-content:center;max-width:none;font-size:14px}
  .site-footer-address svg{width:16px}.site-footer-contact{font-size:14px}
  .site-footer-navigation{justify-content:center;gap:24px;flex-wrap:wrap;margin:0}
  .site-footer-bottom{padding:0 15px 40px;display:block;text-align:center}
  .site-footer-rule{display:block;margin-bottom:30px}
  .site-footer-bottom p{font-size:14px;line-height:1.7}
  .info-container{width:calc(100% - 40px)}
  .info-page h1{font-size:38px;letter-spacing:-.5px}
  .about-intro{padding-top:30px;padding-bottom:40px}
  .about-intro h1{font-size:48px;margin-bottom:20px}.about-intro>p{font-size:16px;line-height:1.6}
  .about-story{grid-template-columns:1fr;gap:0;padding-bottom:80px}
  .about-story>p{font-size:16px;line-height:1.6;padding:20px}
  .about-values{grid-template-columns:1fr;gap:30px;padding-top:15px;padding-bottom:30px}
  .about-values h2{font-size:23px;margin-bottom:13px}
  .about-brands{padding:20px 20px 35px}.about-brand-slide{flex-basis:50%;padding:50px 15px}
  .about-brand-arrow{opacity:1;top:78px;font-size:22px}
  .about-marquee{font-size:50px;padding:0}
  .contact-content{padding-top:35px}.contact-content h1{margin-bottom:28px}
  .contact-content hr{margin-bottom:30px}
  .contact-details{grid-template-columns:1fr;gap:30px;max-width:none;padding-bottom:50px}
  .contact-details h2{font-size:22px;margin-bottom:12px}.contact-details p{font-size:14px;overflow-wrap:anywhere}
  .contact-map{padding-bottom:40px}.contact-map iframe{height:350px}
}
@media(max-width:360px){.site-header-inner{gap:14px}.site-logo{width:110px}.site-header-actions{gap:12px}.contact-details{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.about-marquee>div{animation:none}.about-brand-window{scroll-behavior:auto}}
