@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";:root{font-family:Be Vietnam Pro,sans-serif;color:#203c33;background:#fafbf7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:none;border:0;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #bc702d;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #64826f}p{line-height:1.8;color:#6b776e}h1,h2,h3{letter-spacing:-.045em}h1{font-size:42px;line-height:1.25}h2{font-size:30px}h3{font-size:17px}.announcement{background:#183f32;color:#e2ebdf;text-align:center;font-size:11px;padding:11px}.announcement span{margin-left:30px;color:#d2e1b2}header{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 45px;border-bottom:1px solid #dfe4d9;gap:20px}.logo{font-size:37px;letter-spacing:-3px;font-weight:800}.logo span{font-weight:500;font-size:27px;letter-spacing:-2px}nav,.account{display:flex;align-items:center;gap:23px;font-size:12px}nav button{padding:10px 0}nav .selected{border-bottom:1px solid #234835}.username{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-button{border:1px solid #cad2c6;border-radius:30px;padding:11px 14px}.cart-button b{display:inline-grid;place-items:center;background:#234835;color:#fff;border-radius:50%;width:20px;height:20px;margin-left:9px;font-size:10px}main{max-width:1230px;margin:auto;padding:0 30px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:470px;align-items:center;padding:42px 0;gap:25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#778474}.hero h1{font-size:48px;line-height:1.25;letter-spacing:-2.6px;margin:22px 0}.hero h1 em{font-style:normal;font-weight:400;color:#75866c}.hero p{font-size:13px;margin:0 0 27px}.primary{background:#214d3b;color:#fff;padding:15px 23px;display:inline-flex;gap:34px;justify-content:space-between;align-items:center;font-size:12px;border-radius:4px;font-weight:500}.primary:hover{background:#34694f}.hero-note{font-size:10px;color:#839080;margin-top:26px}.hero-note i{display:inline-block;width:6px;height:6px;background:#7a9569;border-radius:50%;margin-right:8px}.hero-art{height:365px;position:relative;overflow:hidden;display:grid;place-items:center;background:#e8ecdf;border-radius:120px 4px 4px}.orbit{position:absolute;border:1px solid #d2d9c5;width:290px;height:290px;border-radius:50%}.orbit:after{content:"";position:absolute;inset:25px;border:1px solid #d2d9c5;border-radius:50%}.headphone{width:200px;height:235px;position:relative;transform:rotate(-18deg);filter:drop-shadow(15px 22px 12px #7a877c66)}.band{position:absolute;inset:0 8px 32px;border:23px solid #34483f;border-bottom:0;border-radius:100px 100px 35px 35px;box-shadow:inset 5px 2px 6px #a1afa0,4px 0 4px #1c302c}.ear{position:absolute;top:136px;width:64px;height:99px;border-radius:28px;background:linear-gradient(90deg,#283a32,#697c68,#314a3d);border:8px solid #30483a;box-shadow:inset 3px 2px 5px #a0af93}.left{left:0;transform:rotate(-10deg)}.right{right:0;transform:rotate(10deg)}.art-tag{position:absolute;top:26px;right:21px;font-size:8px;letter-spacing:2px;color:#72836f}.floating-label{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:12px}.floating-label span{font-size:10px}.benefits{border-top:1px solid #dfe4d9;border-bottom:1px solid #dfe4d9;display:flex;justify-content:space-between;padding:22px 10px;font-size:11px;color:#6c7a6c}section#collection{padding:55px 0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.section-title h2{margin:12px 0}.section-title>span{font-size:11px;color:#85907f}h2 span,h1 span{color:#93a77d}.filters{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:28px;flex-wrap:wrap}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tabs button{border:1px solid #dce2d5;border-radius:30px;padding:10px 15px;font-size:10px}.tabs button.active{background:#234c38;color:#fff;border-color:#234c38}.search-sort{display:flex;gap:8px}.search-sort input,.search-sort select{background:transparent;border:1px solid #dce2d5;font-size:11px;border-radius:4px;padding:10px;max-width:170px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 24px}.product{min-width:0}.image-button{display:block;width:100%;padding:0;position:relative;text-align:left}.art{height:245px;background:#ecefe6;display:grid;place-items:center;overflow:hidden;border-radius:5px}.art span{font-size:120px;color:#59705e;filter:drop-shadow(10px 15px 5px #203c3322);transition:transform .3s}.image-button:hover .art span{transform:translateY(-5px) rotate(-7deg)}.art-1{background:#eae5de}.art-2{background:#e0e7e6}.art-3{background:#ece8d8}.art-4{background:#e6ebdf}.art-5{background:#e8e2de}.art img{width:100%;height:100%;object-fit:cover}.stock{position:absolute;top:14px;left:14px;background:#fafbf5e8;font-size:8px;padding:6px 8px;border-radius:3px;letter-spacing:1px}.product-meta{font-size:10px;color:#8a9385;margin-top:17px;display:flex;justify-content:space-between}.product h3{margin:9px 0 13px}.product h3 button{padding:0;text-align:left}.product-bottom{display:flex;align-items:center;justify-content:space-between;font-size:13px}.product-bottom button{width:32px;height:32px;border:1px solid #ccd6c3;border-radius:50%;font-size:20px}.product-bottom button:hover{background:#234c38;color:#fff}.story{margin:20px 0 60px;padding:40px;background:#e9eedf;border-radius:5px;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.story>span{font-size:9px;letter-spacing:2px;grid-column:1/-1}.story h2{font-size:32px;line-height:1.4;margin-bottom:0}.story p{font-size:12px;align-self:end}footer{border-top:1px solid #dfe4d9;max-width:1230px;margin:auto;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer>span,footer small{font-size:10px;color:#7c8778}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:100;background:#214d3b;color:#fff;box-shadow:0 8px 25px #0002;padding:16px 25px;border-radius:6px;font-size:13px}.error{background:#fbe9e5;color:#9a3025;padding:13px;border-radius:4px;font-size:13px;margin:12px 0;display:flex;justify-content:space-between}.empty{padding:70px 20px;text-align:center;color:#7b8976}.overlay{position:fixed;inset:0;background:#12241eb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.dialog{background:#fafbf7;border-radius:12px;padding:34px;width:470px;max-height:90vh;overflow:auto;position:relative;box-shadow:0 20px 100px #0003}.close{position:absolute;right:12px;top:10px;font-size:26px}.dialog h2{font-size:26px}.dialog>p{font-size:12px}.dialog .art{height:190px;margin-bottom:20px}label{display:block;font-size:12px;margin:16px 0}label input,label textarea{display:block;width:100%;border:1px solid #cbd4c4;border-radius:4px;padding:11px;background:#fff;margin-top:8px;color:#203c33}textarea{resize:vertical;min-height:70px}.full{width:100%;justify-content:center}.link{text-decoration:underline}.checkout-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;margin-bottom:55px}.panel{padding:25px;border:1px solid #dbe2d4;border-radius:8px;background:#fff}.panel h2{font-size:21px;margin-top:0}.cart-row{display:flex;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid #dbe2d4}.cart-row .art{width:90px;height:90px;flex-shrink:0}.cart-row .art span{font-size:45px}.cart-row h3{font-size:14px}.cart-row p,.cart-row small{font-size:11px}.cart-row>button{font-size:11px;color:#9d5041}.quantity{display:flex;align-items:center;border:1px solid #dbe2d4;border-radius:4px;margin-left:auto}.quantity button{padding:8px}.quantity span{min-width:20px;text-align:center;font-size:12px}.total{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #dbe2d4;padding-top:20px;color:#203c33;font-size:13px}.order{margin:20px 0}.order .section-title{margin-bottom:10px}.order small{color:#84907b;font-size:11px}.order-item{display:flex;justify-content:space-between;gap:15px;padding:12px 0;font-size:13px}.badge{font-size:10px;background:#eef0da;padding:8px 12px;border-radius:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.stats>div{padding:25px;border:1px solid #dbe2d4;border-radius:6px;font-size:12px}.stats strong{display:block;font-size:26px;margin-bottom:10px}.table-wrap{overflow:auto;margin-bottom:50px}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th,td{text-align:left;padding:18px 12px;border-bottom:1px solid #dbe2d4}th{background:#edf1e7;font-weight:500}td button{border:1px solid #cad4c2;border-radius:4px;padding:6px 10px;margin-right:6px}.danger{color:#ac4b3b}@media(min-width:1450px){main{max-width:1320px}.hero{min-height:530px}.hero-art{height:410px}.art{height:280px}}@media(max-width:900px){header{padding:20px;flex-wrap:wrap}nav{gap:15px}.account{gap:10px}.username{display:none}.hero h1{font-size:37px}.hero-art{height:310px}.headphone{transform:scale(.85) rotate(-18deg)}.grid{gap:25px 15px}.art{height:195px}.benefits{font-size:9px;gap:12px}.checkout-layout{grid-template-columns:1fr}.stats strong{font-size:20px}}@media(max-width:620px){main{padding:0 18px}.announcement{font-size:9px}.announcement span{display:none}header{gap:12px;padding:15px 18px}header .logo{font-size:30px}header .logo span{font-size:23px}nav{order:3;width:100%;justify-content:center;border-top:1px solid #dfe4d9;padding-top:8px}.account{font-size:10px}.cart-button{padding:8px 10px}.hero{grid-template-columns:1fr;padding-top:30px;gap:30px}.hero h1{font-size:38px;letter-spacing:-2px}.hero-art{height:280px;border-radius:80px 4px 4px}.hero-note{font-size:9px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 5px}.section-title{align-items:start}.section-title h2{font-size:25px}.section-title>span{display:none}.section-title h1,h1{font-size:29px}.section-title>.primary{font-size:10px;padding:13px;white-space:nowrap}.grid{grid-template-columns:1fr 1fr;gap:28px 13px}.art{height:170px}.art span{font-size:85px}.product h3{font-size:13px;line-height:1.6}.product-bottom{font-size:11px}.product-meta{font-size:9px}.stock{font-size:6px;top:9px;left:9px;padding:5px}.filters{gap:20px}.search-sort{width:100%}.search-sort input{max-width:none;flex:1;min-width:0}.tabs button{padding:9px 12px}.story{padding:25px;grid-template-columns:1fr}.story h2{font-size:28px}.story p{font-size:11px}footer{flex-wrap:wrap;padding:25px 18px}footer small{width:100%}.stats{gap:8px}.stats>div{padding:14px 9px;font-size:9px}.stats strong{font-size:16px;word-break:break-word}.cart-row{gap:8px}.cart-row .art{width:60px;height:70px}.cart-row h3{font-size:12px}.cart-row small{font-size:9px}.panel{padding:20px}.dialog{padding:28px 22px}.badge{font-size:8px}.order-item{font-size:11px}}