:root{--ink:#111;--muted:#626262;--line:#e5e5e5;--yellow:#ffd400;--soft:#f7f7f5;--white:#fff;--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}.announcement{background:var(--ink);color:#fff;text-align:center;font-size:13px;font-weight:700;padding:10px 16px}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:14px clamp(20px,5vw,72px);border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}.brand img{width:150px;height:auto;display:block}.desktop-nav{display:flex;gap:28px}.desktop-nav a{font-size:14px;text-decoration:none;color:var(--ink);font-weight:700}.desktop-nav a:hover{text-decoration:underline;text-underline-offset:4px}.icon-button{border:0;background:transparent;cursor:pointer;font-size:22px;position:relative;padding:8px}.icon-button b{position:absolute;right:0;top:0;background:var(--yellow);font-size:11px;line-height:19px;width:19px;height:19px;border-radius:50%}.hero{position:relative;overflow:hidden;background:#f4f4f2}.hero-track{display:flex;transition:transform .45s ease}.hero-track img{width:100%;height:auto;display:block;flex:0 0 100%;object-fit:cover}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#111;font-size:30px;line-height:1;box-shadow:0 2px 10px #0002;cursor:pointer}.hero-arrow.prev{left:18px}.hero-arrow.next{right:18px}.hero-dots{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:8px}.hero-dots button{width:9px;height:9px;border-radius:50%;padding:0;border:1px solid #111;background:#fff;cursor:pointer}.hero-dots button.active{background:var(--yellow)}.section{max-width:1200px;margin:0 auto;padding:72px 24px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:800;margin:0 0 10px;color:#6b6b6b}.section h1,.section h2{font-size:clamp(28px,4vw,42px);margin:0;letter-spacing:0}.sale-badge{background:var(--yellow);padding:10px 14px;border-radius:6px;font-size:13px;font-weight:800;white-space:nowrap}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;background:#fff;min-width:0}.product-image-wrap{aspect-ratio:1/1;background:#f7f7f7;overflow:hidden;cursor:pointer}.product-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.product-card:hover .product-image-wrap img{transform:scale(1.03)}.product-info{padding:16px;display:flex;flex-direction:column;flex:1}.product-info h3{font-size:16px;line-height:1.3;margin:0 0 10px;min-height:42px}.prices{display:flex;align-items:center;gap:9px;margin-bottom:15px}.price{font-size:19px;font-weight:800}.compare{text-decoration:line-through;color:#888;font-size:14px}.discount{color:#8a6a00;background:#fff4a8;font-size:11px;font-weight:800;padding:4px 6px;border-radius:4px}.primary-button{width:100%;border:0;border-radius:7px;background:var(--ink);color:#fff;font-weight:800;padding:13px 16px;cursor:pointer}.primary-button:hover{background:#333}.benefits{background:var(--soft);display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:38px clamp(20px,7vw,100px);text-align:center;border-block:1px solid var(--line)}.benefit{display:flex;flex-direction:column;gap:7px}.benefit-icon{font-size:28px}.benefit small{color:var(--muted);font-size:13px}.faq-section{max-width:900px}.faq-section h2{margin-bottom:28px}.faq-list{display:grid;gap:12px}.faq-list details{border:1px solid var(--line);background:#f6f6f6}.faq-list summary{cursor:pointer;padding:19px 20px;font-size:16px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq-list summary:after{content:'+';font-size:20px;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list details p{margin:0;padding:0 20px 20px;color:#555;line-height:1.6}.site-footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;padding:46px clamp(20px,7vw,100px);background:var(--ink);color:#fff}.site-footer strong{color:var(--yellow)}.site-footer p{color:#d4d4d4;line-height:1.6;font-size:14px}.footer-logo{width:150px;filter:brightness(0) invert(1)}.cart-drawer{position:fixed;z-index:30;top:0;right:0;width:min(420px,100%);height:100vh;background:#fff;transform:translateX(100%);transition:transform .25s;display:flex;flex-direction:column;box-shadow:-10px 0 30px #0002}.cart-drawer.open{transform:translateX(0)}.drawer-backdrop{position:fixed;inset:0;background:#0006;z-index:20;display:none}.drawer-backdrop.open{display:block}.cart-head{display:flex;justify-content:space-between;align-items:center;padding:22px;border-bottom:1px solid var(--line)}.cart-head h2{margin:0;font-size:23px}.close-button{border:0;background:transparent;font-size:30px;line-height:1;cursor:pointer;color:#333}.cart-items{overflow:auto;padding:14px 22px;flex:1}.cart-empty{text-align:center;color:var(--muted);padding:50px 20px}.cart-row{display:grid;grid-template-columns:68px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.cart-row img{width:68px;height:68px;object-fit:cover;border-radius:7px}.cart-row h4{margin:0 0 6px;font-size:14px}.cart-row p{margin:0;font-size:13px;color:#555}.remove-item{border:0;background:transparent;text-decoration:underline;cursor:pointer;color:#777;font-size:12px}.cart-foot{padding:20px 22px;border-top:1px solid var(--line)}.cart-total{display:flex;justify-content:space-between;font-size:18px;margin-bottom:15px}.cart-note{text-align:center;color:#777;font-size:12px;margin:10px 0 0}.product-dialog{width:min(840px,calc(100% - 30px));padding:0;border:0;border-radius:14px;box-shadow:0 16px 60px #0004}.product-dialog::backdrop{background:#0008}.dialog-close{position:absolute;right:18px;top:14px;z-index:2}.product-detail{display:grid;grid-template-columns:1fr 1fr}.detail-image{width:100%;height:100%;max-height:520px;object-fit:cover;background:#f5f5f5}.detail-copy{padding:42px 34px}.detail-copy h2{font-size:28px;margin:0 0 14px;line-height:1.15}.detail-copy .description{color:#555;line-height:1.6}.detail-copy ul{padding-left:20px;color:#555;line-height:1.7}.detail-copy .prices{margin:22px 0}.dialog-actions{display:grid;gap:10px}.secondary-button{border:1px solid var(--ink);background:#fff;color:var(--ink);border-radius:7px;padding:12px;font-weight:800;cursor:pointer}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefits{grid-template-columns:repeat(2,1fr)}.site-header{height:76px;padding-inline:18px}.brand img{width:125px}.desktop-nav{display:none}.section{padding-block:52px}.hero-arrow{width:34px;height:34px;font-size:24px}.product-detail{grid-template-columns:1fr}.detail-image{max-height:350px}.detail-copy{padding:28px 24px}}
@media(max-width:520px){.hero-track img{min-height:250px;object-fit:cover}.section-heading{align-items:start;flex-direction:column}.product-grid{gap:12px}.product-info{padding:12px}.product-info h3{font-size:14px;min-height:54px}.price{font-size:17px}.compare{font-size:12px}.discount{display:none}.benefits{gap:28px 10px;padding:32px 12px}.benefit strong{font-size:13px}.benefit small{font-size:11px}.site-footer{grid-template-columns:1fr;padding:36px 22px}.hero-arrow.prev{left:8px}.hero-arrow.next{right:8px}}
.checkout-form h3{font-size:16px;margin:0 0 12px}.checkout-form input,.checkout-form select{width:100%;padding:12px;border:1px solid #cfcfcf;border-radius:6px;background:#fff;font:inherit;margin-bottom:9px}.checkout-form input:focus,.checkout-form select:focus{outline:2px solid var(--yellow);border-color:#111}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.form-grid input{min-width:0}.form-status{font-size:13px;text-align:center;min-height:18px;margin:8px 0 0;color:#555}.form-status.error{color:#b00020}.form-status.success{color:#176b2c}
.admin-body{background:#f7f7f5}.admin-main{max-width:1250px;margin:0 auto;padding:55px 24px}.admin-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.admin-toolbar h1{margin:0;font-size:38px}.refresh-button{width:auto}.admin-login{background:#fff;border:1px solid var(--line);padding:20px;display:flex;align-items:center;gap:12px;margin-bottom:24px;border-radius:10px}.admin-login label{font-weight:700}.admin-login input{min-width:260px;padding:12px;border:1px solid #bbb;border-radius:6px;font:inherit}.admin-login .primary-button{width:auto}.orders-table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:10px}.orders-table{border-collapse:collapse;width:100%;min-width:900px;text-align:left;font-size:14px}.orders-table th,.orders-table td{padding:15px;border-bottom:1px solid var(--line);vertical-align:top}.orders-table th{background:#111;color:#fff}.orders-table small{color:#666;line-height:1.5}.order-status{background:#fff2a1;padding:5px 8px;border-radius:5px;font-size:12px;font-weight:700;text-transform:capitalize}@media(max-width:650px){.admin-toolbar,.admin-login{align-items:stretch;flex-direction:column}.admin-login input{min-width:0}.admin-toolbar h1{font-size:30px}}