.webbing-page{margin:0;background:#f7f8fc;color:#171b38;font-family:Arial,Helvetica,sans-serif;line-height:1.6}
.webbing-page main,.webbing-page main *{box-sizing:border-box}
.webbing-page main{overflow:clip}
.webbing-page main a{color:inherit}
.webbing-wrap{width:min(1320px,calc(100% - 64px));margin-inline:auto}
.webbing-skip{position:absolute;left:16px;top:-100px;z-index:2000;background:#fff;padding:12px 20px;border:2px solid #bf6100;border-radius:8px}
.webbing-skip:focus{top:12px}
.webbing-page main a:focus-visible,.webbing-page main button:focus-visible,.webbing-page main select:focus-visible,.webbing-page main summary:focus-visible,.webbing-table-scroll:focus-visible{outline:3px solid #275dc5;outline-offset:4px}
.webbing-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px 10px;font-size:13px;color:#535d72}
.webbing-breadcrumb,.webbing-languages{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.webbing-breadcrumb a,.webbing-languages a{text-underline-offset:4px}
.webbing-languages [aria-current]{color:#161a37;font-weight:700}
.webbing-hero{padding-block:16px 28px}
.webbing-hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:40px;align-items:center}
.webbing-eyebrow{margin:0 0 12px;font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#9b5100}
.webbing-page main h1,.webbing-page main h2,.webbing-page main h3{font-family:Comfortaa,Arial,sans-serif;line-height:1.22;text-wrap:balance}
.webbing-page main h1{margin:0 0 18px;font-size:clamp(30px,3.4vw,49px);letter-spacing:-.035em;font-weight:700}
.webbing-page main h1 span{display:block;color:#ac5600;font-size:.76em;margin-top:9px;letter-spacing:-.015em}
.webbing-lead{margin:0;color:#505c70;font-size:18px;line-height:1.65;max-width:66ch}
.webbing-hero-copy>p:not(.webbing-eyebrow):not(.webbing-lead){margin:12px 0 0;color:#505c70;font-size:15px}
.webbing-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:23px}
.webbing-btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;padding:12px 21px;border:1px solid #a65300;border-radius:12px;background:#b65d00;color:#fff!important;text-decoration:none;font-size:15px;line-height:1.4;font-weight:700;transition:background .16s ease}
.webbing-btn:hover{background:#a85400}
.webbing-btn--light{background:#fff;color:#171b38!important;border-color:#d1d8e5}
.webbing-btn--light:hover{background:#edf1f8}
.webbing-hero-photo{margin:0;position:relative;overflow:hidden;border-radius:22px;background:#171b38;box-shadow:0 15px 36px #16213b16}
.webbing-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:48% 50%}
.webbing-hero-photo figcaption{padding:12px 18px;color:#f1f4fa;font-size:13px;line-height:1.5}
.webbing-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid #dfe4ed;border-radius:14px;overflow:hidden;margin-top:24px;background:#dfe4ed}
.webbing-facts div{padding:14px 18px;background:#fff}
.webbing-facts dt{color:#596277;font-size:12px}
.webbing-facts dd{margin:3px 0 0;font-size:23px;line-height:1.25;font-weight:700;color:#18365c}
.webbing-section-nav{display:flex;gap:8px 24px;flex-wrap:wrap;margin:0;padding:14px 0 20px;border-bottom:1px solid #dce2ec;font-size:14px}
.webbing-section-nav a{text-decoration:none;color:#47546d}
.webbing-section-nav a:hover{color:#995000;text-decoration:underline;text-underline-offset:5px}
.webbing-section{padding-block:36px;scroll-margin-top:110px}
.webbing-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.webbing-page main h2{font-size:clamp(25px,2.5vw,35px);margin:0 0 12px;letter-spacing:-.025em}
.webbing-section-heading p:last-child{margin:0;max-width:74ch;color:#536074;font-size:15px}
.webbing-chart-tools{flex:0 0 auto;align-items:end;gap:10px;display:flex}
.webbing-chart-tools[hidden]{display:none}
.webbing-chart-tools label{display:grid;gap:4px;color:#49576d;font-size:12px;font-weight:700}
.webbing-chart-tools select{min-height:44px;min-width:136px;padding:8px 28px 8px 10px;border:1px solid #b9c6d9;border-radius:8px;background:#fff;color:#173350;font:inherit;font-size:14px}
.webbing-reset{min-height:44px;border:0;border-radius:8px;background:#e6ebf3;color:#203f63;font:inherit;font-size:13px;padding:9px 12px;cursor:pointer}
.webbing-reset:disabled{opacity:.65;cursor:default}
.webbing-chart-shell{border:1px solid #d7e0eb;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 12px 30px #17233b08}
.webbing-table-scroll{overflow:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.webbing-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:1000px;font-family:Arial,sans-serif;font-size:13px;font-variant-numeric:tabular-nums}
.webbing-table .webbing-col-wll{width:140px}.webbing-table .webbing-col-colour{width:160px}.webbing-table .webbing-col-width{width:100px}.webbing-table .webbing-col-hitch{width:120px}
.webbing-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.webbing-table th,.webbing-table td{padding:10px 9px;text-align:center;border:1px solid #d8e2ee;vertical-align:middle}
.webbing-table thead th{background:#15365c;color:#fff;font-size:13px;font-weight:700;line-height:1.3;border-color:#49617d}
.webbing-table thead tr:first-child th{padding-block:12px}
.webbing-table thead tr:first-child>th[rowspan="3"]{padding:10px 8px;vertical-align:middle;line-height:1.25;font-size:14px;font-weight:700;letter-spacing:0}
.webbing-table thead tr:first-child>th[colspan="5"]{padding:9px 12px;vertical-align:middle;line-height:1.25;white-space:nowrap;background:#1d426b;font-size:14px;letter-spacing:.01em}
.webbing-table thead tr:nth-child(2) th{padding:7px 8px;vertical-align:middle;height:40px;line-height:1.25;font-size:14px;font-weight:700}
.webbing-table thead tr:nth-child(2)>th[colspan="3"]{padding-inline:10px;font-size:14px}
.webbing-table thead tr:nth-child(3) th{height:86px;padding:7px 6px}
.webbing-table thead th small{display:block;margin-top:4px;font-size:11px;line-height:1.2;font-weight:600;color:#dce6f1}
.webbing-table thead th.webbing-width-head{background:#15365c}
.webbing-table .webbing-hitch-head{white-space:nowrap}
.webbing-table .webbing-hitch-icon{display:block;width:auto;height:auto;max-width:44px;max-height:40px;margin:0 auto 5px;object-fit:contain}
.webbing-table .webbing-hitch-head span{display:block;line-height:1.1;font-size:12px;font-weight:700;color:#fff;white-space:nowrap}
.webbing-table tbody th{position:sticky;left:0;z-index:1;background:#fff;min-width:68px;font-weight:700;color:#14365c;border-right:2px solid #cbd5e3}
.webbing-table tbody tr[hidden]{display:none}
.webbing-table tbody tr:nth-child(even) td,.webbing-table tbody tr:nth-child(even) th{background:#f4f7fb}
.webbing-table tbody tr:hover td,.webbing-table tbody tr:hover th{background:#f0f5fb}
.webbing-table td.webbing-width{background:#fff!important;color:#102a4b;font-size:15px;font-weight:700;min-width:0}
.webbing-table tr:last-child>*{border-bottom:0}
.webbing-table tr>*:last-child{border-right:0}
.webbing-table .webbing-colour{text-align:left;min-width:150px;white-space:nowrap}
.webbing-swatch{display:inline-block;width:18px;height:18px;border:1px solid #0004;border-radius:4px;margin-right:9px;vertical-align:-3px;background:var(--sling-colour)}
.webbing-chart-footer{display:flex;justify-content:space-between;gap:18px;padding:12px 17px;background:#edf2f8;font-size:12px;color:#42536c}
.webbing-chart-footer p{margin:0}
.webbing-chart-footer [aria-live]{font-weight:700;white-space:nowrap}
.webbing-note{margin:14px 0 0;color:#4c5a6e;font-size:13px;line-height:1.65;max-width:110ch}
.webbing-note strong{color:#243955}
.webbing-note--important{padding:15px 18px;border-left:3px solid #bb6500;background:#fff5e6;border-radius:0 9px 9px 0}
.webbing-quality{background:#fff;border-block:1px solid #e0e5ee}
.webbing-quality-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:38px;align-items:center}
.webbing-quality-copy>p{color:#505e73;margin:0 0 18px;max-width:72ch}
.webbing-quality-list{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:quality}
.webbing-quality-list li{position:relative;padding:0 0 0 46px;counter-increment:quality;color:#526074;font-size:14px}
.webbing-quality-list li:before{content:counter(quality,decimal-leading-zero);position:absolute;left:0;top:2px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #d5deeb;border-radius:9px;background:#f5f7fb;color:#96600e;font-weight:700;font-size:12px}
.webbing-quality-list strong{display:block;color:#1a3151;margin-bottom:2px;font-size:15px}
.webbing-detail-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.webbing-detail-photos figure{margin:0;overflow:hidden;border:1px solid #e1e6ef;border-radius:14px;background:#f6f8fc}
.webbing-detail-photos img{display:block;width:100%;height:250px;object-fit:contain;padding:14px;background:#fff}
.webbing-detail-photos .webbing-eyes-detail{object-fit:cover;object-position:center 9%;padding:0;height:250px}
.webbing-detail-photos figcaption{padding:11px 13px;font-size:12px;color:#4b5b72;line-height:1.5}
.webbing-order-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}
.webbing-order-card{padding:26px;border:1px solid #dce2ed;border-radius:17px;background:#fff}
.webbing-page main h3{margin:0 0 12px;font-size:21px}
.webbing-order-card p,.webbing-order-card li{font-size:14px;color:#526075}
.webbing-order-card ul{padding-left:21px;margin:12px 0 0}
.webbing-order-card li+li{margin-top:5px}
.webbing-delivery{padding:24px;border-radius:17px;background:#17385d;color:#fff}
.webbing-delivery p{font-size:14px;color:#e3ebf5;margin:0 0 12px}
.webbing-delivery h3{color:#fff}
.webbing-delivery .webbing-btn{margin-top:8px}
.webbing-page .supply-certificates{margin:22px 0 0;max-width:none}
.webbing-faq{margin-top:26px;border-top:1px solid #dce2ed}
.webbing-faq details{padding:16px 0;border-bottom:1px solid #dce2ed}
.webbing-faq summary{font-size:15px;font-weight:700;color:#19365a;cursor:pointer;min-height:28px}
.webbing-faq p{margin:12px 0 0;max-width:90ch;font-size:14px;color:#526074}
.webbing-bottom-link{margin:22px 0 0;color:#24496f;font-size:14px;text-underline-offset:5px}
@media(min-width:1500px){.webbing-hero-grid{gap:58px}.webbing-hero-photo img{aspect-ratio:16/9}}
@media(max-width:1050px){.webbing-wrap{width:calc(100% - 40px)}.webbing-hero-grid{gap:24px}.webbing-page main h1{font-size:35px}.webbing-lead{font-size:16px}.webbing-section-heading{align-items:start;flex-direction:column;gap:15px}.webbing-quality-grid{gap:22px;grid-template-columns:1.1fr .9fr}.webbing-detail-photos{grid-template-columns:1fr}.webbing-detail-photos figure:first-child{display:none}.webbing-detail-photos .webbing-eyes-detail{height:340px}}
@media(max-width:760px){.webbing-topline{align-items:flex-start;font-size:12px}.webbing-breadcrumb{gap:5px;max-width:70%}.webbing-languages{gap:9px}.webbing-hero-grid,.webbing-quality-grid,.webbing-order-grid{grid-template-columns:1fr}.webbing-hero{padding-top:8px}.webbing-hero-grid{gap:22px}.webbing-page main h1{font-size:clamp(29px,6.5vw,39px)}.webbing-hero-photo img{aspect-ratio:16/8.5}.webbing-facts{margin-top:18px}.webbing-facts div{padding:12px 10px}.webbing-facts dd{font-size:21px}.webbing-section{padding-block:28px}.webbing-detail-photos{grid-template-columns:1fr 1fr}.webbing-detail-photos figure:first-child{display:block}.webbing-detail-photos img,.webbing-detail-photos .webbing-eyes-detail{height:240px}.webbing-order-grid{gap:16px}.webbing-chart-footer{flex-wrap:wrap;gap:5px}.webbing-table th,.webbing-table td{padding:13px 11px}.webbing-section-nav{gap:9px 18px;font-size:13px}}
@media(max-width:420px){.webbing-wrap{width:calc(100% - 28px)}.webbing-topline{flex-wrap:wrap}.webbing-breadcrumb{max-width:100%}.webbing-actions{gap:9px}.webbing-actions .webbing-btn{width:100%;min-height:46px}.webbing-facts dt{font-size:11px}.webbing-facts dd{font-size:19px}.webbing-order-card,.webbing-delivery{padding:20px}.webbing-detail-photos{gap:9px}.webbing-detail-photos img,.webbing-detail-photos .webbing-eyes-detail{height:200px}.webbing-chart-tools{width:100%}.webbing-chart-tools label{flex:1}.webbing-chart-tools select{width:100%;min-width:0}.webbing-reset{flex-shrink:0}}
@media(max-width:768px){
  .webbing-chart-shell{border-radius:12px}
  .webbing-table-scroll{max-width:100%;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;scrollbar-width:thin}
  .webbing-table{min-width:1000px;font-size:12px}
  .webbing-table th,.webbing-table td{padding:9px 7px}
  .webbing-table thead th{font-size:12px;line-height:1.2}
  .webbing-table thead tr:first-child th{padding-block:9px}
  .webbing-table thead tr:first-child>th[rowspan="3"]{padding:8px 7px;font-size:12px;line-height:1.2}
  .webbing-table thead tr:first-child>th[colspan="5"]{padding:8px 9px;white-space:normal;font-size:12px}
  .webbing-table thead tr:nth-child(2) th{height:36px;padding:6px 7px;font-size:12px;white-space:normal}
  .webbing-table thead tr:nth-child(2)>th[colspan="3"]{padding-inline:7px;font-size:12px}
  .webbing-table thead tr:nth-child(3) th{height:74px;padding:6px 4px}
  .webbing-table .webbing-hitch-icon{max-width:38px;max-height:34px;margin-bottom:4px}
  .webbing-table .webbing-hitch-head span{font-size:11px;line-height:1.1;white-space:normal}
  .webbing-table thead th small{font-size:10px}
  .webbing-chart-footer{padding:10px 12px;font-size:11px}
}
.webbing-mobile-cards{display:none}
@media(max-width:767px){
  .webbing-table-scroll{overflow:visible;max-width:none;touch-action:auto}
  .webbing-table{display:none}
  .webbing-chart-footer{display:none}
  .webbing-mobile-cards{display:grid;gap:12px}
  .webbing-mobile-card{padding:14px;border:1px solid #d7e0eb;border-radius:14px;background:#fff;box-shadow:0 7px 18px #17233b0b}
  .webbing-mobile-card[hidden]{display:none}
  .webbing-mobile-card__top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;align-items:center;padding-bottom:11px;border-bottom:1px solid #e4e9f1}
  .webbing-mobile-card__colour{display:flex;align-items:center;min-width:0;color:#17365c;font-size:14px;font-weight:700}
  .webbing-mobile-card__colour .webbing-swatch{flex:0 0 auto;width:16px;height:16px;margin-right:7px}
  .webbing-mobile-card__wll{grid-column:2;grid-row:1;color:#17365c;font-size:18px;line-height:1.2;white-space:nowrap}
  .webbing-mobile-card__width{grid-column:1 / -1;color:#59677b;font-size:12px}
  .webbing-mobile-card__values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:11px}
  .webbing-mobile-value{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:7px;align-items:center;min-height:58px;padding:8px;border:1px solid #e0e6ef;border-radius:10px;background:#f7f9fc}
  .webbing-mobile-value--wide{grid-column:1 / -1}
  .webbing-mobile-value img{grid-row:1 / span 2;width:30px;height:30px;object-fit:contain}
  .webbing-mobile-value span{color:#536278;font-size:11px;line-height:1.18}
  .webbing-mobile-value strong{color:#17365c;font-size:16px;line-height:1.15}
}
@media(prefers-reduced-motion:reduce){.webbing-btn{transition:none}}
