/* DODERO skins: all colors are shared across shopping and administration. */
:root{--bg:#f5f6f8;--surface:#fff;--soft:#eef1f5;--ink:#152332;--muted:#657385;--green:#205de0;--accent:#205de0;--line:#dce2eb;--lime:#dce8ff;--shadow:0 12px 36px #13264409;--button-ink:#fff;--radius:22px;color-scheme:light}
:root[data-skin=midnight]{--bg:#10151e;--surface:#192231;--soft:#222e40;--ink:#eff4ff;--muted:#a9b7cc;--green:#92b6ff;--accent:#92b6ff;--line:#334156;--lime:#344b71;--shadow:0 14px 40px #0003;--button-ink:#111e36;color-scheme:dark}
:root[data-skin=sand]{--bg:#f5f1e9;--surface:#fffcf6;--soft:#ede6d9;--ink:#342d26;--muted:#796c5d;--green:#805126;--accent:#805126;--line:#dfd4c3;--lime:#ead8ba;--shadow:0 12px 36px #55402009;--button-ink:#fff;color-scheme:light}
body{background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI","Malgun Gothic",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
header,main{max-width:1280px;padding-left:clamp(16px,4vw,56px);padding-right:clamp(16px,4vw,56px)}
header{height:90px;border-bottom:1px solid var(--line);margin-bottom:26px;gap:16px}
.brand{font-size:27px;letter-spacing:-1.5px;color:var(--ink)}.brand span{font-size:8px;letter-spacing:3px;color:var(--muted);margin-top:9px}
.site-menu>summary{font-size:22px;border:1px solid var(--line);border-radius:14px;background:var(--surface);width:46px;height:46px;display:grid;place-items:center;padding:0}
h2{font-size:clamp(23px,3vw,32px);line-height:1.25;letter-spacing:-.8px}h3{letter-spacing:-.35px}p{line-height:1.75}
button,.button{background:var(--accent);border-color:var(--accent);color:var(--button-ink);border-radius:12px;font-weight:600;min-height:44px;transition:background .18s,box-shadow .18s,transform .18s}
button:hover:not(:disabled){box-shadow:0 5px 16px #15233215;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}
.outline{color:var(--ink);background:var(--surface);border-color:var(--line)}
input,textarea,select{background:var(--surface);border-color:var(--line);border-radius:12px;color:var(--ink);min-height:44px;font-size:16px;padding:12px}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input[type=checkbox]{min-height:0;accent-color:var(--accent)}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}input:focus,textarea:focus,select:focus{border-color:var(--accent)}
#find{padding-top:0}#find>.world-search{margin-bottom:24px}
#find .compact-search-line .searchbar{background:var(--surface);border:1px solid var(--line);height:66px;padding:6px 9px 6px 22px;border-radius:20px;box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s}
#find .compact-search-line .searchbar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
#find .compact-search-line .searchbar input{color:var(--ink);height:48px;font-size:16px}
#find .compact-search-line .searchbar>button{height:46px;width:46px;flex-basis:46px;border-radius:14px;color:var(--button-ink);background:var(--accent)}
#find .compact-search-line .searchbar>.similar-search-button{background:var(--soft);color:var(--ink);margin-right:6px}
#find .similar-search-button .camera-icon:after{background:var(--soft)}
.result-sort{align-items:center;gap:10px;margin:14px 0 0}#find .world-search>.result-sort{max-width:none}
.result-sort>select{flex:0 1 180px;min-width:0}.result-sort label{display:flex;align-items:center;gap:10px;margin:0;font-size:12px;color:var(--muted);font-weight:500}.result-sort label select{width:78px;min-width:0;flex:none}.result-sort select{font-size:13px;padding:9px 12px}.result-sort small{margin:0}
.candidate-column .grid,.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card,.panel,.integration-group{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.candidate-column .card{padding:14px;display:flex;flex-direction:column;align-items:stretch;gap:8px;transition:box-shadow .2s,border-color .2s}
.candidate-column .card:hover{border-color:var(--accent);box-shadow:0 12px 32px #13264414}
.candidate-column .product-image{height:240px;background:#fff;border-radius:14px;padding:12px}.product-image{background:#fff;border-radius:16px}
.candidate-column .card h3{font-size:16px;line-height:1.5;margin:2px 0;overflow-wrap:anywhere}.candidate-column .card h3 a{text-decoration:none;color:var(--ink)}
.candidate-column .card .tag{align-self:flex-start;font-size:10px;margin-top:3px}.tag{background:var(--soft);color:var(--muted);border-radius:8px;padding:5px 9px}
.candidate-column .card .price{font-size:20px;margin:6px 0 4px;color:var(--ink);letter-spacing:-.5px}.candidate-column .card button{width:100%;margin:0}.candidate-column .card .outline{margin-top:auto}
.image-candidates>h3,.web-section>h3{font-size:21px;margin:28px 0 16px}.image-candidates>p{color:var(--muted)}
.quote,.timeline span,.media-empty{background:var(--soft);color:var(--ink)}.timeline .active{background:var(--lime);color:var(--ink)}.notice{background:var(--soft);border-color:var(--line)}
.menu-panel{background:var(--surface);border-color:var(--line);width:350px;border-radius:22px;box-shadow:0 24px 80px #0003;padding:20px;top:58px}
.menu-panel nav{gap:4px}.menu-panel nav a{padding:9px 12px;border-radius:10px}.menu-panel nav a:hover,.account-nav a:hover,.account-nav .menu-action:hover{background:var(--soft);text-decoration:none}
.account-nav{border-color:var(--line)}.account-nav .menu-action{box-shadow:none;transform:none;min-height:42px}.menu-panel .compact-filters[open]{background:var(--soft)}
.skin-picker{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.skin-picker label{margin-bottom:6px}.skin-swatches{display:flex;gap:7px;margin:10px 0 16px}.skin-swatches span{height:16px;width:16px;border-radius:50%;border:1px solid #8886}.swatch-pearl{background:#f5f6f8}.swatch-midnight{background:#192231}.swatch-sand{background:#e4d1b4}
dialog{background:var(--surface);border-color:var(--line);padding:28px;border-radius:24px;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#0c152a80;backdrop-filter:blur(8px)}.close{background:transparent;color:var(--muted);min-height:40px}.photo-dialog .photo-search{background:transparent;box-shadow:none}.social .unavailable{background:var(--soft);color:var(--muted)}
#toast{background:var(--ink);color:var(--bg)}#product-detail{padding-bottom:40px}#product-detail h2{margin:24px 0}#product-detail>.product-image{height:clamp(240px,40vw,420px);margin-bottom:20px}#product-detail>button{margin:10px 0}
@media(min-width:1500px){.candidate-column .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.candidate-column .grid,.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.candidate-column .product-image{height:220px}}
@media(max-width:600px){header{height:76px;margin-bottom:20px}.brand{font-size:24px}.brand span{font-size:7px}.site-menu>summary{width:42px;height:42px}.candidate-column .grid,.grid{grid-template-columns:1fr;gap:16px}.candidate-column .product-image{height:260px}.candidate-column .card{padding:14px}.candidate-column .card h3{font-size:17px}.result-sort{gap:8px}.result-sort>select{flex:1;max-width:190px}.result-sort label{gap:6px;font-size:11px}.result-sort label select{width:65px}#find .compact-search-line .searchbar{height:58px;padding-left:16px;border-radius:18px}#find .compact-search-line .searchbar>button{width:40px;height:40px;flex-basis:40px;border-radius:12px}dialog,#auth-dialog{padding:20px;max-width:calc(100vw - 24px)}.menu-panel{max-width:calc(100vw - 32px)}.form-row{flex-direction:column}.panel{padding:18px}section:not(.hero){padding-top:24px}#find{padding-top:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

footer.business-footer{display:flex!important;align-items:flex-start;justify-content:space-between;gap:16px;max-width:1280px;margin:64px auto 0;padding:24px clamp(16px,4vw,56px) 32px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}footer.business-footer b{color:var(--ink);letter-spacing:1px}footer.business-footer address{font-style:normal;line-height:1.8;text-align:right}@media(max-width:600px){footer.business-footer{flex-direction:column;margin-top:40px}footer.business-footer address{text-align:left}}

/* Additional selectable color palettes. */
:root[data-skin=ocean]{--bg:#eff6fb;--surface:#ffffff;--soft:#e0edf7;--ink:#163149;--muted:#526f85;--green:#17639b;--accent:#17639b;--line:#c9dce9;--lime:#cee5f7;--shadow:0 12px 36px #13264409;--button-ink:#fff;color-scheme:light}
.swatch-ocean{background:#17639b}
:root[data-skin=forest]{--bg:#f0f5f0;--surface:#ffffff;--soft:#e2ece1;--ink:#203c2c;--muted:#577060;--green:#29643e;--accent:#29643e;--line:#ccddce;--lime:#d6ead4;--shadow:0 12px 36px #13264409;--button-ink:#fff;color-scheme:light}
.swatch-forest{background:#29643e}
:root[data-skin=lavender]{--bg:#f5f2fb;--surface:#ffffff;--soft:#eae3f5;--ink:#35294d;--muted:#706082;--green:#7048a3;--accent:#7048a3;--line:#dfd4ed;--lime:#e4d6fa;--shadow:0 12px 36px #13264409;--button-ink:#fff;color-scheme:light}
.swatch-lavender{background:#7048a3}
:root[data-skin=rose]{--bg:#fcf2f5;--surface:#ffffff;--soft:#f6e3e9;--ink:#492b36;--muted:#84616f;--green:#a33860;--accent:#a33860;--line:#ecd3dd;--lime:#f7d5e2;--shadow:0 12px 36px #13264409;--button-ink:#fff;color-scheme:light}
.swatch-rose{background:#a33860}
:root[data-skin=coral]{--bg:#fff4ef;--surface:#ffffff;--soft:#fbe5d9;--ink:#4b3025;--muted:#896551;--green:#aa4725;--accent:#aa4725;--line:#edd8ca;--lime:#ffddc9;--shadow:0 12px 36px #13264409;--button-ink:#fff;color-scheme:light}
.swatch-coral{background:#aa4725}
:root[data-skin=teal]{--bg:#eef8f6;--surface:#ffffff;--soft:#dbefea;--ink:#183b36;--muted:#52776e;--green:#146c5e;--accent:#146c5e;--line:#c6e2d9;--lime:#c6eee2;--shadow:0 12px 36px #13264409;--button-ink:#fff;color-scheme:light}
.swatch-teal{background:#146c5e}
:root[data-skin=slate]{--bg:#f2f3f5;--surface:#ffffff;--soft:#e5e8ed;--ink:#292f3a;--muted:#667080;--green:#465469;--accent:#465469;--line:#d5dae1;--lime:#dce3ed;--shadow:0 12px 36px #13264409;--button-ink:#fff;color-scheme:light}
.swatch-slate{background:#465469}
.skin-swatches{flex-wrap:wrap}

/* Reading direction follows the selected language, not seller country. */
[dir=rtl] .menu-panel{right:auto;left:0}[dir=rtl] .account-nav a,[dir=rtl] .account-nav .menu-action{text-align:right}
[dir=rtl] .close{float:left}[dir=rtl] .shipment-event{border-left:0;border-right:3px solid var(--accent)}
[dir=rtl] input[type=email],[dir=rtl] input[type=url],[dir=rtl] input[type=tel],[dir=rtl] .brand{direction:ltr}
[dir=rtl] #auth-dialog h2{padding-right:0;padding-left:25px}[dir=rtl] .brand{text-align:left}

/* Persistent language selector beside the brand. */
header .header-language{margin:0 auto 0 8px;min-width:0;max-width:190px;font-size:11px;color:var(--muted);flex:0 1 190px}
header .header-language select{margin-top:2px;min-width:0;width:100%;font-size:13px;padding:7px 10px;min-height:36px}
[dir=rtl] header .header-language{margin:0 8px 0 auto}
@media(max-width:600px){header{gap:10px}header .header-language{flex:0 1 140px;max-width:140px;margin-inline-start:0}header .header-language select{font-size:12px;padding:6px;min-height:36px}.site-menu{flex:none}header .brand{flex:none;font-size:22px}}
@media(max-width:360px){header{gap:7px}header .brand{font-size:20px}header .header-language{max-width:120px}.site-menu>summary{width:36px;height:38px}}

#language-status{margin:12px 0;font-size:13px;overflow-wrap:anywhere}#language-status button{margin-inline-start:12px}.header-language select{direction:ltr}

/* Emerald, blue, black, azure and yellow skins. */
:root[data-skin=emerald]{--bg:#ecfaf4;--surface:#ffffff;--soft:#d6f2e5;--ink:#123e2e;--muted:#4e7263;--green:#08764e;--accent:#08764e;--line:#bfdfcf;--lime:#b9efd5;--shadow:0 12px 36px #13264409;--button-ink:#ffffff;color-scheme:light}
.swatch-emerald{background:#08764e}
:root[data-skin=blue]{--bg:#edf4ff;--surface:#ffffff;--soft:#dce9ff;--ink:#153358;--muted:#566f91;--green:#195ed1;--accent:#195ed1;--line:#c9daf4;--lime:#c4daff;--shadow:0 12px 36px #13264409;--button-ink:#ffffff;color-scheme:light}
.swatch-blue{background:#195ed1}
:root[data-skin=black]{--bg:#080808;--surface:#151515;--soft:#242424;--ink:#f5f5f5;--muted:#b6b6b6;--green:#eeeeee;--accent:#eeeeee;--line:#3b3b3b;--lime:#414141;--shadow:0 12px 36px #13264409;--button-ink:#111111;color-scheme:dark}
.swatch-black{background:#080808}
:root[data-skin=azure]{--bg:#eef1ff;--surface:#ffffff;--soft:#dfe5ff;--ink:#182755;--muted:#606c91;--green:#304bc1;--accent:#304bc1;--line:#cdd6f3;--lime:#d1dbff;--shadow:0 12px 36px #13264409;--button-ink:#ffffff;color-scheme:light}
.swatch-azure{background:#304bc1}
:root[data-skin=yellow]{--bg:#fffbea;--surface:#fffef8;--soft:#fff1b8;--ink:#3e3411;--muted:#78692f;--green:#3e3411;--accent:#f2cf35;--line:#e9dda1;--lime:#ffe98b;--shadow:0 12px 36px #13264409;--button-ink:#302700;color-scheme:light}
.swatch-yellow{background:#f2cf35}

/* The swatch matches the skin's actual primary color. */
.skin-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}
.skin-swatches .skin-swatch{display:block;width:100%;height:44px;min-height:44px;margin:0;padding:0;border-radius:12px;border:1px solid var(--line);background:transparent;position:relative;box-shadow:none;transform:none}
.skin-swatch::before{content:'';position:absolute;inset:9px;border-radius:50%;width:24px;height:24px;margin:auto;background:var(--swatch);border:1px solid #7775}
.skin-swatches .skin-swatch[aria-pressed=true]{border:2px solid var(--ink);background:var(--soft)}
.skin-swatches .skin-swatch:hover{border-color:var(--ink);background:var(--soft)}
.skin-swatches .swatch-pearl{--swatch:#f5f6f8}
.skin-swatches .swatch-midnight{--swatch:#192231}
.skin-swatches .swatch-sand{--swatch:#f5f1e9}
.skin-swatches .swatch-ocean{--swatch:#17639b}
.skin-swatches .swatch-forest{--swatch:#29643e}
.skin-swatches .swatch-lavender{--swatch:#7048a3}
.skin-swatches .swatch-rose{--swatch:#a33860}
.skin-swatches .swatch-coral{--swatch:#aa4725}
.skin-swatches .swatch-teal{--swatch:#146c5e}
.skin-swatches .swatch-slate{--swatch:#465469}
.skin-swatches .swatch-emerald{--swatch:#08764e}
.skin-swatches .swatch-blue{--swatch:#195ed1}
.skin-swatches .swatch-black{--swatch:#080808}
.skin-swatches .swatch-azure{--swatch:#304bc1}
.skin-swatches .swatch-yellow{--swatch:#f2cf35}

/* Distinct header band for each skin; menus keep their readable surface colors. */
:root{--header-bg:#18385e;--header-ink:#ffffff}
:root[data-skin=midnight]{--header-bg:#263750}
:root[data-skin=sand]{--header-bg:#62452d}
:root[data-skin=ocean]{--header-bg:#124d73}
:root[data-skin=forest]{--header-bg:#204e32}
:root[data-skin=lavender]{--header-bg:#513278}
:root[data-skin=rose]{--header-bg:#792b4b}
:root[data-skin=coral]{--header-bg:#80371f}
:root[data-skin=teal]{--header-bg:#155448}
:root[data-skin=slate]{--header-bg:#354154}
:root[data-skin=emerald]{--header-bg:#075638}
:root[data-skin=blue]{--header-bg:#164794}
:root[data-skin=black]{--header-bg:#303030}
:root[data-skin=azure]{--header-bg:#243993}
:root[data-skin=yellow]{--header-bg:#695613}
header{background:var(--header-bg);border-bottom-color:transparent;box-shadow:0 6px 20px #0000000d}
header>.brand,header>.brand span,header .header-language{color:var(--header-ink)}
header>.brand span{opacity:.8}
header .header-language select,header .site-menu>summary{background:var(--surface);color:var(--ink);border-color:var(--line)}
header .menu-panel{color:var(--ink)}

/* Compact horizontal results; full product and purchase actions live in detail. */
.candidate-column .card.compact-product,.card.compact-product{display:flex;flex-direction:row;align-items:center;gap:14px;padding:14px;min-height:112px;border-radius:20px;text-decoration:none;color:var(--ink)}
.candidate-column .compact-product .product-image,.compact-product .product-image{width:76px;height:76px;flex:0 0 76px;padding:4px;object-fit:contain;border-radius:16px;margin:0}
.compact-product-summary{flex:1;min-width:0}
.candidate-column .compact-product h3,.compact-product h3{font-size:16px;line-height:1.4;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.compact-product small{font-size:12px;line-height:1.4;margin:0 0 4px}
.candidate-column .compact-product .price,.compact-product .price{font-size:15px;line-height:1.4;margin:0;font-weight:700}
@media(min-width:1001px){.candidate-column .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.candidate-column .card.compact-product,.card.compact-product{gap:12px;padding:12px;min-height:100px}.candidate-column .compact-product .product-image,.compact-product .product-image{width:68px;height:68px;flex-basis:68px}.candidate-column .compact-product h3,.compact-product h3{font-size:15px}}

/* Single-row primary navigation: native touch and trackpad horizontal scrolling. */
header{margin-bottom:0}
.primary-scroll-nav{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:8px;max-width:1280px;width:100%;min-width:0;margin:0 auto 22px;padding:10px clamp(16px,4vw,56px);overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent) var(--soft);background:var(--surface);border-bottom:1px solid var(--line)}
.primary-scroll-nav>a,.primary-scroll-nav>button{flex:0 0 auto;white-space:nowrap;min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;margin:0;border:1px solid transparent;border-radius:11px;font-size:13px;font-weight:600;line-height:1.5;background:transparent;color:var(--ink);text-decoration:none;box-shadow:none}
.primary-scroll-nav>a:hover,.primary-scroll-nav>button:hover{background:var(--soft);transform:none}
.primary-scroll-nav>a[aria-current=page]{background:var(--accent);color:var(--button-ink)}
.primary-scroll-nav>:focus-visible{outline-offset:-3px}
@media(max-width:600px){.primary-scroll-nav{gap:4px;margin-bottom:16px;padding:8px 16px}.primary-scroll-nav>a,.primary-scroll-nav>button{padding:8px 12px;font-size:12px}}

.service-result{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-size:.85rem}.service-notification{padding:12px 0;border-bottom:1px solid var(--border,#ddd)}#account-services{margin:16px 0}fieldset{border:1px solid var(--border,#ddd);border-radius:12px;min-width:0;padding:16px}fieldset .check input{width:auto}

/* Preserve native one-finger scrolling and two-finger zoom on detail screens. */
html,body,main,#product-detail,.primary-scroll-nav{touch-action:pan-x pan-y pinch-zoom}
#product-detail{min-width:0;overflow-wrap:anywhere}
dialog{box-sizing:border-box;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
@media(pointer:coarse){
  #product-detail .links{gap:12px}
  #product-detail .text-link{display:inline-block;padding-block:10px}
}

/* Keep control backgrounds and text paired across every skin and dynamic form. */
:root body :is(input, textarea, select) {
  background-color: var(--surface);
  color: var(--ink);
  border-color: var(--line);
  caret-color: var(--ink);
  accent-color: var(--accent);
}
:root body select :is(option, optgroup) {
  background-color: var(--surface);
  color: var(--ink);
}
:root body :is(input, textarea)::placeholder {
  color: var(--ink);
  opacity: 1;
}
:root body :is(button, .button, input[type=button], input[type=submit], input[type=reset]) {
  background-color: var(--accent);
  color: var(--button-ink);
  border-color: var(--accent);
}
:root body :is(button, .button):is(.outline, .close, .menu-action, .admin-login-link, .unavailable, .skin-swatch),
:root body .social .social-button.unavailable {
  background-color: var(--soft);
  color: var(--ink);
  border-color: var(--line);
}
:root body input::file-selector-button {
  background: var(--accent);
  color: var(--button-ink);
  border: 1px solid var(--accent);
  border-radius: 8px;
  padding: 8px 12px;
  margin-inline-end: 12px;
  font: inherit;
  cursor: pointer;
}
:root body :is(input, textarea, select, button, .button):focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 3px;
}
:root body :is(input, textarea, select, button):disabled {
  background-color: var(--soft);
  color: var(--ink);
  border-color: var(--line);
  opacity: 1;
  cursor: not-allowed;
}
:root body :is(input, textarea)[readonly] {
  background-color: var(--soft);
  color: var(--ink);
}
:root body input:autofill {
  box-shadow: 0 0 0 1000px var(--surface) inset;
  -webkit-text-fill-color: var(--ink);
}

/* Consistent button colors at every menu/category depth. */
:root {
  --control-button-bg: #2563eb;
  --control-button-hover: #1d4ed8;
  --control-button-selected: #1e40af;
  --control-button-ink: #ffffff;
  --control-button-disabled: #334155;
  --control-button-disabled-ink: #e2e8f0;
}
:root body :is(button:not(.skin-swatch), .button, [role="button"], input[type="button"], input[type="submit"], input[type="reset"], nav a, .links a, .category a, .categories a, [class*="category-"] a, details > summary) {
  background: var(--control-button-bg) !important;
  color: var(--control-button-ink) !important;
  border-color: var(--control-button-bg) !important;
  -webkit-text-fill-color: currentColor;
}
:root body :is(button:not(.skin-swatch), .button, [role="button"], input[type="button"], input[type="submit"], input[type="reset"], nav a, .links a, .category a, .categories a, [class*="category-"] a, details > summary):hover {
  background: var(--control-button-hover) !important;
  border-color: var(--control-button-hover) !important;
  filter: none;
}
:root body :is(button:not(.skin-swatch), .button, [role="button"], nav a, .category a, .categories a, [class*="category-"] a):is(:active, .active, .selected, [aria-pressed="true"], [aria-selected="true"], [aria-current="page"]),
:root body details[open] > summary {
  background: var(--control-button-selected) !important;
  border-color: var(--control-button-selected) !important;
  color: var(--control-button-ink) !important;
}
:root body :is(button:not(.skin-swatch), .button, [role="button"], input[type="button"], input[type="submit"], input[type="reset"], nav a, .links a, .category a, .categories a, [class*="category-"] a, details > summary):focus-visible {
  outline: 3px solid var(--control-button-bg);
  outline-offset: 3px;
  box-shadow: 0 0 0 2px var(--surface);
}
:root body :is(button:not(.skin-swatch), .button, [role="button"], input[type="button"], input[type="submit"], input[type="reset"]):is(:disabled, [aria-disabled="true"]) {
  background: var(--control-button-disabled) !important;
  color: var(--control-button-disabled-ink) !important;
  border-color: var(--control-button-disabled) !important;
  opacity: 1;
  filter: none;
}
:root body input::file-selector-button {
  background: var(--control-button-bg) !important;
  color: var(--control-button-ink) !important;
  border-color: var(--control-button-bg) !important;
}
:root body input::file-selector-button:hover {
  background: var(--control-button-hover) !important;
}
:root body input:disabled::file-selector-button {
  background: var(--control-button-disabled) !important;
  color: var(--control-button-disabled-ink) !important;
  border-color: var(--control-button-disabled) !important;
}

.admin-profile-photo{width:160px;height:160px;object-fit:cover;border-radius:20px;border:1px solid var(--line);display:block;margin-bottom:16px}

.product-description{white-space:pre-wrap}#product-detail table{width:100%;border-collapse:collapse;margin:16px 0}#product-detail th,#product-detail td{border:1px solid var(--line);padding:10px;text-align:start;overflow-wrap:anywhere}

.shopping-location{margin:18px 0;padding:18px}.shopping-location summary{padding:10px;border-radius:10px}.shopping-recommendations{margin:16px 0}.shopping-recommendations>.card{margin:10px 0}.shopping-location input[type=number]{min-width:0}

/* Keep translated Korean labels inside the scrollable photo dialog. */
.photo-dialog{padding-bottom:32px;scroll-padding-bottom:32px}
.photo-dialog .photo-search{display:flex;flex-direction:column;gap:12px;min-width:0;padding-bottom:12px}
.photo-dialog .photo-search>button{display:block;width:100%;flex:none;margin:0;min-height:48px;height:auto;line-height:1.5;padding:12px 16px;word-break:keep-all;overflow-wrap:anywhere}
.photo-dialog .links{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;min-width:0}
.photo-dialog .links>p{flex-basis:100%;margin:0;line-height:1.7;overflow-wrap:anywhere}
.photo-dialog .links>a,.photo-dialog .links>button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px;height:auto;line-height:1.6;padding:12px 16px;border-radius:12px;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;max-width:100%;margin:0}
.photo-dialog small,.photo-dialog p{line-height:1.7;overflow-wrap:anywhere}
:root body .product-photo-button{display:block;width:100%;padding:0!important;border:0!important;background:#fff!important;border-radius:14px;cursor:pointer}
:root body .product-title-button{display:block;text-align:start;padding:0!important;min-height:0;background:transparent!important;color:var(--ink)!important;border:0!important;line-height:1.6;white-space:normal}
#purchase-dialog{width:780px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
.purchase-product-summary{padding:16px;border:1px solid var(--line);border-radius:16px;margin:16px 0}.purchase-product-summary .product-image{height:300px}
#product-detail>.product-image{height:460px}
.product-gallery{display:flex;gap:10px;overflow-x:auto;padding:12px 0}.product-gallery>button{width:90px!important;flex:0 0 90px}.product-gallery img{width:90px;height:90px;object-fit:contain}
.image-candidates .grid>p{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;line-height:1.7;overflow-wrap:anywhere}
@media(max-width:600px){.photo-dialog .links>a,.photo-dialog .links>button{width:100%}.photo-dialog{max-height:calc(100dvh - 32px)}}