/* ═══════════════════════════════════════════════════════════════
* Glapris PDP — D1 "Classic Focused" + M1 mobile companion.
* Values mapped 1:1 from design handoff (tokens.css, pdp/d1.jsx,
* pdp/parts.jsx, pdp/mobile.jsx). Scoped to .glp-pdp.
* ═══════════════════════════════════════════════════════════════ */
/* Astra WC wrappers → seamless white canvas. Zero ALL padding/margin on the
ENTIRE chain (#content → .ast-container → #primary → .site-main → wc-container)
so nothing insets the content (image stays full-width on mobile, no top strip,
no "white line"). .glp-pdp itself owns all spacing + centering. */
body.single-product.has-glp-pdp #content.site-content,
body.single-product.has-glp-pdp #content.site-content > .ast-container,
body.single-product.has-glp-pdp #primary,
body.single-product.has-glp-pdp #main.site-main,
body.single-product.has-glp-pdp .ast-woocommerce-container {
background: #fff !important;
max-width: none !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
}
body.single-product.has-glp-pdp .ast-breadcrumbs-wrapper { display: none; }
.glp-pdp {
/* Brand tokens (design tokens.css) */
--glp-orange: #f58220;
--glp-orange-dark: #d96d0f;
--glp-orange-subtle: rgba(245, 130, 32, 0.06);
--glp-charcoal: #1a1a1a;
--glp-grey-700: #3d3d3d;
--glp-grey-500: #6b6b6b;
--glp-grey-400: #8a8a8a;
--glp-grey-300: #b0b0b0;
--glp-grey-200: #d4d4d4;
--glp-grey-100: #ebebeb;
--glp-grey-50: #f5f5f5;
--glp-cream: #ffffff; /* page canvas — plain white per request */
--glp-tile: #f4f1ec; /* warm image-tile grey — SAME as homepage (white product
photos blend in via mix-blend-multiply → no white frame) */
/* Homepage-card tokens (home.css scopes these to body.has-glp-home; the PDP
rails reuse .glp-home-card, so re-declare them here). */
--glp-line: #e8e4de;
--glp-ink: #2b2b2b;
--glp-grey: #6b6b6b;
--glp-out: #d93025;
--glp-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
--glp-hand: 'Caveat', cursive;
--glp-success: #2d8a4e;
--glp-warning: #e5a100;
--glp-error: #d93025;
--glp-display: 'Antonio', sans-serif;
--glp-cta-shadow: 0 3px 10px rgba(245, 130, 32, 0.18); /* softened — the .32/18px glow read as "glossy" */
background: #fff;
color: var(--glp-charcoal);
max-width: 1280px;
width: 100%;
margin: 0 auto;
padding: 4px 28px 50px;
box-sizing: border-box;
font-size: 14px;
line-height: 1.5;
-webkit-tap-highlight-color: transparent;
}
.glp-pdp *, .glp-pdp *::before, .glp-pdp *::after { box-sizing: border-box; }
/* Plugin-injected duplicates + WC's own stock text never render in our scope.
The "X på lager" is a sibling of the cart form (echoed by
the custom simple.php before