.benefits{margin:0 6%;padding:28px 0;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #dfe9f3;gap:20px}.benefits>div{display:grid;grid-template-columns:45px 1fr;align-items:center}.benefits span{grid-row:span 2;color:#26739e;font:600 25px Arial}.benefits b{font-size:13px}.benefits small{color:var(--muted);font-size:11px}.catalog{padding:55px 6% 65px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}h2{font-size:27px;line-height:1.6;margin:6px 0 20px;font-weight:900}.search{background:white;border:1px solid #dae6f0;display:flex;gap:10px;padding:7px 14px;border-radius:10px;align-items:center}.search span{font-size:26px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0 20px}.sample-note{font-size:11px;color:var(--muted);line-height:1.9}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin-top:23px}.card{overflow:hidden;border:1px solid #e2ebf3;border-radius:17px;background:white;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 14px 32px #183a6110}.photo{position:relative;height:210px;background:#e8f3fc;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:hover img{transform:scale(1.04)}.tag{position:absolute;top:12px;right:12px;background:#fffffff0;border-radius:6px;padding:4px 11px;font-size:10px;font-weight:700}.card-content{padding:18px}.card h3{font-size:16px;margin:0 0 5px}.weight{color:var(--muted);font-size:11px;margin:0 0 20px}.card-bottom{display:flex;justify-content:space-between;align-items:center}.price{font:800 25px Arial;color:var(--navy)}.price small{font:500 10px Cairo}.add{background:#eaf5ff;color:var(--blue);padding:9px 16px;border-radius:9px;font-size:12px;font-weight:800}.add:hover{background:var(--blue);color:white}.story{margin:0 6% 65px;background:#eaf6fd;border-radius:22px;padding:40px 5%;display:grid;grid-template-columns:1fr 1fr;gap:35px}.story p{font-size:12px;color:var(--muted)}.story ol{margin:0;list-style:none;counter-reset:steps;padding:0}.story li{counter-increment:steps;position:relative;padding:8px 50px 16px 0}.story li:before{content:counter(steps);position:absolute;right:0;top:6px;width:32px;height:32px;background:white;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-weight:800}.story li b{display:block;font-size:13px}.story li span{font-size:11px;color:var(--muted)}footer{background:var(--navy);color:white;padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p{font-size:12px}footer small{font-size:10px;color:#abc4de}.overlay{position:fixed;inset:0;background:#041a37a8;z-index:19;backdrop-filter:blur(3px)}.drawer{position:fixed;left:0;top:0;height:100dvh;width:min(450px,100%);z-index:20;background:white;padding:24px;overflow:auto;box-shadow:15px 0 80px #0002}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head h2{font-size:23px}.cart-row{display:grid;grid-template-columns:65px 1fr auto;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid #e4edf5}.cart-row img{width:65px;height:65px;object-fit:cover;border-radius:9px}.cart-row b{font-size:12px}.cart-row small{display:block;font-size:11px;color:var(--muted)}.qty{display:flex;align-items:center;gap:10px;margin-top:7px}.qty span{font:600 13px Arial}.remove{background:transparent;color:#a14b52;font-size:10px}.totals{display:flex;justify-content:space-between;padding:22px 0;font-size:16px;font-weight:800}.wide{width:100%}.cart-empty{text-align:center;padding:60px 15px;color:var(--muted)}dialog{border:0;border-radius:18px;width:min(520px,95%);max-height:90dvh;padding:27px;color:var(--navy)}dialog::backdrop{background:#041a37b8;backdrop-filter:blur(3px)}form>label{display:block;font-size:12px;font-weight:700;margin:15px 0}fieldset{border:1px solid #d9e5ef;border-radius:9px;font-size:12px}legend{font-weight:700}.radio{display:flex;align-items:center;gap:8px;padding:9px 0;flex-wrap:wrap}.disabled{color:#617189}.radio small{font-size:9px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--navy);color:white;padding:12px 25px;border-radius:12px;box-shadow:0 6px 25px #0002;z-index:40;font-size:13px;transition:transform .2s;white-space:nowrap}#toast.show{transform:translateX(-50%) translateY(0)}#confirmation h2{color:var(--blue)}#confirmation ul{padding-right:20px;font-size:13px}#confirmation p{font-size:12px;line-height:2}@media (min-width:1500px){footer{padding-left:max(6%,calc((100vw - 1400px)/2));padding-right:max(6%,calc((100vw - 1400px)/2))}}@media (max-width:800px){.benefits{gap:10px}.benefits>div{grid-template-columns:30px 1fr}.benefits b{font-size:11px}.benefits small{font-size:9px}.grid{grid-template-columns:repeat(2,1fr);gap:15px}.photo{height:185px}.section-head{align-items:flex-start}h2{font-size:23px}.story{padding:28px;gap:20px}}@media (max-width:520px){.benefits{grid-template-columns:1fr;gap:18px;padding:24px 10px}.benefits>div{grid-template-columns:40px 1fr}.benefits b{font-size:12px}.benefits small{font-size:10px}.catalog{padding-top:32px}.section-head{display:block}.search{margin-bottom:20px}.filters{gap:6px}.photo{height:145px}.card-content{padding:12px}.card h3{font-size:12px}.card-bottom{align-items:flex-start;gap:10px;flex-direction:column}.price{font-size:23px}.add{width:100%;font-size:11px}.weight{margin-bottom:12px;font-size:10px}.story{grid-template-columns:1fr;padding:25px}.grid{gap:10px}.sample-note{font-size:10px}footer{padding:30px 7%}}.approved-fascia{margin:35px 6% 0;padding:0;overflow:visible}.approved-fascia img{display:block;width:100%;height:auto;object-fit:contain;border-radius:10px}.footer-brand img{display:block;width:200px;height:auto;object-fit:contain;border-radius:0}.footer-brand span{margin-top:8px}@media (max-width:520px){.approved-fascia{margin-top:22px}}.install-card{margin:28px 6% 0;padding:22px 28px;border-radius:16px;background:#e6f5fd;border:1px solid #cce6f6;display:flex;align-items:center;justify-content:space-between;gap:20px}.install-card b{font-size:15px}.install-card p{margin:5px 0 0;font-size:12px;color:var(--muted)}#installHelp p,#installHelp li{font-size:13px;line-height:2.2}#installHelp li{margin:12px 0}#installHelp .drawer-head h2{font-size:21px}@media (max-width:600px){.install-card{padding:20px;flex-direction:column;align-items:stretch}}.card-content,.cart-row>div,.km-txt,.kmp-product>div,.kmp-foot>div,.story>div{min-width:0}.card h3,.cart-row b,.km-txt h3,.kmp-product h3,.kmp-foot b,.totals span{overflow-wrap:anywhere}.cart-row .qty{flex-wrap:wrap}.kmp-foot small{max-width:100%;overflow-wrap:anywhere}.totals{gap:12px}.totals span:last-child{text-align:end}.kmp-tools-bottom{flex-wrap:wrap}@media (max-width:400px){.cart-row .kmp-cart-total{max-width:85px}.kmp-actions{width:150px}}.photo picture{display:block;width:100%;height:100%}.cart-row picture{display:block;width:65px;height:65px}.cart-row picture img{display:block}
