:root{--ink:#102f45;--navy:#0b2239;--blue:#174a73;--gold:#f3b53c;--line:#dce4ea;--muted:#607381}*{box-sizing:border-box}body{margin:0;background:#f5f7f9;color:var(--ink);font:16px/1.65 Arial,"Noto Sans KR",sans-serif}a{color:var(--blue)}header{background:var(--navy);color:#d8e6ef;padding:20px 28px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}header a{color:white;text-decoration:none}.brand{font-size:26px;font-weight:900}.home{margin-left:auto;padding:8px 15px;background:#174a73;border-radius:5px}.families{display:flex;gap:8px;background:white;padding:12px 24px;overflow:auto;border-bottom:1px solid var(--line)}.families a{flex:none;text-decoration:none;font-weight:700;font-size:14px;padding:6px 10px;border-radius:5px}.families a:hover{background:#edf3f7}main{max-width:1400px;margin:0 auto;padding:24px}.breadcrumb{font-size:13px;color:var(--muted);margin:0 0 20px}.intro{padding:25px 28px;background:var(--navy);color:white;border-bottom:3px solid var(--gold);margin-bottom:24px}.intro p{max-width:900px;color:#d3e1eb}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.08em;color:#bc8518}.intro .eyebrow{color:#f7c56b}h1{font-size:30px;line-height:1.35;margin:10px 0 18px;word-break:keep-all}h2{font-size:21px;line-height:1.45}p{margin:9px 0}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.item{background:white;border:1px solid var(--line);border-radius:9px;padding:20px;min-width:0;overflow-wrap:anywhere}.item>a{text-decoration:none;color:inherit}.item h2{font-size:18px;margin:16px 0 8px}.item p{font-size:14px}.muted,small{color:var(--muted);font-size:13px}.price,.item .price{font-weight:900;font-size:26px;color:var(--ink);margin:15px 0 4px}.button{display:inline-block;border:0;border-radius:6px;background:var(--gold);color:var(--ink)!important;padding:11px 18px;font:700 15px/1.5 Arial,sans-serif;text-decoration:none;cursor:pointer}.button.light{background:#edf3f7}.art{position:relative;width:240px;max-width:100%;aspect-ratio:1;background-color:white;background-repeat:no-repeat;margin:auto}.watermark{position:absolute;inset:30% 14%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:.25;transform:rotate(-16deg);pointer-events:none;mix-blend-mode:multiply}.watermark img{width:100%;filter:grayscale(1)}.watermark span{font-size:15px;font-weight:800;color:#626262;letter-spacing:.15em;white-space:nowrap}.product{background:white;border:1px solid var(--line);border-radius:10px;padding:30px;display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1fr);gap:40px;margin-bottom:30px}.picture{align-self:start;text-align:center;padding:18px}.picture .art{width:300px}.picture small{display:block;margin-top:15px}dl{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;margin:20px 0}dt{font-weight:800}dd{margin:0;overflow-wrap:anywhere}.request{display:grid;grid-template-columns:1fr 100px;gap:12px;margin-top:20px}.request label{font-size:14px;font-weight:700}.request select,.request input{display:block;width:100%;min-width:0;font:inherit;padding:11px;margin-top:5px;border:1px solid #b9c9d4;border-radius:5px}.request button{grid-column:1/-1}.table-scroll{max-height:650px;overflow:auto;border:1px solid var(--line);background:white}table{border-collapse:collapse;width:100%;font-size:15px}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}th{position:sticky;top:0;background:#eaf1f5}td:nth-child(2){font-weight:800;white-space:nowrap}td:last-child a{display:inline-block;white-space:nowrap;padding:4px 10px;background:#edf3f7;border-radius:4px;text-decoration:none}.notice{background:#eef3f6;border-left:3px solid #b2c6d3;padding:20px 25px;margin:25px 0}.notice h2{margin-top:0}footer{background:var(--navy);color:#c7d7e3;padding:28px;font-size:14px}footer a{color:white}footer strong{font-size:21px;color:white}:focus-visible{outline:3px solid #d59318;outline-offset:3px}@media(max-width:760px){header{padding:16px;gap:10px}.brand{font-size:22px}header>span{display:none}.home{font-size:13px}.families{padding:8px}main{padding:16px}.product{grid-template-columns:minmax(0,1fr);gap:10px;padding:18px}.picture{padding:0}.picture .art{width:210px}h1{font-size:26px}.intro{padding:22px}.items{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.item{padding:13px}.item h2{font-size:16px}.item .price{font-size:21px}.request{grid-template-columns:minmax(0,1fr) 80px}.table-scroll{max-height:550px}th,td{padding:10px;font-size:13px}.notice{padding:16px}}@media(max-width:380px){.items{grid-template-columns:minmax(0,1fr)}}

/* Match storefront specification and sales zones on every public detail page. */
.item:has(.sales-panel){display:flex;flex-direction:column;padding-bottom:0}
.material-panel{background:#eef4f8;color:#102f45;padding:16px 20px}
.item .material-panel{margin:12px -20px 0;flex:1}
.material-panel h2{margin-top:0}
.material-panel a{color:inherit;text-decoration:none}
.material-panel a:hover{text-decoration:underline}
.sales-panel{background:#fff4df;border-top:1px solid #ead2a4;padding:16px 20px}
.item .sales-panel{margin:0 -20px}
.price-label{display:block;font-size:12px;font-weight:800;color:#644b22}
.sales-panel .price{margin-top:3px}
.sales-panel .muted{color:#5c625f}
.sales-panel .button.light{margin-top:8px;background:white;border:1px solid #d9c49f}
.product dl{background:#eef4f8;border:1px solid #dae5ee;border-radius:7px;padding:16px}
.product .sales-panel{border:1px solid #ead2a4;border-radius:7px}
th{background:#fff0d2;color:#644b22}
td:nth-child(2){background:#fffaf0}
@media(max-width:760px){.item .material-panel,.item .sales-panel{margin-left:-13px;margin-right:-13px;padding:13px}.product .sales-panel{padding:14px}}