/* Products filters (Berkay, 14 Oct): every filter on one line ("Edge Supported" wrapped onto two); a filter that would
   leave no product in the selected category is dimmed and cannot be pressed. */
html body .sq-catalog .sq-filters .sq-filter{white-space:nowrap;gap:8px;padding-left:10px;padding-right:10px}
html body .sq-catalog .sq-filters .sq-check{flex-shrink:0}
html body .sq-catalog .sq-filters .sq-filter:disabled{opacity:.38;cursor:default}
/* Products cards: the catalogue's description line under each name. */
html body .sq-catalog .sq-card-copy .sq-card-line{margin:8px 0 0;color:#c8cace;font:400 15px/1.4 "Soin Sans Neue Roman",sans-serif}
/* Product pages built from the final catalogues (Recep Bey's sample Bounelle page, 11 Oct). */
html body .sq-katalog{--k-bg:#090b0f;--k-text:#f4f4f5;--k-muted:#c8cace;--k-line:rgba(255,255,255,.14);--k-blue:#0047DE;color:var(--k-text);font-family:"Soin Sans Neue Roman",sans-serif}
html body .sq-katalog *{box-sizing:border-box}
html body .sq-katalog>section{width:min(1344px,calc(100% - 96px));margin:0 auto;padding:96px 0 0}
html body .sq-katalog img{display:block;width:100%;height:auto;border-radius:12px}
html body .sq-k-inside,html body .sq-k-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;align-items:center}
html body .sq-k-feature{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
html body .sq-k-feature.sq-k-reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
html body .sq-katalog>section.sq-k-feature.sq-k-textonly{grid-template-columns:minmax(0,1fr);max-width:880px}
html body .sq-katalog .sq-k-eyebrow{margin:0 0 20px;color:var(--k-blue);font-size:15px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase}
/* Upright, like the rest of the page text (Berkay's revisions, 14 Oct: the catalogue's italic intro reads as a
   different style on the web). */
html body .sq-katalog .sq-k-long{margin:0;font-style:normal;font-size:20px;line-height:1.65;color:var(--k-text)}
html body .sq-katalog .sq-k-title{margin:0 0 24px;font-family:"Soin Sans Neue Medium",sans-serif;font-weight:500;font-size:clamp(34px,3.6vw,56px);line-height:1.04;letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance}
html body .sq-katalog .sq-k-title span{display:block}
html body .sq-katalog .sq-k-title.sq-k-title-plain{font-family:"Soin Sans Neue Roman",sans-serif;font-weight:400;text-transform:none;letter-spacing:-.005em;line-height:1.12}
html body .sq-katalog .sq-k-blue{color:var(--k-blue)}
html body .sq-katalog .sq-k-sub{margin:0 0 16px;font-family:"Soin Sans Neue Medium",sans-serif;font-size:22px;line-height:1.3}
html body .sq-katalog .sq-k-text{margin:0 0 16px;font-size:18px;line-height:1.6;color:var(--k-muted)}
html body .sq-katalog .sq-k-quote{margin:28px 0 0;padding:4px 0 4px 60px;position:relative;background:linear-gradient(var(--k-blue),var(--k-blue)) 38px 0/2px 100% no-repeat}
html body .sq-katalog .sq-k-quote::before{content:"\201C";position:absolute;left:0;top:-6px;color:var(--k-blue);font:500 44px/1 "Soin Sans Neue Medium",sans-serif}
html body .sq-katalog .sq-k-quote p{margin:0;font-size:19px;line-height:1.55;color:var(--k-text)}
/* Catalogue call-out words written by the page over a picture (Kumo Edge: Pocket Spring Core / Edge Support). */
html body .sq-katalog .sq-k-figure{position:relative}
html body .sq-katalog .sq-k-callout{position:absolute;transform:translate(-50%,-50%);width:max-content;color:#f2f9fd;font:500 clamp(15px,1.25vw,19px)/1.2 "Soin Sans Neue Medium",sans-serif;letter-spacing:.04em;text-transform:uppercase;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.55);pointer-events:none}
html body .sq-katalog .sq-k-callout-blue{color:var(--k-blue);text-shadow:none}
html body .sq-katalog .sq-k-features{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:20px}
html body .sq-katalog .sq-k-features li{padding-top:16px;border-top:1px solid var(--k-line)}
html body .sq-katalog .sq-k-features h3{margin:0 0 8px;font-family:"Soin Sans Neue Medium",sans-serif;font-weight:500;font-size:19px;line-height:1.3}
html body .sq-katalog .sq-k-features p{margin:0;font-size:17px;line-height:1.55;color:var(--k-muted)}
html body .sq-detail-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px}
/* "Request a Price" and "Upload Your Spring Specifications": same outline, same type (Berkay's revisions, 14 Oct:
   title case, not capitals; the upload button's outline was heavier than the price button's). */
html body .sq-detail-actions :is(.sq-k-price,.sq-upload-spec){display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:0 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;text-decoration:none;font-size:15px;line-height:1.3}
html body .sq-detail-actions .sq-k-price{text-transform:none;letter-spacing:0}
html body .sq-detail-actions :is(.sq-k-price,.sq-upload-spec):hover{border-color:#0047DE;background:#0047DE}
html body .sq-k-top{border-top:1px solid var(--k-line);margin-top:96px!important}
html body .sq-k-top-grid{display:grid;grid-template-columns:repeat(var(--n,1),minmax(0,1fr));gap:24px;max-width:calc(560px * var(--n,1));margin:0 auto;align-items:start}
html body .sq-katalog .sq-k-topimg{border-radius:0}
/* One title pill over the row, as in the catalogue; each box's label under it. The selected option's box is the
   bright one (Qontour Zone 3/5/7, Sofa Regular/Corner Cut). */
html body .sq-katalog .sq-k-top-title{display:flex;align-items:center;justify-content:center;width:fit-content;min-height:44px;margin:0 auto 24px;padding:0 24px;border:2px solid var(--k-blue);border-radius:14px;color:var(--k-text);font-size:17px;line-height:1.3}
html body .sq-katalog .sq-k-topfig{margin:0;display:grid;gap:12px;justify-items:center;transition:opacity .25s}
html body .sq-katalog .sq-k-topfig figcaption{display:flex;align-items:center;min-height:36px;padding:0 16px;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:var(--k-muted);font-size:15px;line-height:1.3}
html body .sq-katalog .sq-k-top[data-option] .sq-k-topfig[data-variant]:not(.is-current){opacity:.45}
html body .sq-katalog .sq-k-topfig.is-current figcaption{border-color:var(--k-blue);background:var(--k-blue);color:#fff}
html body .sq-k-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,6),minmax(0,1fr));gap:16px}
html body .sq-katalog .sq-k-cards img{border-radius:0}
html body .sq-k-downloads{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:56px 0 0;padding:40px 0 96px;border-top:1px solid var(--k-line)}
html body .sq-katalog .sq-k-download{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border:1px solid rgba(255,255,255,.7);border-radius:8px;color:var(--k-text);text-decoration:none;font-size:17px;line-height:1.3;transition:border-color .2s,color .2s}
html body .sq-katalog .sq-k-download:hover{border-color:var(--k-blue);color:#fff;background:var(--k-blue)}
html body .sq-katalog .sq-k-download:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* The catalogue content replaces the old story, construction view and previous/next blocks. */
html:not(.sq-katalog-yok) :is(.sprinqs-story,.sprinqs-top,.sprinqs-nav,.sq-detail-copy,.sq-catalog-navigation){display:none!important}
/* Product name larger, as in the sample page; long names scale down to stay on one line. */
html body .sq-catalog article .sq-detail-title h1.sq-name-xl,html body h1.sq-name-xl{font-size:min(clamp(56px,10vw,150px),calc(88vw / (var(--sq-name-len,8) * .56)))!important;line-height:1!important;letter-spacing:-.03em}
/* Product heroes are transparent, centred and uncropped from the first paint. */
html body .sprinqs-visual{background:transparent!important;border-color:transparent!important}
html body .sprinqs-visual:after{display:none}
html body .sprinqs-visual img{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;filter:none!important}
/* Frame options under the product image (Recep Bey's sample page): three cards, each with a close-up of the unit's corner.
   One card per row with the symbol beside the text, as on phones, so each description stays on one line at every
   width (Ayberk, item 19: tek satır açıklama; three cards side by side left ~169 px for a ~220 px line). */
html body .sq-frame-options{grid-column:2;display:grid;grid-template-columns:1fr;gap:10px;margin-top:-48px}
html body .sq-frame-option{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:center;min-height:44px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#12151b;color:#fff;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}
html body .sq-frame-option .sq-frame-symbol{display:block;width:100%;aspect-ratio:4/3;border-radius:8px;background:#0b0d11;overflow:hidden}
html body .sq-frame-symbol svg{display:block;width:100%;height:100%}
html body .sq-frame-symbol .c{fill:none;stroke:#aab2bd;stroke-width:1.6}
html body .sq-frame-symbol .f{fill:none;stroke:#f4f4f5}
html body .sq-frame-option[aria-pressed="true"] .sq-frame-symbol .f{stroke:#5b8cff}
html body .sq-frame-option .sq-frame-text{display:grid;gap:4px;padding:0 4px}
html body .sq-frame-option strong{font:500 17px/1.3 "Soin Sans Neue Medium",sans-serif}
html body .sq-frame-option small{font:15px/1.4 "Soin Sans Neue Roman",sans-serif;color:#c8cace}
html body .sq-frame-option:hover{border-color:rgba(255,255,255,.35)}
html body .sq-frame-option[aria-pressed="true"]{border-color:#0047DE;background:#0d1730;box-shadow:0 0 0 1px #0047DE inset}
html body .sq-frame-option:focus-visible{outline:2px solid #fff;outline-offset:3px}
html body .sprinqs-visual.sq-k-hero.sq-k-frame img{object-fit:contain!important;object-position:center!important;padding:0}
@media (max-width:809px){
 html body .sq-frame-options{grid-column:auto;order:-1;margin-top:-26px}
}
/* "Upload Your Spring Specifications" under "Request a Price". */
html body .sq-upload-spec{display:flex;align-items:center;justify-content:center;width:fit-content;min-height:44px;margin-top:12px;padding:0 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;text-decoration:none;font-size:15px;line-height:1.3}
html body .sq-upload-spec:hover{border-color:#0047DE;background:#0047DE}
@media (max-width:1024px){
 html body .sq-k-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:809px){
 html body .sq-katalog>section{width:calc(100% - 48px);padding-top:64px}
 html body .sq-k-inside,html body .sq-k-feature,html body .sq-k-feature.sq-k-reverse{grid-template-columns:1fr;gap:32px}
 html body .sq-k-feature.sq-k-reverse .sq-k-copy{order:2}
 html body .sq-k-top{margin-top:64px!important}
 html body .sq-k-top-grid{grid-template-columns:1fr;max-width:560px;gap:32px}
 html body .sq-k-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 html body .sq-katalog .sq-k-long{font-size:18px}
 html body .sq-k-downloads{padding-bottom:64px}

}

/* Recep, 21 Oct: "Bu Download Prime Edge kataloğu ortalanması gerekiyor mobillerde de." Words centred in the button; phones: both buttons one width, stacked in the middle. */
html body .sq-katalog .sq-k-download{text-align:center}
@media (max-width:809px){html body .sq-k-downloads{flex-direction:column;align-items:center}html body .sq-katalog .sq-k-download{width:100%;max-width:340px;box-sizing:border-box;text-align:center;padding:12px 20px}}