/* Homepage refinement and responsive fixes v1.1.1 */
.home-body{font-family:"Noto Sans",Inter,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
html[dir=rtl] .home-body{font-family:"Noto Sans Arabic",Cairo,"Noto Sans",Arial,sans-serif}
.home-body .container{width:min(1240px,calc(100% - 48px))}
.home-body .top{min-height:40px;font-size:13px;font-weight:650}
.home-body .header-row{gap:25px}
.home-body .header .search{max-width:430px}
.home-body .header nav{gap:17px;font-size:14px;white-space:nowrap}
.home-body .header nav a{min-height:38px;display:inline-flex;align-items:center}
.home-body .header nav a:not(.lang){position:relative}
.home-body .header nav a:not(.lang):after{content:"";position:absolute;inset:auto 0 1px;height:2px;border-radius:2px;background:#11bfa8;transform:scaleX(0);transition:.2s}
.home-body .header nav a:hover:after{transform:scaleX(1)}
.home-body .header .lang{padding:7px 10px}
.home-body .menu{width:43px;height:43px;border:1px solid #dce3ea;border-radius:12px;background:#f7f9fb;color:#0a1728;font-size:20px}

.home-hero-grid{gap:80px}
.home-hero h1{max-width:650px}
.home-hero-lead{font-size:17px}
.home-hero-search input{font-size:15px}
.home-hero-search button{font-size:15px}
.hero-product-card{width:min(475px,96%)}
.hero-product-image{height:300px}
.hero-product-info h2{font-size:20px}
.hero-price strong{font-size:22px}
.hero-specs small{font-size:9px}.hero-specs b{font-size:11px}

.home-section-heading>div{max-width:740px}
.home-section-heading p{font-size:15px}
.home-section-heading>a{font-size:14px}
.home-brand-list a{filter:grayscale(.35);opacity:.9}
.home-brand-list img{max-width:102px;max-height:34px}
.home-brand-list a:hover{filter:none;opacity:1}

.home-product-grid{gap:20px}
.home-product-grid .card{display:flex;flex-direction:column;overflow:hidden}
.home-product-grid .card-media{height:255px;flex:0 0 auto}
.home-product-grid .card-body{padding:21px 21px 22px;display:flex;flex:1;flex-direction:column}
.home-product-grid .eyebrow{min-height:20px;font-size:11px;line-height:1.45}
.home-product-grid .card h3{min-height:55px;margin:13px 0 16px;font-size:19px;line-height:1.45}
.home-product-grid .card dl{margin-bottom:15px}
.home-product-grid .card dl div{padding:7px 0;gap:8px;font-size:13px;line-height:1.5}
.home-product-grid .card dt{min-width:47px;flex:0 0 47px;font-weight:850;color:#64748b}
.home-product-grid .card dd{min-width:0;color:#26364a;overflow-wrap:anywhere}
.home-product-grid .card footer{margin-top:auto;padding-top:15px;border-top:1px solid #e8edf2}
.home-product-grid .card footer small{font-size:11px}
.home-product-grid .card footer b{font-size:20px}
.home-product-grid .card footer>a{flex:0 0 auto}
.home-product-grid .badge{font-size:11px}

.need-card p{font-size:14px}.need-card>b{font-size:13px}
.home-deals-copy p{font-size:15px}
.home-deal-card{min-height:145px}
.deal-image{height:119px}
.deal-copy>small{font-size:10px}.deal-copy h3{font-size:16px}.deal-copy strong{font-size:19px}.deal-copy del{font-size:12px}
.confidence-copy>p{font-size:15px}.confidence-checks span{font-size:12px}
.confidence-panel li b{font-size:14px}.confidence-panel li small{font-size:11px}
.home-faq-layout>div:first-child>p{font-size:15px}.home-faq-list summary{font-size:16px}.home-faq-list details p{font-size:14px}

.home-body .footer{padding:68px 0 26px}
.home-body .footer-grid{grid-template-columns:1.6fr .8fr 1fr;gap:75px}
.home-body .footer .brand b{font-size:17px}
.home-body .footer p{font-size:14px;line-height:1.95}
.home-body .footer h3{font-size:16px;margin:0 0 9px}
.home-body .footer a:not(.brand){font-size:13px;line-height:1.8}
.home-body .footer-bottom{margin-top:38px;padding-top:22px;font-size:11px}

/* Keep the WhatsApp action in one predictable place in both languages. */
html[dir="ltr"] .whatsapp-float{right:22px!important;left:auto!important;inset-inline-start:auto!important;inset-inline-end:22px!important}
html[dir="rtl"] .whatsapp-float{right:22px!important;left:auto!important;inset-inline-start:22px!important;inset-inline-end:auto!important}
.whatsapp-float{min-height:52px;font-size:14px}

@media(max-width:1320px){
  .home-body .container{width:min(1180px,calc(100% - 40px))}
  .home-body .header nav{gap:13px;font-size:13px}.home-body .header .search{max-width:365px}.home-hero-grid{gap:48px}
}
@media(max-width:1180px){
  .home-body .header-row{position:relative}
  .home-body .header nav{display:none;position:absolute;z-index:40;top:70px;inset-inline-end:0;inset-inline-start:auto;width:min(370px,calc(100vw - 40px));padding:15px;border:1px solid #dfe6ed;border-radius:15px;grid-template-columns:1fr;background:#fff;box-shadow:0 24px 55px rgba(8,23,40,.17)}
  .home-body .header.open nav{display:grid}
  .home-body .header nav a{min-height:44px;padding:0 11px;border-radius:9px}
  .home-body .header nav a:hover{background:#f0faf8}.home-body .header nav a:after{display:none}
  .home-body .header .lang{border:0;background:#eef3f6}
  .home-body .menu{display:grid;place-items:center;margin-inline-start:0}
  .home-body .header .search{max-width:none}
  .home-hero-grid{grid-template-columns:minmax(0,1fr) 445px;gap:35px}
  .home-hero h1{font-size:53px}.hero-product-card{width:100%}
  .home-product-grid{gap:16px}.home-product-grid .card-body{padding:18px}.home-product-grid .card h3{font-size:18px}
}
@media(max-width:900px){
  .home-body .container{width:calc(100% - 30px)}
  .home-body .header nav{top:64px}
  .home-hero-grid{grid-template-columns:1fr}.home-hero h1{max-width:700px;margin-inline:auto}
  .home-product-grid .card-media{height:235px}
  .home-body .footer-grid{grid-template-columns:1fr 1fr;gap:40px}.home-body .footer-grid>div:first-child{grid-column:1/-1}
}
@media(max-width:640px){
  .home-body .container{width:calc(100% - 22px)}
  .home-body .header .brand small{display:none}
  .home-body .header .brand b{font-size:14px}
  .home-body .header .search{display:none}
  .home-body .menu{margin-inline-start:auto}
  html[dir=rtl] .home-body .menu{margin-inline-start:0;margin-inline-end:auto}
  .home-body .header nav{position:fixed;top:68px;inset-inline:11px;width:auto;max-height:calc(100vh - 85px);overflow-y:auto}
  .home-hero h1{font-size:37px}
  .home-hero-lead{font-size:15px}
  .hero-product-image{height:215px}
  .home-section-heading p{font-size:14px}
  .home-brand-list a{filter:none;opacity:.86}
  .home-product-grid{gap:14px}
  .home-product-grid .card-media{height:225px}
  .home-product-grid .card-body{padding:19px}
  .home-product-grid .card h3{min-height:auto;font-size:19px}
  .home-product-grid .card dl div{font-size:13px}
  .home-deal-card{min-height:128px}.deal-image{height:106px}
  .home-body .footer{padding:52px 0 22px}.home-body .footer-grid{grid-template-columns:1fr;gap:30px}.home-body .footer-grid>div:first-child{grid-column:auto}.home-body .footer-bottom{align-items:flex-start}
  html[dir="ltr"] .whatsapp-float{right:14px!important;left:auto!important;inset-inline-start:auto!important;inset-inline-end:14px!important}
  html[dir="rtl"] .whatsapp-float{right:14px!important;left:auto!important;inset-inline-start:14px!important;inset-inline-end:auto!important}
  .whatsapp-float{bottom:14px;padding:12px!important}
}