/*
Theme Name: AAI Wholesale Modern
Theme URI: https://www.aaiwholesale.com/
Author: AAI Wholesale
Description: Modern responsive WooCommerce wholesale and retail storefront.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: aaiwholesale
*/
:root{--navy:#102238;--dark:#0b1726;--blue:#165e97;--gold:#ffc34e;--text:#15283d;--muted:#68788b;--line:#e3e9ee;--off:#f5f8fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font:15px/1.65 system-ui,-apple-system,Segoe UI,sans-serif;background:white}a{color:inherit;text-decoration:none}a:hover{color:#17699f}img{max-width:100%;height:auto}button,input,textarea{font:inherit}.wrap{max-width:1240px;width:calc(100% - 48px);margin:auto}.top{background:#0d2034;color:#dce8f3;font-size:12px}.top-inner{display:flex;justify-content:space-between;gap:12px;padding:8px 0}.top i{font-style:normal;padding:0 12px;color:#7b91a5}.site-header{background:white}.header{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:23px 0}.logo{font-weight:950;font-size:26px;line-height:1;letter-spacing:-1.2px;color:#102238;display:block}.logo span{color:#1972ac}.logo small{display:block;font-size:9px;letter-spacing:2px;font-weight:700;margin-top:8px;color:#8090a1}.store-search{display:flex;align-items:stretch;flex:1;max-width:530px;background:#f6f8fa;border:1px solid #dce4ec;border-radius:8px;overflow:hidden}.store-search input{flex:1;min-width:0;padding:13px 17px;border:0;background:transparent;outline:none}.store-search button{border:0;background:#176ba6;color:white;padding:0 20px;font-size:28px;cursor:pointer}.header-actions{display:flex;align-items:center;gap:15px}.help-link{font-size:13px;font-weight:800;line-height:1.3}.help-link small{display:block;color:var(--muted);font-size:11px;font-weight:500}.header-action{font-size:23px;border:1px solid var(--line);border-radius:9px;width:43px;height:43px;display:grid;place-items:center}.nav{background:#133451;color:white}.nav-inner{display:flex;align-items:center;gap:24px}.nav ul{display:flex;align-items:center;gap:25px;padding:0;margin:0;list-style:none;flex-wrap:wrap}.nav a{color:white;display:inline-block;padding:16px 0;font-size:13px;font-weight:700}.nav a:hover{color:var(--gold)}.nav .all-products{background:#f9ba42;color:#12243a;padding:16px 22px;font-weight:900;white-space:nowrap}.nav .all-products:hover{color:#12243a;background:#ffd16d}.hero{background:radial-gradient(circle at 85% 30%,#1f668e 0%,transparent 38%),linear-gradient(115deg,#102338,#133b5d 78%,#194e72);color:white;overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.08fr .92fr;min-height:525px;align-items:center;gap:30px}.hero-copy{padding:62px 0 68px}.kicker{display:inline-block;color:var(--gold);font-size:11px;letter-spacing:2.2px;font-weight:900;margin-bottom:18px}.kicker.dark{color:#2478a8}.hero h1{font-size:clamp(40px,4.5vw,64px);line-height:1.1;letter-spacing:-2px;margin:0 0 23px;font-weight:900}.hero h1 em,.wholesale-section h2 em{font-style:normal;color:#ffc34e}.hero-copy>p{font-size:17px;line-height:1.85;color:#d3e1ed;max-width:540px;margin-bottom:28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:13px 20px;font-weight:850;font-size:13px;transition:transform .2s;background:#165f96;color:white;border:1px solid transparent}.btn:hover{transform:translateY(-2px);color:inherit}.btn-gold{background:var(--gold);color:#102238}.btn-outline{background:transparent;border-color:#7d9eb7;color:white}.btn-dark{background:#112b43;color:white}.hero-points{display:flex;gap:17px;flex-wrap:wrap;color:#c5d9e9;font-size:11px;margin-top:32px}.hero-art{position:relative;height:425px}.art-glow{position:absolute;width:330px;height:330px;background:#53b6e0;filter:blur(80px);opacity:.24;right:25px;top:20px}.art-card{position:absolute;border:1px solid #ffffff60;border-radius:18px;box-shadow:0 24px 65px #041b2e66;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.art-card>span{font-size:10px;letter-spacing:1.6px;font-weight:800}.art-card strong{font-size:30px;line-height:1.15;letter-spacing:-1px}.art-icon{font-size:115px;line-height:1;align-self:flex-end;opacity:.55}.art-large{width:65%;height:310px;top:18px;right:5px;padding:25px;background:linear-gradient(135deg,#418fb6,#123b61)}.art-small{width:48%;height:235px;left:4px;bottom:5px;padding:23px;background:linear-gradient(140deg,#f6d0a9,#b97560);color:#362a2a;transform:rotate(-7deg)}.art-small strong{font-size:23px}.art-small .art-icon{font-size:70px}.art-tag{position:absolute;bottom:26px;right:5px;background:#f8f8f8;color:#102238;border-radius:30px;padding:12px 16px;font-size:11px;letter-spacing:1px;font-weight:900;box-shadow:0 10px 25px #0004}.art-tag b{margin-left:15px;font-size:18px}.value-strip{background:#f5f8fb;border-bottom:1px solid #e5ebf0}.value-row{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:19px 0;font-size:11px;font-weight:900;letter-spacing:.7px;color:#38536b}.section{padding:76px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:29px}.section-title h2,.contact-band h2{font-size:clamp(29px,3vw,40px);line-height:1.15;letter-spacing:-1.2px;margin:0 0 8px}.section-title p{color:var(--muted);margin:0}.accent-dot{color:#edb34b}.text-link{color:#176a9d;font-size:13px;font-weight:850;white-space:nowrap}.department-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.department{height:315px;border-radius:12px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:21px;transition:transform .2s}.department:hover{transform:translateY(-5px);color:inherit}.department.fashion{background:linear-gradient(135deg,#f8e5d7,#e6bbab);color:#603d39}.department.electronics{background:linear-gradient(135deg,#dceefa,#8dbbdf);color:#193b5d}.department.beauty{background:linear-gradient(135deg,#f9e4ed,#e8a7c4);color:#743c57}.department.toys{background:linear-gradient(135deg,#f5ecc8,#e4cb83);color:#68542a}.dept-index{font-size:10px;letter-spacing:1.5px;font-weight:850}.dept-symbol{font-size:125px;line-height:1;align-self:center;opacity:.3}.dept-bottom{position:relative;display:block}.dept-bottom strong{display:block;font-size:21px;line-height:1.15;margin-bottom:7px;letter-spacing:-.5px}.dept-bottom small{font-size:11px;display:block;max-width:90%;line-height:1.6}.dept-arrow{position:absolute;right:0;bottom:0;font-size:23px}.product-section{background:#f7f9fb}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;background:white;border:1px solid #e6ebf0;border-radius:10px;padding:12px!important;overflow:hidden}.woocommerce ul.products li.product img{width:100%!important;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:6px}.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#172c41;font-size:14px!important;line-height:1.5}.woocommerce ul.products li.product .price{color:#0d659e;font-weight:850;font-size:16px!important}.woocommerce ul.products li.product .button,.woocommerce button.button.alt,.woocommerce a.button{background:#143b5c!important;color:white!important;border-radius:6px!important;padding:11px 14px!important;font-size:12px!important}.woocommerce span.onsale{background:#e5ae42!important;color:#14283c!important}.wholesale-section{background:#10283f;color:white}.wholesale-layout{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:center}.wholesale-section h2{font-size:clamp(32px,3.8vw,50px);letter-spacing:-1.5px;line-height:1.14;margin:0 0 18px}.wholesale-section p{color:#c6d7e6;max-width:540px;margin-bottom:25px}.wholesale-stats{display:grid;gap:12px}.wholesale-stats>div{display:grid;grid-template-columns:48px 1fr;gap:0 15px;border:1px solid #ffffff29;border-radius:9px;padding:16px 20px}.wholesale-stats span{grid-row:span 2;color:#ffc34e;font-size:23px;font-weight:900}.wholesale-stats strong{font-size:15px}.wholesale-stats small{color:#b9cbd9}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-grid>div{border:1px solid #e4e9ef;padding:27px;border-radius:10px}.service-icon{display:grid;place-items:center;width:50px;height:50px;background:#e7f3fb;border-radius:12px;color:#17669c;font-size:25px}.service-grid h3{font-size:17px;margin:17px 0 6px}.service-grid p{color:var(--muted);margin:0}.contact-band{background:#f6e6be;padding:38px 0}.contact-band-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.contact-band p{margin:0;color:#685a43}.footer{background:#0b1a2a;color:#b5c4d2;padding:64px 0 22px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}.footer-logo{color:white;font-size:23px;font-weight:950;letter-spacing:-.7px}.footer h3{color:white;font-size:14px;margin:0 0 18px}.footer p{font-size:13px;line-height:1.8}.footer-grid>div>a:not(.footer-logo),.footer-contact a{display:block;color:#b5c4d2;font-size:13px;margin:0 0 11px}.footer a:hover{color:#ffc34e}.footer-bottom{border-top:1px solid #ffffff21;margin-top:42px;padding-top:19px;display:flex;justify-content:space-between;gap:15px;font-size:11px}.content-area{min-height:450px;padding:50px 0}.content-area h1{font-size:36px}.content-area article{max-width:900px}.contact-form{display:grid;gap:9px;max-width:650px}.contact-form label{font-weight:750}.contact-form input,.contact-form textarea{width:100%;padding:11px;border:1px solid #cbd6df;border-radius:6px}.contact-form textarea{min-height:140px}.chat-open{position:fixed;right:20px;bottom:20px;z-index:999;border:0;border-radius:30px;background:#156ea7;color:white;padding:13px 21px;font-weight:850;box-shadow:0 8px 30px #0004;cursor:pointer}.chat-panel{position:fixed;right:20px;bottom:80px;z-index:999;width:min(350px,calc(100vw - 40px));background:white;border:1px solid #ddd;border-radius:13px;box-shadow:0 15px 55px #0003;display:none;overflow:hidden}.chat-panel.open{display:block}.chat-title{background:#123451;color:white;padding:14px;display:flex;justify-content:space-between}.chat-title button{border:0;background:transparent;color:white;font-size:23px;cursor:pointer}.chat-body{padding:16px}.chat-body button[data-topic]{display:block;width:100%;padding:9px;margin:8px 0;text-align:left;background:#f4f8fb;border:1px solid #dde7ef;border-radius:6px;cursor:pointer}.chat-body small{color:#68788b}.notice{background:#eaf7ed;border:1px solid #c0e5c9;padding:10px;border-radius:6px}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
@media(max-width:1000px){.department-grid,.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-layout{grid-template-columns:1fr 1fr}.hero h1{font-size:45px}.footer-grid{grid-template-columns:repeat(2,1fr)}.header{gap:18px}.nav ul{gap:13px}}@media(max-width:700px){.wrap{width:calc(100% - 30px)}.top-inner{justify-content:center}.top-inner>span:first-child{display:none}.header{flex-wrap:wrap;padding:16px 0}.store-search{order:3;flex-basis:100%;max-width:none}.help-link{display:none}.nav-inner{overflow:auto;white-space:nowrap}.nav ul{flex-wrap:nowrap}.nav a{font-size:12px}.hero-layout{grid-template-columns:1fr;gap:0}.hero-copy{padding:55px 0 10px}.hero h1{font-size:clamp(37px,10vw,50px)}.hero-art{height:310px}.art-large{height:230px}.art-small{height:175px}.art-card strong{font-size:20px}.art-icon{font-size:60px}.art-small .art-icon{font-size:48px}.art-tag{bottom:16px}.value-row{justify-content:center;font-size:10px}.section{padding:50px 0}.section-title{align-items:start;flex-direction:column;gap:12px}.department{height:255px;padding:15px}.dept-symbol{font-size:80px}.dept-bottom strong{font-size:17px}.wholesale-layout{grid-template-columns:1fr;gap:30px}.service-grid{grid-template-columns:1fr}.contact-band-inner{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-bottom{flex-direction:column}.woocommerce ul.products{gap:10px}.woocommerce ul.products li.product{padding:8px!important}}@media(max-width:420px){.department-grid{gap:10px}.department{height:235px}.dept-bottom small{font-size:10px}.footer-grid{grid-template-columns:1fr}}