/* Produktkort, produktside, brødkrumme og USP-linje – samme stil som den store mockup */

/* USP-linje øverst */
.usp-strip{background:var(--charcoal);color:#fff;font-size:var(--fs-xs);font-weight:600}
.usp-strip .wrap{display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,36px);padding-top:8px;padding-bottom:8px;overflow:hidden;white-space:nowrap}
.usp-strip span::before{content:"✓";margin-right:6px;color:var(--sun)}
@media (max-width:720px){.usp-strip .wrap{justify-content:flex-start}.usp-strip span:nth-child(n+3){display:none}}

/* Brødkrummer */
.crumbs{max-width:1240px;margin:0 auto;padding:18px var(--gut,24px) 4px;font-size:var(--fs-sm);color:var(--ink-3)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.crumbs li{display:flex;gap:6px;align-items:center}
.crumbs li+li::before{content:"›";color:var(--ink-3)}
.crumbs a{color:var(--ink-2);font-weight:600;text-decoration:none}.crumbs a:hover{color:var(--royal-700);text-decoration:underline}
.crumbs li:last-child{color:var(--ink-3)}

/* Produktkort (forside, kategori, relaterede) */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:24px!important;margin:0!important;padding:0!important;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:auto!important;float:none!important;margin:0!important;clear:none!important;background:#fff;border-radius:var(--r-lg);padding:12px 12px 22px;box-shadow:var(--sh-1);display:flex;flex-direction:column;text-align:left;position:relative;transition:transform .35s var(--ease,ease),box-shadow .35s}
.woocommerce ul.products li.product:hover{transform:translateY(-5px);box-shadow:var(--sh-2)}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;flex:1;text-decoration:none}
.woocommerce ul.products li.product img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:calc(var(--r-lg) - 8px);background:var(--royal-50);margin:0 0 14px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font:700 1.0625rem/1.3 var(--sp-font);color:var(--ink);padding:0 8px;margin:0 0 6px;letter-spacing:-.01em}
.woocommerce ul.products li.product .price{padding:0 8px;margin:0 0 14px;color:var(--ink-2);font-size:var(--fs-base);display:block}
.woocommerce ul.products li.product .price .sp-from{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}
.woocommerce ul.products li.product .price ins{text-decoration:none;font-weight:800;color:var(--ink);font-size:1.125rem}
.woocommerce ul.products li.product .price del{color:var(--ink-3);font-size:.9375rem}
.woocommerce ul.products li.product .button{margin:auto 8px 0;display:flex;align-items:center;justify-content:center;text-align:center}
.woocommerce ul.products li.product .onsale{position:absolute;top:22px;left:22px;right:auto;z-index:2;margin:0}

/* Produktside */
.single-product div.product{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start;max-width:1240px;margin:0 auto;padding:12px var(--gut,24px) 72px}
.single-product div.product div.images{float:none!important;width:auto!important;margin:0!important;position:sticky;top:110px}
.single-product div.product div.images .woocommerce-product-gallery__wrapper{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-1);background:#fff}
.single-product div.product div.images img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.single-product div.product div.images .woocommerce-product-gallery__trigger{display:none}
.single-product div.product div.summary{float:none!important;width:auto!important;margin:0!important}
.single-product div.product .product_title{font-size:clamp(1.8rem,1.2rem + 2.2vw,2.75rem);line-height:1.08;margin:6px 0 10px;letter-spacing:-.02em}
.single-product .woocommerce-product-details__short-description{color:var(--ink-2);margin:0 0 14px;max-width:56ch}
.pdp-price{font-size:var(--fs-lg);color:var(--ink-2);margin:0}.pdp-price b{font-size:clamp(2rem,1.5rem + 1.6vw,2.6rem);color:var(--ink);font-weight:800}.pdp-price s{color:var(--ink-3);margin-right:6px}
.pdp-price .sp-from{font-size:var(--fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}
.pdp-vat{font-size:var(--fs-xs);color:var(--ink-3);margin:2px 0 16px}
.single-product div.product div.summary .builder{max-width:none;margin:8px 0 0}
.delivery{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px}
.delivery li{display:flex;gap:14px;align-items:flex-start}
.delivery .di{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none}
.delivery .di svg{width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.delivery b{display:block;color:var(--ink)}.delivery span{color:var(--ink-3);font-size:var(--fs-sm)}
.delivery .di+div span{display:block}
.tabsec{grid-column:1/-1;margin-top:clamp(24px,4vw,56px);display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(24px,4vw,56px)}
.tabsec h2{font-size:var(--fs-h3);margin:0 0 14px}
.tabsec__desc h2{margin-top:26px}.tabsec__desc h2:first-child{margin-top:0}
.tabsec p{color:var(--ink-2);margin:0 0 12px;max-width:64ch}
.specs{background:#fff;border-radius:var(--r-lg);padding:8px 24px;box-shadow:var(--sh-1);margin:0}
.specs div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line-2);font-size:var(--fs-sm)}
.specs div:last-child{border-bottom:0}.specs dt{color:var(--ink-3);font-weight:600}.specs dd{margin:0;font-weight:700;text-align:right}
.single-product .related.products,.single-product .upsells.products{grid-column:1/-1;margin-top:clamp(24px,4vw,48px)}
.single-product .related.products>h2,.single-product .upsells.products>h2{font-size:var(--fs-h2);margin:0 0 22px;letter-spacing:-.015em}
@media (max-width:900px){
 .single-product div.product{grid-template-columns:1fr!important}
 .single-product div.product div.images{position:static}
 .tabsec{grid-template-columns:1fr}
}
/* Varedata på én linje i kurv og kasse */
.sp-meta{display:flex;flex-wrap:wrap;gap:2px 12px;margin-top:6px;font-size:.8125rem;color:var(--ink-3);font-weight:400}
.sp-meta__k{color:var(--ink-3)}.sp-meta__i{color:var(--ink-2)}

/* Produktside: billede og levering til venstre, bestilling til højre (ingen tom hvid flade) */
.single-product div.product div.images{grid-column:1;grid-row:1;align-self:start}
.single-product div.product .delivery{grid-column:1;grid-row:2;margin:6px 0 0;padding:20px 22px;background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-1);border:1px solid var(--line-2)}
.single-product div.product div.summary{grid-column:2;grid-row:1 / span 2}
.single-product div.product .tabsec,.single-product div.product .related,.single-product div.product .upsells{grid-row:auto}
.flex-control-thumbs{display:grid!important;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0 0!important;padding:0;list-style:none}
.flex-control-thumbs li{width:auto!important;float:none!important;margin:0!important}
.flex-control-thumbs img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--r-md);opacity:.7;cursor:pointer;outline:2.5px solid transparent;outline-offset:-2.5px;transition:.2s;background:#fff}
.flex-control-thumbs img.flex-active,.flex-control-thumbs img:hover{opacity:1;outline-color:var(--royal)}
.single-product div.product div.images .woocommerce-product-gallery__wrapper{background:#fff}
.single-product div.product div.images img{object-fit:contain;background:#fff}
.woocommerce ul.products li.product img{object-fit:contain;background:#fff}
@media (max-width:900px){
 .single-product div.product div.images,.single-product div.product .delivery,.single-product div.product div.summary{grid-column:1;grid-row:auto}
}
/* Fotos på hvid baggrund (JPG) smelter ind i kortets lyse flade; tegninger (PNG) vises som de er */
.single-product div.product div.images .woocommerce-product-gallery__wrapper,.woocommerce ul.products li.product img{background:var(--royal-50)}
.single-product div.product div.images img[src$=".jpg"],.woocommerce ul.products li.product img[src$=".jpg"],.flex-control-thumbs img[src$=".jpg"]{mix-blend-mode:multiply}
.single-product div.product div.images .woocommerce-product-gallery__image{background:var(--royal-50)}
.single-product div.product:has(.flex-control-thumbs) .delivery{margin-top:60px}

/* Små farvecirkler under produktkortet */
.sp-swatches{display:flex;align-items:center;gap:6px;padding:0 8px;margin:-6px 0 14px}
.sp-swatches span{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--line)}
.sp-swatches em{font-style:normal;font-size:.75rem;font-weight:700;color:var(--ink-3);margin-left:2px}
/* Produktside: overskrift over billede og bestilling */
.single-product div.product>.sp-pdp-title{grid-column:1/-1;grid-row:1;margin:6px 0 0;font-size:clamp(1.8rem,1.2rem + 2.2vw,2.75rem);line-height:1.08;letter-spacing:-.02em}
.single-product div.product div.images{grid-row:2}
.single-product div.product .delivery{grid-row:3}
.single-product div.product div.summary{grid-row:2 / span 2}
@media (max-width:900px){
 .single-product div.product>.sp-pdp-title{grid-row:auto}
}
.single-product div.product{grid-template-rows:auto auto 1fr}
.single-product div.product .delivery{align-self:start}
@media (max-width:900px){.single-product div.product{grid-template-rows:none}}
@media (max-width:900px){
 .single-product div.product>.sp-pdp-title,.single-product div.product div.images,.single-product div.product .delivery,.single-product div.product div.summary{grid-column:1!important;grid-row:auto!important}
 .single-product div.product>.sp-pdp-title{order:0}
 .single-product div.product div.images{order:1}
 .single-product div.product div.summary{order:2}
 .single-product div.product .delivery{order:3;margin-top:0!important}
 .single-product div.product .tabsec{order:4}.single-product div.product .related{order:5}
}

/* ---- Flugtning (rettelse): ingen sticky-forskydning, mindre rækkeafstand, ens højde på kortene ---- */
.single-product div.product{gap:24px clamp(24px,5vw,72px)!important}
.single-product div.product div.images{position:static!important}
.single-product div.product>.sp-pdp-title{margin:0 0 4px}
.single-product div.product .delivery,.single-product div.product:has(.flex-control-thumbs) .delivery{margin-top:0}
.single-product div.product div.summary>*:first-child{margin-top:0}
.single-product div.product .pdp-price{margin-top:0}
.woocommerce ul.products li.product .woocommerce-loop-product__title{min-height:2.6em;display:flex;align-items:flex-start}
.woocommerce ul.products li.product .price{min-height:1.6em;margin-bottom:10px}
.sp-swatches{min-height:18px;margin:0 0 16px}
.woocommerce ul.products li.product .button{margin-top:auto}
@media (max-width:900px){.single-product div.product{gap:20px!important}}
@media (max-width:560px){
 .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .woocommerce ul.products li.product{padding:8px 8px 14px!important;border-radius:22px!important}
 .woocommerce ul.products li.product img{margin-bottom:10px}
 .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:.9375rem;padding:0 4px;min-height:2.7em}
 .woocommerce ul.products li.product .price{padding:0 4px;font-size:.9375rem}
 .woocommerce ul.products li.product .price ins{font-size:1rem}
 .sp-swatches{padding:0 4px;gap:4px}.sp-swatches span{width:13px;height:13px}.sp-swatches span:nth-child(n+6){display:none}.sp-swatches em{display:none}
 .woocommerce ul.products li.product .button{margin:auto 4px 0;min-height:44px;padding:10px 8px;font-size:.875rem}
 .woocommerce ul.products li.product .onsale{top:14px;left:14px}
}