/* BGA Prisguide – scoped under .bga-pg. Använder sajtens globala variabler (variables.css) och Europa. */
.bga-pg{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:32px;align-items:start;width:100%;font-family:Europa,sans-serif;color:var(--bga-ink,#152227)}
.bga-pg *,.bga-pg *::before,.bga-pg *::after{box-sizing:border-box}
.bga-pg-visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.bga-pg-noscript{margin:0;color:#455158;font-size:16px;line-height:1.55}
.bga-pg-noscript a{color:var(--bga-raspberry,#c83f63);font-weight:700}

/* Formulär */
.bga-pg-form{display:flex;flex-flow:column;gap:22px;min-width:0}
.bga-pg-items{display:flex;flex-flow:column;gap:22px}
.bga-pg fieldset.bga-pg-item{display:flex;flex-flow:column;gap:22px;min-width:0;margin:0;padding:28px 30px;background-color:var(--bga-white,#fff);border:1px solid var(--bga-border-soft,#e8d8cf);border-radius:8px}
.bga-pg-item-head{display:flex;align-items:center;gap:14px}
.bga-pg-item-num{display:flex;justify-content:center;align-items:center;flex:0 0 auto;width:40px;height:40px;color:var(--bga-raspberry,#c83f63);font-weight:700;font-size:17px;line-height:1;background-color:var(--bga-primary-soft,#f7e8ed);border-radius:50%}
.bga-pg-item-title{flex:1 1 auto;min-width:0;color:var(--bga-ink,#152227);font-weight:700;font-size:20px;line-height:1.3}
.bga-pg-remove{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:8px 12px;color:var(--bga-raspberry,#c83f63);font-family:inherit;font-weight:700;font-size:15px;line-height:1;text-decoration:underline;background:transparent;border:0;border-radius:6px;cursor:pointer}
.bga-pg-remove:hover{color:var(--bga-primary-hover,#ae3155);text-decoration:none}

.bga-pg-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}
.bga-pg-field{display:flex;flex-flow:column;gap:8px;min-width:0}
.bga-pg-label{display:block;color:var(--bga-ink,#152227);font-weight:700;font-size:15px;line-height:1.3}
.bga-pg-help{margin:0;color:#656d71;font-size:14px;line-height:1.45}
.bga-pg-help-legend{margin-top:4px}
.bga-pg-text{margin:0;color:#455158;font-size:16px;line-height:1.55}
.bga-pg-muted{color:#656d71;font-weight:400}

.bga-pg-select,.bga-pg-input{display:block;width:100%;min-height:52px;margin:0;padding:0 16px;color:var(--bga-ink,#152227);font-family:inherit;font-size:16px;line-height:1.3;background-color:var(--bga-white,#fff);border:1px solid #cfd6d9;border-radius:8px;box-shadow:0 1px 2px rgba(21,34,39,.04);transition:border-color 160ms ease,box-shadow 160ms ease}
.bga-pg-select{appearance:none;-webkit-appearance:none;padding-right:44px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M3 6l5 5 5-5' stroke='%23152227' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}
.bga-pg-select:focus-visible,.bga-pg-input:focus-visible{outline:none;border-color:var(--bga-petrol,#668b87);box-shadow:0 0 0 3px rgba(102,139,135,.22)}
.bga-pg-inputwrap{position:relative}
.bga-pg-inputwrap.has-suffix .bga-pg-input{padding-right:70px}
.bga-pg-suffix{position:absolute;top:0;right:16px;bottom:0;display:flex;align-items:center;color:#656d71;font-size:15px;pointer-events:none}
.bga-pg-input::placeholder{color:#8a9398;opacity:1}
.bga-pg-input[type=number]{-moz-appearance:textfield;appearance:textfield}
.bga-pg-input[type=number]::-webkit-outer-spin-button,.bga-pg-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* Segmenterat val (Rullstorlek / Meter / Minuter) */
.bga-pg fieldset.bga-pg-seg{display:block;min-width:0;margin:0;padding:0;border:0}
.bga-pg legend{padding:0;margin:0}
.bga-pg-seg-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.bga-pg-seg-item{position:relative;display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 20px;color:var(--bga-ink,#152227);font-weight:700;font-size:15px;line-height:1.2;background-color:var(--bga-off-white,#f7f4ef);border:1px solid var(--bga-border-soft,#e8d8cf);border-radius:999px;cursor:pointer;transition:border-color 160ms ease,color 160ms ease,background-color 160ms ease}
.bga-pg-seg-item input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.bga-pg-seg-item:hover{color:var(--bga-raspberry,#c83f63);border-color:var(--bga-raspberry,#c83f63)}
.bga-pg-seg-item.is-selected,.bga-pg-seg-item:has(input:checked){color:var(--bga-raspberry,#c83f63);background-color:var(--bga-primary-soft,#f7e8ed);border-color:var(--bga-raspberry,#c83f63)}
.bga-pg-seg-item:has(input:focus-visible){outline:3px solid var(--bga-apricot,#ffa591);outline-offset:3px}

/* Paketkort – komprimerad variant av tjänstesidornas .bga-vb-plan */
.bga-pg fieldset.bga-pg-packages{display:block;min-width:0;margin:0;padding:0;border:0}
.bga-pg-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;padding-top:14px}
.bga-pg-plan{position:relative;display:flex;flex-flow:column;gap:0;min-width:0;padding:24px 20px 20px;color:var(--bga-ink,#152227);background-color:var(--bga-white,#fff);border:1px solid var(--bga-border-soft,#e8d8cf);border-radius:8px;cursor:pointer;transition:border-color 160ms ease,box-shadow 160ms ease}
.bga-pg-plan input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.bga-pg-plan:hover{border-color:#c9b9b0}
.bga-pg-plan.is-recommended{padding:23px 19px 19px;background-image:linear-gradient(180deg,#fff 0,#fff 72%,#fdf6f8 100%);border:2px solid var(--bga-raspberry,#c83f63)}
.bga-pg-plan.is-selected{border-color:var(--bga-raspberry,#c83f63);box-shadow:0 0 0 3px rgba(200,63,99,.18)}
.bga-pg-plan:has(input:focus-visible){outline:3px solid var(--bga-apricot,#ffa591);outline-offset:3px}
.bga-pg-ribbon{position:absolute;top:-13px;right:16px;left:16px;color:var(--bga-white,#fff);font-weight:700;font-size:13px;line-height:1.2;text-align:center;letter-spacing:.02em;padding:6px 14px;background-color:var(--bga-raspberry,#c83f63);border-radius:999px}
.bga-pg-plan-head{display:flex;flex-flow:column;gap:6px;padding-right:56px}
.bga-pg-kicker{color:var(--bga-muted-text,#6b6b6b);font-weight:700;font-size:12.5px;line-height:1.2;text-transform:uppercase;letter-spacing:.1em}
.bga-pg-kicker.is-recommended{color:var(--bga-raspberry,#c83f63)}
.bga-pg-plan-name{color:var(--bga-ink,#152227);font-weight:700;font-size:22px;line-height:1.15}
.bga-pg-price{display:flex;align-items:baseline;gap:4px;margin-top:12px}
.bga-pg-price-num{color:#151d21;font-weight:700;font-size:34px;line-height:1;letter-spacing:-.04em}
.bga-pg-price-cur{color:#7b8387;font-weight:700;font-size:17px;line-height:1}
.bga-pg-per{display:block;margin-top:5px;color:var(--bga-muted-text,#6b6b6b);font-size:14px;line-height:1.3}
.bga-pg-plan-list{display:flex;flex-flow:column;gap:9px;margin:16px 0 0;padding:14px 0 0;list-style:none;border-top:1px solid #eee6e0}
.bga-pg-plan-item{display:flex;align-items:flex-start;gap:9px;color:var(--bga-ink,#152227);font-size:14.5px;line-height:1.4;list-style:none}
.bga-pg-tick{flex:0 0 auto;width:18px;height:18px;margin-top:1px;color:var(--bga-raspberry,#c83f63)}
.bga-pg-plan-check{position:absolute;top:18px;right:16px;display:none;padding:5px 10px;color:var(--bga-white,#fff);font-weight:700;font-size:12px;line-height:1.2;text-transform:uppercase;letter-spacing:.06em;background-color:var(--bga-raspberry,#c83f63);border-radius:999px}
.bga-pg-plan.is-recommended .bga-pg-plan-check{top:24px}
.bga-pg-plan.is-selected .bga-pg-plan-check{display:inline-block}

/* Kryssrutor (10 000 dpi, USB-minne) */
.bga-pg-check{display:flex;align-items:flex-start;gap:12px;min-height:44px;margin-top:14px;padding:12px 14px;color:var(--bga-ink,#152227);font-size:15px;line-height:1.4;background-color:var(--bga-warm-white,#fcfbf9);border:1px solid var(--bga-border-soft,#e8d8cf);border-radius:8px;cursor:pointer}
.bga-pg-check input{flex:0 0 auto;width:20px;height:20px;margin:1px 0 0;accent-color:var(--bga-raspberry,#c83f63);cursor:pointer}
.bga-pg-check input:focus-visible{outline:3px solid var(--bga-apricot,#ffa591);outline-offset:2px}
.bga-pg-check.is-disabled{color:#8a9398;cursor:default}
.bga-pg-check.is-disabled strong{color:#8a9398}
.bga-pg-check-text strong{font-weight:700}

.bga-pg-item-sum{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;background-color:var(--bga-off-white,#f7f4ef);border-radius:8px}
.bga-pg-item-sum-label{color:var(--bga-ink,#152227);font-weight:700;font-size:15px;line-height:1.3}
.bga-pg-item-sum-value{display:flex;flex-wrap:wrap;justify-content:flex-end;column-gap:6px;color:var(--bga-ink,#152227);font-weight:700;font-size:17px;line-height:1.3;text-align:right}
.bga-pg-item-sum-time::after{content:" ·"}

/* Knappar – speglar .bga-btn-primary / .bga-btn-secondary / .bga-textlink */
.bga-pg-btn-primary,.bga-pg-btn-secondary{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:50px;margin:0;padding:12px 26px;font-family:inherit;font-weight:700;font-size:16px;line-height:1;text-decoration:none;border-radius:var(--bga-radius-button,6px);cursor:pointer;transition:background-color 160ms ease,border-color 160ms ease}
.bga-pg-btn-primary{color:var(--bga-white,#fff);background-color:var(--bga-raspberry,#c83f63);border:1px solid var(--bga-raspberry,#c83f63)}
.bga-pg-btn-primary:hover{color:var(--bga-white,#fff);background-color:var(--bga-primary-hover,#ae3155)}
.bga-pg-btn-secondary{width:100%;color:var(--bga-raspberry,#c83f63);background-color:var(--bga-white,#fff);border:1px solid var(--bga-raspberry,#c83f63)}
.bga-pg-btn-secondary:hover{color:var(--bga-raspberry,#c83f63);background-color:var(--bga-primary-soft,#f7e8ed)}
.bga-pg-btn-primary:focus-visible,.bga-pg-btn-secondary:focus-visible,.bga-pg-textlink:focus-visible,.bga-pg-remove:focus-visible{outline:3px solid var(--bga-apricot,#ffa591);outline-offset:3px}
.bga-pg-textlink{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--bga-raspberry,#c83f63);font-weight:700;font-size:16px;text-decoration:none}
.bga-pg-textlink:hover{color:var(--bga-raspberry,#c83f63);text-decoration:underline}
.bga-pg-arrow{flex:0 0 auto;width:24px;height:12px;transition:transform 160ms ease}
.bga-pg-textlink:hover .bga-pg-arrow{transform:translate3d(3px,0,0)}

/* Leverans */
.bga-pg fieldset.bga-pg-delivery{display:block;min-width:0;margin:0;padding:28px 30px;background-color:var(--bga-white,#fff);border:1px solid var(--bga-border-soft,#e8d8cf);border-radius:8px}
.bga-pg-h3{margin:0;color:var(--bga-ink,#152227);font-weight:700;font-size:20px;line-height:1.3}
.bga-pg-delivery .bga-pg-h3{margin-bottom:10px}
.bga-pg-delivery-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.bga-pg-option{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:16px 16px 16px 48px;background-color:var(--bga-white,#fff);border:1px solid var(--bga-border-soft,#e8d8cf);border-radius:8px;cursor:pointer;transition:border-color 160ms ease,box-shadow 160ms ease}
.bga-pg-option input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.bga-pg-option::before{content:"";position:absolute;top:18px;left:16px;width:20px;height:20px;background-color:var(--bga-white,#fff);border:2px solid #b7c0c4;border-radius:50%;transition:border-color 160ms ease,box-shadow 160ms ease}
.bga-pg-option:hover{border-color:#c9b9b0}
.bga-pg-option.is-selected{border-color:var(--bga-raspberry,#c83f63);box-shadow:0 0 0 3px rgba(200,63,99,.18)}
.bga-pg-option.is-selected::before{border-color:var(--bga-raspberry,#c83f63);box-shadow:inset 0 0 0 5px var(--bga-raspberry,#c83f63)}
.bga-pg-option:has(input:focus-visible){outline:3px solid var(--bga-apricot,#ffa591);outline-offset:3px}
.bga-pg-option-body{display:flex;flex-flow:column;gap:3px;flex:1 1 auto;min-width:0}
.bga-pg-option-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.bga-pg-option-title{color:var(--bga-ink,#152227);font-weight:700;font-size:16px;line-height:1.3;overflow-wrap:anywhere}
.bga-pg-option-sub{color:#656d71;font-size:13.5px;line-height:1.4}
.bga-pg-included{flex:0 0 auto;padding:4px 9px;color:var(--bga-raspberry,#c83f63);font-weight:700;font-size:12px;line-height:1.2;text-transform:uppercase;letter-spacing:.06em;background-color:var(--bga-primary-soft,#f7e8ed);border-radius:999px}

/* Resultatkort */
.bga-pg-result{position:sticky;top:24px;display:flex;flex-flow:column;gap:16px;min-width:0;padding:28px 30px;background-color:var(--bga-white,#fff);border:1px solid var(--bga-border-soft,#e8d8cf);border-radius:8px}
.bga-pg-result .bga-pg-kicker{color:var(--bga-raspberry,#c83f63);font-size:14px;letter-spacing:.12em;margin:0}
.bga-pg-result-title{margin:-6px 0 0;color:var(--bga-ink,#152227);font-weight:700;font-size:26px;line-height:1.25}
.bga-pg-rows{display:flex;flex-flow:column;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid #eee6e0}
.bga-pg-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 0;list-style:none;border-bottom:1px solid #eee6e0}
.bga-pg-row-text{display:flex;flex-flow:column;gap:2px;flex:1 1 auto;min-width:0}
.bga-pg-row-title{color:var(--bga-ink,#152227);font-weight:700;font-size:15px;line-height:1.35}
.bga-pg-row-sub{color:#656d71;font-size:13.5px;line-height:1.4}
.bga-pg-row-value{flex:0 0 auto;color:var(--bga-ink,#152227);font-weight:700;font-size:15px;line-height:1.35;text-align:right;white-space:nowrap}
.bga-pg-row-included{color:var(--bga-petrol-deep,#315f5b)}
.bga-pg-total{display:flex;flex-flow:column;gap:4px;padding:18px 20px;background-color:var(--bga-off-white,#f7f4ef);border-radius:8px}
.bga-pg-total-label{color:var(--bga-muted-text,#6b6b6b);font-weight:700;font-size:13px;line-height:1.3;text-transform:uppercase;letter-spacing:.08em}
.bga-pg-total-value{color:#151d21;font-weight:700;font-size:40px;line-height:1.05;letter-spacing:-.035em}
.bga-pg-total-sub{color:#656d71;font-size:13.5px;line-height:1.4}
.bga-pg.is-empty .bga-pg-total-value{color:#7b8387}
.bga-pg-notes{display:flex;flex-flow:column;gap:8px}
.bga-pg-note{margin:0;color:#656d71;font-size:14px;line-height:1.5}
.bga-pg-actions{display:flex;flex-flow:column;align-items:center;gap:6px;margin-top:4px}
.bga-pg-actions .bga-pg-btn-primary{width:100%}

/* Responsivt – sajtens brytpunkter 1279 / 1119 / 1023 / 767 */
@media (max-width:1279px){
  .bga-pg-plans{grid-template-columns:minmax(0,1fr)}
  .bga-pg-plan.is-recommended{margin-top:4px}
}
@media (max-width:1119px){
  .bga-pg{grid-template-columns:minmax(0,1fr) 360px;gap:24px}
  .bga-pg fieldset.bga-pg-item,.bga-pg fieldset.bga-pg-delivery,.bga-pg-result{padding:24px}
}
@media (max-width:1023px){
  .bga-pg{grid-template-columns:minmax(0,1fr);gap:22px}
  .bga-pg-result{position:static;top:auto}
  .bga-pg-plans{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px){
  .bga-pg fieldset.bga-pg-item,.bga-pg fieldset.bga-pg-delivery,.bga-pg-result{padding:22px 20px}
  .bga-pg-grid2{grid-template-columns:minmax(0,1fr);gap:16px}
  .bga-pg-plans{grid-template-columns:minmax(0,1fr);gap:22px}
  .bga-pg-plan.is-recommended{margin-top:6px}
  .bga-pg-delivery-list{grid-template-columns:minmax(0,1fr)}
  .bga-pg-item-title{font-size:19px}
  .bga-pg-result-title{font-size:23px}
  .bga-pg-total-value{font-size:36px}
  .bga-pg-seg-item{flex:1 1 auto;padding:10px 14px}
  .bga-pg-btn-primary,.bga-pg-btn-secondary{padding-left:14px;padding-right:14px}
  .bga-pg-item-sum{align-items:flex-start}
  .bga-pg-item-sum-value{flex-direction:column;align-items:flex-end}
  .bga-pg-item-sum-time{color:#656d71;font-weight:400;font-size:14px;line-height:1.4}
  .bga-pg-item-sum-time::after{content:none}
}
@media (prefers-reduced-motion:reduce){
  .bga-pg *,.bga-pg *::before{transition:none!important}
}