*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f6f4ef;color:#181818}button,input{font:inherit}button{cursor:pointer}header{position:sticky;top:0;z-index:20;background:#111;color:white;box-shadow:0 4px 18px #0002}.top{height:76px;max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.logo{font-weight:900;letter-spacing:-1px;font-size:27px;color:#fff;text-decoration:none}.logo span{color:#ffcc28}.actions{display:flex;gap:9px}.actions button,.menu{border:1px solid #ffffff30;background:#ffffff0c;color:white;border-radius:10px;padding:10px 12px}.menu{display:none}nav{border-top:1px solid #ffffff18;display:flex;justify-content:center;gap:36px;padding:14px}nav a{color:#ddd;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.6px}.heroSlider{position:relative;overflow:hidden;background:#111}.heroTrack{display:flex;transition:transform .65s cubic-bezier(.22,.61,.36,1);will-change:transform}.heroSlide{min-width:100%;width:100%}.hero{min-height:560px;background:linear-gradient(125deg,#121212 0 58%,#e3b80f 58%);color:white;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:70px max(7vw,24px);overflow:hidden}.hero>div:first-child{max-width:650px}.eyebrow,.sectionhead small,.promo small{font-weight:900;color:#ffcc28;letter-spacing:2px;font-size:12px}.hero h1{font-size:64px;line-height:.98;margin:14px 0 22px;letter-spacing:-3px}.hero p{color:#cfcfcf;font-size:18px;line-height:1.6}.primary{border:0;background:#ffcc28;color:#111;font-weight:900;padding:15px 22px;border-radius:8px}.linkbtn{display:inline-block;text-decoration:none;margin-top:15px}.heroart{height:380px;position:relative}.bottle{position:absolute;bottom:0;width:110px;border-radius:20px 20px 14px 14px;box-shadow:0 28px 50px #0006}.bottle:before{content:"MABOK\A YUK";white-space:pre;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;position:absolute;left:12px;right:12px;top:90px;height:120px;background:#f5efe0;color:#111;border-radius:5px}.bottle:after{content:"";position:absolute;width:55px;height:65px;left:27px;top:-50px;background:inherit;border-radius:8px 8px 3px 3px}.b1{height:310px;background:#672016;left:13%;transform:rotate(-8deg)}.b2{height:365px;background:#162d1c;left:42%;z-index:2}.b3{height:325px;background:#8c5d15;left:70%;transform:rotate(8deg)}.outlet{max-width:1120px;margin:-35px auto 50px;position:relative;z-index:3;background:#fff;padding:22px 28px;border-radius:14px;box-shadow:0 10px 40px #0002;display:flex;justify-content:space-between;align-items:center}.outlet small{display:block;color:#777;margin-bottom:6px}.outlet button{background:#111;color:#fff;border:0;padding:12px 16px;border-radius:7px}.shop,.info{max-width:1120px;margin:70px auto;padding:0 20px}.sectionhead{display:flex;align-items:end;justify-content:space-between}.sectionhead h2,.info h2{font-size:38px;margin:7px 0 25px}.sectionhead input{width:280px;border:1px solid #ddd;background:#fff;border-radius:9px;padding:13px}.cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.cats button{border:1px solid #ddd;background:white;border-radius:999px;padding:9px 15px}.cats button.active{background:#111;color:#fff;border-color:#111}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:white;border-radius:14px;overflow:hidden;box-shadow:0 3px 16px #0000000c}.pic{height:210px;background:linear-gradient(145deg,#252525,#6b4d16);display:flex;align-items:center;justify-content:center;color:#ffcc28;font-size:60px;font-weight:900}.cardbody{padding:17px}.tag{font-size:10px;font-weight:bold;color:#888}.card h3{font-size:15px;min-height:36px}.price{font-weight:900;margin:10px 0 14px}.card button{width:100%;border:0;border-radius:7px;background:#111;color:#fff;padding:11px;font-weight:800}.promo{max-width:1120px;margin:80px auto;background:#111;color:#fff;border-radius:20px;padding:50px;display:flex;justify-content:space-between;align-items:center}.promo h2{font-size:42px;margin:8px 0}.promoBadge{font-size:80px;font-weight:900;color:#ffcc28}.promoBadge span{display:block;font-size:18px;text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps>div{background:white;border-radius:12px;padding:25px}.steps b{font-size:32px;color:#e2b000}.info details{background:#fff;padding:18px 20px;border-radius:9px;margin:8px 0}.info summary{font-weight:800;cursor:pointer}.about{background:#e3b80f;padding:65px 20px;text-align:center}.about .big{font-size:40px;color:#111}.about .big span{color:#fff}.cart{position:fixed;right:-440px;top:0;width:min(420px,100%);height:100vh;background:#fff;z-index:50;padding:22px;transition:.25s;box-shadow:-10px 0 40px #0002;display:flex;flex-direction:column}.cart.open{right:0}.carthead{display:flex;justify-content:space-between;align-items:center}.carthead button{border:0;background:none;font-size:34px}.cartitem{display:grid;grid-template-columns:1fr auto;gap:7px;border-bottom:1px solid #eee;padding:15px 0}.qty button{border:1px solid #ddd;background:#fff;width:28px;height:28px}.coupon{display:flex;margin-top:auto}.coupon input{flex:1;padding:12px;border:1px solid #ddd}.coupon button{border:0;background:#222;color:#fff}.totals{display:flex;justify-content:space-between;font-size:20px;padding:22px 0}.checkout{width:100%}.shade{display:none;position:fixed;inset:0;background:#0008;z-index:40}.shade.show{display:block}.age{position:fixed;inset:0;background:#0d0d0df5;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.agebox{width:min(540px,100%);background:#fff;text-align:center;border-radius:18px;padding:38px}.mark{width:68px;height:68px;background:#ffcc28;border-radius:50%;display:grid;place-items:center;font-weight:900;margin:auto}.agebox h1{margin:12px}.agebox h2{font-size:28px}.agebox p{color:#666}.agebox label{display:block;margin:22px 0;font-size:14px}.ageactions{display:flex;gap:10px}.ageactions button{flex:1}.ghost{border:1px solid #ccc;background:#fff;border-radius:8px;padding:14px;font-weight:800}footer{background:#111;color:#aaa;text-align:center;padding:45px 20px}footer p{font-size:12px}@media(max-width:800px){.menu{display:block}nav{display:none;position:absolute;left:0;right:0;top:76px;background:#111;flex-direction:column;padding:20px 25px;gap:20px}nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:auto;padding-top:65px}.hero h1{font-size:48px}.heroart{height:320px;margin-top:20px}.outlet{margin:20px}.grid{grid-template-columns:repeat(2,1fr)}.sectionhead{align-items:stretch;flex-direction:column}.sectionhead input{width:100%;margin-bottom:20px}.promo{margin:50px 20px;padding:30px;flex-direction:column;align-items:flex-start}.steps{grid-template-columns:1fr}.ageactions{flex-direction:column}}@media(max-width:460px){.grid{grid-template-columns:1fr 1fr}.pic{height:150px}.cardbody{padding:12px}.hero h1{font-size:42px}.actions button{padding:9px}.logo{font-size:22px}}

/* Hero carousel */
.slide2{background:linear-gradient(125deg,#17130e 0 58%,#d8891b 58%)}
.slide3{background:linear-gradient(125deg,#0f1114 0 58%,#b91f2e 58%)}
.b4{height:330px;background:#243f68;left:13%;transform:rotate(-7deg)}.b5{height:375px;background:#502f63;left:42%;z-index:2}.b6{height:315px;background:#8b3f2b;left:70%;transform:rotate(7deg)}
.b7{height:315px;background:#1f5a4b;left:13%;transform:rotate(-8deg)}.b8{height:370px;background:#17283f;left:42%;z-index:2}.b9{height:330px;background:#6f1831;left:70%;transform:rotate(8deg)}
.heroArrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border:1px solid #ffffff55;border-radius:50%;background:#0007;color:#fff;font-size:34px;line-height:1}.heroArrow:hover{background:#000}.heroArrow.prev{left:18px}.heroArrow.next{right:18px}.heroDots{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:5;display:flex;gap:9px}.heroDots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#ffffff70;transition:.25s}.heroDots button.active{width:28px;border-radius:99px;background:#ffcc28}
@media(max-width:800px){.heroArrow{width:38px;height:38px;font-size:28px}.heroArrow.prev{left:8px}.heroArrow.next{right:8px}.heroDots{bottom:14px}}

.pic img{width:100%;height:100%;object-fit:contain}.stock,.soldout{display:block;margin:6px 0 10px;font-weight:800}.stock{color:#55705b}.soldout{color:#b00020}.card button:disabled{opacity:.45;cursor:not-allowed}
.checkoutModal{position:fixed;inset:0;background:#0009;z-index:30;display:grid;place-items:center;padding:14px}.checkoutModal[hidden]{display:none}.checkoutSheet{background:#fff;width:min(560px,100%);max-height:94vh;overflow:auto;border-radius:20px;padding:18px}.checkoutHead{display:flex;align-items:center;justify-content:space-between}.checkoutHead h2{margin:0}.checkoutHead button{border:0;background:none;font-size:30px}.checkoutSheet label{display:block;font-size:13px;font-weight:800;margin:12px 0}.checkoutSheet input,.checkoutSheet textarea,.checkoutSheet select{display:block;width:100%;margin-top:6px;padding:13px;border:1px solid #ddd;border-radius:10px;font:inherit}.checkoutSheet textarea{min-height:75px;resize:vertical}.checkoutSummary{background:#f5f4ef;border-radius:12px;padding:12px;margin:14px 0;line-height:1.7}.checkoutSummary b{float:right}

.cardActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detailBtn{background:#fff;border:1px solid #ddd}.productDetail{max-width:760px}.detailGrid{display:grid;grid-template-columns:45% 1fr;gap:24px}.detailImage{background:#f7f7f7;border-radius:18px;display:grid;place-items:center;min-height:300px}.detailImage img{max-width:100%;max-height:320px;object-fit:contain}.detailButtons{display:flex;gap:10px;flex-wrap:wrap}.accountSheet{max-width:560px}.accountTabs input,.accountTabs textarea{width:100%;box-sizing:border-box;padding:13px;margin:6px 0 10px;border:1px solid #ddd;border-radius:10px}.accountTabs button,.profile button,.miniOrder button{padding:11px 14px;border:0;border-radius:9px;font-weight:800}.miniOrder{padding:12px 0;border-bottom:1px solid #eee;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.miniOrder p{margin:0;margin-left:auto}@media(max-width:650px){.detailGrid{grid-template-columns:1fr}.detailImage{min-height:220px}}
.checkoutTwo{display:grid;grid-template-columns:1fr 1fr;gap:10px}.accountTabs input,.accountTabs textarea,.profile input,.profile textarea{width:100%;box-sizing:border-box;margin:6px 0 12px;padding:12px;border:1px solid #ddd;border-radius:10px}.profileActions{display:flex;flex-wrap:wrap;gap:8px}.profileActions button{margin:0}.notice{padding:10px 12px;background:#fff8d8;border-radius:10px;margin:10px 0;font-size:13px}@media(max-width:600px){.checkoutTwo{grid-template-columns:1fr}}