/* ============================================================
   EFFICHAIN — Custom enhancements  (loaded after main.css)
   Navy #10193B · Gold #C9A24E · Space Grotesk + Inter
   Restrained, premium polish. No heavy motion.
   ============================================================ */

/* ---- Buttons: slight radius, lighter weight, subtle hover ---- */
.theme-btn {
  border-radius: 8px !important;
  overflow: hidden;
  font-weight: 500 !important;
  letter-spacing: .02em;
  transition: all .3s ease;
}
.theme-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(16, 25, 59, .16);
}

/* ---- "Read more" links in gold ---- */
.link-btn { color: var(--theme); font-weight: 600; }
.link-btn:hover { color: var(--theme-dark); }

/* ---- Eyebrow / sub-title: gold text + subtle gold pill ---- */
.sub-title span,
.sub-title { color: var(--theme); font-weight: 600; letter-spacing: .12em; }
.section-title .sub-title { background: rgba(201, 162, 78, 0.10) !important; }

/* ---- Check-list icons in gold ---- */
.hero-list li i,
.video-items .list li i,
.good-quality-content .list-item ul li i,
.list li i { color: var(--theme) !important; }

/* ---- Testimonial stars in gold ---- */
.testimonial-box-items .star i { color: var(--theme); }

/* ---- Contact form: refined inputs ---- */
.contact-form-items input,
.contact-form-items textarea {
  border-radius: 10px !important;
  border: 1px solid var(--border) !important;
  transition: border-color .3s ease, box-shadow .3s ease;
}
.contact-form-items input:focus,
.contact-form-items textarea:focus {
  border-color: var(--theme) !important;
  box-shadow: 0 0 0 4px rgba(201, 162, 78, .14) !important;
  outline: none;
}

/* ---- Footer: gold hovers ---- */
.footer-section .social-icon a { transition: all .3s ease; }
.footer-section .social-icon a:hover {
  background: var(--theme); border-color: var(--theme); color: var(--white);
}
.footer-section .list-items li a:hover,
.footer-section .contact-list-2 li .content h3 a:hover { color: var(--theme); }

/* ---- Crisp display headings ---- */
h1, h2, h3, .section-title h2 { letter-spacing: -0.01em; }

/* ============================================================
   Showcase — Brand Collections (Featured Packaging Solutions)
   Masonry per brand; native aspect ratios, no cropping.
   ============================================================ */
.showcase-collections { margin-top: 55px; }
.brand-collection { margin-bottom: 70px; }
.brand-collection:last-child { margin-bottom: 0; }

.collection-head {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: 24px; flex-wrap: wrap;
  padding-bottom: 20px; margin-bottom: 32px;
  border-bottom: 1px solid var(--border);
}
.collection-meta { display: flex; align-items: baseline; gap: 16px; }
.collection-index {
  font-family: "Space Grotesk", sans-serif; font-weight: 600;
  font-size: 15px; color: var(--theme); letter-spacing: 2px;
}
.collection-name {
  font-family: "Space Grotesk", sans-serif; font-weight: 700;
  font-size: 30px; line-height: 1; color: var(--header); margin: 0;
  letter-spacing: -0.01em;
}
.collection-desc {
  font-size: 15px; line-height: 1.6; color: var(--text);
  margin: 0; max-width: 440px; text-align: right;
}
.collection-gallery { column-count: 4; column-gap: 22px; }
.collection-item {
  break-inside: avoid; margin-bottom: 22px;
  background: #fff; border: 1px solid var(--border);
  border-radius: 14px; overflow: hidden;
  box-shadow: 0 6px 22px rgba(16, 25, 59, .05);
}
.collection-item img { width: 100%; height: auto; display: block; }

@media (max-width: 1199px) { .collection-gallery { column-count: 3; } }
@media (max-width: 767px) {
  .collection-gallery { column-count: 2; column-gap: 14px; }
  .collection-item { margin-bottom: 14px; border-radius: 10px; }
  .collection-head { margin-bottom: 22px; }
  .collection-meta { gap: 12px; }
  .collection-name { font-size: 23px; }
  .collection-desc { text-align: left; font-size: 14px; }
  .brand-collection { margin-bottom: 48px; }
  .showcase-collections { margin-top: 36px; }
}
@media (max-width: 400px) { .collection-gallery { column-gap: 10px; } .collection-item { margin-bottom: 10px; } }

/* ============================================================
   ABOUT PAGE
   ============================================================ */
/* shared */
.ab-eyebrow{display:inline-block;font-family:"Inter",sans-serif;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:13px;color:var(--theme);margin-bottom:14px;padding:6px 16px;background:rgba(201,162,78,.10);border-radius:30px}
.ab-h2{font-family:"Space Grotesk",sans-serif;font-weight:700;color:var(--header);font-size:38px;line-height:1.14;letter-spacing:-0.01em;margin:0 0 20px}
@media(max-width:767px){.ab-h2{font-size:27px}}

/* 1 · Hero (image overlay) */
.ab-hero{position:relative;background-size:cover;background-position:center;padding:210px 0 120px;text-align:center;overflow:hidden}
.ab-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,25,59,.74) 0%,rgba(16,25,59,.55) 45%,rgba(16,25,59,.85) 100%)}
.ab-hero .container{position:relative;z-index:2}
.ab-hero .eyebrow{display:inline-block;font-family:"Inter",sans-serif;font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:13px;color:var(--theme);margin-bottom:16px}
.ab-hero h1{font-family:"Space Grotesk",sans-serif;font-weight:700;color:#fff;font-size:54px;line-height:1.06;margin:0 0 18px;letter-spacing:-0.02em}
.ab-hero .crumb{font-family:"Inter",sans-serif;font-size:15px;color:rgba(255,255,255,.75)}
.ab-hero .crumb a{color:#fff}.ab-hero .crumb a:hover{color:var(--theme)}
.ab-hero .crumb .sep{color:var(--theme);margin:0 9px}
@media(max-width:767px){.ab-hero{padding:150px 0 78px}.ab-hero h1{font-size:34px}}

/* 2 · Who we are */
.ab-about .row{align-items:center}
.ab-about .txt p{color:var(--text);line-height:1.75;margin-bottom:16px;font-size:16px}
.ab-about .img-wrap,.ab-why .img-wrap{border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(16,25,59,.10)}
.ab-about .img-wrap img,.ab-why .img-wrap img{width:100%;height:auto;display:block}

/* 3 · Ecosystem */
.ab-eco{background:var(--bg)}
.ab-eco .row>[class*="col-"]{margin-bottom:24px}
.ab-eco .eco-item{text-align:center;padding:12px}
.ab-eco .eco-ic{width:78px;height:78px;border-radius:20px;margin:0 auto 22px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--theme);font-size:30px;box-shadow:0 12px 30px rgba(16,25,59,.08);border:1px solid var(--border)}
.ab-eco .eco-item h4{font-family:"Space Grotesk",sans-serif;font-weight:600;color:var(--header);font-size:20px;margin-bottom:12px}
.ab-eco .eco-item p{color:var(--text);line-height:1.7;font-size:15px}

/* 4 · Stats */
.ab-stats .stat-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#fff}
.ab-stats .stat{text-align:center;padding:46px 20px;border-right:1px solid var(--border)}
.ab-stats .stat:last-child{border-right:none}
.ab-stats .num{font-family:"Space Grotesk",sans-serif;font-weight:700;color:var(--header);font-size:48px;line-height:1;margin-bottom:10px}
.ab-stats .num span{color:var(--theme)}
.ab-stats .lbl{color:var(--text2);font-size:15px;line-height:1.4}
@media(max-width:767px){.ab-stats .stat-strip{grid-template-columns:1fr 1fr}.ab-stats .stat:nth-child(2){border-right:none}.ab-stats .stat:nth-child(1),.ab-stats .stat:nth-child(2){border-bottom:1px solid var(--border)}.ab-stats .num{font-size:36px}}

/* 5 · Mission & Vision */
.ab-mv{background:var(--bg)}
.ab-mv .row>[class*="col-"]{margin-bottom:24px}
.ab-mv .mv-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:44px 40px;height:100%}
.ab-mv .mv-ic{width:64px;height:64px;border-radius:16px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;background:var(--header);color:var(--theme);font-size:26px}
.ab-mv .mv-card h3{font-family:"Space Grotesk",sans-serif;font-weight:700;color:var(--header);font-size:25px;margin-bottom:14px}
.ab-mv .mv-card p{color:var(--text);line-height:1.75;font-size:16px}

/* 6 · Why choose */
.ab-why .row{align-items:center}
.ab-why .check{list-style:none;padding:0;margin:24px 0 0}
.ab-why .check li{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
.ab-why .check li i{color:var(--theme);font-size:20px;margin-top:2px;flex-shrink:0}
.ab-why .check li span{color:var(--text);font-size:16px;line-height:1.6}
.ab-why .check li strong{color:var(--header);font-weight:600}

/* 7 · Capabilities */
.ab-cap .row>[class*="col-"]{margin-bottom:24px}
.ab-cap .cap-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:36px 34px;height:100%}
.ab-cap .cap-ic{width:60px;height:60px;border-radius:14px;margin-bottom:22px;display:flex;align-items:center;justify-content:center;background:rgba(201,162,78,.10);color:var(--theme);font-size:24px}
.ab-cap .cap-card h4{font-family:"Space Grotesk",sans-serif;font-weight:600;color:var(--header);font-size:21px;margin-bottom:12px}
.ab-cap .cap-card p{color:var(--text);line-height:1.7;font-size:15px}

/* 8 · Trusted by */
.ab-trust{background:var(--bg);text-align:center}
.ab-trust .logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:28px 48px;margin-top:16px}
.ab-trust .logos img{max-height:40px;width:auto;filter:grayscale(100%);opacity:.55;transition:all .3s ease}
.ab-trust .logos img:hover{filter:grayscale(0);opacity:1}

/* 9 · CTA */
.ab-cta{background:var(--header);background-size:cover;background-position:center;position:relative;text-align:center;padding:92px 0}
.ab-cta::before{content:"";position:absolute;inset:0;background:rgba(16,25,59,.86)}
.ab-cta .container{position:relative;z-index:2}
.ab-cta h2{font-family:"Space Grotesk",sans-serif;font-weight:700;color:#fff;font-size:38px;line-height:1.15;margin:0 0 28px;letter-spacing:-0.01em}
@media(max-width:767px){.ab-cta h2{font-size:26px}}

/* ============================================================
   SERVICE DETAIL PAGE
   (hero, overview, benefits & CTA reuse the About styles)
   ============================================================ */
.sv-lightbg{background:var(--bg)}

/* What's included — numbered list */
.sv-included{background:var(--bg)}
.sv-included .inc-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px 50px;margin-top:10px}
.sv-included .inc-item{display:flex;gap:20px;align-items:flex-start}
.sv-included .inc-num{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:30px;line-height:1.05;color:var(--theme);flex-shrink:0;min-width:42px}
.sv-included .inc-item h4{font-family:"Space Grotesk",sans-serif;font-weight:600;color:var(--header);font-size:19px;margin-bottom:8px}
.sv-included .inc-item p{color:var(--text);line-height:1.65;font-size:15px;margin:0}
@media(max-width:767px){.sv-included .inc-grid{grid-template-columns:1fr;gap:26px}}

/* Our process — step cards */
.sv-process .row>[class*="col-"]{margin-bottom:24px}
.sv-process .step-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:32px 28px;height:100%}
.sv-process .step-num{width:52px;height:52px;border-radius:14px;background:var(--header);color:var(--theme);font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:21px;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.sv-process .step-card h4{font-family:"Space Grotesk",sans-serif;font-weight:600;color:var(--header);font-size:19px;margin-bottom:10px}
.sv-process .step-card p{color:var(--text);line-height:1.65;font-size:15px;margin:0}

/* FAQ — accordion (native details) */
.sv-faq .faq-list{max-width:860px;margin:6px auto 0}
.sv-faq details{background:#fff;border:1px solid var(--border);border-radius:14px;margin-bottom:16px}
.sv-faq details[open]{box-shadow:0 10px 30px rgba(16,25,59,.06)}
.sv-faq summary{list-style:none;cursor:pointer;padding:22px 26px;font-family:"Space Grotesk",sans-serif;font-weight:600;color:var(--header);font-size:18px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.sv-faq summary::-webkit-details-marker{display:none}
.sv-faq summary::after{content:"+";color:var(--theme);font-size:24px;font-weight:400;line-height:1;flex-shrink:0}
.sv-faq details[open] summary::after{content:"\2212"}
.sv-faq .faq-a{padding:0 26px 24px;color:var(--text);line-height:1.72;font-size:16px}
@media(max-width:767px){.sv-faq summary{font-size:16px;padding:18px 20px}.sv-faq .faq-a{padding:0 20px 20px;font-size:15px}}

/* ============================================================
   REFINEMENTS (v6)
   ============================================================ */
/* Images: full image shown, natural aspect — no crop, no fixed box */
.ab-about .row,.ab-why .row{align-items:center}
.ab-about .img-wrap,.ab-why .img-wrap{position:static;height:auto;min-height:0;overflow:visible;border-radius:0;box-shadow:none;line-height:0}
.ab-about .img-wrap img,.ab-why .img-wrap img{position:static;width:100%;height:auto;object-fit:initial;display:block}
@media(max-width:991px){
  .ab-about .row,.ab-why .row{align-items:flex-start}
  .ab-about .img-wrap{margin-top:28px}
  .ab-why .txt{margin-top:28px}
}

/* Enhance: "What's included" as numbered cards with icons + ghost numbers */
.sv-included .inc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:6px}
.sv-included .inc-item{display:block;position:relative;background:#fff;border:1px solid var(--border);border-radius:16px;padding:32px 28px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}
.sv-included .inc-item:hover{border-color:var(--theme);box-shadow:0 16px 38px rgba(16,25,59,.08)}
.sv-included .inc-ghost{position:absolute;top:12px;right:20px;font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:58px;line-height:1;color:rgba(201,162,78,.14)}
.sv-included .inc-ic{position:relative;z-index:1;width:54px;height:54px;border-radius:14px;background:rgba(201,162,78,.10);color:var(--theme);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:22px}
.sv-included .inc-item h4{position:relative;z-index:1;font-family:"Space Grotesk",sans-serif;font-weight:600;color:var(--header);font-size:19px;margin-bottom:10px}
.sv-included .inc-item p{position:relative;z-index:1;color:var(--text);line-height:1.65;font-size:15px;margin:0}
@media(max-width:991px){.sv-included .inc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:575px){.sv-included .inc-grid{grid-template-columns:1fr}}

/* ============================================================
   REFINEMENTS (v9) — inner-page images + hero redesign
   ============================================================ */

/* 1 · Section images: medium radius + soft shadow + more space from text */
.ab-about .img-wrap img,.ab-why .img-wrap img{border-radius:14px;box-shadow:0 18px 46px rgba(16,25,59,.14)}
@media(min-width:992px){
  .ab-about .txt{padding-right:36px}
  .ab-why .txt{padding-left:36px}
}

/* 5 · Hero: trim oversized top padding (was 190px) */
.hero-3{padding:150px 0 150px}
@media(max-width:991px){.hero-3{padding-top:112px}}

/* 3 · Hero background: dark themed gradient + golden top-left sun flare + slow drift */
.hero-section-3{background:linear-gradient(125deg,#0b1330 0%,#0a1230 26%,#0d1942 48%,#0a1338 70%,#070c22 100%);background-size:200% 200%;animation:heroGradient 24s ease-in-out infinite}
@keyframes heroGradient{0%{background-position:25% 25%}50%{background-position:75% 75%}100%{background-position:25% 25%}}
@media(prefers-reduced-motion:reduce){.hero-section-3{animation:none}}
.hero-3 .hero-bg{
  background:
    radial-gradient(66% 62% at -5% 0%, rgba(255,205,140,.40) 0%, rgba(238,182,110,.18) 26%, rgba(214,168,90,.06) 50%, rgba(201,162,78,0) 72%),
    radial-gradient(130% 100% at 90% 122%, rgba(24,38,86,.28) 0%, rgba(10,18,48,0) 62%);
  overflow:hidden;
}
.hero-3 .hero-bg::before{               /* faint animated warmth, kept minimal */
  content:"";position:absolute;top:-30%;left:-26%;width:60%;height:108%;
  background:radial-gradient(circle at 55% 50%,rgba(255,202,132,.09) 0%,rgba(201,162,78,0) 60%);
  filter:blur(90px);pointer-events:none;
  animation:heroFlare 14s ease-in-out infinite alternate;
}
.hero-3 .hero-bg::after{                /* subtle cool light drifting bottom-right */
  content:"";position:absolute;right:-12%;bottom:-28%;width:58%;height:94%;
  background:radial-gradient(circle at center,rgba(70,104,196,.20) 0%,rgba(70,104,196,0) 62%);
  filter:blur(46px);pointer-events:none;
  animation:heroFlare2 16s ease-in-out infinite alternate;
}
@keyframes heroFlare{
  0%{opacity:.75;transform:translate(0,0) scale(1)}
  100%{opacity:1;transform:translate(4%,3%) scale(1.08)}
}
@keyframes heroFlare2{
  0%{opacity:.5;transform:translate(0,0) scale(1)}
  100%{opacity:.85;transform:translate(-6%,-4%) scale(1.18)}
}
@media(prefers-reduced-motion:reduce){
  .hero-3 .hero-bg::before,.hero-3 .hero-bg::after{animation:none}
}

/* 4 · Hero text design enhancement */
.hero-3 .hero-content h1,.hero-3 .hero-content h2{
  color:#ffffff;font-weight:600;letter-spacing:-.02em;line-height:1.09;
  font-size:clamp(34px,4vw,52px);margin-bottom:24px;
}
.hero-3 .hero-content p{color:rgba(255,255,255,.82);font-weight:400}
.hero-3 .hero-list{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:9px}
.hero-3 .hero-list li{display:flex;align-items:flex-start;gap:12px;color:rgba(255,255,255,.87);font-size:16px;line-height:1.5;font-weight:400}
.hero-3 .hero-list li i{color:var(--theme);font-size:16px;margin-top:4px;flex-shrink:0}
.hero-3 .hero-button{margin-top:32px}
@media(max-width:767px){
  .hero-3 .hero-list li{text-align:left}
}

/* Hero banners: show the full transparent banner, no crop */
.hero-3 .hero-image{height:auto}
.hero-3 .hero-image img{height:auto;object-fit:contain}

/* ============================================================
   INTERACTIVE INDIA MAP (Pan-India presence) — clean flat style
   ============================================================ */
.about-section.section-bg{background:#ffffff}          /* remove grey bg */
.india-map{width:100%;aspect-ratio:0.86;background:transparent;overflow:visible}
.india-map .leaflet-container{background:transparent;overflow:visible;outline:none;font-family:"Inter",sans-serif}
.india-map .leaflet-pane,.india-map .leaflet-tile-pane,.india-map .leaflet-overlay-pane{background:transparent}
.india-map .leaflet-interactive{transition:fill .2s ease}
/* icon markers: factory (gold) + user (navy) with city label, no shadow */
.mp-wrap{width:0!important;height:0!important;background:transparent!important;border:none!important}
.mp-ic{position:absolute;left:0;top:0;transform:translate(-50%,-50%);display:flex;gap:3px;align-items:center;line-height:1;transition:transform .18s ease}
.mp-ic i{font-size:15px}
.mp-ic i.m{color:var(--theme)}
.mp-ic i.w{color:var(--header)}
.mp-wrap:hover .mp-ic{transform:translate(-50%,-50%) scale(1.3)}
.mp-lb{position:absolute;left:0;top:0;transform:translate(-50%,10px);white-space:nowrap;font-family:"Inter",sans-serif;font-size:10.5px;font-weight:600;color:var(--header);text-shadow:0 1px 2px #fff,0 0 3px #fff}
/* hover tooltip (presence type) */
.india-tip{background:var(--header)!important;border:none!important;border-radius:8px!important;box-shadow:0 8px 22px rgba(16,25,59,.22)!important;padding:6px 11px!important;white-space:nowrap;font-family:"Inter",sans-serif!important;font-size:11px!important;font-weight:600!important;color:var(--theme)!important;text-transform:uppercase;letter-spacing:.4px}
.leaflet-tooltip-top.india-tip::before{border-top-color:var(--header)!important}
/* legend */
.map-legend{display:flex;gap:30px;margin-top:22px;flex-wrap:wrap}
.map-legend .lg{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text);font-weight:500}
.map-legend .lg i{font-size:17px}
.map-legend .lg i.m{color:var(--theme)}
.map-legend .lg i.w{color:var(--header)}
@media(max-width:575px){.map-legend{gap:18px}.mp-lb{font-size:9.5px}}

/* prevent minor horizontal overflow on mobile (fixed off-canvas panel) */
html{overflow-x:hidden}

/* contact form status message */
.form-message{margin-top:20px;font-size:15px;font-weight:500;line-height:1.55}
.form-message:empty{margin:0}
.form-message.success{color:#1a7f4b}
.form-message.error{color:#c0392b}

/* home service-card thumbnails — real service imagery, crisp at fixed size */
.service-card-items .service-thumb img{width:188px;height:188px;object-fit:cover;border-radius:10px;display:block}

/* CTA — full 16:9 video background with dark overlay */
.cta-section{position:relative;overflow:hidden;background:#0a1128;aspect-ratio:16/9;min-height:360px;display:flex;align-items:center}
.cta-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.cta-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,13,32,.66) 0%,rgba(8,13,32,.60) 45%,rgba(8,13,32,.78) 100%)}
.cta-section > .container{position:relative;z-index:2;width:100%}
.cta-wrapper-2{justify-content:center;padding:40px 0}
.cta-wrapper-2 .content{text-align:center;max-width:880px;margin-left:auto;margin-right:auto}
.cta-wrapper-2 .content h2{margin-bottom:30px}
.cta-wrapper-2 .content .button-items{display:flex;justify-content:center}
@media(max-width:575px){.cta-section{aspect-ratio:auto}.cta-wrapper-2{padding:64px 0}}

/* logo — crisp 2x source, capped at display height */
.header-logo img,.header-logo-2 img,.offcanvas__logo img,.single-footer-widget .widget-head img{height:40px;width:auto;max-width:none}

/* client logos — uniform display in home swiper */
.brand-image img{width:auto;height:80px;object-fit:contain;margin:0 auto;display:block}

/* footer full logo — slightly taller for the two-line mark */
.single-footer-widget .widget-head img{height:54px}

/* why-choose list: match the (removed) paragraph font-size */
.good-quality-wrapper .good-quality-content .list-item ul li{font-size:16px}

/* why-us image is portrait — show fully (no crop/distort), centered, capped, row vertically centered */
.good-quality-wrapper .row{align-items:center}
.good-quality-wrapper .quality-image{text-align:center}
.good-quality-wrapper .quality-image img{width:auto;max-width:100%;height:auto;max-height:580px;object-fit:contain;border-radius:14px;display:inline-block}

/* mobile: header WhatsApp button was cramping the logo/hamburger — hide it and move it into the menu */
@media(max-width:767px){.header-right .theme-btn{display:none}}
.offcanvas__content .offcanvas-wa{display:flex;justify-content:center;width:100%;margin-top:12px}

/* contact cards: equal height for the two half-width cards */
.single-contact-card{height:100%}