/* Shared visual language from the approved main sites. */
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;background:#343a41;color:#f7f7f7;color-scheme:dark}
body{background:#343a41;font-family:Inter,"Segoe UI",Arial,sans-serif;isolation:isolate;min-height:100vh}
.shop-background{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:#343a41}
.shop-background img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.65) contrast(.86);opacity:.73}
.shop-background:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#343a4130,#343a4138 55%,#343a41d9)}
.shop-header{max-width:none;margin:0;padding:30px max(24px,calc((100% - 1152px)/2));display:flex;gap:24px;align-items:center;flex-wrap:wrap;position:relative;background:linear-gradient(180deg,#111820c7,#222b3580),url('../assets/metal-surface.webp') center 35%/cover;border-bottom:1px solid #dce4ec25}
.shop-branding{flex:1;min-width:0}.shop-header .brand{display:block;width:min(720px,100%);letter-spacing:normal}
.shop-header .brand img{display:block;width:100%;height:auto;filter:brightness(1.18) saturate(1.08) drop-shadow(0 4px 3px #000c)}
.shop-tagline{margin:12px 0 0;color:#f7f7f7;font-size:clamp(14px,2vw,23px);line-height:1.4;text-shadow:0 2px 3px #000}
.home-button{flex:none;color:#fff;font-weight:600;text-align:center;white-space:nowrap}
main{max-width:1200px;padding-top:30px}
.intro{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,290px);column-gap:40px;align-items:start;padding:26px 30px;margin-bottom:18px;border:1px solid #d9e1e95c;border-radius:22px;background:linear-gradient(135deg,#2e353ddb,#151b23d9);box-shadow:inset 0 1px 0 #fff3,0 10px 32px #0003;backdrop-filter:blur(8px)}
.intro>span{grid-column:1;color:#f5f6f8;font-size:12px;letter-spacing:.22em;line-height:1.5;font-weight:700}
.intro>h1{grid-column:1;font-size:clamp(29px,4vw,44px);letter-spacing:-.035em;line-height:1.12;margin:10px 0 12px;text-shadow:0 2px 3px #0007}
.intro>p{grid-column:1;margin:0 0 12px;color:#e1e6ed}
.currency-picker{grid-column:2;grid-row:1/4;margin:0;padding-left:24px;border-left:1px solid #dce4ec30}.currency-picker select{max-width:none}
.currency-picker p,.currency-payment{color:#cfd7e1;font-size:13px}
#order-rules{grid-column:1/-1;font-size:14px;border-top:1px solid #dce4ec30;padding-top:16px;margin-top:5px;color:#dbe2ea}
.intro>label,.intro>input{grid-column:1/-1}.intro>label{margin:18px 0 8px}
input,select,textarea,#category-filter{background:linear-gradient(180deg,#242c36,#151b22);color:#fff;border:1px solid #b9c5d078;border-radius:12px;box-shadow:inset 0 1px 3px #0007,0 1px 0 #fff1;font:inherit;min-height:48px}
input::placeholder,textarea::placeholder{color:#b9c2cc;opacity:1}select option{background:#202832;color:#fff}
#category-control{margin:0 0 24px;gap:8px}#category-control label{margin:0;text-shadow:0 1px 4px #000}#category-filter{max-width:none}
.grid{gap:26px}article{background:linear-gradient(145deg,#d9e1e91a,#26313bed 45%,#101720ef);border:1px solid #cbd5df91;box-shadow:inset 0 1px 0 #fff6,inset 0 -1px 0 #000b,0 10px 24px #0005;backdrop-filter:blur(8px)}
.card-body{padding:24px}.card-body h2{font-size:24px;line-height:1.25;text-shadow:0 2px 3px #0007}.card-body small,.muted{color:#cbd4df}
.store-gallery .gallery-open,.store-gallery .gallery-main{background:#222b33}.photo-hint{background:#111923e8;border-color:#cbd5df50}
.tag{background:#1b242f99;border-color:#9caab866;color:#e1e8ef}
button:not(.gallery-open):not(.product-title):not([data-gallery-product]):not(.close):not(#photo-close),.home-button{border-style:solid;border-color:transparent;border-width:8px 28px;border-image:url('../assets/chrome-quote.webp') 24 115 24 115 fill stretch;background:transparent;padding:8px 10px;min-height:52px;line-height:1.35;font-weight:700;color:#fff;text-shadow:0 1px 2px #0009;filter:drop-shadow(0 3px 3px #0007);transition:filter .15s,transform .15s}
button.details-button,.home-button,#photo-zoom,#photo-prev,#photo-next,#minimum-cancel{border-image-source:url('../assets/chrome-portfolio.webp')!important;border-image-slice:24 120 24 120 fill!important;filter:grayscale(1) drop-shadow(0 3px 3px #0007)!important}
button:not(.gallery-open):not(.product-title):not([data-gallery-product]):hover,.home-button:hover{filter:brightness(1.15) drop-shadow(0 3px 4px #0008);transform:translateY(-1px)}
button.gallery-open{border:0;filter:none}button.product-title{border:0;filter:none;background:none;text-shadow:inherit}
dialog{background:linear-gradient(135deg,#303a45f7,#101720fc);border-color:#b6c3d080;box-shadow:inset 0 1px 0 #fff4,0 24px 80px #000b}dialog::backdrop{background:#080d16bc;backdrop-filter:blur(7px)}
.close,#photo-close{background:#141d28;border:1px solid #a7b5c380;color:#fff;min-width:44px;min-height:44px;line-height:1}
#result{background:#0e1723a6;border:1px solid #b6c3d030}#photo-viewer{background:#121a23}.viewer-stage{background:#1c252e}
.empty{background:#1b2431dd;border:1px solid #b6c3d050;border-radius:20px}.shop-footer{max-width:1152px;margin:0 auto;padding:22px 24px;color:#d1dae5;border-top:1px solid #dce4ec40;text-shadow:0 1px 3px #000}
@media(max-width:650px){.shop-header{padding:23px 18px 18px;gap:16px}.shop-branding{flex-basis:100%}.shop-header .brand{width:100%}.shop-tagline{font-size:clamp(13px,3.65vw,20px)}.home-button{min-height:44px;font-size:14px}.intro{display:block;padding:22px 18px}.intro>h1{font-size:32px}.currency-picker{padding:16px 0 0;margin:14px 0;border-left:0;border-top:1px solid #dce4ec30}.currency-picker select{max-width:100%}main{padding-top:20px}.card-body{padding:20px}.shop-background img{object-position:65% center}.shop-footer{font-size:13px}.viewer-toolbar #photo-zoom{border-width:7px 19px;padding:5px 3px;min-height:44px;font-size:13px}}
@media(prefers-reduced-motion:reduce){button,.home-button{transition:none!important;transform:none!important}}