/* Q Akustik Ses Rehberi v1 — isolated styles. No external fonts or image libraries. */
.qsr-section{box-sizing:border-box;position:relative;background:#f7f8f4;color:#173e33;padding:80px 24px 88px;font-family:inherit;clear:both}
.qsr-section *{box-sizing:border-box}
.qsr-section .qsr-wrap{max-width:1288px;margin:0 auto}
.qsr-section .qsr-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:29px}
.qsr-section .qsr-header>div{max-width:795px}
.qsr-section .qsr-eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#749173;display:block;margin:0 0 12px;text-transform:uppercase}
.qsr-section .qsr-header h2{margin:0 0 13px!important;font-size:clamp(30px,3.4vw,50px)!important;line-height:1.09!important;letter-spacing:-.046em!important;color:#183f35!important;font-weight:800!important}
.qsr-section .qsr-header h2 em{font-style:italic;font-weight:500;color:#8da983}
.qsr-section .qsr-header p{font-size:15px;line-height:1.7;color:#65776d;max-width:730px;margin:0}
.qsr-section .qsr-quote{font-size:13px;font-weight:800;color:#17503e;border-bottom:1px solid #788f83;white-space:nowrap;padding-bottom:8px;text-decoration:none}
.qsr-section .qsr-product-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0 28px}
.qsr-section .qsr-product-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;color:#183f35;text-decoration:none!important;border:1px solid #e4e9e2;border-radius:12px;transition:border-color .15s,transform .15s}
.qsr-section .qsr-product-card:hover,.qsr-section .qsr-product-card:focus-visible{border-color:#78a38c;transform:translateY(-2px)}
.qsr-section .qsr-product-card>img,.qsr-section .qsr-product-placeholder{display:grid;place-items:center;aspect-ratio:1.6;object-fit:cover;width:100%;background:#eaece7;color:#789081;font-size:26px}
.qsr-section .qsr-product-copy{display:flex;flex-direction:column;gap:7px;padding:12px 11px 13px;min-height:83px}
.qsr-section .qsr-product-copy strong{font-size:12px;line-height:1.38;color:#23453a;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qsr-section .qsr-product-copy small{font-size:11px;color:#42725c;font-weight:700;line-height:1.3}
.qsr-section .qsr-panel{display:grid;grid-template-columns:minmax(315px,.82fr) minmax(0,1.18fr);overflow:hidden;box-shadow:0 18px 55px rgba(28,57,45,.07);border:1px solid #dfe6dc;border-radius:17px;background:#fff}
.qsr-section .qsr-controls{padding:27px 29px 29px;display:flex;flex-direction:column;gap:13px;background:#fff}
.qsr-section .qsr-controls label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:800;color:#345b48;line-height:1.25}
.qsr-section .qsr-controls select{width:100%;max-width:none;border:1px solid #d2ded4;border-radius:8px;padding:12px 13px;min-height:45px;background:#fbfcf9;font-size:13px;font-family:inherit;color:#173e33;cursor:pointer;font-weight:650}
.qsr-section .qsr-controls select:focus-visible{outline:2px solid #579b78;outline-offset:2px}
.qsr-section .qsr-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qsr-section .qsr-impact-selection[hidden]{display:none!important}
.qsr-section .qsr-choice{font-size:13px;line-height:1.65;color:#214d3b;padding:14px 16px;background:#eaf1e9;border-left:3px solid #6c9873;border-radius:3px 8px 8px 3px;min-height:79px}
.qsr-section .qsr-actions{display:flex;gap:8px;flex-wrap:wrap}
.qsr-section .qsr-audio-btn{border:1px solid #163c32;background:#1b4b3e;color:#fff;font-family:inherit;font-weight:750;font-size:12px;line-height:1.3;padding:11px 15px;border-radius:8px;min-height:43px;cursor:pointer;flex-grow:1}
.qsr-section .qsr-audio-btn:hover{background:#113a30}
.qsr-section .qsr-audio-btn--after{background:#e7f0e7;border:1px solid #b7cdbd;color:#194c37}
.qsr-section .qsr-audio-btn--after:hover{background:#d5e5d4}
.qsr-section .qsr-stop{border:1px solid #d6dcd4;color:#506d5c;background:#f7f8f5;font-family:inherit;font-weight:700;font-size:12px;line-height:1.3;border-radius:8px;padding:10px;cursor:pointer;min-height:43px}
.qsr-section .qsr-playing{font-size:12px;line-height:1.4;min-height:0;margin:0;color:#1c7355;font-weight:750}
.qsr-section .qsr-playing:empty{display:none}
.qsr-section .qsr-warning{font-size:11px;line-height:1.55;color:#778479;border-top:1px solid #e6eae4;padding-top:12px;margin:0}
.qsr-section .qsr-reference{padding:28px 30px;background:#eef3ed;min-width:0;display:flex;flex-direction:column;gap:12px}
.qsr-section .qsr-ref-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.qsr-section .qsr-ref-label{font-size:10px;font-weight:850;letter-spacing:.12em;color:#547861;text-transform:uppercase}
.qsr-section .qsr-ref-badge{font-size:9px;font-weight:850;letter-spacing:.07em;border:1px solid #a5bdad;border-radius:99px;color:#497257;padding:5px 8px}
.qsr-section .qsr-reference h3{font-size:23px!important;letter-spacing:-.035em;line-height:1.25;margin:0!important;color:#173e33!important}
.qsr-section .qsr-reference p{font-size:12px;line-height:1.58;color:#546d5b;margin:0}
.qsr-section .qsr-measure{font-size:12px;line-height:1.5;font-weight:700;color:#275b42}
.qsr-section .qsr-table-scroll{overflow-x:auto;width:100%;max-width:100%;border:1px solid #dbe4d8;border-radius:10px;background:#fff}
.qsr-section table{width:100%;border-collapse:collapse;min-width:545px;font-size:11px;line-height:1.35;margin:0;text-align:center;color:#234b3b}
.qsr-section th,.qsr-section td{padding:12px 7px;border-bottom:1px solid #e8eee7;border-right:1px solid #e8eee7;white-space:nowrap;text-align:center}
.qsr-section tbody tr:last-child>*{border-bottom:0}
.qsr-section tr>*:last-child{border-right:0}
.qsr-section thead th{color:#587566;background:#f8faf6;font-weight:800}
.qsr-section .qsr-caveat{background:#fff;border-radius:10px;border:1px solid #e0e8de;padding:13px;color:#627465!important}
.qsr-section .qsr-source{font-size:12px;color:#18654a;font-weight:800;text-decoration:underline;text-underline-offset:3px;align-self:flex-start}
.qsr-section .qsr-source[hidden]{display:none!important}
.qsr-section .qsr-guide{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px 4px 0}
.qsr-section .qsr-guide>div{padding:14px 18px;border-left:2px solid #8baa84}
.qsr-section .qsr-guide strong{display:block;font-size:15px;line-height:1.25;font-weight:850;color:#1c4e3b;margin-bottom:7px}
.qsr-section .qsr-guide p{font-size:13px;line-height:1.6;color:#627367;margin:0}
.qsr-section .qsr-existing{text-align:right;padding-top:18px}
.qsr-section .qsr-existing a{color:#1f654d;font-size:13px;font-weight:850;text-decoration:none;border-bottom:1px solid #88ab95}
.qsr-section.qsr-single{padding:55px 24px;background:#f7f8f4;margin:40px 0;float:none;width:100%}
.qsr-section .qsr-product-title{margin:0;font-size:18px;font-weight:850;color:#1d4d3d}
.qsr-section.qsr-single .qsr-panel{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}
@media (max-width:1120px){
 .qsr-section .qsr-product-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
 .qsr-section .qsr-header h2{font-size:clamp(30px,4vw,44px)!important}
}
@media (max-width:760px){
 .qsr-section{padding:54px 16px 62px}
 .qsr-section .qsr-header{flex-direction:column;align-items:flex-start;gap:15px}
 .qsr-section .qsr-panel,.qsr-section.qsr-single .qsr-panel{grid-template-columns:1fr}
 .qsr-section .qsr-controls{padding:20px 17px}
 .qsr-section .qsr-reference{padding:24px 17px}
 .qsr-section .qsr-guide{grid-template-columns:1fr;gap:8px}
 .qsr-section .qsr-product-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .qsr-section .qsr-product-copy{padding:9px 9px 12px}
 .qsr-section.qsr-single{padding:42px 13px}
}
@media (max-width:390px){
 .qsr-section .qsr-control-grid{grid-template-columns:1fr}
 .qsr-section .qsr-audio-btn{width:100%}
 .qsr-section .qsr-actions{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){.qsr-section .qsr-product-card{transition:none}}

/* v2: independent baseline and thickness listening buttons */
.qsr-section .qsr-listening{padding:15px 0 3px;display:flex;flex-direction:column;gap:10px}
.qsr-section .qsr-listening h3{font-size:16px!important;line-height:1.35!important;margin:0!important;color:#173e33!important;font-weight:800!important}
.qsr-section .qsr-listening>p{font-size:12px;line-height:1.55;color:#65776d;margin:0}
.qsr-section .qsr-listen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.qsr-section .qsr-listen-grid .qsr-audio-btn{text-align:center;white-space:normal;min-height:48px;min-width:0}
.qsr-section .qsr-audio-btn--base{grid-column:1/-1;background:#163e34;border-color:#163e34}
.qsr-section .qsr-listen-grid .qsr-audio-btn.is-playing{outline:3px solid #a3c4a7;outline-offset:1px;box-shadow:0 0 0 5px rgba(157,192,164,.17)}
.qsr-section .qsr-listening .qsr-stop{align-self:flex-start}
@media(max-width:390px){.qsr-section .qsr-listen-grid{grid-template-columns:1fr}.qsr-section .qsr-listen-grid .qsr-audio-btn--base{grid-column:auto}}

/* v3: place baseline in the same compact grid, before thickness buttons. */
.qsr-section .qsr-listen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.qsr-section .qsr-listen-grid .qsr-audio-btn--base{grid-column:auto}
.qsr-section .qsr-listen-grid .qsr-audio-btn{min-height:46px}

/* v4: two compact audio controls; no separate full-width baseline box */
.qsr-section .qsr-listen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.qsr-section .qsr-listen-grid .qsr-audio-btn--base{grid-column:auto!important}
@media(max-width:440px){.qsr-section .qsr-listen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v5 — two compact buttons, real band reference feedback, no extra controls */
.qsr-section .qsr-frequency-note{font-size:12px!important;color:#244f3d!important;line-height:1.55!important}
.qsr-section .qsr-ref-badge{background:rgba(255,255,255,.55)}
.qsr-section .qsr-listen-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.qsr-section .qsr-audio-btn--base{grid-column:auto!important}
.qsr-section [data-qsr="playing"]{min-height:18px}

/* v5.1 — keep the baseline + per-thickness buttons as requested; show full-width table directly below. */
.qsr-section .qsr-panel,
.qsr-section.qsr-single .qsr-panel{grid-template-columns:minmax(0,1fr)!important}
.qsr-section .qsr-controls{padding:clamp(18px,3vw,34px)!important;gap:15px!important}
.qsr-section .qsr-controls > label,
.qsr-section .qsr-control-grid,
.qsr-section .qsr-impact-selection{max-width:660px;width:100%}
.qsr-section .qsr-choice{max-width:820px}
.qsr-section .qsr-listening{width:100%;max-width:830px}
.qsr-section .qsr-listen-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.qsr-section .qsr-listen-grid .qsr-audio-btn--base{grid-column:1/-1!important;min-height:55px}
.qsr-section .qsr-listen-grid .qsr-audio-btn--after{min-height:48px}
.qsr-section .qsr-inline-frequency{width:100%;margin:4px 0 0;display:flex;flex-direction:column;gap:10px;padding:15px 0 2px;border-top:1px solid #e5eae5}
.qsr-section .qsr-inline-frequency-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.qsr-section .qsr-inline-frequency-head strong{font-size:15px;color:#214c3b}
.qsr-section .qsr-inline-frequency-head span{font-size:12px;color:#547465;font-weight:750}
.qsr-section .qsr-inline-frequency .qsr-table-scroll{max-width:100%;width:100%;background:#fff}
.qsr-section .qsr-inline-frequency table{min-width:650px;font-size:12px}
.qsr-section .qsr-inline-frequency .qsr-frequency-note{color:#506f5f;font-size:12px;line-height:1.5;margin:0}
.qsr-section .qsr-reference{padding:17px clamp(18px,3vw,34px);gap:10px;border-top:1px solid #dfe6dc}
.qsr-section .qsr-reference h3{font-size:18px!important}
.qsr-section .qsr-reference .qsr-caveat{font-size:11px;line-height:1.5}
@media(max-width:760px){.qsr-section .qsr-controls{padding:18px 15px!important}.qsr-section .qsr-reference{padding:17px 15px}}
@media(max-width:420px){.qsr-section .qsr-listen-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.qsr-section .qsr-audio-btn{padding:10px 6px;font-size:12px}.qsr-section .qsr-inline-frequency table{min-width:595px}}

/* v6 – two-layer Bondex configurator and continuous audio */
.qsr-section .qsr-control-grid [hidden]{display:none!important}
.qsr-section .qsr-control-grid{max-width:850px;align-items:end}
.qsr-section .qsr-control-grid label{min-width:0}
.qsr-section .qsr-total{margin:0;padding:12px 15px;max-width:850px;background:#e7eee8;color:#153c2e;font-size:14px;font-weight:850;border:1px solid #d0e1d2;border-radius:9px}
.qsr-section .qsr-total[hidden]{display:none!important}
.qsr-section .qsr-listen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.qsr-section .qsr-listen-grid .qsr-audio-btn--base{grid-column:auto!important;min-height:58px}
.qsr-section .qsr-listen-grid .qsr-audio-btn--after{min-height:58px}
.qsr-section .qsr-audio-btn.is-playing{outline:3px solid #90b99c;outline-offset:2px}
.qsr-section .qsr-existing{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid #dfe7df;margin-top:25px;padding-top:22px;text-align:left}
.qsr-section .qsr-purchase{display:flex;flex-direction:column;gap:9px;max-width:740px;flex:1 1 370px}
.qsr-section .qsr-purchase>p{margin:0;font-size:13px;line-height:1.5;color:#4c6b56}
.qsr-section .qsr-buy{align-self:flex-start;cursor:pointer;border:1px solid #1d4838;border-radius:9px;background:#174637;color:#fff;font-family:inherit;font-size:13px;font-weight:800;line-height:1.4;padding:13px 18px;min-height:45px}
.qsr-section .qsr-buy:hover{background:#256448}
.qsr-section .qsr-buy:disabled{opacity:.65;cursor:wait}
.qsr-section .qsr-buy-status{font-size:12px!important;font-weight:600;color:#915321!important}
.qsr-section .qsr-existing>a{margin-left:auto}
@media(max-width:650px){
 .qsr-section .qsr-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .qsr-section .qsr-control-grid [data-qsr="scenario-wrap"]{grid-column:1/-1}
 .qsr-section .qsr-listen-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .qsr-section .qsr-listen-grid .qsr-audio-btn{padding:10px 8px;min-height:60px;font-size:12px}
 .qsr-section .qsr-existing>a{margin-left:0}
}

.qsr-section .qsr-buy[hidden]{display:none!important}


/* v6.5 — clear, customer-friendly heading directly above the comparison form. */
.qsr-section .qsr-panel > .qsr-promo {
  grid-column:1/-1;
  padding:clamp(22px,3.1vw,35px) clamp(20px,3.2vw,38px) 24px;
  background:linear-gradient(120deg,#eef5ef 0%,#f8faf6 70%);
  border-bottom:1px solid #dbe7db;
}
.qsr-section .qsr-promo-kicker {
  display:block;
  margin:0 0 9px;
  color:#427056;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
}
.qsr-section .qsr-promo h3 {
  margin:0 0 11px!important;
  font-size:clamp(25px,2.8vw,37px)!important;
  line-height:1.17!important;
  letter-spacing:-.035em!important;
  font-weight:850!important;
  color:#174235!important;
}
.qsr-section .qsr-promo h3 em {
  color:#739875;
  font-style:italic;
  font-weight:550;
}
.qsr-section .qsr-promo p {
  max-width:770px;
  margin:0;
  color:#4e685a;
  font-size:14px;
  line-height:1.65;
}
.qsr-section .qsr-promo-steps {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px 18px;
  margin-top:18px;
  color:#254e3b;
  font-size:12px;
  font-weight:700;
}
.qsr-section .qsr-promo-steps span {display:inline-flex;align-items:center;gap:7px}
.qsr-section .qsr-promo-steps b {
  display:grid;
  place-items:center;
  width:23px;
  height:23px;
  flex:none;
  border-radius:99px;
  background:#1b4c3e;
  color:#fff;
  font-size:11px;
  font-weight:800;
}
@media(max-width:760px){
  .qsr-section .qsr-panel > .qsr-promo {padding:22px 17px 21px}
  .qsr-section .qsr-promo h3 {font-size:26px!important}
  .qsr-section .qsr-promo p {font-size:13px}
  .qsr-section .qsr-promo-steps {gap:9px 13px;font-size:11px}
}