/* 2026-10-02 improvement proposal: HTML review first. */
#wc-header, #wc-footer { background-color:#ebe6de!important; }
/* Align the price and MORE button after the full copy, including option06. */
#top-product:not(.catalog) .product-card { display:flex; flex-direction:column; }
#top-product:not(.catalog) .product-card > div:last-child { display:flex; flex-direction:column; flex:1; }
#top-product:not(.catalog) .product-card > div:last-child > div:nth-last-child(2) { margin-top:auto!important; padding-top:10px; }
#wc-header { padding-left:9.75vw!important; padding-right:9.75vw!important; }
/* Leave breathing room around the logo without changing the header height. */
#wc-header h1 { position:relative; width:84px!important; height:80px; margin:0!important; flex-shrink:0; }
#wc-header h1 a { display:block; width:100%; height:100%; }
#wc-header h1 img { position:absolute; top:50%; left:0; transform:translateY(-50%); display:block; width:100%; max-width:none; height:auto; }
#wc-menu-toggle { display:none; border:0; background:transparent; color:#191919; padding:11px; width:44px; height:44px; flex-shrink:0; cursor:pointer; }
#wc-menu-toggle span { display:block; height:2px; width:22px; margin:5px 0; background:currentColor; }
#wc-search-toggle, #wc-header .l-header__inner__block__link { color:#191919; }
.wc-drawer { --panel-width:min(80vw,400px); inset:0; width:100%; max-width:none; height:100%; height:100dvh; max-height:none; padding:0; margin:0; border:0; background:transparent; color:#252525; overflow:hidden; }
.wc-drawer::backdrop { background:rgba(0,0,0,.5); }
.wc-drawer__panel { box-sizing:border-box; width:var(--panel-width); height:100%; overflow-y:auto; overscroll-behavior:contain; background:#fff; padding:28px 24px max(28px,env(safe-area-inset-bottom)); }
.wc-drawer[open] .wc-drawer__panel { animation:wc-drawer-in .25s ease-out; }
@keyframes wc-drawer-in { from { transform:translateX(-100%); } to { transform:translateX(0); } }
.wc-drawer .wc-drawer__title { font-size:18px; font-weight:500; color:#9a7440; margin:0 0 12px; }
.wc-drawer nav { margin-bottom:32px; }
.wc-drawer nav a { display:flex; align-items:center; min-height:48px; border-bottom:1px solid #e1dfdb; color:#292929; font-size:15px; text-decoration:none; }
.wc-drawer__close { position:absolute; top:12px; left:calc(var(--panel-width) + 6px); width:44px; height:44px; background:transparent; border:0; color:white; font:36px/1 Arial,sans-serif; cursor:pointer; }
.wc-drawer__panel--search { background:#f6f5f2; display:flex; flex-direction:column; }
.wc-drawer__panel--search h2 { font-size:20px; margin:0 0 30px; font-weight:500; }
.wc-drawer form { flex:1; display:flex; flex-direction:column; }
.wc-drawer label { font-size:15px; margin:0 0 10px; }
.wc-drawer input, .wc-drawer select { box-sizing:border-box; width:100%; min-height:46px; border:1px solid #aaa79f; border-radius:0; background:#fff; color:#292929; padding:10px; font-size:16px; margin-bottom:28px; }
.wc-drawer select { appearance:auto; }
.wc-search-actions { display:flex; gap:12px; margin-top:auto; padding-top:32px; }
.wc-search-actions button { flex:1; min-height:48px; border:0; border-radius:0; color:#fff; font-size:14px; cursor:pointer; }
.wc-search-actions [type=reset] { background:#bd8538; }
.wc-search-actions [type=submit] { background:#526571; }
.wc-drawer :focus-visible, #wc-header :focus-visible, .color-item:focus-visible, .wc-line-close:focus-visible { outline:2px solid #886626; outline-offset:3px; }
.wc-drawer .wc-drawer__title:focus { outline:none; }
body.wc-drawer-open .sticky-line-icon { visibility:hidden; }
.wc-line-close { position:absolute; top:-10px; left:-8px; z-index:1; border:1px solid #ddd; width:24px; height:24px; border-radius:50%; background:#fff; color:#333; font:19px/20px Arial,sans-serif; cursor:pointer; }
.sticky-line-icon.is-bubble-closed .ur-sticky-line-icon__bubble, .sticky-line-icon.is-bubble-closed .wc-line-close { display:none; }
[data-color-card] .color-item { background:transparent; cursor:pointer; border-radius:50%; outline:none!important; box-shadow:none!important; }
[data-color-card] .color-item[aria-pressed=true] { border-color:#292929; }
[data-color-card] .color-item:focus-visible { border-color:#886626!important; }
.wc-color-status { font-size:12px; margin-top:8px; color:#7d342b; }
@media(max-width:1100px) and (min-width:769px) {
 #wc-header > div { gap:18px; }
 #wc-header > div > nav ul { gap:10px 14px; }
}
@media(max-width:768px) {
 #wc-header { height:56px!important; min-height:56px!important; padding:0 12px!important; }
 #wc-header h1 { width:64px!important; height:56px; margin:0!important; }
 #wc-header > div { gap:0!important; }
 #wc-header > div > nav { display:none!important; }
 #wc-header .l-header__inner__block__item--menu { gap:0!important; }
 #wc-header .l-header__inner__block__link { display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0!important; }
 #wc-header .l-header__inner__block__link i { font-size:24px!important; }
 /* Keep the quantity badge inside the compact header, including two-digit counts. */
 #wc-header .l-header__inner__block__item--cart > .l-header__inner__block__link { position:relative; }
 #wc-header #header-order-quantity { position:absolute; top:0; right:0; bottom:auto; left:auto; transform:none; margin:0; display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:auto; min-width:20px; height:20px; padding:0 4px; border-radius:10px; font-size:12px; line-height:1; }
 #wc-search-toggle { width:44px; height:44px; padding:0; }
 #wc-menu-toggle { display:block; }
}
#wc-line-promo { --line-size:60px; --line-edge:24px; right:calc(var(--line-edge) + env(safe-area-inset-right)); bottom:calc(var(--line-edge) + env(safe-area-inset-bottom)); max-width:calc(100vw - 2 * var(--line-edge)); }
#wc-line-promo .ur-sticky-line-icon__link { gap:16px; }
#wc-line-promo.is-bubble-closed .ur-sticky-line-icon__bubble { display:none; }
#wc-line-promo .ur-sticky-line-icon__bubble { display:flex; align-items:center; justify-content:center; box-sizing:border-box; height:var(--line-size); margin:0; padding:0 20px; font-size:18px; line-height:1.5; white-space:nowrap; }
#wc-line-promo .wc-line-icon-frame { position:relative; display:block; flex:0 0 var(--line-size); width:var(--line-size); height:var(--line-size); overflow:hidden; border-radius:9px; }
/* The source artwork has 67px transparent padding on every side (567px canvas). */
#wc-line-promo .ur-sticky-line-icon__icon { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:130.95%; height:130.95%; max-width:none; }
@media(max-width:768px) {
 #wc-line-promo { --line-size:52px; --line-edge:12px; }
 #wc-line-promo .ur-sticky-line-icon__bubble { font-size:clamp(14px,4vw,16px); padding:0 8px; }
}
@media(prefers-reduced-motion:reduce) { .wc-drawer[open] .wc-drawer__panel { animation:none; } }