@font-face{font-family:Instrument;src:url('./instrument-sans.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:#fbfaf7;color:#24251f;font-family:Instrument,Arial,sans-serif;font-size:14px}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button{color:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #688f36;outline-offset:4px}
.wrap{max-width:1320px;width:calc(100% - 100px);margin-inline:auto}
.announcement{background:#263329;color:#f7f7e8;text-align:center;font-size:11px;padding:11px 20px;letter-spacing:.4px}
.announcement span{margin-left:35px;opacity:.75}
.header{display:flex;align-items:center;justify-content:space-between;height:104px;gap:30px}
.logo{font-size:43px;font-weight:900;letter-spacing:-3px}
.logo span{font-size:13px;vertical-align:top;letter-spacing:0;display:inline-block;margin:9px 0 0 5px}
.header nav{display:flex;gap:34px}
.header nav a{color:#77796f;font-size:13px}
.header nav .active{color:#24251f}
.header-actions{display:flex;align-items:center;gap:25px;font-size:12px}
.cart-trigger{border:1px solid #d9dacf;border-radius:30px;padding:11px 16px;background:transparent}
.cart-trigger span{border-radius:50%;background:#d8e8a0;padding:3px 7px;margin-left:9px;font-size:11px}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:520px;border-radius:8px;overflow:hidden;background:#eef0e5}
.hero-copy{padding:59px 24px 45px 48px;z-index:1}
.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700}
h1{font-size:clamp(45px,4.8vw,69px);font-weight:500;line-height:1.05;letter-spacing:-3.5px;margin:29px 0 22px}
p{line-height:1.75}
.hero-copy>p{font-size:15px;color:#6f7466}
.button{display:inline-flex;justify-content:space-between;align-items:center;gap:36px;border:0;border-radius:4px;padding:17px 23px;font-size:12px;font-weight:600}
.dark{background:#29362b;color:#fff}
.dark:hover{background:#44533b}
.hero .button{margin-top:15px}
.button span{font-size:20px;line-height:1}
.hero-art{position:relative;min-height:520px;background:radial-gradient(ellipse at 50% 70%,#c1ceaa,transparent 68%);overflow:hidden}
.phone{position:absolute;width:185px;height:353px;background:linear-gradient(120deg,#536148,#adbb90 40%,#718461);border:5px solid #889678;border-radius:32px;left:85px;top:72px;transform:rotate(-15deg);box-shadow:15px 27px 25px #45563f40,inset 0 0 0 2px #c6ceb8}
.phone>span{position:absolute;top:165px;left:70px;color:#d0d8c5;font-size:45px;font-weight:bold;opacity:.65}
.camera{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:75px;height:80px;margin:13px;padding:6px;background:#9ca98c;border-radius:19px;box-shadow:1px 3px 5px #3f4a38}
.camera i{width:27px;height:27px;border:4px solid #56634d;background:radial-gradient(circle,#26364b 10%,#111b1c 40%,#000 70%);border-radius:50%;box-shadow:0 0 0 1px #c7ceb9}
.camera i:last-child{grid-column:1}
.headphones{position:absolute;width:220px;height:270px;right:28px;top:178px;transform:rotate(18deg);filter:drop-shadow(8px 21px 10px #4a51343d)}
.headband{position:absolute;border:22px solid #e0dbca;border-bottom:0;border-radius:120px 120px 0 0;width:205px;height:200px;box-shadow:inset 0 4px 5px #8e8d7d,0 -3px 1px #f7f4e9}
.ear{position:absolute;width:66px;height:113px;top:151px;border-radius:35px;background:linear-gradient(90deg,#bcb8a8,#f1eee4 50%,#cec9b8);border:6px solid #ddd8c9;box-shadow:inset -5px 0 4px #bbb5a5,2px 4px 5px #63645155}
.ear.left{left:-14px;transform:rotate(-10deg)}
.ear.right{right:0;transform:rotate(10deg)}
.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #e3e3d9;padding-block:26px}
.benefits>div{padding:0 26px}
.benefits>div:first-child{padding-left:0}
.benefits>div+div{border-left:1px solid #e3e3d9}
.benefits p{margin:0}
.benefits strong{display:block;font-size:13px;font-weight:600}
.benefits small{display:block;font-size:11px;color:#888c80}
.catalogue{padding-block:63px 70px}
.heading-line{display:flex;align-items:center;justify-content:space-between}
.heading-line h2{font-size:35px;letter-spacing:-1.3px;font-weight:500;margin:13px 0 29px}
h2>span{color:#87a558}
.heading-line p{font-size:12px;color:#8a8c82}
.catalogue-tools{display:flex;justify-content:space-between;gap:20px;align-items:center}
.categories{display:flex;gap:8px;flex-wrap:wrap}
.categories button{border:1px solid #e1e1d8;padding:10px 17px;border-radius:30px;background:transparent;font-size:11px}
.categories button.selected{background:#29362b;color:white;border-color:#29362b}
.search{display:flex;align-items:center;gap:8px;border:1px solid #e0e2d8;border-radius:5px;padding:6px 13px;min-width:235px}
.search span{font-size:23px}
.search input{width:100%;border:0;background:transparent;outline-offset:7px;font-size:11px;padding:5px}
.results-bar{display:flex;justify-content:space-between;align-items:center;margin:27px 0 20px;color:#84887a;font-size:10px}
.results-bar select{background:transparent;border:0;color:#454a3b;font-size:10px;margin-left:9px;padding:6px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 20px}
.product-card{min-width:0}
.product-image{position:relative;background:#f0f0e9;aspect-ratio:1/1.1;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;border:0}
.product-image img{width:85%;height:85%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}
.product-image:hover img{transform:scale(1.06)}
.placeholder{color:#b4bca7;font-size:66px;letter-spacing:-6px}
.stock-badge{position:absolute;left:12px;top:12px;background:#fbfaf7dc;border-radius:3px;padding:5px 8px;font-size:9px;letter-spacing:.3px}
.product-category{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:#848b7a;margin:17px 0 7px}
.product-card h3{font-size:14px;font-weight:500;margin:0 0 11px}
.product-bottom{display:flex;align-items:center;justify-content:space-between}
.product-bottom strong{font-size:13px;font-weight:600}
.add{border:1px solid #dedfd3;background:transparent;border-radius:50%;width:30px;height:30px;font-size:20px}
.add:hover{background:#dce8be}
button:disabled{opacity:.4;cursor:not-allowed}
.empty{padding:60px 20px;border:1px dashed #d6dbce;text-align:center;color:#79816b}
.editorial{background:#eef0e8;display:grid;gap:48px;align-items:center;grid-template-columns:1.3fr 1fr;padding:43px 48px;border-radius:6px;margin-bottom:66px;overflow:hidden}
.editorial h2{font-size:35px;letter-spacing:-1px;font-weight:500;line-height:1.15}
.editorial p{color:#727a65;max-width:470px;font-size:12px}
.editorial a{display:inline-block;font-size:12px;border-bottom:1px solid #a4ad93;padding-bottom:8px;margin-top:12px}
.editorial a span{margin-left:20px}
.order-steps{list-style:decimal-leading-zero;margin:0;padding-left:28px}
.order-steps li{padding:17px 0 17px 12px}
.order-steps li+li{border-top:1px solid #d5dbcc}
.order-steps li::marker{font-size:12px;color:#727a65}
.order-steps strong{font-size:14px;font-weight:600}
.order-steps p{margin:6px 0 0}
.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding-bottom:40px}
.footer-main strong{display:block;font-size:12px;margin:12px 0 18px}
.footer-main p,.footer-main>div>a:not(.logo){display:block;color:#838678;font-size:12px;margin:9px 0;line-height:1.7}
.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #e3e3d9;padding:23px 0;font-size:10px;color:#85897d}
dialog{border:0;border-radius:10px;padding:32px;color:#24251f;background:#fbfaf7;max-width:calc(100% - 28px)}
dialog::backdrop{background:#1b251a77;backdrop-filter:blur(4px)}
.close{border:0;background:transparent;font-size:29px;line-height:1;padding:5px}
.product-dialog>.close{position:absolute;right:14px;top:12px}
.product-dialog{width:780px}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.detail-grid img{width:100%;max-height:360px;object-fit:contain}
.detail-grid h2{font-size:27px;line-height:1.2}
.detail-grid p{color:#747b6a}
.detail-grid .button{margin-top:20px}
.gallery{display:flex;gap:6px;margin-top:10px}
.gallery button{border:1px solid #e0e2d8;background:white;border-radius:4px;width:45px;height:45px;padding:3px}
.gallery img{width:100%;height:100%;object-fit:contain}
.cart-dialog{margin:0 0 0 auto;height:100dvh;max-height:100dvh;border-radius:0;width:460px;max-width:100%;padding:30px;overscroll-behavior:contain}
.drawer-heading{display:flex;align-items:center;justify-content:space-between}
.drawer-heading h2{font-size:28px;margin:0;font-weight:500}
.muted{font-size:11px;color:#838a79}
.cart-item{display:grid;grid-template-columns:55px 1fr auto;gap:15px;padding:21px 0;border-bottom:1px solid #e4e5db;align-items:center}
.cart-item img{width:55px;height:65px;object-fit:contain;background:#efefe6}
.cart-item h3{font-size:12px;margin:0 0 7px}
.cart-item p{font-size:11px;margin:0 0 8px}
.quantity{display:flex;align-items:center;gap:12px;font-size:12px}
.quantity button{width:25px;height:25px;background:transparent;border:1px solid #d9ddcf;border-radius:4px}
.remove{background:transparent;border:0;color:#848a79;font-size:20px}
.total{display:flex;justify-content:space-between;margin-top:24px;font-size:15px}
form label{display:block;font-size:12px;margin-top:18px}
form input,form textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #d6dbcd;border-radius:4px;background:white}
form textarea{resize:vertical;min-height:80px}
form .button{width:100%;margin-top:10px}
#checkout-error{font-size:12px;color:#a53e2b}
#confirmation{background:#e7eedb;padding:25px;margin-top:30px;overflow-wrap:anywhere}
.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);background:#29362b;color:white;padding:15px 25px;border-radius:6px;opacity:0;pointer-events:none;transition:.2s;z-index:10;font-size:12px}
.toast.visible{opacity:1;transform:translate(-50%,0)}
body:has(dialog[open]){overflow:hidden}
.order{border:1px solid #dedfd3;padding:24px;border-radius:6px;margin:24px 0}
.pagination{display:flex;gap:25px;margin-block:25px}
[hidden]{display:none!important}
@media(min-width:1500px){.hero{min-height:570px}
.hero-art{min-height:570px}
.hero-copy{padding-top:75px}
.phone{left:120px;top:90px}
.headphones{right:55px;top:210px}
}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}
.header nav{gap:18px}
.account{display:none}
.hero-copy{padding-left:30px}
h1{font-size:49px}
.phone{left:30px;width:170px}
.headphones{right:-20px;transform:rotate(18deg) scale(.85)}
.hero-art{min-height:490px}
.hero{min-height:490px}
.product-grid{grid-template-columns:repeat(3,1fr)}
.catalogue-tools{align-items:flex-start}
.search{min-width:190px}
}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}
.announcement{font-size:9px}
.announcement span{display:none}
.header{height:80px;gap:12px}
.logo{font-size:35px}
.header nav{display:none}
.hero{grid-template-columns:1fr}
.hero-copy{padding:35px 25px 10px}
.hero h1{font-size:50px}
.hero-art{min-height:340px}
.phone{top:20px;left:24%;height:270px;width:140px;border-radius:25px}
.phone>span{top:125px;left:50px}
.headphones{top:73px;right:12%;transform:rotate(18deg) scale(.7)}
.benefits{justify-content:space-between;gap:12px;padding:23px 0}
.benefits>div{display:block;text-align:left;min-width:0;padding:0 10px}
.benefits strong{font-size:10px;margin-top:7px}
.benefits small{display:none}
.catalogue{padding:38px 0}
.heading-line h2{font-size:28px}
.heading-line>p{display:none}
.catalogue-tools{flex-direction:column;gap:14px}
.categories{gap:6px}
.categories button{font-size:10px;padding:9px 13px}
.search{width:100%}
.product-grid{grid-template-columns:repeat(2,1fr);gap:25px 12px}
.product-card h3{font-size:12px}
.product-bottom strong{font-size:12px}
.product-category{font-size:8px}
.editorial{padding:30px 25px;gap:18px;grid-template-columns:1fr;margin-bottom:35px}
.editorial h2{font-size:30px}
.footer-main{grid-template-columns:1fr 1fr;gap:20px}
.footer-main>div:first-child{grid-column:1/-1}
.footer-bottom{gap:20px;font-size:9px}
.detail-grid{grid-template-columns:1fr;gap:10px}
.detail-grid>div:first-child>img{max-height:220px}
.product-dialog{padding:28px}
.cart-dialog{padding:23px}
.toast{width:max-content;max-width:90%;text-align:center}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}
}


/* Dedicated catalogue and contact pages */
.header nav a[aria-current="page"]{color:#263329;font-weight:600;border-bottom:1px solid #263329;padding-bottom:7px}
.page-intro{padding:22px 0 38px;border-bottom:1px solid #e3e3d9;margin-bottom:36px}
.breadcrumb{display:flex;gap:13px;color:#767e70;font-size:12px;margin-bottom:34px}
.breadcrumb a{color:#263329}
.page-intro h1{font-size:54px;letter-spacing:-2px;margin:18px 0 12px}
.page-intro>p{font-size:15px;color:#6f7767;margin:0}
.catalogue-page{display:grid;grid-template-columns:230px minmax(0,1fr);gap:44px;margin-bottom:75px}
.filter-panel{border-right:1px solid #e3e3d9;padding-right:25px}
.filter-heading h2{font-size:17px;font-weight:600;margin:0 0 10px}
.filter-heading button{background:none;border:0;border-bottom:1px solid #88937d;padding:0 0 3px;color:#616e55;font-size:11px;margin-bottom:10px}
.filter-panel>label:not(.check-field){display:block;font-size:12px;font-weight:600;margin:25px 0 10px}
.filter-panel select,.filter-panel input[type=number]{width:100%;border:1px solid #d9ddcf;background:#fff;border-radius:4px;padding:11px 8px;font-size:12px;color:#333d2b}
.filter-panel fieldset{border:0;padding:0;margin:26px 0}
.filter-panel legend{font-size:12px;font-weight:600;margin-bottom:12px}
.price-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.price-fields label{min-width:0;font-size:11px;color:#767e70}
.price-fields input{margin-top:7px}
#price-error{color:#a53e2b;font-size:11px}
.check-field{display:flex;gap:10px;align-items:center;font-size:12px;line-height:1.6}
.check-field input{width:16px;height:16px;flex-shrink:0;margin:0;accent-color:#29362b}
.filter-help{margin-top:35px;padding-top:25px;border-top:1px solid #e3e3d9;font-size:12px}
.filter-help p{color:#7a8271;font-size:12px}
.filter-help a,.text-link{text-decoration:underline;text-underline-offset:4px;font-size:12px}
.catalogue-search{display:block}
.catalogue-search>span{display:block;font-size:12px;font-weight:600;margin-bottom:10px}
.catalogue-search input{width:100%;padding:17px 18px;font-size:14px;border:1px solid #cbd2c1;background:white;border-radius:4px}
.search-help{font-size:11px;color:#737c68;margin:10px 0 0}
.catalogue-results .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.catalogue-results .results-bar{font-size:12px;margin:25px 0 18px}
.catalogue-results .results-bar select{font-size:12px}
.active-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.active-filters:empty{display:none}
.active-filters button{background:#e9eedf;border:0;border-radius:3px;padding:8px 11px;font-size:11px}
.active-filters button span{margin-left:10px;font-size:15px}
#search-feedback{margin:0 0 18px}
.catalogue-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:40px;font-size:12px}
.catalogue-pagination button{padding:10px 16px;border:1px solid #d2dac8;background:transparent;border-radius:4px}
.contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:85px;margin-bottom:65px;align-items:start}
.contact-info h2{font-size:29px;font-weight:500;letter-spacing:-.8px;line-height:1.25;margin:0 0 20px}
.contact-info>p{font-size:13px;color:#747d68;max-width:340px}
.contact-detail{padding:22px 0;border-bottom:1px solid #e0e4d8}
.contact-detail h3,.contact-note h3{font-size:12px;font-weight:600;margin:0 0 10px}
.contact-detail>a:not(.text-link){font-size:17px;overflow-wrap:anywhere}
.contact-detail p{margin:0 0 10px;font-size:14px}
.contact-note{background:#edf0e6;padding:23px;margin-top:30px}
.contact-note p{font-size:12px;color:#717b64}
.contact-form-panel{padding:32px;background:white;border:1px solid #e0e3d8;border-radius:6px}
.contact-form-panel h2{font-size:23px;font-weight:500;margin:0 0 8px}
.contact-form-panel>p{color:#7b8272;font-size:12px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact-form-panel form select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #d6dbcd;border-radius:4px;background:white;font-size:12px}
.contact-form-panel textarea{min-height:150px}
.contact-form-panel .privacy-field{display:flex;margin:24px 0 14px;align-items:flex-start;font-size:11px;color:#6a755e}
.contact-form-panel .privacy-field input{margin-top:2px}
.contact-form-panel form .button{width:auto;min-width:200px}
.form-errors,.form-success{padding:17px 20px;margin-top:20px;font-size:12px;border-radius:4px}
.form-errors{background:#fff1ec;color:#923e28}
.form-success{background:#e9f0df;color:#344a28}
.form-success p{margin-bottom:0}
.contact-submit-status{font-size:12px;color:#637057}
.contact-faq{display:grid;grid-template-columns:1fr 1.5fr;gap:85px;padding:35px 0 55px;border-top:1px solid #dce1d3}
.contact-faq h2{font-size:26px;font-weight:500;letter-spacing:-.6px}
.contact-faq details{padding:20px 0;border-bottom:1px solid #dce1d3}
.contact-faq summary{font-size:14px;cursor:pointer}
.contact-faq details p{font-size:13px;color:#717b64}
@media(max-width:1050px){.catalogue-page{grid-template-columns:190px minmax(0,1fr);gap:25px}.catalogue-results .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-layout,.contact-faq{gap:35px}.form-row{grid-template-columns:1fr;gap:0}}
@media(max-width:700px){.header{flex-wrap:wrap;height:auto;padding:17px 0;gap:17px}.header nav{display:flex;order:3;width:100%;gap:25px;border-top:1px solid #e2e5da;padding-top:14px}.header nav a{font-size:12px}.page-intro{padding-top:8px;margin-bottom:25px}.breadcrumb{margin-bottom:25px;font-size:11px}.page-intro h1{font-size:37px;letter-spacing:-1.5px;line-height:1.12}.page-intro>p{font-size:13px}.catalogue-page{grid-template-columns:1fr;gap:25px;margin-bottom:45px}.filter-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px 15px;border:1px solid #dde2d3;border-radius:4px;padding:18px}.filter-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px}.filter-heading h2{font-size:14px;margin:0}.filter-heading button{margin:0}.filter-panel>label:not(.check-field){margin:8px 0 0}.filter-panel>label[for=category-filter]{grid-column:1;grid-row:2}.filter-panel>label[for=brand-filter]{grid-column:2;grid-row:2}.filter-panel select{grid-row:3;min-width:0}.filter-panel fieldset{grid-column:1/-1;margin:12px 0 3px}.filter-panel .check-field{grid-column:1/-1}.filter-help{display:none}.catalogue-results .results-bar,.catalogue-results .results-bar select{font-size:11px}.catalogue-search input{font-size:16px}.contact-layout,.contact-faq{grid-template-columns:1fr;gap:30px}.contact-info h2{font-size:26px}.contact-info>p{max-width:none}.contact-form-panel{padding:22px 18px}.contact-form-panel form input,.contact-form-panel form select,.contact-form-panel form textarea{font-size:16px}.contact-form-panel form .button{width:100%}.contact-faq{gap:5px;padding-bottom:35px}}