@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  .public-site .shell{width:calc(100% - 24px);max-width:100%}
  .cable-hero{padding:38px 0}
  .cable-hero__inner{display:block}
  .cable-hero h1{margin-top:8px;font-size:38px;line-height:1.02;overflow-wrap:anywhere}
  .cable-hero p:not(.eyebrow){font-size:14px;line-height:1.55}
  .cable-hero__proof{display:grid;grid-template-columns:1fr;gap:8px;margin-top:22px}
  .cable-hero__graphic{grid-template-columns:44px minmax(10px,1fr) 68px minmax(10px,1fr) 44px;width:100%;margin-top:30px}
  .cable-hero__graphic span{width:44px;height:44px;border-width:2px;border-radius:9px;font-size:15px}
  .cable-hero__graphic i{min-width:0;height:10px}
  .cable-hero__graphic strong{min-width:0;padding:8px 3px;font-size:7px;letter-spacing:.08em}
  .cable-project-notice{width:auto;margin:14px 0 0;padding:15px;align-items:flex-start;flex-direction:column;gap:9px}
  .cable-lab-shell{width:calc(100% - 24px);padding:34px 0 58px}
  .cable-intro{display:block;margin-bottom:18px}
  .cable-intro h2{font-size:28px}
  .cable-intro>p{margin-top:10px;font-size:12px}
  .cable-mode-grid{display:grid;grid-template-columns:1fr;width:100%;gap:10px;margin-bottom:18px}
  .cable-mode{display:grid;grid-template-columns:42px minmax(0,1fr);width:100%;min-height:92px;padding:16px;gap:13px}
  .cable-mode__icon{width:42px;height:42px;font-size:19px}
  .cable-mode strong{font-size:13px}.cable-mode small{font-size:10px}.cable-mode>b{display:none}
  .cable-help{display:block;width:100%;margin-bottom:18px;padding:18px}
  .cable-help[hidden]{display:none}
  .cable-help h2{font-size:22px}
  .cable-product-search{display:grid;grid-template-columns:1fr;gap:8px}
  .cable-product-search input,.cable-product-search .button{width:100%;min-width:0}
  .cable-help aside{margin-top:24px;padding:24px 0 0;border-top:1px solid #e4e5e8;border-left:0}
  .robbie-or{top:0;left:50%}
  .robbie-mini{align-items:flex-start}.robbie-mini>div{min-width:0}.robbie-mini .button{width:100%}
  .cable-builder{display:block;width:100%;margin:0;padding:0}
  .cable-builder__main{display:grid;width:100%;gap:12px}
  .cable-step{width:100%;min-width:0;border-radius:12px}
  .cable-step>header{display:grid;grid-template-columns:36px minmax(0,1fr);width:100%;padding:14px;gap:11px}
  .cable-step>header>span{width:36px;height:36px;font-size:14px}
  .cable-step>header h2{font-size:17px;line-height:1.2}.cable-step>header>b{display:none}
  .cable-application-grid{display:grid;grid-template-columns:1fr;width:100%;padding:12px;gap:8px}
  .cable-application{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;width:100%;min-height:66px;padding:12px;gap:10px}
  .cable-application>span{font-size:19px}.cable-application strong{align-self:auto}.cable-application small{text-align:right}
  .cable-recipe-grid{display:grid;grid-template-columns:1fr;width:100%;padding:12px;gap:8px}
  .cable-recipe-card{grid-template-columns:68px minmax(0,1fr) 20px;width:100%;min-width:0;min-height:108px;padding:12px;gap:10px}
  .cable-recipe-card__ends{grid-template-columns:27px minmax(8px,1fr) 27px;min-width:0}.cable-recipe-card__ends b{width:27px;height:27px;font-size:7px}
  .cable-recipe-card__assembly{width:68px}
  .cable-step-placeholder{padding:28px 15px;font-size:11px}
  .cable-build-options{display:block;width:100%;padding:15px}
  .cable-length-control>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .cable-length-control button,.cable-length-control input{width:100%;min-width:0}
  .cable-quantity-control{display:block;margin-top:18px}.cable-quantity-control input{width:100%}
  .cable-finishes{width:auto;margin:0;padding:0 15px 15px}
  .cable-option-grid{display:grid;grid-template-columns:1fr;width:100%}
  .cable-option-grid>label{width:100%;min-width:0}
  .cable-builder__summary{position:static;width:100%;margin-top:14px}
  .cable-summary-card{width:100%;border-radius:13px}
  .cable-summary-card #cable-summary-content{padding:16px}
  .cable-summary-card .cable-visual,.cable-build-spec .cable-visual{display:grid;grid-template-columns:1fr;width:100%;gap:5px;padding:14px}
  .cable-summary-card .cable-visual i,.cable-build-spec .cable-visual i{width:8px;height:22px;justify-self:center}
  .cable-summary-card .cable-visual span,.cable-build-spec .cable-visual span{width:100%;padding:10px}
  .cable-summary-card .cable-visual strong,.cable-build-spec .cable-visual strong{padding:8px;font-size:9px}
  .cable-assembly,.cable-assembly--summary{display:grid;grid-template-columns:1fr;width:100%;gap:6px;padding:14px}
  .cable-assembly>i,.cable-assembly--summary>i{width:8px;height:22px;justify-self:center}
  .cable-assembly figure{width:min(100%,190px);justify-self:center}
  .cable-assembly--summary figure{width:min(100%,145px)}
  .cable-assembly figcaption strong{font-size:9px}.cable-assembly figcaption small{font-size:8px}
  .cable-summary-help{width:100%}
  .cable-promises{display:grid;grid-template-columns:1fr;width:100%;margin-top:34px}
  .cable-promises article{padding:22px}
  .cable-build-hero{padding:32px 0}.cable-build-hero>.shell{display:block}.cable-build-hero h1{font-size:34px;overflow-wrap:anywhere}.cable-build-status{margin-top:18px;text-align:left}
  .cable-build-page{width:calc(100% - 24px);padding:18px 0 55px}
  .cable-build-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.cable-build-timeline>div{min-width:0;padding:11px;font-size:8px}
  .cable-control-notice{padding:14px}.cable-control-notice>span{flex:0 0 auto}
  .cable-build-grid{display:block;width:100%}.cable-build-spec,.cable-build-action{width:100%;min-width:0;padding:16px;border-radius:12px}
  .cable-build-action{position:static;margin-top:14px}.cable-build-spec__head{display:block}.cable-build-spec__head .button{width:100%;margin-top:13px}
  .cable-build-details{display:grid;grid-template-columns:1fr;width:100%}.cable-build-details>div:nth-child(odd){padding-right:0}
  .cable-build-action .two-fields{display:grid;grid-template-columns:1fr}.cable-build-action input,.cable-build-action textarea,.cable-build-action .button{width:100%;min-width:0}
  .cable-private-link input{font-size:8px}
  .cable-project-return{align-items:stretch;flex-direction:column}.cable-project-return .button{width:100%}
}

@media(max-width:1100px){
  .cable-wizard{grid-template-columns:1fr}
  .cable-live-preview{position:static}
}

@media(max-width:760px){
  .cable-configurator-intro{display:block}.cable-configurator-intro .button{width:100%;margin-top:14px}
  .cable-progress{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
  .cable-progress button{flex:0 0 128px;min-height:58px;padding:10px;scroll-snap-align:start}.cable-progress b{flex-basis:27px;width:27px;height:27px}
  .cable-wizard{display:block}.cable-wizard-stage{min-height:0;padding:18px 14px 24px}
  .cable-stage-heading{grid-template-columns:48px minmax(0,1fr);gap:10px;margin-bottom:20px}.cable-stage-heading>span{font-size:27px}.cable-stage-heading h2{font-size:24px}.cable-stage-heading small{font-size:10px}
  .cable-application-grid--visual{grid-template-columns:1fr;padding:0}.cable-application-grid--visual .cable-application{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;min-height:92px;padding:14px}.cable-application-grid--visual .cable-application>span{grid-row:1/3;font-size:24px}.cable-application-grid--visual .cable-application strong{margin:0;font-size:15px}.cable-application-grid--visual .cable-application small{margin:2px 0 0;text-align:left}.cable-application-grid--visual .cable-application em{display:none}
  .cable-selection-grid{grid-template-columns:1fr;gap:10px}.cable-choice-card{grid-template-columns:112px minmax(0,1fr);grid-template-rows:1fr;min-height:132px}.cable-choice-card__media{min-height:132px;padding:10px}.cable-choice-card>span+span{padding:14px}.cable-choice-card small{min-height:0}
  .cable-finalise-grid{grid-template-columns:1fr;gap:12px}.cable-finalise-grid>section,.cable-label-panel{padding:16px}.three-fields{grid-template-columns:1fr}
  .cable-wizard-actions{padding:14px}.cable-wizard-actions .button{flex:1}
  .cable-live-preview{margin-top:14px;border-radius:13px}#cable-preview-content{padding:15px}
  .cable-preview-assembly{grid-template-columns:1fr;padding:14px}.cable-preview-assembly>i{width:8px;height:22px;justify-self:center}.cable-preview-assembly figure>div{width:96px;max-width:100%;margin:auto}
  .cable-preview-assembly figcaption strong{font-size:9px}.cable-preview-assembly figcaption small,.cable-preview-assembly figcaption em{font-size:8px}
}
@media(max-width:380px){
  .cable-hero h1{font-size:33px}
  .cable-length-control>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cable-application{grid-template-columns:28px minmax(0,1fr)}.cable-application small{grid-column:2;text-align:left}
  .cable-recipe-card{grid-template-columns:60px minmax(0,1fr)}.cable-recipe-card__tick{display:none!important}
}
