/* Reference-led compact storefront. Category photography reuses the original concept sheet. */
.hero,.editorial,.service{border-radius:8px}
.search,.catalog-tabs button,.price-tier,.unit-choice,.stepper,.detail-footer .round-control{border-radius:6px}
.button{border-radius:7px}
.button i{border-radius:4px;background:#ffffff24}
.categories{gap:10px;padding:14px 0 18px;border-bottom:0}
.category-link,.category-link:first-child{display:flex;flex-direction:column;gap:0;padding:0;border:0;overflow:hidden;border-radius:6px;background:#f1eee7;align-items:stretch;text-align:center;box-shadow:inset 0 0 0 1px #8c745610}
.category-link .category-icon{display:block;width:100%;height:auto;aspect-ratio:101/105;border-radius:0;background-image:url('02-home-and-category.webp?v=1');background-size:1520.792% auto;background-position:20.767% 47.334%;background-repeat:no-repeat}
.category-link:nth-child(2) .category-icon{background-position:28.502% 47.334%}
.category-link:nth-child(3) .category-icon{background-position:36.167% 47.334%}
.category-link:nth-child(4) .category-icon{background-position:43.972% 47.334%}
.category-icon svg{display:none}
.category-link>span:last-child{padding:10px 4px}
.category-link strong{font-size:14px}
.category-link small{display:none}
.category-link:hover .category-icon{background-color:transparent}
@media(min-width:721px){.category-link,.category-link:first-child{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;text-align:left}.category-link>span:last-child{padding:12px}.category-link strong{font-size:15px;line-height:1.5}.categories{gap:12px;padding-top:16px}.category-link .category-icon{width:96px}}
.goods-grid{gap:14px}
.goods-card{--plate:#f4f1eb;--grain:linear-gradient(115deg,#fff8,transparent 50%,#897b6810);padding:4px;background-image:var(--grain);background-color:var(--plate);border-radius:7px;box-shadow:inset 0 1px 0 #ffffffdb,inset 0 0 0 1px #615e4d26,0 3px 8px #25304408;overflow:hidden}
.goods-card[data-material="tap"]{--plate:#e6e8e8;--grain:repeating-linear-gradient(0deg,#ffffff18 0 1px,#46505b08 1px 2px),linear-gradient(105deg,#cfd4d5,#f7f8f5 48%,#d6dcdc)}
.goods-card[data-material="drill"]{--plate:#dde0df;--grain:repeating-linear-gradient(125deg,#2736410b 0 1px,transparent 1px 4px),linear-gradient(120deg,#d4d8d7,#eceeeb)}
.goods-card[data-material="toilet"]{--plate:#f4f1ea;--grain:linear-gradient(137deg,transparent 37%,#b4a28821 37.4%,transparent 38.2%,transparent 69%,#ad977221 69.5%,transparent 70.2%),linear-gradient(30deg,#e9e5dd,#fffdf8 55%,#ece9e1)}
.goods-card[data-material="jug"]{--plate:#eadfce;--grain:repeating-linear-gradient(3deg,transparent 0 6px,#aa80520c 7px,transparent 9px),linear-gradient(110deg,#e7d9c3,#f5eee1 55%,#e9d9c2)}
.goods-image{aspect-ratio:1.25;border-radius:4px 4px 0 0;box-shadow:inset 0 0 0 1px #ffffff80;background:#fff9;padding:16px 12px 10px}
.goods-image img{mix-blend-mode:multiply}
.goods-index{top:7px;left:8px;font-size:8px;letter-spacing:1px;color:#697179}
.goods-copy{padding:12px 9px 9px;background:#fff9;border-top:1px solid #fff9;border-radius:0 0 3px 3px}
.goods-card{--material-x:3%;--material-wash:#ffffffe0}
.goods-card[data-material="tap"]{--material-x:73.2%;--material-wash:#ffffffa6}
.goods-card[data-material="drill"]{--material-x:49.8%;--material-wash:#17212b45}
.goods-card[data-material="toilet"]{--material-x:3%;--material-wash:#ffffffb8}
.goods-card[data-material="jug"]{--material-x:97.2%;--material-wash:#fff6e9b3}
.goods-copy{background-image:linear-gradient(var(--material-wash),var(--material-wash)),url('material-reference-v3.webp');background-size:100% 100%,614.4% 706.2%;background-position:center,var(--material-x) 38.5%;background-repeat:no-repeat;box-shadow:inset 0 1px 0 #ffffff66}
.goods-card[data-material="drill"] .goods-copy{color:#fff;border-top-color:#abb6c3}
.goods-card[data-material="drill"] .goods-copy p,.goods-card[data-material="drill"] .goods-price small{color:#e0e6eb}
.goods-card[data-material="drill"] .goods-price strong{color:#fff}
.goods-copy h3{font-size:15px;line-height:1.4;margin:0 0 5px}
.goods-copy p{min-height:36px;margin:0 0 10px;font-size:11px;line-height:1.6}
.goods-price strong{font-size:18px;letter-spacing:-.5px}
.goods-price small{font-size:11px;margin-top:4px}
.quick-add{border-radius:6px;width:40px;height:40px;min-height:44px;background:linear-gradient(145deg,#ff8d16,#f36b00);box-shadow:inset 0 1px 0 #ffcc7d;color:#fff;font-size:26px}
.section-heading{margin:30px 0 16px}
.section-heading h2{font-size:28px}
.catalog-tabs{margin-right:0;padding-right:0;max-width:100%}
.catalog-inquiry-dock{display:none}
.catalog-mode .catalog-inquiry-dock:not([hidden]){display:flex;position:fixed;z-index:3;bottom:24px;left:50%;transform:translateX(-50%);width:min(540px,calc(100% - 28px));padding:7px 8px 7px 16px;gap:12px;align-items:center;justify-content:space-between;background:#081f80;border:1px solid #1b3797;border-radius:7px;box-shadow:0 5px 18px #10244d1f,inset 0 1px 0 #ffffff26;color:white}
.catalog-inquiry-dock>span{display:flex;align-items:center;gap:10px;min-width:0}.catalog-inquiry-dock strong{font-size:13px;font-weight:500;line-height:1.5}.catalog-inquiry-dock svg{width:23px;height:23px;flex:none}
.catalog-inquiry-dock button{display:flex;gap:9px;align-items:center;justify-content:center;min-height:42px;max-width:65%;border:0;border-radius:5px;padding:9px 13px;background:linear-gradient(140deg,#ff941d,#f47400);box-shadow:inset 0 1px 0 #ffc979;color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.catalog-inquiry-dock button svg{width:18px;height:18px}
body:has(dialog[open]) .catalog-inquiry-dock{visibility:hidden}
.catalog-mode:has(.catalog-inquiry-dock:not([hidden])) .goods-section{padding-bottom:140px}
@media(max-width:720px){.catalog-mode .catalog-inquiry-dock:not([hidden]){bottom:calc(78px + env(safe-area-inset-bottom));padding-left:12px;gap:8px}.catalog-inquiry-dock strong{font-size:12px}.catalog-inquiry-dock button{font-size:12px;padding:8px 10px}.catalog-mode:has(.catalog-inquiry-dock:not([hidden])) .goods-section{padding-bottom:190px}}
.goods-section .section-heading{margin-top:20px;margin-bottom:12px}
.goods-section .section-heading h2{font-size:22px}
.detail-photo,.commerce-dialog{border-radius:8px}
.checkout-form input:not([type=radio]),.checkout-form textarea,.checkout-form select{border-radius:5px;border:1px solid #1423491c;background:#fffefd;box-shadow:inset 0 1px 2px #14234905;margin-top:8px}
.checkout-form input:focus-visible,.checkout-form select:focus-visible,.checkout-form textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px;box-shadow:none}
.delivery-choices label>span{border-radius:6px;background:#f8f7f2;box-shadow:inset 0 0 0 1px #14234918}
.delivery-choices input:checked+span{background:#edf1fa;box-shadow:inset 0 0 0 1px #081f80}
.success-receipt{border-radius:7px}.success-receipt{box-shadow:inset 0 0 0 1px #14234912,0 3px 9px #14234905}
.account-cover{display:block;padding:24px;border-radius:7px;color:var(--blue);background:linear-gradient(90deg,#f8f5ed 0%,#f8f5edf5 38%,#f8f5ed99 68%,#f8f5ed30),url('kitchen-editorial-v2.webp') center/cover;box-shadow:inset 0 0 0 1px #ffffffa0}
.account-cover:after{display:none}
.account-cover .eyebrow{display:none}.account-cover h2{font-size:34px;font-weight:750;line-height:1.25;letter-spacing:-1px;margin:0 0 12px;max-width:340px}.account-cover p{color:#34415e;max-width:290px;font-size:13px;line-height:1.8}.account-cover>.button{margin-top:20px}
.account-content{padding:14px 0 0}.account-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px}
.account-links>button{display:block;padding:18px 8px 14px;border:1px solid #11264c12;border-radius:6px;background:linear-gradient(145deg,#fff,#f6f8fa);text-align:center;box-shadow:inset 0 1px 0 #fff;min-width:0}
.account-links>button>span{display:flex;flex-direction:column;gap:12px}.account-links>button>svg{display:none}.account-links>button>span>svg{width:28px;height:28px}.account-links strong{font-size:14px}.account-links small{font-size:11px;line-height:1.6;margin-top:7px;overflow-wrap:anywhere}
.account-explainer{border-radius:6px;padding:18px;background:linear-gradient(125deg,#eaf3f9,#dfedf7);box-shadow:inset 0 1px 0 #fff9}.account-explainer h3{font-size:19px;margin:8px 0}.account-explainer>span{font-size:10px}
@media(max-width:720px){.account-cover{padding:22px 18px}.account-cover h2{font-size:30px;max-width:240px}.account-cover p{max-width:235px}.account-links strong{font-size:13px}.account-links>button{padding:16px 6px 12px}.account-links small{font-size:10px}.account-content{padding-top:12px}}
.remove-line svg{width:19px;height:19px}
.inquiry-summary{padding:18px 0 0;margin:20px 0 16px;border-top:1px solid #17244b16}
.inquiry-summary>strong{color:#ed6e00}
.detail-content{display:flex;flex-direction:column;align-items:stretch}
.detail-content>.eyebrow{order:0}.detail-content>h2{order:1}.detail-content>.detail-spec{order:2;margin:0 0 14px}
.detail-content>.unit-label{order:3;margin:6px 0 9px;color:var(--ink);font-weight:600}
.detail-content>.unit-choice{order:4;align-self:flex-start;min-width:90px;border-radius:5px;box-shadow:inset 0 1px 0 #ffffff38}
.detail-content>.price-tiers{order:5;margin:18px 0 0;gap:7px}
.price-tier{border:1px solid #14234912;background:#fafaf8;color:var(--ink);border-radius:5px;box-shadow:inset 0 1px 0 #fff;padding:12px 8px}
.price-tier:first-child{border-color:#f47700;background:#fff9f0;color:#e86b00}
.price-tier strong{margin-top:7px;font-size:14px}.price-tier small{margin-top:3px;color:var(--muted)}
.price-tier[data-login] small{display:none}
.detail-content>.detail-note{order:6;margin:12px 0 0}
.detail-content>.detail-footer{order:7;margin-top:18px;padding-top:16px;border-top:1px solid #14234912}
@media(max-width:720px){.hero-wrap{padding:0}.hero{border-radius:0;min-height:230px}.hero-copy{padding:20px 18px}.hero-copy h1{font-size:36px;line-height:1.08;margin:12px 0}.hero-copy p{font-size:12px;line-height:1.55;margin:0 0 10px}.hero-copy .eyebrow{display:none}.hero-copy .button{margin-top:2px;padding:8px 11px;min-height:38px;font-size:12px}.hero-copy .button i{width:24px;height:24px}.hero-note{font-size:7px}.categories{gap:7px;padding:12px 0 8px}.category-link,.category-link:first-child{min-height:0;gap:0}.category-link>span:last-child{padding:8px 2px}.category-link strong{font-size:12px}.section-heading{margin:20px 0 12px}.section-heading h2{font-size:21px}.section-heading .eyebrow{display:none}.goods-section{padding-top:0}.goods-grid{gap:9px}.goods-card{padding:3px}.goods-copy{padding:9px 7px 8px}.quick-add{width:36px;min-height:40px;height:40px}.goods-image{padding:14px 7px 8px}.catalog-tabs{padding-bottom:12px}.catalog-tabs button{padding:8px 14px}.editorial,.service{border-radius:7px}.commerce-dialog:not(.lightbox){border-radius:0}.detail-photo{border-radius:5px}
}