/* lowes-frontend-v7-2026-09-06 */
:root{
  --lv7-ink:#0a1f36;--lv7-muted:#5d6f81;--lv7-blue:#0b4e98;--lv7-orange:#f4511e;--lv7-orange-dark:#c63d14;
  --lv7-line:#cfd9e3;--lv7-line-strong:#a9b8c6;--lv7-canvas:#f5f8fb;--lv7-surface:#fff;--lv7-soft:#eef4f8;
  --lv7-danger:#b42318;--lv7-success:#18794e;--lv7-focus:0 0 0 4px rgba(244,81,30,.2);--lv7-radius:12px;
}
html{min-width:320px;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(92px + env(safe-area-inset-top))}
body[data-frontend-v7]{max-width:100%;overflow-x:clip;-webkit-font-smoothing:antialiased}
@supports not (overflow:clip){body[data-frontend-v7]{overflow-x:hidden}}
body[data-frontend-v7] *,body[data-frontend-v7] *::before,body[data-frontend-v7] *::after{box-sizing:border-box}
body[data-frontend-v7] :where(main,section,article,aside,nav,header,footer,form,fieldset,div){min-width:0}
body[data-frontend-v7] :where(h1,h2,h3,h4,p,li,dd,dt,figcaption,label,small){overflow-wrap:anywhere}
body[data-frontend-v7] :where(img,picture,video,canvas,svg,iframe){max-inline-size:100%}
body[data-frontend-v7] :where(img,video){block-size:auto}
body[data-frontend-v7] img{display:block}
body[data-frontend-v7] picture{display:block}
body[data-frontend-v7] video{background:#071b2d;border-radius:inherit}
body[data-frontend-v7] :target{scroll-margin-top:calc(104px + env(safe-area-inset-top))}
body[data-frontend-v7] :where(pre,code,kbd,samp){overflow-wrap:normal}
body[data-frontend-v7] pre{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}

/* Cross-browser, touch-safe controls. */
body[data-frontend-v7] :where(button,input,select,textarea){max-width:100%;font:inherit;color:inherit}
body[data-frontend-v7] :where(button,.btn,[role="button"]){touch-action:manipulation;-webkit-tap-highlight-color:transparent}
body[data-frontend-v7] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){
  width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--lv7-line);border-radius:var(--lv7-radius);background-color:#fff;color:var(--lv7-ink);
  box-shadow:inset 0 1px 2px rgba(10,31,54,.03);appearance:none;-webkit-appearance:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
}
body[data-frontend-v7] select{
  padding-right:42px;background-image:linear-gradient(45deg,transparent 50%,#506579 50%),linear-gradient(135deg,#506579 50%,transparent 50%);
  background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;
}
body[data-frontend-v7] textarea{min-height:132px;resize:vertical;line-height:1.55}
body[data-frontend-v7] :where(input,textarea)::placeholder{color:#778899;opacity:1}
body[data-frontend-v7] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea):hover{border-color:var(--lv7-line-strong)}
body[data-frontend-v7] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea):focus{outline:0;border-color:var(--lv7-orange);box-shadow:var(--lv7-focus)}
body[data-frontend-v7] :where(input,select,textarea)[disabled]{cursor:not-allowed;background:#edf1f4;color:#6c7a87;opacity:1}
body[data-frontend-v7] :where(input,select,textarea)[readonly]{background:#f8fafc;color:#44586b}
body[data-frontend-v7] :where(input,select,textarea)[aria-invalid="true"],body[data-frontend-v7] .lv7-touched:invalid{border-color:var(--lv7-danger);box-shadow:0 0 0 3px rgba(180,35,24,.12)}
body[data-frontend-v7] :where(input[type="checkbox"],input[type="radio"]){inline-size:22px;block-size:22px;min-inline-size:22px;accent-color:var(--lv7-orange)}
body[data-frontend-v7] input[type="file"]{padding:8px;background:#fff}
body[data-frontend-v7] input[type="file"]::file-selector-button{min-height:38px;margin-right:12px;padding:8px 12px;border:1px solid var(--lv7-line);border-radius:9px;background:var(--lv7-soft);color:var(--lv7-ink);font:inherit;font-weight:750;cursor:pointer}
body[data-frontend-v7] input[type="search"]::-webkit-search-cancel-button{cursor:pointer}
body[data-frontend-v7] input:-webkit-autofill,body[data-frontend-v7] textarea:-webkit-autofill,body[data-frontend-v7] select:-webkit-autofill{-webkit-text-fill-color:var(--lv7-ink);box-shadow:0 0 0 1000px #fff inset;transition:background-color 9999s ease-out 0s}
body[data-frontend-v7] :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--lv7-orange);outline-offset:3px;box-shadow:var(--lv7-focus)}
body[data-frontend-v7] button::-moz-focus-inner{border:0}
body[data-frontend-v7] :where(label,.field>span:first-child){text-wrap:pretty}
body[data-frontend-v7] :where(.field-note,.help-text,[id$="Help"],[id$="Notice"]){max-width:72ch}

/* Tables remain semantic and scroll instead of breaking small screens. */
body[data-frontend-v7] .lv7-table-scroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--lv7-line);border-radius:14px;background:var(--lv7-surface);box-shadow:0 8px 24px rgba(10,31,54,.05)}
body[data-frontend-v7] .lv7-table-scroll:focus-visible{outline:3px solid var(--lv7-orange);outline-offset:3px}
body[data-frontend-v7] .lv7-table-scroll table{width:100%;min-width:max-content;border-collapse:collapse;background:#fff}
body[data-frontend-v7] .lv7-table-scroll :where(th,td){padding:12px 14px;border-bottom:1px solid #e4eaf0;text-align:left;vertical-align:top}
body[data-frontend-v7] .lv7-table-scroll th{background:#f7f9fb;color:var(--lv7-ink);font-size:.88rem;font-weight:850}
body[data-frontend-v7] .lv7-table-scroll tr:last-child :where(th,td){border-bottom:0}

/* Icons: predictable sizing without changing meaningful illustration SVGs. */
body[data-frontend-v7] :where(a,button,.btn,[role="button"])>svg{inline-size:1.1em;block-size:1.1em;flex:0 0 auto;overflow:visible}
body[data-frontend-v7] :where(.icon-button,[data-icon-button]){inline-size:44px;min-inline-size:44px;block-size:44px;min-block-size:44px;padding:10px;display:inline-grid;place-items:center}
body[data-frontend-v7] :where(.icon-button,[data-icon-button])>svg{inline-size:20px;block-size:20px}

/* Reliable media fallback when a network or format decode fails. */
body[data-frontend-v7] .lv7-image-placeholder{display:grid;place-items:center;min-height:160px;width:100%;padding:18px;border:1px dashed var(--lv7-line-strong);border-radius:14px;background:linear-gradient(135deg,#f5f8fb,#eef3f7);color:var(--lv7-muted);font-size:.9rem;font-weight:700;text-align:center}
body[data-frontend-v7] .lv7-image-error{display:none!important}

/* Very small phones and iOS Safari: avoid input zoom and clipped sticky controls. */
@media (max-width:620px){
  body[data-frontend-v7] :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){font-size:16px}
  body[data-frontend-v7] :where(.container,.shell,.sl-shell){width:min(100% - 28px,1180px)}
  body[data-frontend-v7] :where(.wizard-actions,.form-actions){flex-wrap:wrap}
  body[data-frontend-v7] :where(.wizard-actions,.form-actions)>.btn,body[data-frontend-v7] :where(.wizard-actions,.form-actions)>button{flex:1 1 150px}
  body[data-frontend-v7] [data-mobile-conversion-bar]{padding-bottom:max(10px,env(safe-area-inset-bottom))}
}
@media (max-width:360px){body[data-frontend-v7] :where(.container,.shell,.sl-shell){width:min(100% - 20px,1180px)}body[data-frontend-v7] :where(.btn,button){max-width:100%}}
@media (min-width:1600px){body[data-frontend-v7] :where(.container,.shell,.sl-shell){max-width:1240px}}
@media (orientation:landscape) and (max-height:560px){body[data-frontend-v7] [data-mobile-conversion-bar]{position:relative;inset:auto}}
@media (pointer:coarse){body[data-frontend-v7] :where(button,.btn,.menu-toggle,.nav-links a,.site-header nav>a,input:not([type="checkbox"]):not([type="radio"]),select){min-height:44px}}
@media (prefers-reduced-motion:reduce){body[data-frontend-v7] *,body[data-frontend-v7] *::before,body[data-frontend-v7] *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media (forced-colors:active){
  body[data-frontend-v7] :where(input,select,textarea,button,.btn,.lv7-table-scroll,.lv7-image-placeholder){border:1px solid CanvasText;box-shadow:none}
  body[data-frontend-v7] :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid Highlight;box-shadow:none}
}
@media print{body[data-frontend-v7] :where(.site-header,[data-mobile-conversion-bar],.menu-toggle,video){display:none!important}body[data-frontend-v7]{background:#fff;color:#000}body[data-frontend-v7] a{text-decoration:underline}}
@supports (-webkit-touch-callout:none){body[data-frontend-v7] :where(input,select,textarea){border-radius:12px}body[data-frontend-v7] select{background-color:#fff}}
