/* AHAN 123 | Exact metallic category illustrations from the approved mockup.
 * This theme layer is opt-in via artwork-v4-1.enabled; original RFQ workflows unchanged.
 */
#aiw4.aiw4{
 --art-navy:#062d43;--art-teal:#0b5267;--art-deep:#012a41;
 --art-gold:#f6c660;--art-ice:#edf9fc;
 background:radial-gradient(circle at 96% 18%,#e0f8fa,transparent 26%),
            radial-gradient(circle at 7% 50%,#e7f5fa,transparent 35%),
            linear-gradient(180deg,#eff7fa,#fbfdfd 60%,#eaf5f8);
}
#aiw4.aiw4 .aiw4-hero{
 border:1px solid #14627b;
 border-radius:29px;
 background:linear-gradient(113deg,#062e44 0%,#0b4b61 47%,#062b42 100%);
 box-shadow:0 22px 41px rgba(3,55,77,.19),inset 0 1px 0 rgba(255,255,255,.15);
 padding-block:29px;
}
#aiw4.aiw4 .aiw4-hero:before{
 background:repeating-linear-gradient(132deg,transparent 0 70px,rgba(174,232,228,.055) 71px,transparent 72px);
}
#aiw4.aiw4 .aiw4-hero:after{background:linear-gradient(140deg,#ffdb93,#f3b845);width:78px;height:78px;}
#aiw4.aiw4 .aiw4-hero .aiw4-eyebrow{color:#55d7d8}
#aiw4.aiw4 .aiw4-hero h1{color:#fff!important;text-shadow:0 2px 13px rgba(0,18,32,.19)}
#aiw4.aiw4 .aiw4-hero h1 em{color:#f9c45b}
#aiw4.aiw4 .aiw4-hero__copy>p{color:#c8e3ea;font-weight:500}
#aiw4.aiw4 .aiw4-hero__chips>span{
 background:rgba(3,65,85,.7);
 color:#d5f3f0;
 border:1px solid rgba(118,223,221,.3);
 padding:7px 13px;
}
#aiw4.aiw4 .aiw4-hero__visual{isolation:isolate;min-height:174px;gap:0}
#aiw4.aiw4 .aiw4-hero__visual:before{
 content:"";position:absolute;inset:17px 0 2px;border:1px solid rgba(104,185,202,.21);
 border-radius:24px;transform:skewX(-8deg);
 background:linear-gradient(137deg,rgba(155,234,235,.07),rgba(7,61,81,.05));
 z-index:-1;
}
#aiw4.aiw4 .aiw4-hero__metal{
 width:39%;max-width:181px;height:149px;
 margin:0 -11px;
 border:5px solid rgba(250,253,255,.94);
 border-radius:19px;
 background:#f3f9fa;
 box-shadow:0 13px 26px rgba(0,17,29,.24),inset 0 1px 0 #fff;
}
#aiw4.aiw4 .aiw4-hero__metal--1{transform:translateY(7px) rotate(-8deg)}
#aiw4.aiw4 .aiw4-hero__metal--2{transform:translateY(-9px) rotate(6deg)}
#aiw4.aiw4 .aiw4-hero__metal--3{transform:translateY(9px) rotate(-4deg)}
#aiw4.aiw4 .aiw4-hero__metal img{
 display:block;width:100%;height:100%;object-fit:contain;
 mix-blend-mode:normal;filter:contrast(1.02);
}
#aiw4.aiw4 .aiw4-hero__visual-label{
 color:#fff3d4;background:#0b5368;border:1px solid #3e94a5;
 box-shadow:0 9px 20px rgba(0,27,40,.2);
}
#aiw4.aiw4 .aiw4-hero__visual-label small{color:#bde9e9}
#aiw4.aiw4 .aiw4-stepper__step.is-active{
 background:linear-gradient(134deg,#ffe8aa,#f5c66c);
 border:1px solid #f4bd58;color:#123d51;
 box-shadow:0 10px 20px rgba(187,139,46,.15),inset 0 1px 0 #fff4d6;
}
#aiw4.aiw4 .aiw4-stepper__step.is-active .aiw4-stepper__number{
 background:#0a4055;border-color:#14667a;color:#ffd375;
}
#aiw4.aiw4 .aiw4-stepper__step.is-active .aiw4-stepper__text small{color:#88682c}
#aiw4.aiw4 .aiw4-categories{
 grid-template-columns:repeat(6,minmax(0,1fr));
 gap:10px;padding:19px 0 21px;
}
#aiw4.aiw4 .aiw4-category{
 position:relative;
 display:flex;align-items:center;flex-direction:column;
 min-width:0;min-height:196px;
 overflow:hidden;
 gap:5px;
 padding:7px 7px 13px;
 color:white;
 border:1px solid #1c7087;
 border-radius:20px;
 background:linear-gradient(160deg,#0b5067 0%,#07394e 65%,#042b41 100%);
 box-shadow:0 12px 22px rgba(2,60,80,.15),inset 0 1px 0 rgba(255,255,255,.16);
 transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
#aiw4.aiw4 .aiw4-category:hover{
 transform:translateY(-4px);border-color:#6bc4ce;
 box-shadow:0 17px 27px rgba(1,65,84,.19);
}
#aiw4.aiw4 .aiw4-category.is-active{
 background:linear-gradient(157deg,#0c5c70,#073b51 60%,#032b41);
 border:2px solid #fac653;
 padding:6px 6px 12px;
 box-shadow:0 15px 25px rgba(201,155,56,.20),inset 0 0 0 1px rgba(255,232,169,.38);
}
#aiw4.aiw4 .aiw4-category__photo{
 width:100%;height:118px;
 border-radius:15px 15px 12px 12px;
 background:linear-gradient(145deg,#fff,#e9f2f7);
 box-shadow:inset 0 -1px 0 rgba(255,255,255,.78);
 overflow:hidden;
}
#aiw4.aiw4 .aiw4-category__photo img{
 width:100%;height:100%;display:block;
 object-fit:contain;mix-blend-mode:normal;
 filter:contrast(1.045) saturate(.96);
 transition:transform .25s ease;
}
#aiw4.aiw4 .aiw4-category:hover .aiw4-category__photo img{transform:scale(1.055)}
#aiw4.aiw4 .aiw4-category strong{
 font-size:12px;line-height:1.6;
 font-weight:950;color:#fff;text-shadow:0 1px 4px rgba(0,26,41,.15);
}
#aiw4.aiw4 .aiw4-category small{font-size:9px;color:#acd9e2;line-height:1.6}
#aiw4.aiw4 .aiw4-category.is-active strong{color:#ffe09a}
#aiw4.aiw4 .aiw4-category__photo i{
 top:7px;right:7px;width:26px;height:26px;border:2px solid #fff0be;
 background:linear-gradient(135deg,#ffdc85,#ecac30);
 box-shadow:0 4px 10px rgba(54,35,5,.20);
 color:#09455b;font-size:14px;font-style:normal;font-weight:950;
}
#aiw4.aiw4 .aiw4-category-more{
 background:linear-gradient(145deg,#eefbfb,#f8fcfd);
 border-color:#bedee6;
}
#aiw4.aiw4 .aiw4-category-more .aiw4-outline{
 color:#125c70;border-color:#bfdee5;
}
#aiw4.aiw4 .aiw4-cart__head{
 background:linear-gradient(127deg,#09374f,#0e6273);
 border-bottom:1px solid #145e73;
 color:#fff;
}
#aiw4.aiw4 .aiw4-cart__head h2{color:#fff!important}
#aiw4.aiw4 .aiw4-cart__head small{color:#75e2de}
#aiw4.aiw4 .aiw4-cart__head p{color:#bad9e2}
#aiw4.aiw4 .aiw4-cart__head>strong{border-color:#ffdb85;color:#1d4556;background:#ffdb85}
#aiw4.aiw4 .aiw4-cart__icon{background:linear-gradient(135deg,#ffe8a5,#f2c15c)}
#aiw4.aiw4 .aiw4-products-head{background:linear-gradient(119deg,#07354b,#0e6172)}
#aiw4.aiw4 .aiw4-option img{background:#f4f9fa;object-fit:contain;mix-blend-mode:normal}
@media(max-width:1300px){
 #aiw4.aiw4 .aiw4-categories{grid-template-columns:repeat(3,minmax(0,1fr))}
 #aiw4.aiw4 .aiw4-category{min-height:191px}
 #aiw4.aiw4 .aiw4-category__photo{height:122px}
}
@media(max-width:850px){
 #aiw4.aiw4 .aiw4-hero{padding:19px 16px 14px;border-radius:23px}
 #aiw4.aiw4 .aiw4-hero h1{font-size:23px!important}
 #aiw4.aiw4 .aiw4-hero__visual{min-height:109px}
 #aiw4.aiw4 .aiw4-hero__metal{height:98px;max-width:132px;border-width:3px}
 #aiw4.aiw4 .aiw4-hero__visual-label{font-size:9px;bottom:0}
 #aiw4.aiw4 .aiw4-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 #aiw4.aiw4 .aiw4-category{min-height:155px;padding:5px 5px 9px;border-radius:15px;gap:4px}
 #aiw4.aiw4 .aiw4-category.is-active{padding:4px 4px 8px}
 #aiw4.aiw4 .aiw4-category__photo{height:96px;border-radius:12px 12px 8px 8px}
 #aiw4.aiw4 .aiw4-category strong{font-size:10px}
 #aiw4.aiw4 .aiw4-category small{font-size:8px}
}
@media(max-width:440px){
 #aiw4.aiw4 .aiw4-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 #aiw4.aiw4 .aiw4-category{min-height:179px;padding:6px 6px 10px}
 #aiw4.aiw4 .aiw4-category.is-active{padding:5px 5px 9px}
 #aiw4.aiw4 .aiw4-category__photo{height:112px}
 #aiw4.aiw4 .aiw4-category strong{font-size:11px}
 #aiw4.aiw4 .aiw4-category small{font-size:8.5px}
}
@media(max-width:350px){
 #aiw4.aiw4 .aiw4-hero h1{font-size:20px!important}
 #aiw4.aiw4 .aiw4-category__photo{height:99px}
 #aiw4.aiw4 .aiw4-category{min-height:165px}
}
@media(prefers-reduced-motion:reduce){
 #aiw4.aiw4 .aiw4-category{transition:none!important}
 #aiw4.aiw4 .aiw4-category__photo img{transition:none!important}
}