.fitment-preview-notice{margin:8px 0 2px;padding:8px 10px;border:1px solid #665820;border-radius:9px;background:#19170d;color:#d9d2ab;font-size:10px;line-height:1.35}.fitment-preview-notice strong{color:#ffc329;font-size:10px;letter-spacing:.04em;text-transform:uppercase}

/* Phone-only density refinements. Tool calculations and desktop styles are unchanged. */
@media (max-width:620px){
  .fitment-modal-shell{min-height:100dvh;padding:7px 8px 10px}
  .fitment-modal-close{top:6px;right:6px;width:32px;height:32px;border-radius:8px;font-size:20px}
  .fitment-modal-brand{grid-template-columns:88px minmax(0,1fr);gap:8px;padding:2px 38px 7px 0}
  .fitment-modal-brand>img{width:84px}
  .fitment-modal-brand strong{font-size:14px;line-height:1.05}
  .fitment-modal-brand small{font-size:9px}
  .fitment-preview-notice{margin:4px 0 1px;padding:6px 7px;font-size:8px;line-height:1.25}.fitment-preview-notice strong{font-size:8px}
  .fitment-modal .fitment-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:7px;padding:7px;border-radius:10px}
  .fitment-modal .fitment-form label{gap:3px;font-size:9px}
  .fitment-modal .fitment-form select{height:42px;padding:6px 7px;border-radius:8px;font-size:13px}
  .fitment-modal .fitment-submit{min-height:40px;border-radius:8px;font-size:11px}
  .fitment-modal .fitment-result{margin-top:6px;padding:7px;border-radius:9px}
  .fitment-modal .fitment-result-card>strong{font-size:12px}
  .fitment-modal .fitment-result-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:5px 0}
  .fitment-modal .fitment-result-card dl div{padding:5px;border-radius:7px}
  .fitment-modal .fitment-result-card dt{font-size:8px}
  .fitment-modal .fitment-result-card dd{font-size:11px}
  .fitment-modal .fitment-result-card p{margin:5px 0 0;font-size:9px;line-height:1.3}
  .fitment-result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:6px}
  .fitment-result-actions button{min-height:38px;padding:6px 5px;border-radius:8px;font-size:9px}
  .fitment-modal-shell>.fitment-warning{margin:6px 3px 0;font-size:8px;line-height:1.25}

  .tire-compare-modal{padding:0!important}
  .tire-compare-modal,.tire-compare-modal-shell,.tire-compare-modal .tire-compare-result{box-sizing:border-box;max-width:100vw;overflow-x:hidden}
  .tire-compare-modal-shell{width:100%;min-height:100dvh;padding:6px 7px 9px;border:0;border-radius:0}
  .tire-compare-close{padding:5px 7px;border-radius:8px;font-size:18px}
  .tire-compare-modal .tire-compare-form{gap:5px;padding:5px}
  .tire-compare-modal .tire-size-entry{padding:5px 6px;border-radius:8px}
  .tire-compare-modal .tire-size-entry legend{margin-bottom:3px;font-size:9px}
  .tire-compare-modal .tire-size-boxes{grid-template-columns:minmax(66px,1fr) 10px minmax(54px,.76fr) 14px minmax(54px,.76fr);gap:3px}
  .tire-compare-modal .tire-size-boxes input{height:42px;padding:4px 2px;border-radius:7px;font-size:15px}
  .tire-compare-modal .tire-size-boxes span{font-size:14px}
  .tire-compare-modal .tire-compare-submit{min-height:40px;border-radius:8px;font-size:12px}
  .tire-compare-modal .tire-compare-result{margin-top:5px;padding:5px;border-radius:8px}
  .tire-compare-modal .tire-compare-visual{width:100%;grid-template-columns:minmax(0,1fr) minmax(58px,64px) minmax(0,1fr);gap:2px;min-height:184px;margin-bottom:5px;padding:5px 2px;overflow:hidden}
  .tire-compare-modal .comparison-tire,.tire-compare-modal .comparison-tire-stage,.tire-compare-modal .tire-compare-centre{min-width:0;max-width:100%}
  .tire-compare-modal .comparison-tire{grid-template-rows:auto 120px auto}
  .tire-compare-modal .comparison-tire-stage{height:120px}
  .tire-compare-modal .comparison-tire .visual-tire{width:calc(76px * var(--tire-width));height:calc(110px * var(--tire-height));border-width:7px}
  .tire-compare-modal .comparison-tire>strong{max-width:100%;padding:4px;font-size:9px;white-space:normal;overflow-wrap:anywhere;text-align:center}
  .tire-compare-modal .diameter-measure{font-size:8px}
  .tire-compare-modal .comparison-tire figcaption{margin-top:2px;font-size:8px}
  .tire-compare-modal .comparison-tire figcaption b{font-size:10px}
  .tire-compare-modal .tire-compare-centre{gap:5px}
  .tire-compare-modal .tire-compare-centre img{width:56px;max-width:100%}
  .tire-compare-modal .diameter-callout{max-width:100%;padding:4px 2px;font-size:8px;overflow-wrap:anywhere}
  .tire-compare-modal .tire-comparison-table-wrap{width:100%;max-width:100%;margin-top:5px;overflow:hidden}
  .tire-compare-modal .tire-comparison-table{width:100%;min-width:0!important;table-layout:fixed;font-size:8px}
  .tire-compare-modal .tire-comparison-table th,.tire-compare-modal .tire-comparison-table td{padding:4px 2px;white-space:normal;overflow-wrap:anywhere;word-break:normal}
  .tire-compare-modal .tire-comparison-table th:first-child{width:28%}
  .tire-compare-modal .tire-compare-explanation{margin-top:5px!important;padding:5px;font-size:9px!important}
  .tire-compare-modal .tire-compare-result>p{margin-top:5px;font-size:9px}
  .tire-compare-modal-shell>.fitment-warning{width:100%;max-width:100%;margin:5px 0 0;font-size:8px;line-height:1.2;overflow-wrap:anywhere}
  .tire-compare-credit{margin:4px 0 0!important;font-size:8px!important}
}

/* iOS root fix: no transformed inline-panel containing block and no focus zoom. */
@media (max-width:620px){
  .approved-details-layout,.details-main-column,.listing-information,.listing-copy,.listing-tools,.listing-tool-tabs{min-width:0;max-width:100%}
  .fitment-modal,.tire-compare-modal{position:fixed!important;top:max(6px,env(safe-area-inset-top))!important;right:max(8px,env(safe-area-inset-right))!important;bottom:max(8px,env(safe-area-inset-bottom))!important;left:max(8px,env(safe-area-inset-left))!important;width:auto!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important;animation:none!important;box-sizing:border-box;overflow-y:auto!important}
  .fitment-modal-shell,.tire-compare-modal-shell{width:100%;max-width:100%;min-height:100%;margin:0;padding:7px;transform:none}
  .fitment-modal .fitment-form select,.tire-compare-modal .tire-size-boxes input{font-size:16px}
}

/* Separate Compare header action and keep every rendered result inside narrow phones. */
@media (max-width:620px){
  .tire-compare-modal .tire-compare-close{position:static;z-index:auto;grid-column:1/-1;justify-self:end;width:34px;height:34px;margin:0 1px 1px;padding:0}
  .tire-compare-modal .tire-compare-visual{grid-template-columns:minmax(0,1fr) minmax(46px,54px) minmax(0,1fr);gap:2px;padding:6px 5px;overflow:visible}
  .tire-compare-modal .comparison-tire-stage{overflow:visible}
  .tire-compare-modal .comparison-tire .visual-tire{max-width:78%}
  .tire-compare-modal .comparison-tire .tire-sidewall-brand{inset:4%;width:92%;height:92%;overflow:hidden}
  .tire-compare-modal .comparison-tire .tire-sidewall-brand text{font-size:8px;letter-spacing:.35px}
  .tire-compare-modal .comparison-tire-1 .diameter-measure{left:2px}
  .tire-compare-modal .comparison-tire-2 .diameter-measure{right:2px}
  .tire-compare-modal .diameter-measure{max-width:42%;font-size:7px;overflow-wrap:anywhere}
  .tire-compare-modal .tire-comparison-table{font-size:7.5px;line-height:1.15}
  .tire-compare-modal .tire-comparison-table th,.tire-compare-modal .tire-comparison-table td{padding:4px 1px}
  .tire-compare-modal .comparison-change{display:inline-block;max-width:100%;font-size:7px;overflow-wrap:anywhere}
}

/* Center the complete Fitment workspace inside the phone visual viewport. */
@media (max-width:620px){
  body.fitment-modal-open{width:100%;max-width:100%;overflow:hidden}
  .fitment-modal{inset:0!important;width:auto!important;max-width:none!important;height:100dvh!important;padding:max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;overflow-x:hidden!important;overscroll-behavior:contain}
  .fitment-modal-shell{box-sizing:border-box;width:min(100%,430px);max-width:100%;min-height:calc(100dvh - 14px);margin:0 auto;padding:7px;overflow-x:clip}
  .fitment-modal-shell,.fitment-modal-shell>*{min-width:0}
  .fitment-modal-brand{width:100%;max-width:100%;grid-template-columns:82px minmax(0,1fr);gap:7px;padding:2px 40px 7px 0}
  .fitment-modal-brand>img{width:80px;max-width:100%}
  .fitment-modal-brand strong{font-size:13px;line-height:1.1}
  .fitment-modal-brand small{font-size:9px;line-height:1.2}
  .fitment-modal-close{top:7px;right:7px;width:32px;height:32px}
  .fitment-modal .fitment-form{width:100%;max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:7px;padding:6px}
  .fitment-modal .fitment-form label{min-width:0;font-size:9px}
  .fitment-modal .fitment-form select{min-width:0;width:100%;height:42px;padding:5px 22px 5px 6px;font-size:12px;text-overflow:ellipsis}
  .fitment-modal .fitment-submit{grid-column:1/-1;width:100%;max-width:100%;padding:7px}
  .fitment-modal .fitment-result,.fitment-modal .fitment-result-card dl,.fitment-modal-shell>.fitment-warning{width:100%;max-width:100%;min-width:0}
  .fitment-modal .fitment-result-card dd,.fitment-modal-shell>.fitment-warning{overflow-wrap:anywhere}
}

/* Keep the complete comparison workspace inside the iPhone/Android visual viewport. */
@media (max-width:620px){
  body.tire-compare-modal-open{width:100%;max-width:100%;overflow:hidden}
  .tire-compare-modal{inset:0!important;width:auto!important;max-width:none!important;height:100dvh!important;padding:max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;overscroll-behavior:contain}
  .tire-compare-modal-shell{width:min(100%,430px);max-width:100%;min-height:calc(100dvh - 14px);margin:0 auto;padding:7px;overflow-x:clip}
  .tire-compare-modal-shell,.tire-compare-modal-shell>*{min-width:0}
  .tire-compare-modal .tire-compare-form,.tire-compare-modal .tire-size-entry,.tire-compare-modal .tire-size-boxes,.tire-compare-modal .tire-compare-result,.tire-compare-modal .tire-compare-visual,.tire-compare-modal .tire-comparison-table-wrap{width:100%;max-width:100%;min-width:0}
  .tire-compare-modal .tire-compare-form{padding:5px 3px}
  .tire-compare-modal .tire-size-entry{padding:5px}
  .tire-compare-modal .tire-size-boxes{grid-template-columns:minmax(0,1.08fr) 8px minmax(0,.84fr) 12px minmax(0,.84fr);gap:2px}
  .tire-compare-modal .tire-size-boxes input{min-width:0;width:100%;font-size:15px}
  .tire-compare-modal .tire-compare-submit{width:100%;max-width:100%;padding:8px}
  .tire-compare-modal .tire-compare-result{padding:5px 3px}
  .tire-compare-modal .tire-compare-visual{grid-template-columns:minmax(0,1fr) minmax(52px,60px) minmax(0,1fr);gap:1px;padding:5px 1px}
  .tire-compare-modal .comparison-tire-stage{width:100%;max-width:100%;overflow:hidden}
  .tire-compare-modal .comparison-tire .visual-tire{max-width:88%}
  .tire-compare-modal .tire-comparison-table{width:100%;max-width:100%;min-width:0!important}
  .tire-compare-modal .tire-comparison-table th,.tire-compare-modal .tire-comparison-table td{min-width:0;overflow-wrap:anywhere}
  .tire-compare-modal .tire-compare-close{max-width:100%;margin-right:0}
}

/* Authoritative final mobile tool viewport rules. Keep last in this stylesheet. */
@media (max-width:620px){
  .approved-details-layout,.details-main-column,.listing-information,.listing-copy,.listing-tools,.listing-tool-tabs{min-width:0;max-width:100%}
  .fitment-modal,.tire-compare-modal{position:fixed!important;top:max(6px,env(safe-area-inset-top))!important;right:max(8px,env(safe-area-inset-right))!important;bottom:max(8px,env(safe-area-inset-bottom))!important;left:max(8px,env(safe-area-inset-left))!important;width:auto!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important;animation:none!important;box-sizing:border-box;overflow-y:auto!important}
  .fitment-modal-shell,.tire-compare-modal-shell{box-sizing:border-box;width:100%;max-width:100%;min-height:100%;margin:0;padding:7px;transform:none}
  .fitment-modal .fitment-form select,.tire-compare-modal .tire-size-boxes input{font-size:16px}
  .tire-compare-modal .tire-compare-close{position:static;z-index:auto;grid-column:1/-1;justify-self:end;width:34px;height:34px;margin:0 1px 1px;padding:0}
  .tire-compare-modal .tire-compare-visual{grid-template-columns:minmax(0,1fr) minmax(46px,54px) minmax(0,1fr);gap:2px;padding:6px 5px;overflow:visible}
  .tire-compare-modal .comparison-tire-stage{overflow:visible}
  .tire-compare-modal .comparison-tire .visual-tire{max-width:78%}
  .tire-compare-modal .comparison-tire .tire-sidewall-brand{inset:4%;width:92%;height:92%;overflow:hidden}
}