/* BWOD Produktkort – barglass. Hardnet mot bb-theme/WooPack/PowerPack: alt er scopet til .bgpk.bgpk (to klasser). */

/* ---------- Innpakningen kortet står i ---------- */
.fl-post-grid-post:has(.bgpk),
.pp-content-post:has(.bgpk),
.woopack-product-grid:has(> .bgpk),
.woopack-product-carousel:has(> .bgpk),
li.bgpk-li{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;text-align:left!important}
.pp-content-post:has(.bgpk) .pp-content-grid-post-text,
.pp-content-post:has(.bgpk) .pp-content-body{padding:0!important;margin:0!important}
.woopack-product-carousel:has(> .bgpk){height:100%}

/* WooPack Product Grid som CSS-rutenett: 4 / 3 / 2 kolonner. :not(#x) gir ID-styrke over WooPacks modul-CSS. */
.woopack-products-grid-wrap ul.woopack-products:has(> li > .bgpk):not(#bgpk-x){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0!important;padding:0!important;height:auto!important;width:auto!important;max-width:100%!important;list-style:none!important;transition:none!important}
/* WooPack kjører Isotope etter lasting og flytter elementene med en animert transform. Rutenettet over gjør jobben, så lås posisjonen. */
.woopack-products-grid-wrap ul.woopack-products:has(> li > .bgpk) > li:not(#bgpk-x){position:relative!important;left:auto!important;top:auto!important;transform:none!important;transition:none!important;width:auto!important;max-width:none!important;float:none!important;margin:0!important;padding:0!important;height:auto!important;min-height:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
.woopack-products-grid-wrap ul.woopack-products:has(> li > .bgpk) > li.woopack-grid-sizer{display:none!important}
.woopack-products-grid-wrap ul.woopack-products:has(> li > .bgpk)::before,
.woopack-products-grid-wrap ul.woopack-products:has(> li > .bgpk)::after{display:none!important;content:none!important}
@media (max-width:1100px){.woopack-products-grid-wrap ul.woopack-products:has(> li > .bgpk):not(#bgpk-x){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){.woopack-products-grid-wrap ul.woopack-products:has(> li > .bgpk):not(#bgpk-x){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* WooCommerce-loopen (relaterte, tilbehør, kurvforslag, [products]) */
ul.products:has(> li.bgpk-li){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0 0 24px!important;padding:0!important;list-style:none!important}
ul.products.columns-2:has(> li.bgpk-li){grid-template-columns:repeat(2,minmax(0,1fr))}
ul.products.columns-3:has(> li.bgpk-li){grid-template-columns:repeat(3,minmax(0,1fr))}
ul.products.columns-5:has(> li.bgpk-li){grid-template-columns:repeat(5,minmax(0,1fr))}
ul.products:has(> li.bgpk-li)::before,
ul.products:has(> li.bgpk-li)::after{display:none!important;content:none!important}
/* Nullstill listeelementet uansett hva tema og Customizer legger på (f.eks. .populareprodukter .product med ramme, padding og fast høyde). :not(#id) gir ID-styrke. */
ul.products > li.bgpk-li:not(#bgpk-x){width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;float:none!important;clear:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;flex-basis:auto!important;text-align:left!important;list-style:none!important}
@media (max-width:1024px){ul.products:has(> li.bgpk-li){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){ul.products:has(> li.bgpk-li){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* ---------- Kortet ---------- */
.bgpk.bgpk,
.bgpk-dialog{
  --bgpk-ink:#212121;--bgpk-ink-2:#3a3a3a;--bgpk-gold:#c39d63;--bgpk-gold-dark:#9c7a43;--bgpk-gold-soft:#f6efe3;
  --bgpk-muted:#77716a;--bgpk-line:#e9e5de;--bgpk-tile:#f6f4f0;--bgpk-ok:#2f7d4f;--bgpk-warn:#b26a00;--bgpk-out:#9a948c;--bgpk-red:#b3261e;
  --bgpk-radius:14px;
}
.bgpk.bgpk{
  container-type:inline-size;position:relative;display:flex;flex-direction:column;height:100%;box-sizing:border-box;
  background:#fff;border:1px solid var(--bgpk-line);border-radius:var(--bgpk-radius);overflow:hidden;
  font-family:Poppins,sans-serif;text-align:left;color:var(--bgpk-ink);
  transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease;
}
.bgpk.bgpk *,.bgpk.bgpk *::before,.bgpk.bgpk *::after{box-sizing:border-box}
.bgpk.bgpk:hover{box-shadow:0 14px 34px -12px rgba(33,33,33,.22);border-color:#dcd4c6;transform:translateY(-3px)}

.bgpk.bgpk .bgpk-media{position:relative;display:block;aspect-ratio:4/5;background:var(--bgpk-tile);overflow:hidden;margin:0;padding:0;border:0}
.bgpk.bgpk .bgpk-media .bgpk-img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:contain;padding:9% 12%;margin:0;mix-blend-mode:multiply;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .35s ease;border:0;border-radius:0;box-shadow:none}
.bgpk.bgpk:hover .bgpk-media .bgpk-img{transform:scale(1.045)}
.bgpk.bgpk .bgpk-media .bgpk-img--alt{opacity:0}
.bgpk.bgpk.bgpk--has-alt:hover .bgpk-media .bgpk-img:not(.bgpk-img--alt){opacity:0}
.bgpk.bgpk.bgpk--has-alt:hover .bgpk-media .bgpk-img--alt{opacity:1}

.bgpk.bgpk .bgpk-badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;z-index:2}
.bgpk.bgpk .bgpk-badge{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;line-height:1.1;white-space:nowrap}
.bgpk.bgpk .bgpk-badge--new{background:var(--bgpk-ink);color:#fff}
.bgpk.bgpk .bgpk-badge--sale{background:var(--bgpk-red);color:#fff;letter-spacing:.02em}
.bgpk.bgpk .bgpk-badge--bulk{background:#fff;color:var(--bgpk-gold-dark);box-shadow:inset 0 0 0 1px var(--bgpk-gold)}
.bgpk.bgpk .bgpk-volume{position:absolute;left:12px;bottom:12px;z-index:2;background:rgba(255,255,255,.92);color:var(--bgpk-ink);font-size:12px;font-weight:600;line-height:1;padding:7px 11px;border-radius:999px;
  box-shadow:0 1px 2px rgba(0,0,0,.06);backdrop-filter:blur(4px)}

.bgpk.bgpk .bgpk-body{display:flex;flex-direction:column;gap:6px;flex:1;padding:16px 16px 16px}
.bgpk.bgpk .bgpk-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;min-width:0}
.bgpk.bgpk .bgpk-sku{font-size:11px;font-weight:400;color:var(--bgpk-out);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.bgpk.bgpk h3.bgpk-title{font-family:Poppins,sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:1.35!important;color:var(--bgpk-ink)!important;margin:0!important;padding:0!important;text-align:left!important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;text-transform:none!important;letter-spacing:0!important}
.bgpk.bgpk h3.bgpk-title a{color:inherit!important;text-decoration:none!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}
.bgpk.bgpk h3.bgpk-title a:hover{color:var(--bgpk-gold-dark)!important}

.bgpk.bgpk .bgpk-stock{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;line-height:1.3;color:var(--bgpk-muted)}
.bgpk.bgpk .bgpk-stock::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.bgpk.bgpk .bgpk-stock--in{color:var(--bgpk-ok)}
.bgpk.bgpk .bgpk-stock--low,
.bgpk.bgpk .bgpk-stock--back{color:var(--bgpk-warn)}
.bgpk.bgpk .bgpk-stock--out{color:var(--bgpk-out)}

/* Pris: restyler Woo-markup (del/ins, suffiks fra bwod-wc-b2b-mva) */
.bgpk.bgpk .bgpk-pricewrap{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:4px}
.bgpk.bgpk .bgpk-price{color:var(--bgpk-ink);font-size:19px;font-weight:700;line-height:1.25;letter-spacing:-.01em;display:block}
.bgpk.bgpk .bgpk-price .woocommerce-Price-amount{font-size:inherit;font-weight:inherit;color:inherit}
.bgpk.bgpk .bgpk-price .woocommerce-price-suffix{font-size:11px!important;font-weight:500!important;color:var(--bgpk-muted)!important;letter-spacing:0;display:inline!important;margin:0 0 0 4px!important;white-space:nowrap}
.bgpk.bgpk .bgpk-price del{display:block;margin:0 0 1px;font-size:12px;font-weight:500;color:var(--bgpk-muted);opacity:1;text-decoration:line-through}
.bgpk.bgpk .bgpk-price del .woocommerce-price-suffix{display:none!important}
.bgpk.bgpk .bgpk-price ins{text-decoration:none;background:none;color:inherit;display:inline!important;font-weight:inherit}
.bgpk.bgpk .bgpk-price .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.bgpk.bgpk .bgpk-price--ask{font-size:15px;font-weight:600}
.bgpk.bgpk .bgpk-price--note{font-size:13.5px;font-weight:500;line-height:1.45;letter-spacing:0;color:var(--bgpk-ink-2)}
.bgpk.bgpk .bgpk-price--note div,.bgpk.bgpk .bgpk-price--note p{margin:0;padding:0;font:inherit;color:inherit}
.bgpk.bgpk .bgpk-price--note a{color:var(--bgpk-gold-dark)!important;font-weight:600;text-decoration:none!important}
.bgpk.bgpk .bgpk-yourprice{align-self:flex-start;font-size:10.5px;font-weight:600;color:var(--bgpk-gold-dark);text-transform:uppercase;letter-spacing:.1em;line-height:1}
.bgpk.bgpk .bgpk-hint{align-self:flex-start;font-size:11.5px;font-weight:500;line-height:1.3;color:var(--bgpk-muted)}
.bgpk.bgpk .bgpk-hint--deal{color:var(--bgpk-gold-dark);background:var(--bgpk-gold-soft);padding:4px 9px;border-radius:8px;font-weight:600}

/* Handlinger */
.bgpk.bgpk .bgpk-actions{display:flex;gap:8px;margin-top:12px}
.bgpk .bgpk-qty,.bgpk-dialog .bgpk-qty{display:flex;align-items:center;border:1px solid var(--bgpk-line);border-radius:999px;height:42px;flex:none;background:#fff;overflow:hidden}
.bgpk .bgpk-qty__btn,.bgpk-dialog .bgpk-qty__btn,
.bgpk .bgpk-qty__btn:hover,.bgpk-dialog .bgpk-qty__btn:hover,
.bgpk .bgpk-qty__btn:focus,.bgpk-dialog .bgpk-qty__btn:focus,
.bgpk .bgpk-qty__btn:active,.bgpk-dialog .bgpk-qty__btn:active{all:unset;box-sizing:border-box!important;width:32px!important;height:100%!important;display:grid!important;place-items:center!important;font-size:17px!important;color:var(--bgpk-ink)!important;cursor:pointer!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent;margin:0!important;padding:0!important;border:0!important;background:transparent!important;transform:none!important}
.bgpk .bgpk-qty__btn:hover,.bgpk-dialog .bgpk-qty__btn:hover{color:var(--bgpk-gold-dark)!important;background:var(--bgpk-tile)!important}
.bgpk .bgpk-qty__btn:focus-visible,.bgpk-dialog .bgpk-qty__btn:focus-visible{outline:2px solid var(--bgpk-gold)!important;outline-offset:-2px}
.bgpk input.bgpk-qty__input,.bgpk-dialog input.bgpk-qty__input{width:38px!important;height:100%!important;min-height:0!important;border:0!important;padding:0!important;margin:0;background:transparent!important;box-shadow:none!important;border-radius:0!important;
  text-align:center;font:600 14px Poppins,sans-serif!important;color:var(--bgpk-ink)!important;-moz-appearance:textfield;appearance:textfield}
.bgpk input.bgpk-qty__input::-webkit-outer-spin-button,.bgpk input.bgpk-qty__input::-webkit-inner-spin-button,
.bgpk-dialog input.bgpk-qty__input::-webkit-outer-spin-button,.bgpk-dialog input.bgpk-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

.bgpk.bgpk a.bgpk-btn{flex:1;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px;height:42px!important;min-height:0!important;line-height:1!important;padding:0 14px!important;margin:0!important;
  border:1px solid var(--bgpk-ink)!important;border-radius:999px!important;background:var(--bgpk-ink)!important;color:#fff!important;
  font:600 13.5px/1 Poppins,sans-serif!important;text-decoration:none!important;text-transform:none!important;letter-spacing:.01em;white-space:nowrap;min-width:0!important;overflow:hidden;text-overflow:ellipsis;box-shadow:none!important;transition:background .15s,border-color .15s,color .15s;width:auto!important;float:none!important}
.bgpk.bgpk a.bgpk-btn:hover{background:var(--bgpk-gold-dark)!important;border-color:var(--bgpk-gold-dark)!important;color:#fff!important}
.bgpk.bgpk a.bgpk-btn:focus-visible{outline:2px solid var(--bgpk-gold)!important;outline-offset:2px}
.bgpk.bgpk a.bgpk-btn--ghost{background:#fff!important;color:var(--bgpk-ink)!important;border-color:var(--bgpk-ink)!important}
.bgpk.bgpk a.bgpk-btn--ghost:hover{background:var(--bgpk-ink)!important;color:#fff!important;border-color:var(--bgpk-ink)!important}
.bgpk.bgpk a.bgpk-btn.loading,.bgpk.bgpk a.bgpk-btn.loading:hover,.bgpk.bgpk a.bgpk-btn.bgpk-busy{
  /* Beaver Builder har en generell .loading-regel (rund, 20 px, animation: spin). */
  animation:none!important;transform:none!important;width:auto!important;border-radius:999px!important;border-width:1px!important;border-style:solid!important;
  background:#8f8a83!important;border-color:#8f8a83!important;color:#fff!important;cursor:progress;pointer-events:none}
.bgpk.bgpk a.bgpk-btn.added{background:var(--bgpk-ok)!important;border-color:var(--bgpk-ok)!important}
.bgpk.bgpk a.bgpk-btn::before,.bgpk.bgpk a.bgpk-btn::after{display:none!important;content:none!important;animation:none!important}
.bgpk.bgpk a.added_to_cart{display:none!important}

@container (max-width:250px){
  .bgpk.bgpk .bgpk-actions{flex-direction:column;align-items:stretch}
  .bgpk.bgpk .bgpk-qty{justify-content:space-between;height:40px}
  .bgpk.bgpk .bgpk-qty__btn{width:44px!important}
  .bgpk.bgpk input.bgpk-qty__input{flex:1}
  .bgpk.bgpk a.bgpk-btn{flex:none;width:100%!important;height:42px!important}
}
@container (max-width:200px){
  .bgpk.bgpk .bgpk-body{padding:12px 11px 12px;gap:5px}
  .bgpk.bgpk h3.bgpk-title{font-size:13px!important}
  .bgpk.bgpk .bgpk-price{font-size:16px}
  .bgpk.bgpk .bgpk-badges{top:8px;left:8px}
  .bgpk.bgpk .bgpk-volume{left:8px;bottom:8px;font-size:11px;padding:6px 9px}
  .bgpk.bgpk .bgpk-hint{font-size:11px}
  .bgpk.bgpk a.bgpk-btn{font-size:13px!important}
}
@media (max-width:767px){.bgpk.bgpk .bgpk-media{aspect-ratio:1/1}.bgpk.bgpk .bgpk-media .bgpk-img{padding:8% 10%}}
@media (hover:none) and (pointer:coarse){
  .bgpk input.bgpk-qty__input,.bgpk-dialog input.bgpk-qty__input{font-size:16px!important}
  .bgpk.bgpk:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .bgpk.bgpk,.bgpk.bgpk .bgpk-media .bgpk-img{transition:none}
  .bgpk.bgpk:hover,.bgpk.bgpk:hover .bgpk-media .bgpk-img{transform:none}
}

/* ---------- Hurtigvalg (modal) – tema-hardnet ---------- */
.bgpk-dialog,.bgpk-dialog *,.bgpk-dialog *::before,.bgpk-dialog *::after{box-sizing:border-box}
.bgpk-dialog{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:2147483000!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;height:auto!important;margin:0!important;padding:20px!important;font-family:Poppins,sans-serif;color:var(--bgpk-ink)}
.bgpk-dialog[hidden]{display:none!important}
.bgpk-dialog .bgpk-dialog__overlay{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;margin:0!important;padding:0!important;background:rgba(20,20,20,.55)!important;border:0!important;cursor:pointer!important;
  animation:bgpk-fade .2s ease}
.bgpk-dialog .bgpk-dialog__box{position:relative!important;z-index:1!important;width:100%!important;max-width:760px!important;max-height:min(88vh,860px)!important;overflow:auto!important;overscroll-behavior:contain;margin:0!important;padding:28px 30px 24px!important;
  background:#fff!important;color:var(--bgpk-ink)!important;border:0!important;border-radius:18px!important;box-shadow:0 30px 80px -20px rgba(0,0,0,.45)!important;float:none!important;text-align:left!important;animation:bgpk-pop .22s cubic-bezier(.2,.8,.2,1)}
.bgpk-dialog .bgpk-dialog__close,.bgpk-dialog .bgpk-dialog__close:hover,.bgpk-dialog .bgpk-dialog__close:focus,.bgpk-dialog .bgpk-dialog__close:focus-visible,.bgpk-dialog .bgpk-dialog__close:active{
  position:absolute!important;top:12px!important;right:12px!important;left:auto!important;bottom:auto!important;z-index:3!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:999px!important;
  box-shadow:none!important;font-size:24px!important;font-weight:300!important;line-height:1!important;text-align:center!important;text-transform:none!important;letter-spacing:normal!important;text-indent:0!important;float:none!important;transform:none!important;transition:none!important;
  -webkit-appearance:none!important;appearance:none!important;-webkit-tap-highlight-color:transparent!important;opacity:1!important;cursor:pointer!important;outline:none!important}
.bgpk-dialog .bgpk-dialog__close{color:var(--bgpk-ink)!important;background:var(--bgpk-tile)!important}
.bgpk-dialog .bgpk-dialog__close:hover,.bgpk-dialog .bgpk-dialog__close:focus,.bgpk-dialog .bgpk-dialog__close:focus-visible,.bgpk-dialog .bgpk-dialog__close:active{color:#fff!important;background:var(--bgpk-ink)!important}
body.bgpk-dialog-open{overflow:hidden!important}
/* Den flytende språkvelgeren (GTranslate) dekker ellers knappene nederst */
body.bgpk-dialog-open #gt_float_wrapper,body.bgpk-hide-gt #gt_float_wrapper{display:none!important}
@keyframes bgpk-fade{from{opacity:0}to{opacity:1}}
@keyframes bgpk-pop{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes bgpk-up{from{transform:translateY(100%)}to{transform:none}}

.bgpk-dialog .bgpk-dialog__loading{display:flex;align-items:center;gap:12px;padding:40px 10px;color:var(--bgpk-muted);font-size:14px}
.bgpk-dialog .bgpk-spin{width:22px;height:22px;border-radius:50%;border:2px solid var(--bgpk-line);border-top-color:var(--bgpk-gold);animation:bgpk-rot .8s linear infinite}
@keyframes bgpk-rot{to{transform:rotate(360deg)}}

.bgpk-dialog .bgpk-q__head{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center;padding-right:40px;margin-bottom:20px}
.bgpk-dialog .bgpk-q__img{display:block;aspect-ratio:4/5;background:var(--bgpk-tile);border-radius:12px;overflow:hidden}
.bgpk-dialog .bgpk-q__img img{width:100%!important;height:100%!important;object-fit:contain;padding:10%;mix-blend-mode:multiply;margin:0!important;border:0!important}
.bgpk-dialog h2.bgpk-q__title{font:600 20px/1.3 Poppins,sans-serif!important;margin:0 0 6px!important;padding:0!important;color:var(--bgpk-ink)!important;text-transform:none!important;letter-spacing:0!important}
.bgpk-dialog .bgpk-q__price{font-size:16px;font-weight:600;color:var(--bgpk-ink)}
.bgpk-dialog .bgpk-q__price del{color:var(--bgpk-muted);font-weight:400;margin-right:6px}
.bgpk-dialog .bgpk-q__price ins{text-decoration:none;background:none}
.bgpk-dialog .bgpk-q__price .woocommerce-price-suffix{font-size:12px;color:var(--bgpk-muted);font-weight:500}
.bgpk-dialog a.bgpk-q__more{display:inline-block;margin-top:8px;font-size:13px;font-weight:500;color:var(--bgpk-gold-dark)!important;text-decoration:none!important}
.bgpk-dialog a.bgpk-q__more:hover{text-decoration:underline!important}

.bgpk-dialog .bgpk-q__deal{margin:0 0 16px!important;padding:10px 14px!important;border-radius:10px;background:var(--bgpk-gold-soft);color:var(--bgpk-gold-dark);font-size:13.5px;font-weight:600;line-height:1.4}
.bgpk-dialog fieldset.bgpk-q__comp{border:0!important;margin:0 0 18px!important;padding:0!important;min-width:0}
.bgpk-dialog legend.bgpk-q__legend{display:flex;align-items:center;gap:8px;font:600 13px/1.3 Poppins,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--bgpk-ink);margin:0 0 10px;padding:0}
.bgpk-dialog .bgpk-q__req{font-size:10.5px;letter-spacing:.06em;color:var(--bgpk-gold-dark);background:var(--bgpk-gold-soft);padding:3px 7px;border-radius:999px}
.bgpk-dialog .bgpk-q__desc{font-size:13px;color:var(--bgpk-muted);margin:-4px 0 10px}
.bgpk-dialog .bgpk-q__opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.bgpk-dialog label.bgpk-q__opt{position:relative;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;margin:0!important;padding:10px 12px!important;border:1.5px solid var(--bgpk-line);border-radius:12px;background:#fff;cursor:pointer;
  transition:border-color .15s,background .15s,box-shadow .15s;min-height:66px}
.bgpk-dialog label.bgpk-q__opt:hover{border-color:#cfc6b6}
.bgpk-dialog label.bgpk-q__opt input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;pointer-events:none}
.bgpk-dialog label.bgpk-q__opt:has(input:checked){border-color:var(--bgpk-ink);background:#fcfbf9;box-shadow:0 0 0 1px var(--bgpk-ink)}
.bgpk-dialog label.bgpk-q__opt:has(input:checked)::after{content:"";position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:var(--bgpk-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M4 8.5l2.6 2.5L12 5.5'/%3E%3C/svg%3E") center/14px no-repeat}
.bgpk-dialog label.bgpk-q__opt:has(input:focus-visible){outline:2px solid var(--bgpk-gold);outline-offset:2px}
.bgpk-dialog .bgpk-q__optimg{grid-row:1 / span 2;width:44px;height:44px;border-radius:8px;background:var(--bgpk-tile);display:grid;place-items:center;overflow:hidden}
.bgpk-dialog .bgpk-q__optimg img{width:100%!important;height:100%!important;object-fit:contain;mix-blend-mode:multiply;padding:3px;margin:0!important;border:0!important}
.bgpk-dialog .bgpk-q__optimg--none{font-size:20px;color:var(--bgpk-muted);font-weight:300}
.bgpk-dialog .bgpk-q__optname{font-size:12.5px;font-weight:600;line-height:1.3;color:var(--bgpk-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;align-self:end}
.bgpk-dialog .bgpk-q__optprice{font-size:12px;color:var(--bgpk-muted);line-height:1.3;align-self:start}
.bgpk-dialog .bgpk-q__optprice del{margin-right:4px}
.bgpk-dialog .bgpk-q__optprice ins{text-decoration:none;background:none;color:var(--bgpk-ink);font-weight:600}
.bgpk-dialog .bgpk-q__optprice .woocommerce-price-suffix{display:none!important}
.bgpk-dialog .bgpk-q__cqty{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:13px}
.bgpk-dialog .bgpk-q__cqty input{width:80px!important;height:38px!important;border:1px solid var(--bgpk-line)!important;border-radius:999px!important;text-align:center;padding:0 8px!important}

.bgpk-dialog .bgpk-q__foot{position:sticky;bottom:-24px;margin:6px -30px -24px!important;padding:16px 30px 22px!important;background:#fff;border-top:1px solid var(--bgpk-line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px 22px}
.bgpk-dialog .bgpk-q__qtyrow{display:flex;align-items:center;gap:10px}
.bgpk-dialog .bgpk-q__qtylabel{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--bgpk-muted)}
.bgpk-dialog .bgpk-qty--lg{height:46px}
.bgpk-dialog .bgpk-qty--lg .bgpk-qty__btn{width:40px!important}
.bgpk-dialog .bgpk-qty--lg input.bgpk-qty__input{width:52px!important;font-size:15px!important}
.bgpk-dialog .bgpk-q__summary{display:flex;flex-direction:column;gap:2px;min-width:0}
.bgpk-dialog .bgpk-q__lines{font-size:12.5px;color:var(--bgpk-muted);line-height:1.35}
.bgpk-dialog .bgpk-q__total{font-size:13px;color:var(--bgpk-muted)}
.bgpk-dialog .bgpk-q__totalval{font-size:20px;color:var(--bgpk-ink);font-weight:700;letter-spacing:-.01em}
.bgpk-dialog .bgpk-q__note{font-size:11px;color:var(--bgpk-out)}
.bgpk-dialog .bgpk-q__msg{grid-column:1 / -1;margin:0!important;padding:10px 14px!important;border-radius:10px;background:#fdecea;color:var(--bgpk-red);font-size:13px;font-weight:500}
.bgpk-dialog .bgpk-q__msg[hidden]{display:none!important}
.bgpk-dialog button.bgpk-q__add,.bgpk-dialog button.bgpk-q__add:hover,.bgpk-dialog button.bgpk-q__add:focus,.bgpk-dialog button.bgpk-q__add:active,
.bgpk-dialog .bgpk-q__variable button.single_add_to_cart_button,.bgpk-dialog .bgpk-q__variable button.single_add_to_cart_button:hover,.bgpk-dialog .bgpk-q__variable button.single_add_to_cart_button:focus,.bgpk-dialog .bgpk-q__variable button.single_add_to_cart_button:active,
.bgpk-dialog a.bgpk-q__btn,.bgpk-dialog a.bgpk-q__btn:hover,.bgpk-dialog a.bgpk-q__btn:focus,.bgpk-dialog a.bgpk-q__btn:active{
  position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:50px!important;min-width:180px!important;width:auto!important;margin:0!important;padding:0 28px!important;
  border:1px solid var(--bgpk-ink)!important;border-radius:999px!important;float:none!important;transform:none!important;line-height:1!important;font:600 15px/1 Poppins,sans-serif!important;text-transform:none!important;letter-spacing:.01em!important;
  -webkit-appearance:none!important;appearance:none!important;cursor:pointer!important;text-decoration:none!important;box-shadow:none!important}
.bgpk-dialog button.bgpk-q__add,.bgpk-dialog .bgpk-q__variable button.single_add_to_cart_button,.bgpk-dialog a.bgpk-q__btn{background:var(--bgpk-ink)!important;color:#fff!important}
.bgpk-dialog button.bgpk-q__add:hover,.bgpk-dialog button.bgpk-q__add:focus-visible,.bgpk-dialog .bgpk-q__variable button.single_add_to_cart_button:hover,.bgpk-dialog a.bgpk-q__btn:hover{background:var(--bgpk-gold-dark)!important;border-color:var(--bgpk-gold-dark)!important;color:#fff!important}
.bgpk-dialog button.bgpk-q__add[disabled]{background:#8f8a83!important;border-color:#8f8a83!important;cursor:progress!important}
.bgpk-dialog a.bgpk-q__btn--ghost,.bgpk-dialog a.bgpk-q__btn--ghost:focus{background:#fff!important;color:var(--bgpk-ink)!important}
.bgpk-dialog a.bgpk-q__btn--ghost:hover{background:var(--bgpk-tile)!important;color:var(--bgpk-ink)!important;border-color:var(--bgpk-ink)!important}

/* Variantskjema fra WooCommerce inne i vinduet */
.bgpk-dialog .bgpk-q__variable table.variations{width:100%;border:0!important;margin:0 0 12px!important}
.bgpk-dialog .bgpk-q__variable table.variations th,.bgpk-dialog .bgpk-q__variable table.variations td{display:block;border:0!important;padding:0 0 6px!important;text-align:left;background:none!important}
.bgpk-dialog .bgpk-q__variable table.variations th label{font:600 13px Poppins,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.bgpk-dialog .bgpk-q__variable table.variations select{width:100%;height:46px;border:1px solid var(--bgpk-line);border-radius:12px;padding:0 14px;font:500 14px Poppins,sans-serif;background-color:#fff}
.bgpk-dialog .bgpk-q__variable .reset_variations{font-size:12px;color:var(--bgpk-muted)}
.bgpk-dialog .bgpk-q__variable .single_variation_wrap{border-top:1px solid var(--bgpk-line);padding-top:14px}
.bgpk-dialog .bgpk-q__variable .woocommerce-variation-price{font-size:18px;font-weight:700;margin-bottom:6px}
.bgpk-dialog .bgpk-q__variable .woocommerce-variation-add-to-cart{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bgpk-dialog .bgpk-q__variable .quantity input.qty{height:50px;width:80px;border:1px solid var(--bgpk-line);border-radius:999px;text-align:center;font:600 15px Poppins,sans-serif}

/* Ferdig-visning */
.bgpk-dialog .bgpk-q__done{text-align:center;padding:26px 6px 8px}
.bgpk-dialog .bgpk-q__check{width:58px;height:58px;margin:0 auto 14px;border-radius:50%;background:var(--bgpk-ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M4 8.5l2.6 2.5L12 5.5'/%3E%3C/svg%3E") center/32px no-repeat;animation:bgpk-pop .3s ease}
.bgpk-dialog .bgpk-q__done h2{font:600 20px/1.3 Poppins,sans-serif!important;margin:0 0 6px!important;text-transform:none!important;color:var(--bgpk-ink)!important}
.bgpk-dialog .bgpk-q__done p{margin:0 0 20px!important;color:var(--bgpk-muted);font-size:14px}
.bgpk-dialog .bgpk-q__donebtns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

@media (max-width:640px){
  .bgpk-dialog{align-items:flex-end!important;padding:0!important}
  .bgpk-dialog .bgpk-dialog__box{max-width:none!important;max-height:92vh!important;border-radius:20px 20px 0 0!important;padding:22px 18px 18px!important;animation:bgpk-up .28s cubic-bezier(.2,.8,.2,1)}
  .bgpk-dialog .bgpk-q__head{grid-template-columns:76px 1fr;gap:14px;padding-right:44px;margin-bottom:16px}
  .bgpk-dialog h2.bgpk-q__title{font-size:16px!important}
  .bgpk-dialog .bgpk-q__opts{grid-template-columns:1fr 1fr;gap:8px}
  .bgpk-dialog label.bgpk-q__opt{grid-template-columns:36px 1fr;padding:8px 9px!important;column-gap:8px}
  .bgpk-dialog .bgpk-q__optimg{width:36px;height:36px}
  .bgpk-dialog .bgpk-q__foot{grid-template-columns:1fr auto;margin:6px -18px -18px!important;padding:12px 18px calc(16px + env(safe-area-inset-bottom))!important;bottom:-18px;gap:10px 12px}
  .bgpk-dialog .bgpk-q__summary{grid-column:1 / -1;order:-1}
  .bgpk-dialog .bgpk-q__qtyrow .bgpk-q__qtylabel{display:none}
  .bgpk-dialog button.bgpk-q__add,.bgpk-dialog button.bgpk-q__add:hover,.bgpk-dialog button.bgpk-q__add:focus,.bgpk-dialog button.bgpk-q__add:active{min-width:0!important;width:100%!important}
}

/* Variantvelger (Variation Swatches) i hurtigvalget */
.bgpk-dialog .bgpk-q__variable ul.variable-items-wrapper{display:flex!important;flex-wrap:wrap;gap:8px;margin:4px 0 6px!important;padding:0!important}
.bgpk-dialog .bgpk-q__variable li.variable-item{margin:0!important;min-width:0;height:auto!important;padding:9px 16px!important;border-radius:999px!important;box-shadow:inset 0 0 0 1.5px var(--bgpk-line)!important;background:#fff!important;font:500 14px/1 Poppins,sans-serif;color:var(--bgpk-ink)}
.bgpk-dialog .bgpk-q__variable li.variable-item .variable-item-contents,.bgpk-dialog .bgpk-q__variable li.variable-item span{padding:0!important;font:inherit}
.bgpk-dialog .bgpk-q__variable li.variable-item:hover{box-shadow:inset 0 0 0 1.5px var(--bgpk-ink)!important}
.bgpk-dialog .bgpk-q__variable li.variable-item.selected{box-shadow:inset 0 0 0 2px var(--bgpk-ink)!important;background:var(--bgpk-ink)!important;color:#fff!important}
.bgpk-dialog .bgpk-q__variable li.variable-item.disabled{opacity:.35}
.bgpk-dialog .bgpk-q__variable li.color-variable-item{width:38px!important;height:38px!important;padding:3px!important}
.bgpk-dialog .bgpk-q__variable .single_add_to_cart_button.disabled{opacity:.45!important;cursor:not-allowed!important}

/* ---------- Komponentvalg som nedtrekksliste (som WPC sin ddslick på produktsiden) ---------- */
.bgpk-dialog .bgpk-dd{position:relative}
.bgpk-dialog button.bgpk-dd__btn,.bgpk-dialog button.bgpk-dd__btn:hover,.bgpk-dialog button.bgpk-dd__btn:focus,.bgpk-dialog button.bgpk-dd__btn:active{
  position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:64px!important;height:auto!important;margin:0!important;padding:10px 44px 10px 12px!important;
  border:1.5px solid var(--bgpk-line)!important;border-radius:12px!important;background:#fff!important;color:var(--bgpk-ink)!important;box-shadow:none!important;text-align:left!important;cursor:pointer!important;
  font:inherit!important;text-transform:none!important;letter-spacing:0!important;float:none!important;transform:none!important;-webkit-appearance:none!important;appearance:none!important}
.bgpk-dialog button.bgpk-dd__btn:hover{border-color:#cfc6b6!important}
.bgpk-dialog button.bgpk-dd__btn:focus-visible{outline:2px solid var(--bgpk-gold)!important;outline-offset:2px!important}
.bgpk-dialog .bgpk-dd.is-open button.bgpk-dd__btn{border-color:var(--bgpk-ink)!important}
.bgpk-dialog .bgpk-dd__value{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-width:0;flex:1}
.bgpk-dialog .bgpk-dd__value .bgpk-q__optimg{grid-row:1 / span 2}
.bgpk-dialog .bgpk-dd__value .bgpk-q__optname{-webkit-line-clamp:1}
.bgpk-dialog .bgpk-dd__ph{grid-column:1 / -1;font-size:14px;font-weight:500;color:var(--bgpk-muted)}
.bgpk-dialog .bgpk-dd__chev{position:absolute;right:16px;top:50%;width:9px;height:9px;border-right:1.6px solid var(--bgpk-ink);border-bottom:1.6px solid var(--bgpk-ink);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.bgpk-dialog .bgpk-dd.is-open .bgpk-dd__chev{transform:translateY(-30%) rotate(-135deg)}
/* Listen ligger inne i vinduet (ikke oppå), så vinduet vokser når den åpnes. Makshøyden settes av skriptet etter plassen som er igjen. */
.bgpk-dialog .bgpk-dd__list{position:static;margin-top:6px;overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid var(--bgpk-line);border-radius:12px;box-shadow:0 10px 24px -18px rgba(0,0,0,.35);padding:6px}
.bgpk-dialog .bgpk-dd__list[hidden]{display:none!important}
.bgpk-dialog .bgpk-q__opts--dd{display:flex!important;flex-direction:column;gap:2px}
.bgpk-dialog .bgpk-q__opts--dd label.bgpk-q__opt{border:0!important;border-radius:8px;min-height:48px;padding:5px 10px!important;box-shadow:none!important;background:#fff;grid-template-columns:38px 1fr}
.bgpk-dialog .bgpk-q__opts--dd .bgpk-q__optimg{width:38px;height:38px}
.bgpk-dialog .bgpk-q__opts--dd label.bgpk-q__opt:hover{background:var(--bgpk-tile)}
.bgpk-dialog .bgpk-q__opts--dd label.bgpk-q__opt:has(input:checked){background:var(--bgpk-gold-soft);box-shadow:none!important}
.bgpk-dialog .bgpk-q__opts--dd label.bgpk-q__opt:has(input:checked)::after{top:50%;right:12px;transform:translateY(-50%)}
.bgpk-dialog .bgpk-q__opts--dd label.bgpk-q__opt:has(input:focus-visible){outline:2px solid var(--bgpk-gold);outline-offset:-2px}
.bgpk-dialog .bgpk-q__opts--dd .bgpk-q__optname{-webkit-line-clamp:2;padding-right:28px}


/* Bredt vindu: valgene i to kolonner, så hele listen får plass uten rulling */
@media (min-width:641px){.bgpk-dialog .bgpk-q__opts--dd{display:grid!important;grid-template-columns:1fr 1fr;gap:2px 6px}}

/* Mobil: mens en liste er åpen, gi den plassen til produktbildet øverst */
@media (max-width:640px){
  .bgpk-dialog .bgpk-q:has(.bgpk-dd.is-open) .bgpk-q__img,
  .bgpk-dialog .bgpk-q:has(.bgpk-dd.is-open) .bgpk-q__more,
  .bgpk-dialog .bgpk-q:has(.bgpk-dd.is-open) .bgpk-q__deal{display:none!important}
  .bgpk-dialog .bgpk-q:has(.bgpk-dd.is-open) .bgpk-q__head{grid-template-columns:1fr;margin-bottom:10px}
}

/* Lasting: melding hvis det drøyer */
.bgpk-dialog .bgpk-dialog__loading{flex-wrap:wrap}
.bgpk-dialog .bgpk-dialog__slow{flex-basis:100%;margin:6px 0 0!important;font-size:13.5px;color:var(--bgpk-muted)}
.bgpk-dialog .bgpk-dialog__slow a{color:var(--bgpk-gold-dark)!important;font-weight:600}

/* Imagify (WebP) gjør bildene om til <picture class="bgpk-img"><source><img></picture> på live.
   Klassen havner da på <picture>; det indre bildet må fylle flaten. Virker også med vanlig <img>. */
.bgpk.bgpk .bgpk-media picture.bgpk-img{display:block!important}
.bgpk.bgpk .bgpk-media picture.bgpk-img > img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;margin:0!important;padding:0!important;border:0!important;mix-blend-mode:multiply}
.bgpk-dialog .bgpk-q__img picture,.bgpk-dialog .bgpk-q__optimg picture{display:block;width:100%;height:100%}

/* Brede kort (sider uten sidefelt, f.eks. Ukens bestselgere): kvadratisk bildeflate, så kortet ikke blir for høyt */
@container (min-width:290px){.bgpk.bgpk .bgpk-media{aspect-ratio:1/1}}