.logo-brand{display:block!important}
.hero-copy h1 br{display:none}
.logo-brand img{display:block;width:66px;height:58px;object-fit:contain}
.language-link{font-family:Arial,sans-serif;font-weight:800;letter-spacing:.04em}
.footer-brand .brand{display:block;height:100px}
.footer-brand .brand img{display:block;width:110px;height:100px;object-fit:contain}
#catalog{display:none}
#branches,#contact{display:none}
.hero{position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:9%;top:50%;transform:translateY(-50%) scale(1.03);width:min(30vw,380px);height:min(30vw,380px);background:url("logo.png") center/contain no-repeat;filter:drop-shadow(1px 0 0 rgba(255,255,255,.62)) drop-shadow(-1px 0 0 rgba(255,255,255,.62)) drop-shadow(0 1px 0 rgba(255,255,255,.62)) drop-shadow(0 -1px 0 rgba(255,255,255,.62)) drop-shadow(0 15px 22px rgba(0,0,0,.32));z-index:1}
.hero-copy{position:relative;z-index:2}

/* Local homepage motion preview */
@keyframes heroCopyIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes logoFloat{0%,100%{transform:translateY(-50%) scale(1.03)}50%{transform:translateY(calc(-50% - 13px)) scale(1.06)}}
@keyframes softPulse{0%,100%{box-shadow:0 0 0 0 rgba(237,139,23,.25)}55%{box-shadow:0 0 0 13px rgba(237,139,23,0)}}
@keyframes titleShine{0%,100%{filter:brightness(1)}50%{filter:brightness(1.16)}}
@keyframes glowDriftOne{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(24px,-28px) scale(1.12)}}
@keyframes glowDriftTwo{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-18px,24px) scale(.88)}}
@keyframes heroAmbient{0%,100%{background-position:0 0,88% 90%,0% 50%}50%{background-position:4% 5%,82% 84%,100% 50%}}
@keyframes heroSheen{from{transform:translateX(125%) rotate(12deg)}to{transform:translateX(-175%) rotate(12deg)}}
.hero{background-size:100% 100%,100% 100%,180% 180%;animation:heroAmbient 13s ease-in-out infinite}
.hero:before{content:"";position:absolute;inset:-35% -20%;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:heroSheen 8s 1.4s ease-in-out infinite;z-index:0;pointer-events:none}
.hero-copy{animation:heroCopyIn .8s cubic-bezier(.2,.75,.25,1) both}
.hero h1{animation:titleShine 3.8s ease-in-out infinite}
.hero-copy p{animation:heroCopyIn .8s .16s cubic-bezier(.2,.75,.25,1) both}
.hero-copy .outline-button{animation:heroCopyIn .8s .3s cubic-bezier(.2,.75,.25,1) both,softPulse 2.6s 1.2s ease-out infinite}
.hero:after{animation:logoFloat 5.5s ease-in-out infinite}
.hero-glow{position:absolute;border-radius:50%;pointer-events:none;z-index:0;opacity:.5;filter:blur(1px)}
.hero-glow-one{width:32px;height:32px;left:13%;top:25%;background:#ef9d36;animation:glowDriftOne 4.8s ease-in-out infinite}
.hero-glow-two{width:18px;height:18px;left:32%;bottom:20%;background:#d7b45d;animation:glowDriftTwo 3.8s ease-in-out infinite}
.stats>div{transition:transform .28s ease,background .28s ease;cursor:default}
.stats>div:hover{transform:translateY(-4px);background:transparent}
.stats{align-items:stretch}
.stats>div{min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 18px;border-left:1px solid rgba(255,255,255,.13)}
.stats>div b{line-height:1.1}
.stats>div span{line-height:1.6}
@media(max-width:720px){.stats>div{min-height:96px;padding:8px 10px}.stats>div:nth-child(odd){border-left:1px solid rgba(255,255,255,.13)}.stats>div:nth-child(even){border-left:0}}
.reveal-on-scroll{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1)}
.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}
.stats.reveal-on-scroll>div{transition:transform .28s ease,background .28s ease,opacity .6s ease}
.stats.reveal-on-scroll.is-visible>div:nth-child(2){transition-delay:.08s}.stats.reveal-on-scroll.is-visible>div:nth-child(3){transition-delay:.16s}.stats.reveal-on-scroll.is-visible>div:nth-child(4){transition-delay:.24s}
@keyframes importsMarquee{from{transform:translateX(0)}to{transform:translateX(50%)}}
.imports-showcase{padding:76px 0 84px;background:linear-gradient(180deg,#fffdf8,#f8f5ec);overflow:hidden}
.imports-showcase .section-heading{padding:0 24px;margin-bottom:30px}
.imports-window{overflow:hidden;direction:rtl;padding:8px 0 20px}
.imports-track{display:flex;width:max-content;gap:18px;animation:importsMarquee 300s linear infinite;will-change:transform}
.imports-window:hover .imports-track{animation-play-state:paused}
.import-card{width:190px;min-height:194px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:18px 16px;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(4,42,27,.1);border:1px solid rgba(8,115,55,.12);transition:transform .25s ease,box-shadow .25s ease}
.import-card:hover{transform:translateY(-10px) rotate(-1.5deg);box-shadow:0 18px 34px rgba(4,42,27,.18)}
.import-card img{width:100%;height:156px;object-fit:contain;mix-blend-mode:multiply}
.imports-download{display:table;margin:28px auto 0;padding:12px 24px;border-radius:9px;background:var(--green);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 8px 18px rgba(8,115,55,.2);transition:transform .22s ease,background .22s ease}.imports-download:hover{background:#065f2d;transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){.hero,.hero:before,.hero-copy,.hero h1,.hero-copy p,.hero-copy .outline-button,.hero:after,.hero-glow{animation:none}.reveal-on-scroll{opacity:1;transform:none;transition:none}}
@media(max-width:720px){.logo-brand img{width:54px;height:54px}}

/* Professional polish: clearer focus states, depth and tactile interactions */
:where(a,button):focus-visible{outline:3px solid #e1bb66;outline-offset:3px}
.section-heading h2{letter-spacing:-.02em}
.section-heading h2:after{content:"";display:block;width:46px;height:3px;margin:13px auto 0;border-radius:99px;background:linear-gradient(90deg,#e88a19,#087337)}
.branch-grid article,.sales article,.product-grid>div{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.branch-grid article:hover,.sales article:hover,.product-grid>div:hover{transform:translateY(-6px);border-color:#b9d8c2;box-shadow:0 16px 32px rgba(4,42,27,.13)}
.outline-button,.whatsapp-banner a,.imports-download{transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease}
.outline-button:hover,.whatsapp-banner a:hover,.imports-download:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,0,0,.16)}
.outline-button{position:relative;overflow:hidden}
.floating-community{position:fixed;right:22px;bottom:22px;z-index:40;width:62px;height:62px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:#10b95b;color:#fff;text-decoration:none;box-shadow:0 10px 24px rgba(4,42,27,.28),0 0 0 4px rgba(16,185,91,.16);transition:transform .22s ease,box-shadow .22s ease}
.floating-community .whatsapp-mark{width:32px;height:32px;color:#fff;display:block}.floating-community:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 14px 28px rgba(4,42,27,.34),0 0 0 7px rgba(16,185,91,.12)}
.outline-button:after{content:"";position:absolute;top:-35%;bottom:-35%;left:-65%;width:34%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg);animation:buttonShimmer 4.8s ease-in-out infinite;pointer-events:none}
@keyframes buttonShimmer{0%,62%{left:-65%;opacity:0}70%{opacity:1}88%,100%{left:135%;opacity:0}}
.menu{transition:transform .2s ease}.menu:hover{transform:scale(1.08)}
@media(max-width:720px){.header nav{transition:opacity .2s ease,transform .2s ease}.section-heading p{line-height:1.9}.hero-copy{max-width:640px}}
@media(prefers-reduced-motion:reduce){.outline-button:after{animation:none}}
@media(max-width:720px){.floating-community{right:16px;bottom:16px;width:56px;height:56px}.floating-community .whatsapp-mark{width:29px;height:29px}}

@media(min-width:721px) and (max-width:1180px){
  .hero:after{display:none}
  .hero-copy{width:100%;max-width:820px;margin:0 auto;text-align:center}
  .hero h1{font-size:clamp(42px,6.5vw,60px)}
  .hero p{max-width:800px;margin-right:auto;margin-left:auto;line-height:1.9}
}

@media(max-width:720px){
  .hero{min-height:450px;padding:42px 24px;text-align:center;align-items:flex-start}
  .hero:after{display:none}
  .hero-copy{width:100%;margin:0;text-align:center}
  .hero h1{font-size:38px;line-height:1.14;margin-top:58px}
  .hero p{font-size:14px;line-height:1.9}
  .imports-showcase{padding:58px 0 66px}.imports-track{gap:12px;animation-duration:230s}.import-card{width:150px;min-height:154px;padding:14px 10px;border-radius:15px}.import-card img{height:126px}
}