/* TTC / Tabarak — industrial editorial system */
:root{--pr-ink:#10213b;--pr-red:#1c4c91;--pr-line:#e3e5e6;--pr-soft:#f5f7fa;--pr-muted:#687078}html{scroll-behavior:smooth}body{background:#fff;color:var(--pr-ink)}img{max-width:100%}.container{width:min(1280px,90%)}.announce{background:#142942;font-size:11px;letter-spacing:.2px;padding:6px 0}.site-header{box-shadow:0 2px 15px #20252b08;border-bottom:1px solid var(--pr-line)}.site-header .nav{gap:22px;min-height:94px}.brand img{width:100px;height:50px;object-fit:contain}.site-header .brand span b{font-size:17px;letter-spacing:1px}.site-header .brand span small{font-size:10px;max-width:170px;line-height:1.7}.menu{font-size:12px}.menu>ul{gap:18px}.btn{border-radius:3px;font-weight:600;min-height:46px;gap:14px;box-shadow:none}.btn-red{background:var(--pr-red)}.btn-navy{background:var(--pr-ink)}.pr-skip{position:fixed;top:-100px;left:20px;z-index:99999;background:white;color:#222;padding:15px}.pr-skip:focus{top:10px}.pr-home h1,.pr-home h2,.pr-home h3{margin:0;font-weight:600;letter-spacing:-.7px;line-height:1.35}.pr-home h2{font-size:clamp(27px,3.1vw,43px)}.pr-home h3{font-size:21px}.pr-home p{color:var(--pr-muted);line-height:1.9}.pr-kicker{display:block;font-size:11px;font-weight:700;letter-spacing:2px;line-height:1.8;color:var(--pr-red);margin-bottom:18px;direction:ltr;text-align:start}.pr-section{padding:88px 0}.pr-soft{background:var(--pr-soft)}.pr-dark{background:#142942;color:#fff}.pr-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.pr-link{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:14px;line-height:1.8}.pr-link:hover{color:var(--pr-red)}.pr-hero{position:relative;background:#142942;color:white;min-height:660px;isolation:isolate;overflow:hidden}.pr-slide{position:relative;min-height:660px}.pr-slide[hidden]{display:none}.pr-slide-media{position:absolute;inset:0;z-index:-1}.pr-slide-media:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#0b1930f2 0%,#0b1930ba 36%,#0b193008 75%)}[dir=ltr] .pr-slide-media:after{background:linear-gradient(90deg,#0b1930f2,#0b1930ba 36%,#0b193008 75%)}.pr-slide-media img{width:100%;height:100%;object-fit:cover;display:block}.pr-product-media{inset:40px 47% 50px 3%;background:#f6f6f4;border-radius:4px}.pr-product-media img{object-fit:contain;padding:25px}.pr-product-media:after{display:none}[dir=ltr] .pr-product-media{inset:40px 3% 50px 47%}.pr-slide-inner{display:flex;align-items:center;min-height:590px;padding-top:40px;padding-bottom:80px}.pr-slide-copy{max-width:560px;width:47%}.pr-slide h1{font-size:clamp(35px,4.5vw,64px);line-height:1.35;letter-spacing:-1.3px}.pr-slide .pr-kicker{color:#376bb6}.pr-slide p{font-size:16px;color:#d5d9dc;max-width:490px;margin:23px 0 30px}.pr-slide .pr-link{color:white}.pr-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.pr-slider-controls{position:absolute;bottom:28px;left:0;right:0;display:flex;align-items:center;gap:22px}.pr-slide-status{font-size:12px;letter-spacing:2px;direction:ltr;min-width:65px}.pr-dots{display:flex;gap:8px;flex:1}.pr-dots button{width:50px;height:28px;display:flex;align-items:center;border:0;background:none;cursor:pointer;padding:0}.pr-dots button span{width:100%;height:2px;background:#ffffff50}.pr-dots button[aria-current=true] span{background:#2457a0;height:3px}.pr-arrows{display:flex;gap:8px;direction:ltr}.pr-arrows button{background:#ffffff0a;color:white;border:1px solid #ffffff45;width:39px;height:39px;font-size:17px;cursor:pointer}.pr-arrows button:hover{background:var(--pr-red)}.pr-trust{border-bottom:1px solid var(--pr-line);background:#fff}.pr-trust .container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:25px 0}.pr-trust span{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:500}.pr-trust svg{color:var(--pr-red);width:23px;height:23px;flex-shrink:0}.pr-families{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.pr-family{border:1px solid var(--pr-line);padding:22px;position:relative;background:white;transition:transform .2s,border-color .2s}.pr-family:hover{transform:translateY(-5px);border-color:var(--pr-red)}.pr-family-no{position:absolute;top:18px;inset-inline-end:18px;color:#93999e;font-size:11px;letter-spacing:1px}.pr-family-image{height:190px;display:grid;place-items:center;margin:22px 0}.pr-family-image img{max-height:180px;width:100%;object-fit:contain}.pr-family .pr-kicker{font-size:9px;margin-bottom:12px;letter-spacing:1.5px}.pr-family h3{font-size:22px}.pr-family-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--pr-line);padding-top:18px;margin-top:22px;font-size:12px}.pr-family-bottom b{color:var(--pr-red);font-size:21px}.pr-about{display:grid;grid-template-columns:1.05fr 1fr;gap:85px;align-items:center}.pr-about-image{background:#fff;position:relative;min-height:400px;display:grid;place-items:center}.pr-about-image>img{width:90%;max-height:350px;object-fit:contain}.pr-image-label{background:var(--pr-ink);color:white;position:absolute;bottom:0;inset-inline-start:0;padding:12px 23px;font-size:10px;letter-spacing:2px}.pr-about-points{display:grid;gap:12px;margin:25px 0;font-size:14px}.pr-about-points span:before{content:'+';color:var(--pr-red);margin-inline-end:12px}.pr-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.pr-product-grid .p-card{border-radius:3px}.pr-project{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.pr-dark p{color:#c0c5c9}.pr-dark .pr-kicker{color:#376bb6}.pr-steps>div{border-bottom:1px solid #ffffff25;padding:22px 0;display:flex;gap:27px}.pr-steps b{font-size:14px;color:#376bb6;font-weight:400}.pr-steps h3{font-size:19px}.pr-steps p{font-size:13px;margin:8px 0 0}.pr-resources{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pr-resource{border:1px solid var(--pr-line);padding:34px;position:relative;min-height:245px;transition:border-color .2s}.pr-resource:hover{border-color:var(--pr-red)}.pr-resource h3{font-size:25px}.pr-resource p{font-size:14px;padding-bottom:18px}.pr-resource-arrow{position:absolute;bottom:22px;inset-inline-end:28px;color:var(--pr-red);font-size:24px}.pr-faq-wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.pr-faq details{border-top:1px solid #d9dddf;padding:22px 0}.pr-faq summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:16px;list-style:none}.pr-faq summary::-webkit-details-marker{display:none}.pr-faq summary>span:last-child{color:var(--pr-red);font-size:20px}.pr-faq details p{font-size:14px}.pr-final{padding:70px 0;background:#ececea;border-bottom:4px solid var(--pr-red)}.pr-final h2{font-size:clamp(28px,3.5vw,46px);margin-bottom:27px}.nl-strip{background:#fff;border-top:1px solid var(--pr-line)}.site-footer{background:#10213b;color:#c9cdd1}.site-footer .brand{background:white;display:inline-flex;padding:10px;border-radius:2px}.site-footer .brand span{display:none}.pr-footer-links{font-size:12px}.pr-inner-hero{background:#142942;color:white;padding:65px 0;border-bottom:4px solid var(--pr-red)}.pr-inner-hero h1{font-size:clamp(32px,4vw,52px);margin:10px 0}.pr-inner-hero p{max-width:700px;color:#d1d6da}.pr-company-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.pr-company-grid img{max-height:420px;object-fit:contain;background:white}.pr-infobox{padding:28px;background:var(--pr-soft);border-inline-start:3px solid var(--pr-red);margin:20px 0}.pr-catalogue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.pr-catalogue-item{padding:25px;border:1px solid var(--pr-line);break-inside:avoid}.pr-catalogue-item>img{height:190px;width:100%;object-fit:contain}.pr-catalogue-item h2{font-size:20px}.pr-catalogue-item p{font-size:12px}.pr-catalogue-item small{display:block;color:var(--pr-red);margin:10px 0}.pr-catalogue-item .spec-table{font-size:11px}.pr-toolbar{display:flex;gap:15px;align-items:center;flex-wrap:wrap;padding:25px 0}.pr-toolbar label{display:flex;gap:12px;align-items:center}.pr-toolbar select{min-width:200px}.pr-page-actions{display:flex;gap:15px;flex-wrap:wrap}.pr-payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pr-payment-card{border:1px solid var(--pr-line);padding:30px}.pr-payment-card .pr-state{display:inline-block;padding:4px 12px;background:#edf3ed;color:#376944;font-size:11px}.pr-payment-card .pr-state.off{background:#f1f1ef;color:#666}.pr-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.pr-service{border:1px solid var(--pr-line);padding:30px}.pr-service svg{width:32px;height:32px;color:var(--pr-red)}.pr-service h2{font-size:23px}.pr-service p{font-size:14px}.pr-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0}.pr-facts div{padding:25px;background:var(--pr-soft);font-size:14px}.pr-facts strong{display:block;font-size:21px;margin-bottom:8px}.pr-print-only{display:none}:focus-visible{outline:3px solid #1c4c91;outline-offset:4px}@media(min-width:1100px){.shop-layout .shop-filters{border-radius:2px}.site-header .menu a{font-size:12px}}@media(max-width:1100px){.site-header .brand span{display:none}.pr-slide-copy{width:49%}.pr-slide h1{font-size:45px}.pr-about,.pr-project{gap:40px}.pr-families,.pr-product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.pr-section{padding:55px 0}.site-header .nav{min-height:76px}.pr-hero,.pr-slide{min-height:730px}.pr-slide-inner{min-height:680px;align-items:start;padding-top:35px}.pr-slide-copy{width:100%;max-width:100%}.pr-slide h1{font-size:34px;max-width:95%}.pr-slide p{font-size:14px;max-width:95%;margin:14px 0 20px}.pr-slide-media.pr-studio{inset:0}.pr-slide-media.pr-studio:after{background:linear-gradient(180deg,#0b1930fa 0%,#0b1930e6 48%,#0b193030 100%)}.pr-studio img{object-position:30% bottom}.pr-product-media,[dir=ltr] .pr-product-media{inset:auto 6% 90px 6%;height:245px;background:#f5f7fa}.pr-product-media img{padding:15px}.pr-slider-controls{bottom:23px;gap:12px}.pr-dots{gap:5px}.pr-dots button{width:24px}.pr-arrows button{width:33px;height:33px}.pr-trust .container{grid-template-columns:1fr 1fr;gap:20px}.pr-trust span{font-size:10px}.pr-heading{align-items:start;gap:20px}.pr-heading>.pr-link{max-width:110px;font-size:11px}.pr-family{padding:17px}.pr-family h3{font-size:18px}.pr-family-image{height:140px}.pr-family-image img{max-height:135px}.pr-family-bottom{font-size:10px}.pr-about,.pr-project,.pr-faq-wrap,.pr-company-grid{grid-template-columns:1fr;gap:30px}.pr-about-image{min-height:270px}.pr-about-image>img{max-height:250px}.pr-resources,.pr-service-grid,.pr-payment-grid{grid-template-columns:1fr}.pr-resource{min-height:210px}.pr-faq-wrap{gap:25px}.pr-catalogue-grid{grid-template-columns:1fr 1fr}.pr-catalogue-item{padding:16px}.pr-catalogue-item>img{height:135px}.pr-catalogue-item h2{font-size:16px}.pr-facts{grid-template-columns:1fr}.pr-final{padding:50px 0}.pr-actions{gap:16px}.pr-slide .pr-actions .btn{font-size:12px}.pr-home .pr-kicker{font-size:10px}.pr-trust{overflow:hidden}}@media(max-width:380px){.pr-families,.pr-product-grid,.pr-catalogue-grid{grid-template-columns:1fr}.pr-slide .pr-actions .pr-link{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{.site-header,.announce,.site-footer,.nl-strip,.float-actions,.mobile-bar,.pr-toolbar,.pr-page-actions,.pr-no-print,.pr-skip{display:none!important}.container{width:100%;max-width:100%}.pr-section{padding:20px 0}.pr-inner-hero{padding:15px 0;background:#fff!important;color:#222}.pr-inner-hero p{color:#444}.pr-print-only{display:block}.pr-catalogue-grid{grid-template-columns:1fr 1fr}.pr-catalogue-item{page-break-inside:avoid}.pr-company-grid{display:block}body{background:white!important;color:black!important}.pr-infobox{border:1px solid #aaa}a{color:inherit!important;text-decoration:none}.pr-company-grid img{max-height:220px}.pr-facts{grid-template-columns:repeat(3,1fr)}.pr-resource{min-height:180px}@page{size:A4;margin:14mm}}

.pr-search{border-bottom:1px solid var(--pr-line);padding:28px 0}.pr-search>.container{display:flex;justify-content:space-between;align-items:center;gap:35px}.pr-search h2{font-size:21px}.pr-search .pr-kicker{font-size:9px;margin-bottom:7px}.pr-search .live-search{position:relative;display:flex;gap:10px;width:50%}.pr-search input{min-width:0;flex:1;background:#f5f7fa;border:1px solid #dedfe0;padding:13px;font-family:inherit;border-radius:2px}.pr-search .ls-results{position:absolute;top:100%;inset-inline-start:0;inset-inline-end:0;z-index:50}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.pr-search>.container{display:block}.pr-search .live-search{width:100%;margin-top:18px}.pr-search .btn{padding-inline:16px}}@media print{.pr-search{display:none}}
.nl-strip{color:var(--pr-ink)}.nl-strip p,.nl-strip .nl-consent{color:#616970}.pr-slide-status{white-space:nowrap}.pr-catalogue-item .spec-table th{width:40%}
@media(max-width:760px){.pr-slider-controls{bottom:85px}.pr-slider-controls .pr-arrows{margin-inline-end:48px}}

@media print{.wa,.mbar,.pr-inner-hero button,.pr-inner-hero .pr-page-actions,.pr-inner-hero p,.cdrawer{display:none!important}.pr-inner-hero h1{font-size:28px}.pr-catalogue-item>img{height:145px}.pr-catalogue-item .spec-table{font-size:10px}.pr-catalogue-item .spec-table th,.pr-catalogue-item .spec-table td{padding:7px}}
/* Image-rich TTC edition */
.pr-resource-photo,.pr-service-photo{overflow:hidden;padding-top:0}.pr-resource-cover,.pr-service-cover{display:block;width:calc(100% + 68px);max-width:none;height:205px;margin:0 -34px 27px;object-fit:cover;background:#f4f4f1}.pr-resource-cover.pr-contain{object-fit:contain;padding:15px}.pr-service-cover{width:calc(100% + 60px);height:195px;margin:0 -30px 25px}.pr-resource-photo .pr-kicker{margin-top:0}.pr-resource-photo{min-height:405px}.pr-about-image>img{width:100%;height:410px;max-height:none;object-fit:cover}.pr-project-cover{width:100%;height:210px;object-fit:cover;margin-bottom:25px;border-bottom:3px solid var(--pr-red)}.pr-faq-photo{display:block;width:100%;height:185px;object-fit:contain;background:white;margin-top:24px}.pr-company-grid .pr-company-photo{height:390px;max-height:none;width:100%;object-fit:cover}.pr-final-photo{background-image:linear-gradient(90deg,#ececeaf5,#ececeae8),url('../img/ttc-studio.webp');background-size:cover;background-position:center}.pr-cover-hero{position:relative;isolation:isolate;overflow:hidden;min-height:290px;display:flex;align-items:center}.pr-cover-hero:before{content:'';position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center;opacity:.42}.pr-cover-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#10213bf5,#10213bba 55%,#10213b25)}[dir=ltr] .pr-cover-hero:after{background:linear-gradient(90deg,#10213bf5,#10213bba 55%,#10213b25)}.pr-cover-company:before,.pr-cover-services:before{background-image:url('../img/ttc-engineering.webp')}.pr-cover-resources:before,.pr-cover-payment:before{background-image:url('../img/ttc-documents.webp')}.pr-cover-catalogue:before{background-image:url('../img/ttc-studio.webp')}.pr-library-visual{height:260px;overflow:hidden;background:#f2f3f2}.pr-library-visual img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.empty-state:before{content:'';display:block;width:160px;height:100px;margin:0 auto 18px;background:url('../../uploads/shop/fittings-2026.webp') center/contain no-repeat}.pr-product-media img{padding:0}.pr-product-media{overflow:hidden}.pr-resource-cover,.pr-service-cover,.pr-family-image img{transition:transform .3s}.pr-resource-photo:hover .pr-resource-cover,.pr-service-photo:hover .pr-service-cover{transform:scale(1.025)}@media(max-width:760px){.pr-about-image>img,.pr-company-grid .pr-company-photo{height:290px}.pr-project-cover{height:190px}.pr-resource-cover,.pr-service-cover{height:190px}.pr-library-visual{height:180px}.pr-cover-hero{min-height:260px}.pr-faq-photo{height:160px}.pr-resource-photo{min-height:385px}}@media print{.pr-cover-hero:before,.pr-cover-hero:after,.pr-project-cover,.pr-faq-photo,.pr-library-visual,.empty-state:before{display:none!important}.pr-cover-hero{min-height:0}.pr-resource-cover{height:120px}.pr-company-grid .pr-company-photo{height:210px}.pr-resource-photo{min-height:0}.pr-final-photo{background:white}}