:root{--navy:#061b33;--navy2:#0b2f55;--blue:#006bdc;--cyan:#0aa8ff;--ice:#eaf8ff;--text:#0a2340;--muted:#5f7187;--line:#dfeaf4;--white:#fff;--green:#15b85a;--shadow:0 18px 50px rgba(6,27,51,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(6,27,51,.08)}.nav-wrap{height:82px;display:flex;align-items:center;gap:28px}.brand img{width:118px;display:block}.nav{display:flex;gap:24px;margin-left:auto;font-weight:700;font-size:14px}.nav a{padding:30px 0;position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;background:var(--cyan);transition:.25s}.nav a:hover:after{right:0}.nav-actions{display:flex;gap:10px}.menu-btn{display:none;border:0;background:transparent;font-size:26px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 18px;font-weight:800;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 10px 28px rgba(0,107,220,.26)}.btn-ghost{border-color:#a8d7f6;color:var(--blue)}.btn-light{background:#fff;color:var(--navy);border-color:rgba(255,255,255,.7)}.btn-whatsapp{background:var(--green);color:white}.btn-lg{padding:15px 22px;border-radius:14px}.full{width:100%}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 25%,#0b6da7 0,#083c69 26%,#061b33 64%);color:#fff;min-height:680px;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-overlay{position:absolute;inset:auto -10% -25% 30%;height:480px;background:radial-gradient(circle,#1cc3ff33 0,transparent 65%);filter:blur(10px)}.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;padding:86px 0}.eyebrow{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.18em;color:#9fdbff;margin-bottom:12px}.eyebrow.dark{color:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.04em;margin-bottom:24px}h1 span{color:#8ed9ff}.hero-copy>p{max-width:720px;font-size:19px;line-height:1.65;color:#d9ecfa}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px}.hero-points div{border-left:2px solid #1bb5ff;padding-left:14px}.hero-points strong,.hero-points span{display:block}.hero-points span{font-size:13px;color:#abcbe1;margin-top:4px}.hero-art{position:relative;min-height:460px}.ice-orb{position:absolute;border-radius:50%;filter:blur(2px);box-shadow:inset -25px -25px 55px rgba(0,80,150,.35),inset 18px 18px 50px rgba(255,255,255,.7),0 30px 70px rgba(0,0,0,.2);background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(103,209,255,.5));border:1px solid rgba(255,255,255,.8)}.orb-one{width:230px;height:230px;right:30px;top:10px;transform:rotate(16deg);border-radius:28% 72% 38% 62%/58% 35% 65% 42%}.orb-two{width:170px;height:170px;left:55px;bottom:50px;border-radius:36% 64% 70% 30%/46% 40% 60% 54%}.ice-card{position:absolute;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(16px);border-radius:18px;padding:18px 20px;box-shadow:0 20px 50px rgba(0,0,0,.18)}.ice-card span,.ice-card strong{display:block}.ice-card span{font-size:12px;color:#9fdbff;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.ice-card strong{font-size:23px;margin-top:4px}.card-a{left:0;top:70px}.card-b{right:0;bottom:85px}.card-c{left:120px;bottom:0}.section{padding:92px 0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:34px}.section-head h2,.split h2,.about-grid h2,.contact-grid h2{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.035em;margin-bottom:0}.section-head>p{max-width:440px;color:var(--muted);line-height:1.65}.products{background:linear-gradient(180deg,#fff,#f6fbff)}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.product-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(6,27,51,.06);transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-visual{height:200px;position:relative;overflow:hidden;background:linear-gradient(135deg,#c9edff,#f9fdff 50%,#8fd8ff);}.product-visual:before,.product-visual:after{content:"";position:absolute;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(93,196,244,.32));border:1px solid rgba(255,255,255,.8);box-shadow:inset -12px -14px 24px rgba(0,93,161,.2),0 14px 28px rgba(0,63,108,.14)}.ice-tube:before{width:54px;height:145px;left:70px;top:28px;border-radius:28px;transform:rotate(12deg)}.ice-tube:after{width:54px;height:132px;left:118px;top:40px;border-radius:28px;transform:rotate(-9deg)}.ice-bag:before{width:120px;height:128px;left:52px;top:34px;border-radius:20px 20px 34px 34px;transform:rotate(-5deg)}.ice-bag:after{width:72px;height:72px;left:83px;top:66px;transform:rotate(34deg)}.ice-cup:before{width:110px;height:125px;left:58px;top:35px;border-radius:10px 10px 30px 30px;clip-path:polygon(10% 0,90% 0,78% 100%,22% 100%)}.ice-cup:after{width:70px;height:70px;left:78px;top:60px;transform:rotate(25deg)}.ice-block:before{width:150px;height:92px;left:35px;top:56px;border-radius:12px;transform:skewY(-6deg)}.ice-block:after{width:110px;height:64px;left:56px;top:72px;border-radius:10px;transform:rotate(-4deg)}.ice-clear:before{width:92px;height:92px;left:64px;top:50px;transform:rotate(16deg)}.ice-clear:after{width:72px;height:72px;left:112px;top:88px;transform:rotate(-12deg)}.shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.85) 48%,transparent 62%);transform:translateX(-120%);animation:shine 5s infinite}.product-body{padding:20px}.tag{font-size:11px;font-weight:900;letter-spacing:.1em;color:var(--blue);background:#eaf6ff;padding:7px 9px;border-radius:999px}.product-body h3{font-size:21px;margin:16px 0 8px}.product-body p{color:var(--muted);line-height:1.6;min-height:76px}.product-body a{font-weight:800;color:var(--blue);font-size:14px}.why{background:#edf8ff}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{background:#fff;border:1px solid #d9ebf7;border-radius:18px;padding:28px}.icon{font-size:30px;color:var(--cyan);margin-bottom:18px}.feature h3{font-size:20px}.feature p{color:var(--muted);line-height:1.6;margin-bottom:0}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.split p{color:var(--muted);font-size:18px;line-height:1.7}.sector-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.sector-tags span{padding:10px 13px;border:1px solid var(--line);border-radius:999px;font-weight:700;background:#fff}.coverage-card{min-height:390px;border-radius:26px;padding:34px;color:#fff;background:radial-gradient(circle at 70% 25%,#0b82c5,#08385f 45%,#061b33);position:relative;overflow:hidden;box-shadow:var(--shadow)}.coverage-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,#ffffff50 0 2px,transparent 3px),radial-gradient(circle at 70% 60%,#ffffff30 0 2px,transparent 3px);background-size:48px 48px}.map-dot{width:24px;height:24px;border:6px solid #9cddff;background:#0ba6ff;border-radius:50%;position:absolute;right:22%;top:32%;box-shadow:0 0 0 18px #0ba6ff20}.coverage-copy,.hours{position:absolute;left:34px;right:34px}.coverage-copy{bottom:112px}.coverage-copy small,.coverage-copy strong,.coverage-copy span,.hours span,.hours strong,.hours small{display:block}.coverage-copy strong{font-size:28px;margin:4px 0}.coverage-copy span{color:#b5d6e9}.hours{bottom:30px;border-top:1px solid #ffffff33;padding-top:18px;display:grid;grid-template-columns:1fr auto;align-items:end}.hours strong{font-size:26px}.hours small{grid-column:1/-1;color:#a8cbe1}.about{background:#f8fbfe}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.about-panel{height:380px;border-radius:28px;background:linear-gradient(135deg,#fff,#dff5ff);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.about-panel img{width:min(76%,420px)}.about-grid p{font-size:18px;color:var(--muted);line-height:1.75}.cta-band{padding:48px 0;background:linear-gradient(135deg,#07365f,#068bd5);color:#fff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner h2{font-size:38px;margin:0}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:start}.contact-grid>div>p{color:var(--muted);font-size:18px;line-height:1.7}.contact-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.contact-list>a,.contact-list>div{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff}.contact-list span,.contact-list strong,.contact-list small{display:block}.contact-list span{font-size:12px;color:var(--muted);margin-bottom:6px}.contact-list strong{font-size:17px}.contact-list small{color:var(--muted);margin-top:5px}.contact-card{background:var(--navy);color:#fff;border-radius:24px;padding:34px;box-shadow:var(--shadow)}.contact-card h3{font-size:32px;margin-bottom:10px}.contact-card p{color:#bad3e5;line-height:1.65}.contact-card .btn{margin-top:10px}.mini-note{text-align:center;color:#94b8cf;font-size:13px;margin-top:16px}.footer{background:#041424;color:#c8d8e4;padding:60px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}.footer-grid>div{display:flex;flex-direction:column;gap:9px}.footer-grid strong{color:#fff;margin-bottom:8px}.footer-grid a:hover{color:#7fd4ff}.footer-logo{width:150px;background:#fff;border-radius:14px;padding:8px}.footer-grid p{max-width:280px;line-height:1.6}.footer-bottom{border-top:1px solid #ffffff18;margin-top:44px;padding-top:22px;display:flex;justify-content:space-between;font-size:13px;color:#7690a4}.floating-wa{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;box-shadow:0 12px 30px rgba(21,184,90,.36);z-index:40}.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.show{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}@keyframes shine{0%,55%{transform:translateX(-120%)}75%,100%{transform:translateX(140%)}}
@media(max-width:980px){.nav,.nav-actions{display:none}.menu-btn{display:block;margin-left:auto}.nav.open{display:flex;position:absolute;left:20px;right:20px;top:76px;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.nav.open a{padding:10px}.hero-grid,.split,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-art{min-height:360px}.product-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.section-head{align-items:start;flex-direction:column}.cta-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.hero{min-height:auto}.hero-grid{padding:70px 0}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.nav-wrap{height:70px}.brand img{width:96px}.hero-grid{padding:56px 0 68px}.hero-copy>p{font-size:16px}.hero-art{min-height:300px}.orb-one{width:170px;height:170px}.orb-two{width:130px;height:130px}.card-a{top:40px}.card-b{bottom:55px}.card-c{left:42px}.hero-points{grid-template-columns:1fr;gap:16px}.section{padding:68px 0}.product-grid,.feature-grid,.contact-list{grid-template-columns:1fr}.product-body p{min-height:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.cta-actions,.hero-actions{width:100%}.cta-actions .btn,.hero-actions .btn{width:100%}}

/* Real product photography */
.hero-art{position:relative;min-height:0;display:flex;align-items:center;justify-content:center}
.hero-photo{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;display:block;border-radius:28px;border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 70px rgba(0,0,0,.28);background:#06233d}
.hero-photo-badge{position:absolute;left:22px;bottom:22px;background:rgba(4,20,36,.82);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:14px 16px;color:#fff}
.hero-photo-badge span,.hero-photo-badge strong{display:block}.hero-photo-badge span{font-size:12px;color:#8ed9ff;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-photo-badge strong{font-size:17px;margin-top:4px}
.product-visual{height:230px;background:#eaf6ff}
.product-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.product-card:hover .product-visual img{transform:scale(1.05)}
.about-panel.about-photo{position:relative;overflow:hidden;padding:0;background:#dff5ff}
.about-panel.about-photo>img{width:100%;height:100%;object-fit:cover;max-width:none}
.about-logo-chip{position:absolute;left:22px;bottom:22px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-radius:14px;padding:8px 12px;box-shadow:0 10px 30px rgba(0,0,0,.16)}
.about-logo-chip img{width:120px;height:auto;display:block}
@media(max-width:980px){.hero-photo{height:auto;aspect-ratio:3/2}.hero-art{min-height:0}}
@media(max-width:640px){.hero-photo{height:auto;aspect-ratio:3/2;border-radius:22px}.hero-art{min-height:0}.hero-photo-badge{left:14px;right:14px;bottom:14px}.product-visual{height:260px}}

/* Generated Bayrak Buz product collage crops */
.ice-gallery{background:#fff}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:245px;gap:16px}
.gallery-item{position:relative;margin:0;overflow:hidden;border-radius:20px;background:#071e33;box-shadow:0 12px 32px rgba(6,27,51,.12)}
.gallery-item.gallery-wide{grid-column:span 2}
.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.gallery-item:hover img{transform:scale(1.045)}
.gallery-item:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(3,18,33,.86));pointer-events:none}
.gallery-item figcaption{position:absolute;left:18px;bottom:16px;z-index:2;color:#fff;font-weight:850;font-size:17px;letter-spacing:-.01em}
@media(max-width:980px){.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:230px}}
@media(max-width:640px){.gallery-grid{grid-template-columns:1fr;grid-auto-rows:250px}.gallery-item.gallery-wide{grid-column:span 1}}

/* Hakkımızda ve hizmet bölgesi profesyonel görseller */
.about-panel.about-photo{background:#eef8ff;padding:0;overflow:hidden}
.about-panel.about-photo>img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.coverage-card.coverage-map{padding:0;background:#061b33;display:flex;align-items:center;justify-content:center;overflow:hidden}
.coverage-card.coverage-map:before{display:none}
.coverage-card.coverage-map>img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
@media(max-width:980px){.coverage-card.coverage-map{min-height:360px}.about-panel.about-photo{height:auto;min-height:360px}.about-panel.about-photo>img{min-height:360px}}

/* Service area + about visual cards */
.coverage-card.coverage-map,
.about-panel.about-photo{
  position:relative;
  overflow:hidden;
  padding:0;
  background:#061b33;
  display:block;
}
.coverage-card.coverage-map:before{display:none}
.coverage-card.coverage-map>img,
.about-panel.about-photo>img{
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  display:block;
}
.coverage-card.coverage-map{min-height:320px;aspect-ratio:650/280}
.about-panel.about-photo{height:380px;aspect-ratio:900/330}
.visual-overlay-btn{
  position:absolute;
  right:18px;
  bottom:18px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:13px 18px;
  border-radius:999px;
  background:linear-gradient(135deg,#0b78e3,#08aef0);
  color:#fff;
  font-weight:900;
  font-size:14px;
  box-shadow:0 12px 30px rgba(0,74,145,.28);
  border:1px solid rgba(255,255,255,.28);
  backdrop-filter:blur(8px);
  transition:.2s ease;
}
.visual-overlay-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,74,145,.35)}
@media(max-width:980px){
  .coverage-card.coverage-map{min-height:0;aspect-ratio:650/280}
  .about-panel.about-photo{height:auto;min-height:0;aspect-ratio:900/330}
  .visual-overlay-btn{right:14px;bottom:14px;padding:11px 15px;font-size:13px}
}

/* Final visual sizing fixes: keep section images inside their grid cells */
.split > *,
.about-grid > * { min-width: 0; }

.coverage-card.coverage-map {
  width: 100%;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 650 / 280;
  padding: 0;
  border-radius: 26px;
  overflow: hidden;
  background: #061b33;
}
.coverage-card.coverage-map > img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center;
  display: block;
}

.about-panel.about-photo {
  width: 100%;
  min-width: 0;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 900 / 330;
  border-radius: 28px;
  overflow: hidden;
}
.about-panel.about-photo > img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center;
  display: block;
}

@media (max-width: 980px) {
  .coverage-card.coverage-map,
  .about-panel.about-photo {
    width: 100%;
    min-height: 0 !important;
    height: auto !important;
  }
}

/* Corrected Kağıthane service map */
.coverage-card.coverage-map{
  aspect-ratio: 1831 / 768;
  background:#061b33;
}
.coverage-card.coverage-map>img{
  width:100%;
  height:100%;
  object-fit:cover !important;
  object-position:center;
  display:block;
}

/* About vehicle visual: no extra canvas/gap */
.about-panel.about-photo{
  aspect-ratio:auto !important;
  height:auto !important;
  background:transparent !important;
  box-shadow:none;
  line-height:0;
}
.about-panel.about-photo>img{
  width:100%;
  height:auto !important;
  object-fit:cover !important;
  display:block;
  border-radius:28px;
}
.about-panel.about-photo .visual-overlay-btn{line-height:1.2}

/* Final polish: brand navigation, vehicle crop and professional contact icons */
.brand{display:inline-flex;align-items:center;cursor:pointer}
.brand img{height:66px;width:auto;object-fit:contain}
.ui-icon{width:20px;height:20px;display:block;fill:currentColor;flex:0 0 auto}
.icon-btn{gap:10px}

/* The source vehicle graphic had a baked-in pale frame; cropped asset fills the card edge-to-edge. */
.about-panel.about-photo{background:transparent!important;border-radius:28px;overflow:hidden;line-height:0;box-shadow:var(--shadow)}
.about-panel.about-photo>img{display:block;width:100%;height:auto!important;border-radius:0!important;object-fit:cover!important;object-position:center}

.contact-list .contact-item{display:flex;align-items:center;gap:14px;padding:17px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;transition:.2s ease}
.contact-list a.contact-item:hover{border-color:#9bd9ff;box-shadow:0 10px 28px rgba(0,107,220,.10);transform:translateY(-1px)}
.contact-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#eaf6ff;color:var(--blue);flex:0 0 auto}
.contact-icon .ui-icon{width:21px;height:21px}
.instagram-icon{background:linear-gradient(135deg,#feda75,#d62976 45%,#962fbf 72%,#4f5bd5);color:#fff}
.contact-copy{min-width:0;display:flex;flex-direction:column}
.contact-copy>span{font-size:12px;color:var(--muted);margin-bottom:5px}
.contact-copy strong{font-size:17px;line-height:1.2;overflow-wrap:anywhere}

.footer-brand{align-items:flex-start}
.footer-logo-link{display:inline-flex;align-items:center;padding:0;border-radius:14px}
.footer-logo{width:170px!important;height:auto;background:transparent!important;border-radius:0!important;padding:0!important;filter:drop-shadow(0 10px 24px rgba(0,0,0,.18))}
.footer-socials{display:flex;gap:10px;margin-top:8px}
.footer-socials a{width:40px;height:40px;border:1px solid #ffffff25;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;background:#ffffff0d;transition:.2s ease}
.footer-socials a:hover{background:#0aa8ff;color:#fff;border-color:#0aa8ff;transform:translateY(-2px)}
.footer-socials .ui-icon{width:19px;height:19px}
.floating-wa{font-size:0}.floating-wa .ui-icon{width:29px;height:29px}

@media(max-width:640px){
  .brand img{height:54px}
  .contact-list .contact-item{padding:15px}
  .footer-logo{width:145px!important}
}

/* SVG alignment fix: keep all UI icons optically centered in buttons/cards */
.ui-icon{
  width:20px;
  height:20px;
  display:block;
  flex:0 0 20px;
  fill:currentColor;
  vertical-align:middle;
  transform:none;
}

.icon-btn{
  display:inline-grid !important;
  grid-auto-flow:column;
  grid-template-columns:20px auto;
  align-items:center;
  justify-content:center;
  column-gap:10px;
  line-height:1;
}
.icon-btn>.ui-icon{
  align-self:center;
  justify-self:center;
  margin:0;
}
.icon-btn>span{
  display:block;
  line-height:1.15;
  align-self:center;
}

.contact-icon{
  display:grid !important;
  place-items:center;
  line-height:0;
}
.contact-icon .ui-icon{
  width:20px;
  height:20px;
  margin:0;
  align-self:center;
  justify-self:center;
}
.instagram-icon .ui-icon{
  width:21px;
  height:21px;
}

.footer-socials a,
.floating-wa{
  display:grid !important;
  place-items:center;
  line-height:0;
}
.footer-socials .ui-icon{
  width:19px;
  height:19px;
  margin:0;
}
.floating-wa .ui-icon{
  width:27px;
  height:27px;
  margin:0;
}

@media(max-width:640px){
  .icon-btn{grid-template-columns:19px auto;column-gap:8px}
  .icon-btn>.ui-icon{width:19px;height:19px}
}

.footer-contact a,.footer-contact-row{display:flex!important;align-items:center;gap:10px}
.footer-contact-icon{width:18px;height:18px;flex:0 0 18px;color:#7fd4ff;fill:currentColor}
.footer-contact a:hover .footer-contact-icon{color:#0aa8ff}
.footer-contact-row span,.footer-contact a span{line-height:1.35}

/* Final button/icon alignment */
.header-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;line-height:1}
.header-action .ui-icon{width:18px;height:18px;display:block;flex:0 0 18px;fill:currentColor}
.header-action span{display:block;line-height:1}
.icon-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;white-space:nowrap;line-height:1.15}
.icon-btn>.ui-icon{width:19px!important;height:19px!important;display:block!important;flex:0 0 19px!important;fill:currentColor}
.icon-btn>span{display:block;line-height:1.15}
.contact-card .btn.full{min-width:0;padding-left:16px;padding-right:16px}
.floating-wa .ui-icon{display:block;flex:0 0 auto}
@media(max-width:1100px) and (min-width:981px){
  .nav{gap:16px;font-size:13px}
  .nav-actions{gap:8px}
  .header-action{padding:11px 14px;font-size:13px;gap:7px}
  .header-action .ui-icon{width:16px;height:16px;flex-basis:16px}
}
@media(max-width:640px){
  .icon-btn{gap:8px!important;font-size:14px}
  .icon-btn>.ui-icon{width:18px!important;height:18px!important;flex-basis:18px!important}
}

/* Mobile product cards: show the complete product artwork without cropping labels/products */
@media (max-width:640px){
  .product-visual{
    height:320px !important;
    background:#eaf6ff;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .product-visual img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    transform:none !important;
  }
  .product-card:hover .product-visual img{transform:none !important;}
}