/* Approved header: desktop brand left, navigation right; mobile brand centered. */
.site-header{max-width:1240px;margin:0 auto;padding:27px 32px;display:flex;justify-content:space-between;align-items:center;gap:28px}
.site-brand{display:inline-flex;align-items:center;gap:17px;text-decoration:none;color:var(--ink);flex-shrink:0;padding:5px 4px}
.site-hv{display:grid;place-items:center;width:58px;height:65px;flex-shrink:0;border:2px solid var(--blue);outline:1px dashed #91a8a4;outline-offset:4px;transform:rotate(-6deg);font:700 25px/1 Georgia,serif;color:var(--blue);background:var(--paper)}
.site-brand-copy{display:flex;flex-direction:column;gap:7px}.site-name{font:400 38px/1.05 Georgia,serif;letter-spacing:-1px;white-space:nowrap}.site-name strong{font-weight:700}.site-brand-copy small{font:400 12px/1.4 system-ui;color:var(--muted);letter-spacing:.15px;white-space:nowrap}
.site-menu{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.site-menu>a,.site-menu>button,.site-menu #open-cart,.site-menu #account-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 12px;margin:0;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font:500 13px/1.3 system-ui;text-decoration:none;white-space:nowrap}
.site-menu>a:hover,.site-menu>button:hover{background:#edf3f1;border-color:#9bb1aa}.site-menu .account-icon{width:18px;height:18px;flex-shrink:0}
.about-tradera{margin-top:26px;padding:19px 22px;background:#e9eeeb;border:1px solid var(--line);border-radius:7px}.about-tradera-heading{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:13px}.about-tradera-logo{width:93px;height:auto;fill:currentColor;display:block}.about-tradera p{margin:12px 0 10px;font-size:14px}.about-tradera>a{font-size:14px;font-weight:600;text-underline-offset:3px}
@media(max-width:900px){.site-header{flex-direction:column;gap:25px;padding:27px 20px 19px}.site-menu{justify-content:center;flex-wrap:nowrap}.site-name{font-size:35px}.site-hv{width:54px;height:61px}}
@media(max-width:650px){.site-header{padding:27px 14px 18px;gap:25px}.site-brand{gap:15px;padding:4px 0 5px}.site-hv{width:48px;height:55px;font-size:23px}.site-name{font-size:33px}.site-brand-copy{gap:6px}.site-brand-copy small{font-size:11px}.site-menu{display:grid;grid-template-columns:.75fr 1.45fr 1.15fr 1.1fr;gap:5px;width:100%}.site-menu>a,.site-menu>button,.site-menu #open-cart,.site-menu #account-link{font-size:11px;line-height:1.25;min-height:44px;padding:8px 4px;gap:4px;white-space:normal}.site-menu .account-icon{width:15px;height:15px}.site-menu #open-cart{gap:0;white-space:nowrap}.about-tradera{padding:16px;margin-top:22px}.about-tradera p,.about-tradera>a{font-size:13px}}
@media(max-width:350px){.site-name{font-size:29px}.site-brand{gap:12px}.site-brand-copy small{font-size:10px}.site-header{padding-left:11px;padding-right:11px}.site-menu>a,.site-menu>button,.site-menu #open-cart,.site-menu #account-link{font-size:10px;padding:8px 3px}}

/* Compact storefront footer and independently loaded information page. */
.compact-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;padding:24px 16px}.footer-tradera{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;color:var(--ink);font-size:13px;text-decoration:none}.footer-tradera .about-tradera-logo{width:85px;height:auto;fill:currentColor}.footer-tradera:hover{text-decoration:underline}.cart-shipping-note{font-size:14px;color:var(--muted);margin:12px 0}.about-page{max-width:1000px;margin:0 auto;padding:0 24px 32px}.about-page .about-section{border-top:0;margin-top:0}.about-page h1{font-size:clamp(28px,5vw,42px)}

.shipping.shipping-compact{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding:16px 0;margin-top:16px}.shipping-compact h2{font:600 16px/1.35 system-ui;margin:0 0 5px}.shipping-compact p{font-size:13px;line-height:1.5;margin:0;color:var(--muted)}.shipping-compact .shipping-calculator{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:0;background:transparent;border:0;min-width:0}.shipping-compact label{font-size:13px;margin:0}.shipping-compact input{width:66px;min-height:36px;padding:6px 8px;margin:0;font-size:14px}.shipping-compact #shipping-result{font-size:13px;margin:0;min-width:75px}@media(max-width:650px){.shipping.shipping-compact{gap:10px;padding:14px 0}.shipping-compact p{font-size:12px}}

#photo-stage,#gallery-stage{touch-action:pan-y pinch-zoom}#gallery-stage.gallery-zoomed{touch-action:auto}#photo-stage img,#gallery-stage img{user-select:none;-webkit-user-select:none}.contact-seller{display:inline-block;padding:10px 16px;border:1px solid var(--line);border-radius:6px;text-decoration:none}

/* Optional app launch: shown below the QR/number area only on a mobile touch layout. */
.swish-app-launch{display:none;margin:20px 0 16px;padding-top:16px;border-top:1px solid var(--line)}.swish-app-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--blue);font-size:14px;font-weight:500;text-decoration:none}.swish-app-button:hover{border-color:var(--blue)}.swish-app-button[hidden]{display:none}.swish-app-launch p{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 10px}
@media(max-width:900px) and (hover:none) and (pointer:coarse){.swish-app-launch{display:block}}