@charset "UTF-8";
/* AEO ordered CSS fragment v122. Original source files are retained. */

/* source: /Theme/shared/aeo-banners.css */
/* v54: Content-led responsive section banners. Keep images and controls in separate columns. */ .aeo-site .aeo-responsive-banner>.aeo-container { display:grid; grid-template-columns:minmax(0,3fr) minmax(0,2fr); gap:40px; gap:clamp(24px,3vw,64px); align-items:center; height:auto; min-height:300px; min-height:clamp(260px,20vw,380px); padding-top:40px; padding-bottom:40px; padding-top:clamp(28px,2.8vw,48px); padding-bottom:clamp(28px,2.8vw,48px); } .aeo-site .aeo-responsive-banner .aeo-section-hero-copy { width:auto;min-width:0;max-width:none; } .aeo-site .aeo-responsive-banner h1 { font-size:40px; font-size:clamp(30px,2.5vw,44px); line-height:1.35; margin:0 0 14px; overflow-wrap:break-word; } .aeo-site .aeo-responsive-banner p { font-size:18px; font-size:clamp(16px,1.125vw,18px); line-height:1.85; margin:0; max-width:680px; overflow-wrap:break-word; } .aeo-site .aeo-responsive-banner .aeo-section-hero-copy>a { display:inline-flex; align-items:center; min-height:24px; margin-top:18px; line-height:1.5; } .aeo-site .aeo-responsive-banner .aeo-section-art { position:relative; top:auto;right:auto;bottom:auto;left:auto; transform:none; display:block; width:100%;height:auto; max-height:250px; opacity:.8; pointer-events:none; } .aeo-site .aeo-responsive-banner .aeo-product-search { width:100%;max-width:640px;margin:18px 0 0;padding:0;background:transparent; } .aeo-site .aeo-responsive-banner .aeo-product-search label { display:block;margin:0 0 8px;line-height:1.5; } .aeo-site .aeo-responsive-banner .aeo-product-search>div { display:flex;gap:12px; } .aeo-site .aeo-responsive-banner .aeo-product-search input[type=search] { box-sizing:border-box;flex:1 1 0;width:100%;min-width:0;min-height:48px; } .aeo-site .aeo-responsive-banner .aeo-product-search button { flex:0 0 auto;min-height:48px; } @media(max-width:900px) { .aeo-site .aeo-responsive-banner>.aeo-container { grid-template-columns:minmax(0,1fr);gap:0;min-height:240px; } .aeo-site .aeo-responsive-banner .aeo-section-art { display:none; } .aeo-site .aeo-responsive-banner .aeo-section-hero-copy { max-width:680px; } } @media(max-width:600px) { .aeo-site .aeo-responsive-banner>.aeo-container { min-height:220px;padding-top:28px;padding-bottom:28px; } .aeo-site .aeo-responsive-banner h1 { font-size:30px;margin-bottom:12px; } .aeo-site .aeo-responsive-banner p { font-size:16px; } .aeo-site .aeo-responsive-banner .aeo-product-search>div { gap:8px; } .aeo-site .aeo-responsive-banner .aeo-product-search button { padding-left:18px;padding-right:18px; } } @media(max-width:360px) { .aeo-site .aeo-responsive-banner .aeo-product-search input[type=search] { padding-left:10px;padding-right:10px; } } /* v59: distinct decorative scenes for company, technical support and solutions. */ .aeo-site .aeo-topic-banner{position:relative;isolation:isolate;background:#edf4fd} .aeo-site .aeo-topic-banner>.aeo-topic-banner-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;pointer-events:none;user-select:none} /* v115: keep the existing banner box and mobile crop for native picture sources. */ .aeo-site .aeo-topic-banner>picture.aeo-topic-banner-image{display:block} .aeo-site .aeo-topic-banner>picture.aeo-topic-banner-image>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:inherit} .aeo-site .aeo-topic-banner>.aeo-container{z-index:1} .aeo-site .aeo-topic-banner .aeo-section-hero-copy{max-width:620px} @media(max-width:900px){ .aeo-site .aeo-topic-banner>.aeo-topic-banner-image{object-position:60% center;opacity:.24} .aeo-site .aeo-topic-banner .aeo-section-hero-copy{max-width:680px} }