/* ORBUYBAG editorial commerce refinement. Presentation only, no commerce state. */
body[data-ob-refined]{--ob-ink:#252820;--ob-muted:#62675d;--ob-paper:#f8f7f3;--ob-line:#e5e5dc;--ob-accent:#f5d347;--ob-radius:12px;--ob-bar:84px;color:var(--ob-ink);background:var(--ob-paper);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;text-rendering:optimizeLegibility}
body[data-ob-refined] :where(a,button,input,summary,select):focus-visible{outline:3px solid #8a701f;outline-offset:4px}
body[data-ob-refined] :where(button,summary){touch-action:manipulation}
body[data-ob-refined] :where(.at-container,.pc-catalog){max-width:1280px;margin-inline:auto}
body[data-ob-refined] .at-header{position:relative;z-index:1000;overflow:visible}
body[data-ob-refined] :where(.at-header-row,.at-tools,.at-identity){overflow:visible}
body[data-ob-refined] .at-identity-panel{z-index:1200;max-width:calc(100vw - 32px);box-shadow:0 12px 30px #25282015}
body[data-ob-refined] .at-campaign{min-height:460px;height:auto;max-height:none}
body[data-ob-refined] .at-campaign h1{font-size:clamp(32px,4.3vw,62px);line-height:1.18;letter-spacing:-.025em;max-width:14em;text-wrap:balance}
body[data-ob-refined] .at-campaign-description{max-width:35em;font-size:16px;line-height:1.85}
body[data-ob-refined] :where(.at-section,.at-category-section,.studio-story,.at-steps){padding-block:56px}
body[data-ob-refined] .pc-home{padding-block:48px}
body[data-ob-refined] :where(.pc-home,.pc-catalog) h2{font-size:clamp(25px,3vw,36px);line-height:1.3;letter-spacing:-.02em}
body[data-ob-refined] :where(.pf-product,.pc-product){border:1px solid var(--ob-line);border-radius:var(--ob-radius);overflow:hidden;background:#fff;box-shadow:none;min-width:0;transition:box-shadow .18s ease,transform .18s ease}
body[data-ob-refined] :where(.pf-product,.pc-product) a{color:inherit;text-decoration:none;display:block}
body[data-ob-refined] :where(.pf-product,.pc-product) img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#fff}
body[data-ob-refined] :where(.pf-product,.pc-product) small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ob-muted);margin:18px 18px 6px}
body[data-ob-refined] :where(.pf-product,.pc-product) h3{font:500 16px/1.55 system-ui,sans-serif;margin:0 18px 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.1em;overflow-wrap:anywhere}
body[data-ob-refined] :where(.pf-product,.pc-product) strong{display:block;font-size:16px;font-weight:650;line-height:1.5;margin:0 18px 8px;color:var(--ob-ink);font-variant-numeric:tabular-nums}
body[data-ob-refined] :where(.pf-product,.pc-product) p{font-size:12px;line-height:1.6;color:var(--ob-muted);margin:0 18px 20px;overflow-wrap:anywhere}
body[data-ob-refined] .pc-catalog input[type=search]{min-height:48px;border-radius:8px;border:1px solid var(--ob-line);background:#fff;font-size:16px}
body[data-ob-refined] .pc-catalog nav a{min-height:44px;display:inline-flex;align-items:center}
body[data-ob-refined] .pf-detail{max-width:1280px;margin:36px auto 60px;padding-inline:28px;gap:40px;align-items:start}
body[data-ob-refined] .pf-detail>section{min-width:0;border:1px solid var(--ob-line);border-radius:var(--ob-radius);box-shadow:none}
body[data-ob-refined] .pf-detail h1{font-size:clamp(27px,3.2vw,44px);line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
body[data-ob-refined] .pf-detail h2{font-size:26px;line-height:1.4;font-variant-numeric:tabular-nums}
body[data-ob-refined] .pf-detail :where(p,dd,dt){line-height:1.8}
body[data-ob-refined] .pf-gallery img{object-fit:contain;background:#fff;border-radius:8px}
body[data-ob-refined] .pf-gallery.ob-gallery-enhanced{display:block;position:sticky;top:24px;padding:20px}
body[data-ob-refined] .ob-gallery-stage{display:block!important;margin:0!important;border:0!important}
body[data-ob-refined] .ob-gallery-stage img{display:block;width:100%;height:auto;aspect-ratio:1/1;max-height:max(220px,calc(100dvh - var(--ob-bar) - 180px));object-fit:contain}
body[data-ob-refined] .ob-thumbs{display:flex;gap:10px;overflow-x:auto;padding:16px 3px 4px;scrollbar-width:thin}
body[data-ob-refined] .ob-thumbs a{flex:0 0 72px;display:block!important;margin:0!important;padding:4px;border:1px solid var(--ob-line);border-radius:8px}
body[data-ob-refined] .ob-thumbs a[aria-current=true]{border-color:var(--ob-ink);box-shadow:0 0 0 1px var(--ob-ink)}
body[data-ob-refined] .ob-thumbs img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
body[data-ob-refined] .ob-purchase{padding:18px 0 24px;border-bottom:1px solid var(--ob-line);margin-bottom:24px}
body[data-ob-refined] dl.ob-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:0 0 20px}
body[data-ob-refined] .ob-summary>div{min-width:0;background:var(--ob-paper);border-radius:8px;padding:12px}
body[data-ob-refined] .ob-summary dt{font-size:12px;color:var(--ob-muted);margin:0 0 4px}
body[data-ob-refined] .ob-summary dd{font-size:14px;color:var(--ob-ink);margin:0;overflow-wrap:anywhere}
body[data-ob-refined] .pf-primary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 26px;border:1px solid var(--ob-ink);border-radius:8px;background:var(--ob-ink);color:#fff;text-decoration:none;font-weight:600;line-height:1.4}
body[data-ob-refined] .ob-variants{margin-top:32px;border:1px solid var(--ob-line);border-radius:10px;padding:18px;background:var(--ob-paper)}
body[data-ob-refined] .ob-variants h3{font-size:17px;line-height:1.5}
body[data-ob-refined] .ob-variants img{aspect-ratio:1/1;object-fit:contain;width:100%;height:auto;background:#fff}
body[data-ob-refined] .ob-image-error{position:relative;min-height:100px;background:#f1f1eb;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:14px;text-align:center;font-size:12px;color:var(--ob-muted)}
body[data-ob-refined] .ob-image-error img{display:none}
body[data-ob-refined] .ob-image-error button{min-height:44px;min-width:70px;border:1px solid var(--ob-line);border-radius:6px;color:var(--ob-ink);background:#fff;cursor:pointer}
body[data-ob-refined].ob-has-quick-buy{padding-bottom:var(--ob-bar)}
body[data-ob-refined] .ob-quick-buy{position:fixed;z-index:900;bottom:0;inset-inline:0;display:flex;align-items:center;gap:24px;padding:14px max(24px,calc((100vw - 1224px)/2));padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--ob-line);background:#fffffff7;backdrop-filter:blur(14px);box-shadow:0 -4px 24px #25282006}
body[data-ob-refined] .ob-quick-buy>div{flex:1;min-width:0}
body[data-ob-refined] .ob-quick-buy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;line-height:1.6}
body[data-ob-refined] .ob-quick-buy small{font-size:13px;color:var(--ob-muted)}
body[data-ob-refined].ob-has-quick-buy .orbuy-repair-support{bottom:calc(var(--ob-bar) + 16px)!important}
body[data-ob-refined] :where(.at-menu,.at-language-menu,.at-currency-menu){background:#fff;box-shadow:0 12px 30px #25282015}
@media(hover:hover){body[data-ob-refined] :where(.pf-product,.pc-product):hover{box-shadow:0 8px 25px #2528200b;transform:translateY(-2px)}}
@media(max-width:760px){
 body[data-ob-refined]{--ob-bar:88px}
 body[data-ob-refined] .at-campaign{min-height:400px}
 body[data-ob-refined] .at-campaign h1{font-size:34px;max-width:12em}
 body[data-ob-refined] :where(.at-section,.at-category-section,.studio-story,.at-steps,.pc-home){padding-block:32px}
 body[data-ob-refined] .pf-detail{display:flex;flex-direction:column;margin:16px auto 32px;padding-inline:16px;gap:20px}
 body[data-ob-refined] .pf-detail>section{width:100%;padding:18px}
 body[data-ob-refined] .pf-gallery.ob-gallery-enhanced{position:static;top:auto;padding:14px}
 body[data-ob-refined] .ob-gallery-stage img{max-height:none}
 body[data-ob-refined] :where(.pf-product,.pc-product) :where(h3,strong,small,p){margin-inline:12px}
 body[data-ob-refined] :where(.pf-product,.pc-product) h3{font-size:14px}
 body[data-ob-refined] .ob-quick-buy{gap:14px;padding-inline:16px}
 body[data-ob-refined] .ob-quick-buy .pf-primary{max-width:55%;font-size:14px;padding:12px 18px;overflow-wrap:anywhere}
 body[data-ob-refined] .ob-quick-buy strong{font-size:13px}
}
@media(prefers-reduced-motion:reduce){body[data-ob-refined] *{scroll-behavior:auto!important;transition:none!important}}
