500;600&family=Noto+Serif+Hebrew:wght@400;500&display=swap');
    #roof-products{--vt-bg:#070a0c;--vt-surface:#0d1419;--vt-text:#f7f5ef;--vt-sub:#a6adb0;--vt-line:rgba(255,255,255,.13);--vt-gold:#caa66c;font-family:"Heebo",Arial,sans-serif;color:var(--vt-text);font-size:16px;line-height:1.6;width:100%;text-align:start;color-scheme:dark}
    #roof-products *{box-sizing:border-box}
    #roof-products button{font:inherit;touch-action:manipulation}
    #roof-products .vt-preview-label{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 0;color:var(--vt-sub);font-size:13px}
    #roof-products .vt-window{background:var(--vt-bg);overflow:hidden}
    #roof-products .vt-header{background:#070a0c;color:#f7f5ef;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 38px;border-bottom:1px solid var(--vt-line)}
    #roof-products .vt-logo{font-size:27px;font-weight:600;letter-spacing:-.9px;direction:ltr;line-height:1.15}
    #roof-products .vt-logo span{color:#d6b577}
    #roof-products .vt-logo small{display:block;font-size:9px;font-weight:400;letter-spacing:3.6px;color:#c4cdd5;margin-top:7px}
    #roof-products .vt-nav{display:flex;gap:24px;color:#c7d1db;font-size:14px;align-items:center}
    #roof-products .vt-nav strong{font-weight:500;color:#e1c38d;border-bottom:1px solid #d8b578;padding-bottom:3px}
    #roof-products .vt-main{padding:42px 38px 40px}
    #roof-products .vt-eyebrow{color:var(--vt-gold);font-size:12px;letter-spacing:2px;font-weight:700;direction:ltr;text-align:start;margin:0 0 8px}
    #roof-products h2{font-family:"Noto Serif Hebrew",Georgia,serif;font-size:32px;line-height:1.4;margin:0 0 12px;font-weight:400;color:var(--vt-text)}
    #roof-products .vt-intro{margin:0 0 22px;color:var(--vt-sub);font-size:16px}
    #roof-products .vt-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}
    #roof-products .vt-choice{display:flex;align-items:center;gap:12px;border:1px solid var(--vt-line);background:var(--vt-surface);color:var(--vt-text);padding:12px;min-width:0;text-align:start;border-radius:2px}
    #roof-products .vt-choice[aria-pressed="true"]{border:2px solid var(--vt-gold);padding:11px;background:var(--vt-surface)}
    #roof-products .vt-choice img{width:78px;height:65px;object-fit:contain;background:#fff;border-radius:2px}
    #roof-products .vt-choice strong{display:block;font-size:16px;font-weight:600}
    #roof-products .vt-choice small{display:block;font-size:12px;color:var(--vt-sub)}
    #roof-products .vt-choice b{display:block;color:var(--vt-gold);font-size:14px;font-weight:600;direction:ltr;text-align:start}
    #roof-products .vt-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:34px;align-items:center;padding:20px 0 28px}
    #roof-products #vt-title{font-family:"Noto Serif Hebrew",Georgia,serif;font-size:35px;font-weight:400;line-height:1.4;letter-spacing:-.5px;margin:12px 0 18px;color:var(--vt-text)}
    #roof-products .vt-description{color:var(--vt-sub);margin:0;font-size:16px;line-height:1.8}
    #roof-products .vt-tag{font-size:12px;letter-spacing:.6px;color:var(--vt-gold);padding:5px 9px;border:1px solid var(--vt-line);display:inline-block}
    #roof-products .vt-metrics{display:flex;margin:22px 0 20px;border-top:1px solid var(--vt-line);border-bottom:1px solid var(--vt-line);padding:15px 0}
    #roof-products .vt-metric{flex:1;padding:0 12px;border-inline-end:1px solid var(--vt-line);min-width:0}
    #roof-products .vt-metric:first-child{padding-inline-start:0}
    #roof-products .vt-metric:last-child{border:0}
    #roof-products .vt-metric b{display:block;font-size:26px;font-weight:500;line-height:1.3;direction:ltr;text-align:start;white-space:nowrap}
    #roof-products .vt-metric small{font-size:12px;color:var(--vt-sub);display:block;margin-top:4px}
    #roof-products .vt-color-title{font-size:14px;font-weight:500;margin-bottom:9px}
    #roof-products .vt-colors{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
    #roof-products .vt-color-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:46px;min-height:66px;padding:7px 5px;border:0;border-radius:2px;background:transparent;color:var(--vt-sub);font-size:12px}
    #roof-products .vt-color-option[aria-pressed="true"]{color:var(--vt-gold);background:var(--vt-surface)}
    #roof-products .vt-color{width:28px;height:28px;border:3px solid var(--vt-surface);border-radius:50%;box-shadow:0 0 0 1px #697075;display:block}
    #roof-products .vt-color-option[aria-pressed="true"] .vt-color{box-shadow:0 0 0 2px var(--vt-gold)}
    #roof-products .vt-color-selection{color:var(--vt-gold);font-weight:500}
    #roof-products .vt-color-label{font-size:12px;color:var(--vt-sub);margin:8px 0 0;line-height:1.6}
    #roof-products .vt-cta{border:0;background:#cfad6e;color:#132030;padding:12px 22px;font-weight:600;font-size:15px;border-radius:2px;margin-top:20px}
    #roof-products .vt-figure{margin:0;background:#fff;border:1px solid var(--vt-line);padding:12px;position:relative;min-width:0}
    #roof-products .vt-figure img{display:block;width:100%;height:335px;object-fit:contain}
    #roof-products .vt-image-caption{color:#68737d;display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:8px 4px 0}
    #roof-products .vt-image-brand{font-weight:700;letter-spacing:1.6px;color:#21344a}
    #roof-products .vt-detail-tabs{display:flex;gap:26px;border-top:1px solid var(--vt-line);border-bottom:1px solid var(--vt-line);margin-bottom:22px;flex-wrap:wrap}
    #roof-products .vt-detail-tab{background:transparent;color:var(--vt-sub);border:0;padding:16px 0 13px;font-size:15px;border-bottom:3px solid transparent}
    #roof-products .vt-detail-tab[aria-selected="true"]{color:var(--vt-text);font-weight:600;border-bottom-color:var(--vt-gold)}
    #roof-products .vt-panel{min-height:200px}
    #roof-products [hidden]{display:none!important}
    #roof-products .vt-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
    #roof-products h3{font-size:18px;color:var(--vt-text);font-weight:600;margin:0 0 12px}
    #roof-products .vt-spec-table{width:100%;border-collapse:collapse;font-size:14px}
    #roof-products .vt-spec-table td{padding:11px 0;border-bottom:1px solid var(--vt-line);vertical-align:top}
    #roof-products .vt-spec-table td:first-child{width:49%;color:var(--vt-sub);padding-inline-end:12px}
    #roof-products .vt-spec-table td:last-child{font-weight:500}
    #roof-products .vt-spec-note{color:var(--vt-sub);font-size:12px;line-height:1.7;margin:18px 0 0}
    #roof-products .vt-copy{font-size:15px;color:var(--vt-sub);line-height:1.85;margin:0 0 16px}
    #roof-products .vt-install{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
    #roof-products .vt-install img{width:100%;height:265px;object-fit:cover;display:block}
    #roof-products .vt-install figure{margin:0}
    #roof-products .vt-install figcaption{font-size:12px;color:var(--vt-sub);margin-top:8px}
    #roof-products .vt-points{margin:0;padding-inline-start:19px;color:var(--vt-sub);font-size:15px}
    #roof-products .vt-points li{margin-bottom:9px}
    #roof-products .vt-warranty{display:grid;grid-template-columns:160px 1fr;gap:30px}
    #roof-products .vt-years{font-size:65px;color:var(--vt-gold);line-height:1;font-weight:400;margin-bottom:10px}
    #roof-products .vt-years-label{font-size:14px;color:var(--vt-sub)}
    #roof-products .vt-contact{border-top:1px solid var(--vt-line);margin-top:22px;padding-top:20px}
    #roof-products .vt-contact-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
    #roof-products .vt-contact-row b{direction:ltr;unicode-bidi:isolate;font-weight:500}
    #roof-products .vt-footer{background:#070a0c;border-top:1px solid var(--vt-line);color:#a6adb0;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:25px 38px;font-size:13px;flex-wrap:wrap}
    #roof-products .vt-footer strong{color:#d8b777;letter-spacing:2px;direction:ltr}
    #roof-products .vt-calc{margin:24px 0 34px;padding:30px 0 28px;border-top:1px solid var(--vt-gold);border-bottom:1px solid var(--vt-line)}
    #roof-products .vt-calc-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:25px}
    #roof-products .vt-calc-heading h2{font-size:27px;margin:6px 0 0}
    #roof-products .vt-calc-kicker{font-size:11px;letter-spacing:2px;color:var(--vt-gold);direction:ltr;display:block;text-align:start}
    #roof-products .vt-calc-draft{font-size:12px;color:var(--vt-sub);margin-bottom:4px}
    #roof-products .vt-calc-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-bottom:11px}
    #roof-products .vt-calc-field{display:block;color:var(--vt-sub);font-size:13px;min-width:0}
    #roof-products .vt-calc-field>span{display:block;margin-bottom:8px}
    #roof-products .vt-calc-field input,#roof-products .vt-calc-field select{display:block;width:100%;min-width:0;font:inherit;font-size:16px;background:#0d1419;color:var(--vt-text);border:1px solid #495157;padding:12px 14px;border-radius:0;height:50px}
    #roof-products .vt-calc-field input{font-size:21px;font-weight:500;direction:ltr;text-align:start;font-variant-numeric:tabular-nums}
    #roof-products .vt-calc-help{font-size:12px;color:var(--vt-sub);margin:0 0 22px}
    #roof-products .vt-calc-results{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:21px 0 23px;border-top:1px solid var(--vt-line);border-bottom:1px solid var(--vt-line)}
    #roof-products .vt-calc-result{min-width:0}
    #roof-products .vt-calc-result+.vt-calc-result{border-inline-start:1px solid var(--vt-line);padding-inline-start:24px}
    #roof-products .vt-calc-result-label{display:block;font-size:14px;color:#e9e5dc}
    #roof-products .vt-calc-number{display:inline-flex;gap:9px;align-items:baseline;margin:7px 0;color:var(--vt-gold);line-height:1.25}
    #roof-products .vt-calc-number b{font-size:43px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-1px}
    #roof-products .vt-calc-number span{font-size:15px;color:#e9e5dc}
    #roof-products .vt-calc-result small{display:block;color:var(--vt-sub);font-size:12px}
    #roof-products .vt-calc-error{color:#ffb4a8;font-size:14px;margin:8px 0}
    #roof-products .vt-calc-note{color:var(--vt-sub);font-size:12px;line-height:1.75;margin:15px 0 0}
    #roof-products .vt-calc details{margin-top:10px;color:var(--vt-sub);font-size:12px}
    #roof-products .vt-calc summary{color:#e9e5dc;width:fit-content;min-height:35px;padding:5px 0}
    #roof-products .vt-calc details p{margin:7px 0;max-width:760px}
    #roof-products .vt-calc-method{font-variant-numeric:tabular-nums}
    @media(max-width:560px){#roof-products .vt-calc{padding-top:24px}#roof-products .vt-calc-heading h2{font-size:24px}#roof-products .vt-calc-controls{grid-template-columns:1fr 1fr;gap:12px}#roof-products .vt-calc-field:first-child{grid-column:1/-1}#roof-products .vt-calc-results{gap:14px}#roof-products .vt-calc-result+.vt-calc-result{padding-inline-start:14px}#roof-products .vt-calc-number b{font-size:34px}#roof-products .vt-calc-number span{font-size:13px}#roof-products .vt-calc-result-label{font-size:13px}}
    @media(max-width:760px){#roof-products .vt-header{padding:20px}#roof-products .vt-main{padding:24px 20px}#roof-products .vt-nav{gap:14px;font-size:13px}#roof-products .vt-choice{display:block;padding:10px}#roof-products .vt-choice[aria-pressed="true"]{padding:9px}#roof-products .vt-choice img{width:100%;height:75px}#roof-products .vt-choice strong{font-size:14px}#roof-products .vt-choice small{font-size:11px}#roof-products .vt-hero{gap:20px}#roof-products #vt-title{font-size:29px}#roof-products .vt-figure img{height:280px}#roof-products .vt-metric b{font-size:22px}#roof-products .vt-detail-tabs{gap:20px}#roof-products .vt-detail-tab{font-size:13px}}
    @media(max-width:560px){#roof-products .vt-nav{display:none}#roof-products .vt-main{padding:22px 16px}#roof-products .vt-header{padding:22px 16px}#roof-products .vt-logo{font-size:24px}#roof-products h2{font-size:26px}#roof-products .vt-picker{gap:7px}#roof-products .vt-choice small{display:none}#roof-products .vt-choice strong{font-size:12px}#roof-products .vt-choice b{font-size:12px}#roof-products .vt-hero{grid-template-columns:1fr;padding-top:0}#roof-products .vt-figure{grid-row:1}#roof-products .vt-figure img{height:220px}#roof-products .vt-spec-grid,#roof-products .vt-install{grid-template-columns:1fr;gap:24px}#roof-products .vt-detail-tabs{gap:8px;justify-content:space-between}#roof-products .vt-detail-tab{font-size:12px;max-width:32%;padding:12px 0}#roof-products .vt-warranty{grid-template-columns:90px 1fr;gap:16px}#roof-products .vt-years{font-size:54px}#roof-products .vt-footer{padding:20px 16px}#roof-products #vt-title{font-size:30px}}
  
#roof-products{padding:var(--section-space) var(--page-pad);scroll-margin-top:80px;background:var(--ink);border-bottom:1px solid var(--line)}
#roof-products .vt-content{max-width:1320px;margin-inline:auto}
#roof-products .vt-eyebrow{font-size:12px}
#roof-products h2{font-size:clamp(30px,3.6vw,52px)}
#roof-products .vt-calc-heading h2{font-size:clamp(25px,2.4vw,34px)}
#roof-products .vt-choice,#roof-products .vt-detail-tab,#roof-products .vt-color-option,#roof-products summary{cursor:pointer}
#roof-products .vt-color-option{font-size:14px;min-width:48px}
#roof-products .vt-color-label,#roof-products .vt-spec-note,#roof-products .vt-calc-note,#roof-products .vt-calc-help,#roof-products .vt-calc details,#roof-products .vt-years-label,#roof-products .vt-calc-field{font-size:14px}
#roof-products .vt-figure{overflow:hidden}
#roof-products .vt-figure img{height:clamp(270px,30vw,440px)}
#roof-products .vt-cta{display:inline-flex;align-items:center;text-decoration:none;min-height:48px}
#roof-products .vt-image-caption{font-size:12px}
#roof-products .vt-spec-table td{overflow-wrap:anywhere}
#roof-products .vt-detail-tab{min-height:48px}
@media(max-width:760px){#roof-products{padding:70px 20px}#roof-products .vt-hero{grid-template-columns:1fr}#roof-products .vt-figure{grid-row:1}#roof-products .vt-figure img{height:280px}}
@media(max-width:560px){#roof-products{padding:64px 16px}#roof-products .vt-choice strong{font-size:14px}#roof-products .vt-figure img{height:240px}#roof-products .vt-detail-tabs{gap:10px}#roof-products .vt-detail-tab{max-width:none;font-size:14px;flex:1 1 85px}#roof-products .vt-calc-controls{grid-template-columns:1fr}#roof-products .vt-calc-number{flex-wrap:wrap}}
@media(min-width:1181px){.desktop-nav{gap:clamp(12px,1.5vw,24px)}}

.vt-catalogue-link{display:inline-block;margin-top:16px;color:var(--vt-gold,#bea369);text-underline-offset:5px;font-size:14px}.vt-spec-table td{overflow-wrap:anywhere}