:root{--navy:#1b263b;--charcoal:#1f2937;--amber:#f59e0b;--bg:#f5f6f7;--line:#d9dee5;--muted:#5f6670;--surface:#fff}*[hidden]{display:none!important}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#16181d;font-family:"Gmarket Sans","Noto Sans KR",Arial,sans-serif}.site-header{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-inner{height:76px;max-width:1200px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:40px}.brand img{width:154px;height:auto;display:block}.desktop-nav{display:flex;gap:28px;font-size:14px;font-weight:700}.desktop-nav a{color:var(--charcoal);text-decoration:none}.header-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.icon-button,.mypage{background:none;border:0;color:var(--charcoal);font:inherit;cursor:pointer}.icon-button{font-size:20px;position:relative;padding:8px}.count,.bottom-tabs b{position:absolute;background:var(--amber);color:var(--charcoal);font-size:10px;font-weight:800;border-radius:99px;min-width:17px;height:17px;line-height:17px;text-align:center;top:1px;right:0}.page-shell{max-width:1200px;margin:0 auto;padding:58px 24px 96px}.intro{max-width:720px}.eyebrow{color:#95620a;font-weight:800;font-size:11px;letter-spacing:.15em;margin:0 0 14px}.intro h1{font-size:34px;line-height:1.2;margin:0 0 14px;letter-spacing:-.04em}.intro-copy{color:var(--charcoal);font-size:16px;margin:0 0 12px}.source-note{font-size:12px;color:var(--muted);margin:0}.category-row{display:flex;gap:10px;overflow:auto;margin:42px 0 34px;padding-bottom:4px}.category{white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--charcoal);border-radius:6px;padding:11px 15px;font:inherit;font-size:13px;cursor:pointer}.category span{color:var(--muted);font-size:11px;margin-left:4px}.category.active{background:var(--navy);border-color:var(--navy);color:#fff}.category.active span{color:#dfe7f5}.section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:2px solid var(--charcoal);padding-bottom:14px;margin-bottom:20px}.section-heading h2{font-size:22px;margin:0 0 5px}.section-heading p{font-size:12px;color:var(--muted);margin:0}.outline-button{border:1px solid var(--navy);color:var(--navy);background:transparent;border-radius:6px;padding:10px 13px;font:inherit;font-size:12px;cursor:pointer}.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.product-card{background:var(--surface);min-width:0}.product-image{aspect-ratio:1;background:#edf0f2;display:grid;place-items:center;color:#89919c;font-size:12px;position:relative}.rank{position:absolute;top:10px;left:10px;background:var(--navy);color:#fff;padding:5px 8px;font-size:12px;font-weight:800}.product-info{padding:14px 2px 8px}.product-category{font-size:11px;color:var(--muted);margin-bottom:7px}.product-name{font-size:14px;line-height:1.45;margin:0 0 11px;min-height:41px}.price{font-size:17px;font-weight:800;margin-bottom:5px}.shipping{font-size:11px;color:var(--muted)}.buy{width:100%;border:0;background:var(--amber);color:var(--charcoal);font:inherit;font-weight:800;padding:10px 0;border-radius:6px;margin-top:12px;cursor:pointer}.bottom-tabs{display:none}@media(max-width:1023px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.header-inner{height:62px;padding:0 16px}.brand img{width:120px}.desktop-nav,.mypage{display:none}.page-shell{padding:36px 16px 86px}.intro h1{font-size:28px}.intro-copy{font-size:14px}.category-row{margin:30px 0 26px}.section-heading{align-items:center}.section-heading h2{font-size:20px}.outline-button{font-size:11px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.product-info{padding-top:11px}.product-name{font-size:13px}.price{font-size:16px}.bottom-tabs{position:fixed;display:flex;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid var(--line);z-index:20;justify-content:space-around}.bottom-tabs a,.bottom-tabs button{position:relative;flex:1;border:0;background:none;text-decoration:none;color:var(--muted);font:inherit;font-size:19px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px}.bottom-tabs span{font-size:10px}.bottom-tabs .selected{color:var(--navy);font-weight:800}.bottom-tabs b{top:6px;right:31%}}
.product-hit{display:block;width:100%;border:0;background:transparent;padding:0;text-align:left;color:inherit;font:inherit;cursor:pointer}.card-buy{margin:0 2px 14px;width:calc(100% - 4px)}
.benefits{padding-left:20px;line-height:1.8;color:var(--charcoal);font-size:13px}
.detail-panel{background:var(--surface);border-top:1px solid var(--line);padding:32px 24px}.detail-inner{max-width:760px;margin:auto}.detail-inner h2{font-size:30px;margin:8px 0 18px}.recommendation{background:#fff7e6;border-left:4px solid var(--amber);padding:18px;line-height:1.7}.detail-buy{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:24px 0}.detail-buy strong{font-size:24px}.detail-buy span{font-size:12px;color:var(--muted);grid-column:1/-1}.secondary{border:1px solid var(--navy);background:#fff;color:var(--navy);padding:10px;border-radius:6px;font:inherit}.close{border:0;background:none;text-decoration:underline;cursor:pointer;color:var(--muted);float:right}.drawer{position:fixed;z-index:30;right:0;top:0;bottom:0;width:min(420px,100%);background:#fff;padding:28px 24px;box-shadow:-10px 0 30px #1b263b22}.drawer-head{border-bottom:1px solid var(--line);padding-bottom:18px}.drawer-head h2{margin:0}.cart-item{display:flex;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}.cart-item small{display:block;color:var(--muted);margin-top:6px}.cart-item button{border:0;background:none;text-decoration:underline;color:var(--muted)}.drawer-foot{position:absolute;bottom:24px;left:24px;right:24px}.drawer-foot div{display:flex;justify-content:space-between;margin-bottom:10px}.empty{color:var(--muted);padding:30px 0}.modal-backdrop{position:fixed;inset:0;background:#11182766;z-index:40;display:grid;place-items:center;padding:20px}.modal{background:#fff;width:min(430px,100%);padding:28px;border-radius:8px}.modal h2{margin:4px 0 10px}.modal p{color:var(--muted);font-size:13px}.modal label{display:block;font-size:12px;margin-top:18px}.modal input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);padding:12px;border-radius:5px;font:inherit}
.detail-page{max-width:900px;margin:0 auto;padding:52px 24px 96px;background:#fff;min-height:calc(100vh - 76px)}.detail-page h1{font-size:32px;line-height:1.35;margin:8px 0 24px}.back-link{color:var(--navy);font-size:13px}.detail-product{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.product-image.large{min-height:360px}.detail-page h2{margin-top:42px;font-size:20px}
.checkout-page{max-width:680px;margin:0 auto;padding:52px 24px 96px;background:#fff;min-height:calc(100vh - 76px)}.checkout-page h1{font-size:30px;margin:8px 0 12px}.checkout-note,.dev-note{color:var(--muted);font-size:13px;line-height:1.6}.checkout-page #payment-method{margin-top:28px}.checkout-page .buy{margin-top:24px}.checkout-page .header-link{display:block}
.brand img{display:none}.brand::before{content:"";display:block;width:132px;height:42px;background:url('./g-best-logo.png') center/contain no-repeat}
.product-image{background-size:cover;background-position:center}.product-image>span:not(.rank){display:none}.product-card:nth-child(1) .product-image{background-image:url('./product-images/product-1.png')}.product-card:nth-child(2) .product-image{background-image:url('./product-images/product-2.png')}.product-card:nth-child(3) .product-image{background-image:url('./product-images/product-3.png')}.product-card:nth-child(4) .product-image{background-image:url('./product-images/product-4.png')}.product-card:nth-child(5) .product-image{background-image:url('./product-images/product-5.png')}.product-card:nth-child(6) .product-image{background-image:url('./product-images/product-6.png')}.product-card:nth-child(7) .product-image{background-image:url('./product-images/product-7.png')}.product-card:nth-child(8) .product-image{background-image:url('./product-images/product-8.png')}.product-card:nth-child(9) .product-image{background-image:url('./product-images/product-9.png')}.product-card:nth-child(10) .product-image{background-image:url('./product-images/product-10.png')}.product-card:nth-child(n+11) .product-image{background-image:url('./product-images/placeholder.png')}.product-image.large{background-image:url('./product-images/placeholder.png');background-size:cover;background-position:center;color:transparent}