/* BGA Kartong – beställningsformuläret, scoped under .bga-kb. Sajtens variabler (variables.css) och Europa. */
.bga-kb{display:flex;flex-flow:column;gap:22px;width:100%;font-family:Europa,sans-serif;color:var(--bga-ink,#152227)}
.bga-kb *,.bga-kb *::before,.bga-kb *::after{box-sizing:border-box}
.bga-kb-hp{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;opacity:0}

.bga-kb-fieldset{display:flex;flex-flow:column;gap:12px;min-width:0;margin:0;padding:0;border:0}
.bga-kb-legend{display:block;width:100%;margin:0 0 4px;padding:0;color:var(--bga-ink,#152227);font-weight:700;font-size:17px;line-height:1.35}
.bga-kb-legend-sub{color:#5a6265;font-weight:400}
.bga-kb-label{display:block;color:var(--bga-ink,#152227);font-weight:700;font-size:15px;line-height:1.3}
.bga-kb-optional{color:#5a6265;font-weight:400}
.bga-kb-help{margin:0;color:#656d71;font-size:14px;line-height:1.45}
.bga-kb-field{display:flex;flex-flow:column;gap:8px;min-width:0}

/* Produktval – två stora rutor */
.bga-kb-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bga-kb-tile{position:relative;display:flex;min-width:0;cursor:pointer}
.bga-kb-tile input{position:absolute;top:18px;left:18px;width:22px;height:22px;margin:0;accent-color:var(--bga-raspberry,#c83f63);cursor:pointer}
.bga-kb-tile input:focus-visible{outline:3px solid var(--bga-apricot,#ffa591);outline-offset:2px}
.bga-kb-tile-body{display:flex;flex-flow:column;gap:6px;width:100%;min-height:100%;padding:16px 18px 16px 52px;background-color:var(--bga-off-white,#f7f4ef);border:1px solid var(--bga-border-soft,#e8d8cf);border-radius:8px;transition:border-color var(--bga-transition,160ms ease),background-color var(--bga-transition,160ms ease)}
.bga-kb-tile:hover .bga-kb-tile-body{border-color:var(--bga-petrol,#668b87)}
.bga-kb-tile input:checked+.bga-kb-tile-body{background-color:var(--bga-white,#fff);border-color:var(--bga-raspberry,#c83f63);box-shadow:inset 0 0 0 1px var(--bga-raspberry,#c83f63)}
.bga-kb-tile-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.bga-kb-tile-title{color:var(--bga-ink,#152227);font-weight:700;font-size:17px;line-height:1.3}
.bga-kb-tile-price{flex:0 0 auto;color:var(--bga-raspberry,#c83f63);font-weight:700;font-size:17px;line-height:1.3;white-space:nowrap}
.bga-kb-tile-text{color:#455158;font-size:15px;line-height:1.45}
.bga-kb-offset{margin:2px 0 0;padding:12px 16px;color:var(--bga-ink,#152227);font-size:15px;line-height:1.5;background-color:var(--bga-primary-soft,#f7e8ed);border-left:4px solid var(--bga-raspberry,#c83f63);border-radius:8px}

/* Material – kryssrutor */
.bga-kb-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px}
.bga-kb-check{display:flex;align-items:center;gap:12px;min-height:44px;color:var(--bga-ink,#152227);font-size:16px;line-height:1.4;cursor:pointer}
.bga-kb-check input{flex:0 0 auto;width:22px;height:22px;margin:0;accent-color:var(--bga-raspberry,#c83f63);cursor:pointer}
.bga-kb-check input:focus-visible{outline:3px solid var(--bga-apricot,#ffa591);outline-offset:2px}

/* Textfält */
.bga-kb-input,.bga-kb-textarea{display:block;width:100%;margin:0;padding:12px 14px;color:var(--bga-ink,#152227);font-family:inherit;font-size:16px;line-height:1.4;background-color:var(--bga-white,#fff);border:1px solid #cfc3bb;border-radius:6px;transition:border-color var(--bga-transition,160ms ease)}
.bga-kb-input{min-height:50px}
.bga-kb-textarea{min-height:96px;resize:vertical}
.bga-kb-input::placeholder,.bga-kb-textarea::placeholder{color:#8a9296}
.bga-kb-input:hover,.bga-kb-textarea:hover{border-color:var(--bga-petrol,#668b87)}
.bga-kb-input:focus,.bga-kb-textarea:focus{outline:3px solid var(--bga-apricot,#ffa591);outline-offset:2px;border-color:var(--bga-petrol-deep,#315f5b)}
.bga-kb-input:user-invalid,.bga-kb-textarea:user-invalid{border-color:var(--bga-raspberry,#c83f63)}

/* Meddelanden och knapp */
.bga-kb-note{margin:0;color:#5a6265;font-size:15px;line-height:1.5}
.bga-kb-error{margin:0;padding:14px 18px;color:var(--bga-ink,#152227);font-weight:700;font-size:15px;line-height:1.5;background-color:var(--bga-primary-soft,#f7e8ed);border-left:4px solid var(--bga-raspberry,#c83f63);border-radius:8px}
.bga-kb-error:focus{outline:3px solid var(--bga-apricot,#ffa591);outline-offset:3px}
.bga-kb-submit{align-self:flex-start;min-height:54px;font-family:Europa,sans-serif;font-size:17px;cursor:pointer;border:0}
.bga-kb-submit-price{font-variant-numeric:tabular-nums}
.bga-kb-privacy{margin:0;color:#5a6265;font-size:14px;line-height:1.5}
.bga-kb-privacy a{color:var(--bga-raspberry,#c83f63);font-weight:700;text-decoration:underline}
.bga-kb-privacy a:hover{color:var(--bga-primary-hover,#ae3155);text-decoration:none}
.bga-kb-privacy a:focus-visible{outline:3px solid var(--bga-apricot,#ffa591);outline-offset:3px}

@media (max-width:767px){
  .bga-kb-tiles{grid-template-columns:minmax(0,1fr)}
  .bga-kb-checks{grid-template-columns:minmax(0,1fr)}
  .bga-kb-submit{align-self:stretch;width:100%}
}
@media (prefers-reduced-motion:reduce){
  .bga-kb-tile-body,.bga-kb-input,.bga-kb-textarea{transition:none}
}