/* TASK302 · categories team: LIVE archive blocks inside the designer's category templates (brand.php, cathub.php,
   shop-archive.php, acccat.php), in his language. Scoped to body.t302c-page (our pages only). */

/* hero: LIVE eyebrow on its own line, LIVE intro as the lead (rich text, links kept) */
.t302c-page .t302c-eb{display:flex;width:fit-content;margin-top:18px}
.t302c-page .bp-org + .t302c-eb{margin-top:16px}
.t302c-page .t302c-lead{max-width:640px}
.t302c-page .t302c-lead .t302c-intro > :last-child,.t302c-page .t302c-lead p:last-child{margin-bottom:0}
.t302c-page .t302c-lead p{margin:0 0 12px}
.t302c-page .t302c-lead a{color:#E6CF9A;text-decoration:underline;text-decoration-color:rgba(230,207,154,.45);text-underline-offset:4px}
.t302c-page .t302c-lead a:hover{color:#F6E3B0}
.t302c-page .bp-lead + .t302c-lead{margin-top:14px}
.t302c-page .k-lead.t302c-lead{max-width:640px}
.t302c-page .t302c-stats{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:10px;margin-top:28px}
.t302c-page .t302c-stats .bp-stat{min-width:0;padding:14px 18px}
.t302c-page .t302c-stats .bp-stat b{font-size:26px;text-align:right}
.t302c-page .t302c-stats .bp-stat b small{display:block;margin-top:4px;font-size:12px;font-weight:600;letter-spacing:0;color:rgba(251,248,242,.6)}
.t302c-page .ch-stats span{white-space:nowrap}
.t302c-page .t302c-logo{display:block;height:34px;width:auto;margin:0 0 18px;padding:7px 14px;border-radius:12px;background:rgba(251,248,242,.92)}

/* LIVE's own FAQ blocks inside the stored category text (FLORIM, K STONE, SAPIENSTONE, COVERLAM): shown, as on LIVE */
.t302c-page .bp-prose .jmsb-faq{display:block;max-width:none;margin:34px 0 8px}
.t302c-page .bp-prose .jmsb-faq > h2{margin:0 0 14px}
.t302c-page .bp-prose .jmsb-faq-list{display:flex;flex-direction:column;gap:0;border-top:1px solid rgba(28,23,18,.1)}
.t302c-page .bp-prose .jmsb-faq-item{border:0;border-bottom:1px solid rgba(28,23,18,.1);background:none;border-radius:0}
.t302c-page .bp-prose .jmsb-faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 0;font-size:16.5px;font-weight:700;color:#1C1712}
.t302c-page .bp-prose .jmsb-faq-item summary::-webkit-details-marker{display:none}
.t302c-page .bp-prose .jmsb-faq-item summary::after{content:"+";flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(28,23,18,.16);font-size:18px;font-weight:400;color:#8A6A35}
.t302c-page .bp-prose .jmsb-faq-item[open] summary::after{content:"\2013";background:#1C1712;color:#E6CF9A;box-shadow:none}
.t302c-page .bp-prose .jmsb-faq-a{padding:0 0 18px}
.t302c-page .bp-prose .jmsb-faq-a p{margin:0;color:rgba(28,23,18,.72)}

/* stored category text: tables, short lists, model index in the designer's palette */
.t302c-page .bp-prose .jmsb-cat-table-wrap,.t302c-page .bp-prose .jmsb-spec-wrap,.t302c-page .bp-prose .jmsb-cmp-wrap{border:0;border-radius:18px;box-shadow:inset 0 0 0 1px rgba(28,23,18,.08);background:#FBF8F2;overflow-x:auto;margin:14px 0 26px}
.t302c-page .bp-prose table{border:0;background:none;font-size:15px}
.t302c-page .bp-prose table thead th{background:rgba(185,143,69,.1);color:#1C1712;font-family:inherit;font-weight:700}
.t302c-page .bp-prose table th,.t302c-page .bp-prose table td{border-bottom:1px solid rgba(28,23,18,.07);color:rgba(28,23,18,.78)}
.t302c-page .bp-prose .jmsb-shortlist{gap:12px}
.t302c-page .bp-prose .jmsb-sl-item{border:0;border-radius:18px;background:#FBF8F2;box-shadow:inset 0 0 0 1px rgba(28,23,18,.07)}
.t302c-page .bp-prose .jmsb-sl-item .jmsb-sl-label{color:#8A6A35}
.t302c-page .bp-prose .jmsb-mindex{border:0;border-radius:22px;background:#FBF8F2;box-shadow:inset 0 0 0 1px rgba(28,23,18,.07)}
.t302c-page .bp-prose .jmsb-mindex .mi-codes a b{font-family:inherit;color:#8A6A35}
.t302c-page .bp-prose .arch-parentlink,.t302c-page .bp-prose .arch-brandsource{color:rgba(28,23,18,.7)}

/* "כל דגמי השיש": LIVE's material navigation as three cards */
.t302c-page .t302c-mn > h2{margin:0;font-size:clamp(28px,3.2vw,42px);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:#1C1712}
.t302c-page .t302c-mn > p{margin:14px 0 0;max-width:720px;font-size:16px;line-height:1.8;font-weight:300;color:rgba(28,23,18,.72)}
.t302c-page .t302c-mn{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.t302c-page .t302c-mn > h2,.t302c-page .t302c-mn > p{grid-column:1 / -1}
.t302c-page .t302c-mn > p{margin-bottom:10px}
.t302c-page .t302c-mn .mnav-group{padding:22px 24px 6px;border-radius:24px;background:linear-gradient(180deg,#FDFBF7,#F8F3EA);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(28,23,18,.06),0 30px 60px -40px rgba(80,55,15,.45)}
.t302c-page .t302c-mn .mnav-group h3{margin:0 0 12px;font-size:19px;font-weight:800;color:#1C1712}
.t302c-page .t302c-mn .mnav-group h3 a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(185,143,69,.5)}
.t302c-page .t302c-mn .mnav-group h3 a:hover{color:#8A6A35}
.t302c-page .t302c-mn .mnav-links a{background:#fff}
.t302c-page .t302c-mn .mnav-links a:hover{box-shadow:inset 0 0 0 1px #B98F45;color:#8A6A35 !important}

/* FAQ: LIVE questions as headings, button looks as the designer's */
.t302c-page h3.t302c-qh,.t302c-page h3.bp-qh{margin:0;font:inherit}

/* closing band on the brand page: the designer's dark banner card */
.t302c-page .t302c-sec{padding:26px 0 70px}
.t302c-page .t302c-mnsec{padding:56px 0 10px}
.t302c-page .t302c-ctabox{min-height:0}
.t302c-page .t302c-cta-h{margin:12px 0 0;font-size:clamp(26px,3vw,38px);font-weight:800;line-height:1.2;color:#FBF8F2}
.t302c-page .t302c-cta-h em,.t302c-page .k-dk .k-h2 em{font-style:normal}
.t302c-page .t302c-cta-h em{font-weight:300;color:#E6CF9A}
.t302c-page .t302c-cta-p{margin:14px 0 0;max-width:560px;font-size:16px;line-height:1.75;font-weight:300;color:rgba(251,248,242,.78)}
.t302c-page .t302c-cta-btns{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px}
.t302c-page .k-lead .t302c-cta-p{margin:0;max-width:none;color:inherit;font-size:inherit}
.t302c-page .k-dk .t302c-ph{color:#FBF8F2;box-shadow:inset 0 0 0 1px rgba(251,248,242,.25);background:rgba(255,255,255,.05)}
.t302c-page .bp-bn .bp-btn.o{color:#FBF8F2}

/* fixture card (the designer's sinks card) whose one link is the stretched one */
.t302c-page .t302c-ac{position:relative;color:#1C1712}
.t302c-page .t302c-ac:focus-within{outline:3px solid #B98F45;outline-offset:3px}

@media (max-width:900px){
	.t302c-page .t302c-mn{grid-template-columns:1fr}
	.t302c-page .t302c-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
	.t302c-page .t302c-stats .bp-stat{padding:12px 14px}
}
@media (max-width:560px){
	.t302c-page .t302c-stats .bp-stat b{font-size:22px}
	.t302c-page .t302c-sec{padding:16px 0 46px}
	.t302c-page .t302c-cta-btns .bp-btn,.t302c-page .t302c-cta-btns .k-btn{flex:1 1 auto}
}

/* closing band buttons: no link underline from the a11y layer */
.t302c-page .t302c-cta-btns a,.t302c-page .t302c-cta-btns a:hover{text-decoration:none}

/* ---- round 2 (owner 4.11.2026): the designer's restored blocks, mobile fit ---- */
/* in-grid photo banner: the three steps take the full width under the button on phones (no empty half) */
@media (max-width:760px){
	.t302c-page .bp-bn-steps{justify-self:stretch}
	.t302c-page .bp-bn-steps span{height:52px}
	.t302c-page .bp-bn-row{width:100%}
	/* section text links ("למדריך המלא בבלוג", "לכל המותגים", "למדריך המלא"): a full tap target */
	.t302c-page :is(.ch-guide .k-link,.k-sh .k-link,.bp-gh .bp-all){display:inline-flex;align-items:center;min-height:44px}
}
/* stored category text chips (/shop/ "על הקטגוריה", כל דגמי השיש): a full tap target */
.t302c-page .bp-prose .mnav-links a{min-height:44px}
/* LIVE's closing band card on the k pages: no extra top space after the 8 models */
.t302c-page .t302c-ctak{padding-top:10px}
/* the designer's reviews swipe row is focusable (kit.php, a11y): visible focus ring */
.k-g3[tabindex]:focus-visible{outline:2px solid #B98F45;outline-offset:4px;border-radius:14px}