/* Produktsidan (Woo:s vanliga, inte hg-pdp). Laddas bara på is_product(). Formspråk från hg-pdp/skissen (produkt.html):
   mono-rad, rubrik 800, nyckelfakta, "Ditt pris", antalspiller, prislista, valknappar, trygghetsremsa, mobilens köpfält.
   Skriver över shop.css (laddas före) med minst samma specificitet. */

/* ===== huvud: märkesrad, rubrik, hjärta, nyckelfakta ===== */
.single-product .wc-wrap .sp-hd{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:start;margin:0 0 14px}
.single-product .wc-wrap .sp-eye{grid-column:1/-1;margin:0 0 8px}
.single-product .wc-wrap .sp-hd .product_title{font:800 clamp(30px,4vw,48px)/1.05 var(--display);letter-spacing:-.01em;margin:0}
.single-product .wc-wrap .sp-hd .hg-heart{width:40px;height:40px;margin-top:2px;border:0;background:none;display:grid;place-items:center;color:#a3a9b0;padding:0}
.single-product .wc-wrap .sp-hd .hg-heart svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.3}
.single-product .wc-wrap .sp-hd .hg-heart.is-on{color:var(--ink)}.single-product .wc-wrap .sp-hd .hg-heart.is-on svg{fill:currentColor;stroke-width:1.6}
.single-product .wc-wrap .sp-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:12px 18px;margin:0 0 18px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.single-product .wc-wrap .sp-facts b{display:block;font:800 clamp(17px,2vw,20px)/1.1 var(--display)}
.single-product .wc-wrap .sp-facts span{display:block;margin-top:3px;font:600 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.single-product .wc-wrap .summary .woocommerce-product-details__short-description{font-size:15px;margin:0 0 14px;max-width:60ch}

/* ===== pris, lager ===== */
.single-product .wc-wrap .summary .hg-sp-price{margin:0 0 6px}
.single-product .wc-wrap .summary .hg-sp-price::before{content:'Ditt pris';display:block;margin-bottom:2px;font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.single-product .wc-wrap .summary .hg-sp-price b{font-size:28px}
.single-product .wc-wrap .summary .hg-sp-price .fr{display:inline;font:600 14px var(--body);color:var(--mut)}
.single-product .wc-wrap .summary .hg-sp-price small{font:400 13px var(--body);color:var(--mut)}
.single-product .wc-wrap .summary .stock{font:600 14px var(--body);color:var(--ink);margin:0 0 6px}
.single-product .wc-wrap .summary .stock.out-of-stock{color:var(--mut)}

/* ===== gäst: inloggningsruta (som hg-pdp:s) ===== */
.single-product .wc-wrap .hg-guest-price{grid-template-columns:22px minmax(0,1fr) auto;gap:12px;margin:12px 0 16px;max-width:520px;border-radius:8px}
.single-product .wc-wrap .hg-guest-price svg{width:22px;height:22px}
.single-product .wc-wrap .hg-guest-price b{display:block;font-size:14px}
.single-product .wc-wrap .hg-guest-price small{display:block;font-size:12.5px;color:var(--mut)}
.single-product .wc-wrap .hg-guest-price a.login_for_price{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
.single-product .wc-wrap .hg-guest-price a.login_for_price:hover{background:#000}
@media (max-width:420px){.single-product .wc-wrap .hg-guest-price{grid-template-columns:22px minmax(0,1fr)}.single-product .wc-wrap .hg-guest-price a.login_for_price{grid-column:1/-1;justify-content:center}}

/* ===== antal "− n +" och "+ Lägg i varukorgen" ===== */
.single-product .wc-wrap form.cart{gap:12px}
.single-product .wc-wrap form.cart .quantity.sp-step{display:inline-flex;align-items:center;height:44px;padding:0 4px;border:1px solid #c9ced4;border-radius:999px;background:#fff}
.single-product .wc-wrap form.cart .sp-step button{width:36px;height:36px;padding:0;border:0;border-radius:50%;background:none;color:var(--ink);font:400 20px/1 var(--body);display:grid;place-items:center}
.single-product .wc-wrap form.cart .sp-step button:hover:not(:disabled){background:var(--soft)}
.single-product .wc-wrap form.cart .sp-step button:disabled{opacity:.3;cursor:default}
.single-product .wc-wrap form.cart .sp-step .qty{width:44px;height:36px;padding:0;border:0;border-radius:0;background:none;text-align:center;font:700 16px var(--body);-moz-appearance:textfield;appearance:textfield}
.single-product .wc-wrap form.cart .sp-step .qty::-webkit-outer-spin-button,.single-product .wc-wrap form.cart .sp-step .qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.single-product .wc-wrap form.cart .single_add_to_cart_button{display:inline-flex;align-items:center;gap:10px;height:44px;min-height:44px;min-width:0;margin:0;padding:0 20px 0 6px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);font:600 15px var(--body);transition:background .15s,color .15s}
.single-product .wc-wrap form.cart .single_add_to_cart_button::before{content:'+';display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;font:400 20px/1 var(--body)}
.single-product .wc-wrap form.cart .single_add_to_cart_button:hover:not(:disabled){background:var(--ink);color:#fff}
.single-product .wc-wrap form.cart .single_add_to_cart_button:hover:not(:disabled)::before{background:#fff;color:var(--ink)}

/* ===== mängdpris (YayPricing) som prislista ===== */
.single-product .wc-wrap .yaydp-sale-tag{display:none} /* rött/lila rea-märke bara på kort vid kampanj med slutdatum */
.single-product .wc-wrap .summary #yaydp-offer-description:empty{display:none}
.single-product .wc-wrap .summary .yaydp-pricing-table-wrapper{margin:14px 0;max-width:420px}
.single-product .wc-wrap .summary .yaydp-pricing-table-header{display:block;margin:0 0 6px;font:700 14px var(--body)}
.single-product .wc-wrap .summary .yaydp-pricing-table,.single-product .wc-wrap .summary .yaydp-pricing-table tbody{display:block;width:100%;border:0}
.single-product .wc-wrap .summary .yaydp-pricing-table thead{display:none}
.single-product .wc-wrap .summary .yaydp-pricing-table tbody{border-top:1px solid var(--line)}
.single-product .wc-wrap .summary .yaydp-pricing-table tr{display:grid;grid-template-columns:14px minmax(0,1fr) auto 54px;align-items:center;gap:8px;padding:7px 0;border:0!important;border-bottom:1px solid var(--line)!important;background:none!important;outline:0!important;box-shadow:none!important;color:var(--mut);font-size:14px}
.single-product .wc-wrap .summary .yaydp-pricing-table tr::before{content:'';width:7px;height:7px;border-radius:50%;border:1.5px solid #c3c8ce}
.single-product .wc-wrap .summary .yaydp-pricing-table td{display:block;padding:0!important;border:0!important;box-shadow:none!important;background:none!important;font-weight:400;line-height:1.3}
.single-product .wc-wrap .summary .yaydp-pricing-table td:nth-child(1){grid-column:2;grid-row:1;font-weight:600;white-space:nowrap}
.single-product .wc-wrap .summary .yaydp-pricing-table td:nth-child(3){grid-column:3;grid-row:1;font-weight:600;white-space:nowrap}
.single-product .wc-wrap .summary .yaydp-pricing-table td:nth-child(2){grid-column:4;grid-row:1;text-align:right;font-weight:600;color:var(--red);white-space:nowrap}
.single-product .wc-wrap .summary .yaydp-pricing-table tr.selected-range{color:var(--ink);font-weight:400}
.single-product .wc-wrap .summary .yaydp-pricing-table tr.selected-range::before{background:var(--ink);border-color:var(--ink)}
.single-product .wc-wrap .summary .yaydp-pricing-table tr.selected-range td:nth-child(1){font-weight:800}
.single-product .wc-wrap .summary .yaydp-pricing-table tbody:has(.selected-range) tr:not(.selected-range){opacity:.5}

/* ===== variationer som valknappar (select finns kvar för skärmläsare och utan JS) ===== */
.single-product .wc-wrap table.variations td.sp-chipped{position:relative}
.single-product .wc-wrap table.variations td.sp-chipped select{position:absolute;left:0;top:0;width:1px;height:1px;min-height:0;padding:0;border:0;opacity:0;pointer-events:none}
.single-product .wc-wrap .gx-chips{display:flex;flex-wrap:wrap;gap:6px}
.single-product .wc-wrap .gx-chips button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:6px 16px;border:1px solid #c9ced4;border-radius:999px;background:#fff;color:var(--ink);font:600 14px var(--body)}
.single-product .wc-wrap .gx-chips button:hover:not(:disabled){border-color:var(--ink)}
.single-product .wc-wrap .gx-chips button.is-on{border:2px solid var(--ink);padding:5px 15px}
.single-product .wc-wrap .gx-chips button:disabled{color:var(--mut);border-style:dashed;cursor:default}

/* ===== flikar: beskrivning och ytterligare information ===== */
.single-product .wc-wrap .woocommerce-tabs{max-width:900px;margin-top:8px}
.single-product .wc-wrap .woocommerce-tabs ul.tabs{gap:4px;margin-bottom:18px}
.single-product .wc-wrap .woocommerce-tabs ul.tabs li{margin:0}
.single-product .wc-wrap .woocommerce-tabs ul.tabs li a{font:600 15px var(--body);color:var(--mut)}
.single-product .wc-wrap .woocommerce-tabs ul.tabs li.active a{color:var(--ink)}
.single-product .wc-wrap .woocommerce-Tabs-panel>h2:first-child{display:none}
.single-product .wc-wrap .woocommerce-Tabs-panel{font-size:15px;color:#3e454d}
.single-product .wc-wrap .woocommerce-Tabs-panel p{margin:0 0 12px}
.single-product .wc-wrap .woocommerce-product-attributes{width:100%;border-collapse:collapse}
.single-product .wc-wrap .woocommerce-product-attributes th,.single-product .wc-wrap .woocommerce-product-attributes td{padding:10px 0;border:0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.single-product .wc-wrap .woocommerce-product-attributes th{width:34%;padding-right:16px;font:600 13px var(--body);color:var(--ink)}
.single-product .wc-wrap .woocommerce-product-attributes td p{margin:0}

/* ===== trygghetsremsa (som hg-pdp:s leveranslöfte) ===== */
.single-product .wc-wrap .sp-trust{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden;margin:8px 0}
.single-product .wc-wrap .sp-trust__top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:14px 16px 12px}
.single-product .wc-wrap .sp-trust__top b{font-size:14px}
.single-product .wc-wrap .sp-trust__top span{font:600 12px var(--mono);color:var(--mut)}
.single-product .wc-wrap .sp-trust ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;border-top:1px dashed var(--line)}
.single-product .wc-wrap .sp-trust li{flex:1 1 auto;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:12px 14px;white-space:nowrap}
.single-product .wc-wrap .sp-trust li+li{border-left:1px dashed var(--line)}
.single-product .wc-wrap .sp-trust svg{width:26px;height:26px;stroke:var(--ink);fill:none;stroke-width:1.6}
.single-product .wc-wrap .sp-trust li b{display:block;font-size:13px;line-height:1.3}
.single-product .wc-wrap .sp-trust li small{display:block;font-size:11.5px;color:var(--mut);line-height:1.35}
.single-product .wc-wrap .sp-trust__pay{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;background:var(--soft)}
.single-product .wc-wrap .sp-trust__pay>div{display:flex;gap:6px;flex-wrap:wrap}
.single-product .wc-wrap .sp-trust .pm{height:26px;padding:0 8px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:11px;filter:grayscale(1);opacity:.8}
.single-product .wc-wrap .sp-trust .pm--visa{font-size:13px}
.single-product .wc-wrap .sp-trust .pm--mc i{width:14px;height:14px}
.single-product .wc-wrap .sp-trust .pm--mc i:first-child{background:#eb001b}.single-product .wc-wrap .sp-trust .pm--mc i+i{background:#f79e1b}
@media (max-width:980px){.single-product .wc-wrap .sp-trust li{flex:1 1 45%}.single-product .wc-wrap .sp-trust li:nth-child(odd){border-left:0}}
@media (max-width:600px){.single-product .wc-wrap .sp-trust ul{flex-direction:column}.single-product .wc-wrap .sp-trust li,.single-product .wc-wrap .sp-trust li+li{flex:none;border-left:0;white-space:normal}.single-product .wc-wrap .sp-trust li+li{border-top:1px dashed var(--line)}}

/* ===== galleriet: inget tomt kort, inga pilar för en enda bild ===== */
.single-product .wc-wrap #commercegurus-pdp-gallery-wrapper:not(:has(img)),.single-product .wc-wrap .woocommerce-product-gallery:not(:has(img)){display:none}
.single-product .wc-wrap div.product:not(.bundled_product):has(#commercegurus-pdp-gallery-wrapper:not(:has(img)))>.summary{grid-column:1/-1}
.single-product .wc-wrap .cg-main-swiper:not(:has(.swiper-slide~.swiper-slide)) .swiper-button-next,.single-product .wc-wrap .cg-main-swiper:not(:has(.swiper-slide~.swiper-slide)) .swiper-button-prev{display:none}

/* ===== mobilens fasta köpfält (inloggad: pris + köp, gäst: logga in) ===== */
.sp-mbar{display:none}
@media (max-width:760px){
  .sp-mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;gap:10px;align-items:center;justify-content:space-between;background:#fff;border-top:1px solid var(--line);padding:10px 16px calc(14px + env(safe-area-inset-bottom));box-shadow:0 -6px 18px rgba(17,19,21,.06)}
  .sp-mbar>div{min-width:0}
  .sp-mbar b{font:800 18px var(--display);letter-spacing:-.01em}
  .sp-mbar b.rd{color:var(--red)}
  .sp-mbar b i{font:600 12px var(--body);font-style:normal;color:var(--mut)}
  .sp-mbar small{font-size:12px;color:var(--mut)}
  .sp-mbar--guest b{font-size:14px;line-height:1.25;display:block}
  .sp-mbar__go{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:var(--ink);color:#fff;font:600 15px var(--body);text-decoration:none;white-space:nowrap}
  body.sp-has-mbar{padding-bottom:84px}
}