
/* Affariyet V15 — visual overhaul for the approved home mockup.
   Scoped to the homepage wherever possible; do not change checkout layout. */
:root{--aff-blue:#063b8c;--aff-navy:#062b67;--aff-orange:#ff7900}
body#index,body.page-index{background:#f7f9fd}
body#index .container-md,body.page-index .container-md{max-width:1680px}
body#index #wrapper,body.page-index #wrapper{padding-top:10px}
body#index #content-wrapper,body.page-index #content-wrapper,
body#index #center-column,body.page-index #center-column,
body#index .page-content--home,body.page-index .page-content--home{
  width:100%!important;max-width:none!important;flex:0 0 100%!important;margin:0!important;
}
body#index .aff-v14-home,body.page-index .aff-v14-home{max-width:1600px;width:calc(100% - 36px);margin:0 auto}
.aff-v9-navigation{background:#fff!important;border-top:1px solid #edf1f7;border-bottom:1px solid #dfe7f3}
.aff-v9-navigation__inner{max-width:1680px!important;min-height:60px!important}
.aff-v9-all{background:#ff7900!important;border-radius:10px!important;box-shadow:none!important}
.aff-v9-promos{background:#d60027!important;border-radius:10px!important}
.aff-v9-nav-item>a{font-weight:750!important;color:#071f54!important}
.aff-v9-nav-item:hover>a,.aff-v9-nav-item:focus-within>a{background:#0848a6!important;color:white!important;border-radius:8px}
.aff-v13-mega{border-radius:0 0 16px 16px!important;box-shadow:0 15px 30px #15385a24!important;max-height:430px!important}
.aff-v13-mega-intro{background:linear-gradient(145deg,#083a89,#1266b9)!important}
.aff-v13-mega-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.aff-v12-drawer{width:min(680px,100vw)!important}
.aff-v14-drawer-layout{grid-template-columns:45% 55%!important}
.aff-v14-department-details{padding:16px 20px!important}
.aff-v14-details-grid{gap:10px!important}
.aff-v14-details-group{padding-bottom:7px!important}
.aff-v14-department{padding:9px!important}
.aff-v14-hero{position:relative;min-height:335px!important;max-width:none!important;
  padding:34px 5.5%!important;border-radius:17px!important;
  background:radial-gradient(ellipse at 72% 46%,#1889f6 0%,#0b60c2 34%,#073c8f 67%,#05275e 100%)!important}
.aff-v14-hero-copy{max-width:570px!important}
.aff-v14-hero h1{font-size:clamp(36px,4.3vw,65px)!important;letter-spacing:-1.6px!important}
.aff-v14-hero p{font-size:17px!important}
.aff-v14-hero-cta{background:#ff7900!important;box-shadow:0 5px 14px #001d4530}
.aff-v14-hero-images{height:265px;position:relative;flex:1.2!important;isolation:isolate}
.aff-v15-halo{position:absolute;inset:2% 8% 0 13%;border:6px solid #68dbff;border-radius:50%;
  box-shadow:0 0 30px #9eefff, inset 0 0 35px #4fc5ff;opacity:.75}
.aff-v14-hero-images img{position:relative!important;object-fit:contain!important;border-radius:12px!important;
  filter:drop-shadow(0 14px 15px #001b4d7d)!important}
.aff-v14-hero-images .aff-v15-laptop{width:63%!important;max-width:410px!important;max-height:245px!important;z-index:2}
.aff-v14-hero-images .aff-v15-phone{width:32%!important;max-width:190px!important;max-height:205px!important;z-index:3;margin-left:-22px}
.aff-v15-hero-discount{position:absolute;top:23px;right:25px;background:#ed002a;border-radius:19px;
  padding:12px 17px;color:white;text-align:center;font-weight:750;font-size:14px;line-height:1.1;z-index:4}
.aff-v15-hero-discount strong{display:block;font-size:29px}
.aff-v14-services{margin:12px 0 20px!important}
.aff-v14-services>div{padding:14px 7px!important;box-shadow:0 4px 14px #103e6e12!important;font-size:13px!important}
.aff-v14-univers{gap:12px!important}
.aff-v14-univers a{padding:7px!important;border-radius:13px!important}
.aff-v14-univers img{height:125px!important;object-fit:contain!important;background:#f2f6fd}
.aff-v14-heading{margin-top:14px!important}
.aff-v15-offers-head{margin:28px 0 16px;background:linear-gradient(105deg,#ff8e05,#ff5d00);
  border-radius:15px;display:flex;align-items:center;gap:15px;color:#fff;padding:18px 24px}
.aff-v15-offers-head h2{font-size:26px;font-weight:850;color:#fff;margin:0}
.aff-v15-offers-head p{color:#fff;margin:3px 0 0}
.aff-v15-offers-icon{font-size:36px;font-weight:800}
.aff-v15-header-actions{display:flex;gap:24px;align-items:center;margin-left:auto}
.aff-v15-header-actions a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#06275e;font-weight:700}
.aff-v15-header-actions span{font-size:23px;line-height:1.3}
.aff-v15-header-actions small{font-size:11px}
@media(max-width:991px){.aff-v15-header-actions{display:none}.aff-v14-hero-images{height:170px}
.aff-v15-hero-discount{top:10px;right:10px}.aff-v14-hero-images .aff-v15-laptop{max-height:155px!important}
.aff-v14-hero-images .aff-v15-phone{max-height:130px!important}
.aff-v14-univers img{height:100px!important}}
@media(max-width:560px){body#index .aff-v14-home,body.page-index .aff-v14-home{width:calc(100% - 16px)}
.aff-v14-hero{padding:22px!important}.aff-v14-hero h1{font-size:36px!important}
.aff-v14-hero-images{height:120px!important}.aff-v15-halo{border-width:3px}
.aff-v15-hero-discount{padding:8px;font-size:10px}.aff-v15-hero-discount strong{font-size:18px}
.aff-v14-univers img{height:95px!important}.aff-v15-offers-head h2{font-size:20px}}
