@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&display=swap');

/* MATRASH MOBILE TOPBAR + CLEAN DARK MODE */
/* Palette:
   Burgundy: #7B1630 / #9F2442
   Charcoal: #302f32 / #242326 / #1d1c1f
   Silver: #d8d3cc / #bdb7af
*/

@media (max-width:767px){

  header{
    position:sticky!important;
    top:0!important;
    z-index:9999!important;
    margin:0!important;
    padding:0!important;
    background:rgba(255,255,255,.97)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    backdrop-filter:blur(14px)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.055)!important;
    overflow:visible!important;
  }

  .wrap.nav{
    direction:ltr!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:9px 15px 11px!important;
    display:grid!important;
    grid-template-columns:68px 1fr 52px!important;
    grid-template-rows:auto auto!important;
    align-items:start!important;
    column-gap:8px!important;
    row-gap:0!important;
    background:transparent!important;
    overflow:visible!important;
    position:relative!important;
  }

  .site-lang-link{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:start!important;
    direction:ltr!important;
    min-width:60px!important;
    height:31px!important;
    min-height:31px!important;
    padding:0 10px!important;
    margin:2px 0 0!important;
    font-size:11.5px!important;
    line-height:1!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    z-index:20!important;
  }

  .theme-toggle{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:start!important;
    direction:ltr!important;
    width:44px!important;
    min-width:44px!important;
    height:31px!important;
    margin:2px 0 0!important;
    padding:0!important;
    border:1px solid rgba(110,18,38,.16)!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.52))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 5px 14px rgba(110,18,38,.07)!important;
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    z-index:30!important;
    transform:none!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  .theme-knob{
    position:absolute!important;
    width:22px!important;
    height:22px!important;
    left:5px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    border-radius:50%!important;
    background:#7B1630!important;
    box-shadow:0 3px 8px rgba(110,18,38,.20)!important;
    transition:all .25s ease!important;
    z-index:1!important;
  }

  .theme-icon{
    position:absolute!important;
    z-index:2!important;
    font-size:12.5px!important;
    line-height:1!important;
    display:block!important;
  }

  .theme-moon{left:11px!important;color:#fff!important;}
  .theme-sun{right:9px!important;color:rgba(110,18,38,.50)!important;}

  .mobile-top-company{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    align-self:start!important;
    direction:ltr!important;
    width:100%!important;
    max-width:215px!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    line-height:1!important;
    z-index:10!important;
  }

  .topbar-center-logo{
    display:block!important;
    width:55px!important;
    height:32px!important;
    object-fit:contain!important;
    margin:0 0 2px!important;
    filter:drop-shadow(0 4px 8px rgba(0,0,0,.11)) drop-shadow(0 0 5px rgba(110,18,38,.10))!important;
  }

  #matrashWordmark{
    display:inline-flex!important;
    direction:ltr!important;
    unicode-bidi:isolate!important;
    align-items:center!important;
    justify-content:center!important;
    gap:.03em!important;
    font-family:"Cormorant Garamond","Times New Roman",serif!important;
    font-size:28px!important;
    font-weight:600!important;
    letter-spacing:2.8px!important;
    line-height:.95!important;
    margin:0 0 3px!important;
    color:#1f1d1d!important;
    background:none!important;
    text-shadow:none!important;
  }

  #matrashWordmark i{
    font-style:normal!important;
    display:inline-block!important;
    color:#1f1d1d!important;
    -webkit-text-fill-color:#1f1d1d!important;
    animation:matrashBurgundySparkleSoft 3.8s ease-in-out infinite!important;
  }

  #matrashWordmark i:nth-child(1){animation-delay:0s!important;}
  #matrashWordmark i:nth-child(2){animation-delay:.07s!important;}
  #matrashWordmark i:nth-child(3){animation-delay:.14s!important;}
  #matrashWordmark i:nth-child(4){animation-delay:.21s!important;}
  #matrashWordmark i:nth-child(5){animation-delay:.28s!important;}
  #matrashWordmark i:nth-child(6){animation-delay:.35s!important;}
  #matrashWordmark i:nth-child(7){animation-delay:.42s!important;}

  @keyframes matrashBurgundySparkleSoft{
    0%,42%,100%{color:#1f1d1d;-webkit-text-fill-color:#1f1d1d;text-shadow:none;filter:none;}
    52%{color:#7B1630;-webkit-text-fill-color:#7B1630;text-shadow:0 0 2px rgba(123,22,48,.32),0 0 6px rgba(123,22,48,.18);filter:brightness(1.08);}
    60%{color:#9F2442;-webkit-text-fill-color:#9F2442;text-shadow:0 0 3px rgba(123,22,48,.28),0 0 7px rgba(123,22,48,.16);filter:brightness(1.10);}
    70%{color:#1f1d1d;-webkit-text-fill-color:#1f1d1d;text-shadow:none;filter:none;}
  }

  .topbar-mini-label{
    display:block!important;
    margin:0!important;
    padding:0!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:6.9px!important;
    font-weight:700!important;
    letter-spacing:1.55px!important;
    line-height:1!important;
    color:rgba(110,18,38,.52)!important;
    text-align:center!important;
  }

  .menu{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    margin:2px 0 0!important;
    padding:8px 0 0!important;
    border-top:1px solid rgba(110,18,38,.10)!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:7px!important;
    direction:rtl!important;
    overflow:visible!important;
    background:transparent!important;
    z-index:4!important;
  }

  .menu a{
    height:28px!important;
    min-height:28px!important;
    padding:0 11px!important;
    font-size:11.7px!important;
    line-height:1!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    color:#7B1630!important;
    border-color:rgba(110,18,38,.22)!important;
    background:rgba(110,18,38,.055)!important;
    box-shadow:none!important;
  }

  .menu a::before,
  .brand-mini,
  .brand-symbol,
  .brand-word,
  .logo-plate,
  .nav-actions{
    display:none!important;
    content:none!important;
  }

  .hero{
    padding-top:0!important;
    margin-top:0!important;
    overflow:visible!important;
  }

  .hero .wrap.hero-grid{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
    align-items:center!important;
    overflow:visible!important;
  }

  .hero-art{
    width:100%!important;
    margin:0!important;
    padding:0 18px!important;
    display:flex!important;
    justify-content:center!important;
    overflow:visible!important;
  }

  .hero-card{
    width:100%!important;
    max-width:390px!important;
    margin:0 auto!important;
    transform:none!important;
    aspect-ratio:1 / 1.18!important;
    min-height:0!important;
    height:auto!important;
    border-radius:30px!important;
    overflow:hidden!important;
  }

  .hero-copy{
    width:100%!important;
    max-width:390px!important;
    margin:0 auto!important;
    padding:0 20px!important;
    transform:none!important;
    text-align:center!important;
  }

}

@media (max-width:390px){
  .wrap.nav{
    grid-template-columns:62px 1fr 48px!important;
    padding:8px 13px 10px!important;
    column-gap:6px!important;
  }

  .theme-toggle{
    width:42px!important;
    min-width:42px!important;
    height:30px!important;
  }

  .site-lang-link{
    min-width:56px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 8px!important;
    font-size:11px!important;
  }

  .topbar-center-logo{
    width:51px!important;
    height:30px!important;
  }

  #matrashWordmark{
    font-size:26px!important;
    letter-spacing:2.55px!important;
  }

  .topbar-mini-label{
    font-size:6.5px!important;
    letter-spacing:1.25px!important;
  }

  .menu a{
    height:27px!important;
    min-height:27px!important;
    padding:0 10px!important;
    font-size:11.2px!important;
  }
}

@media (min-width:768px){
  .theme-toggle,
  .topbar-center-logo,
  .topbar-mini-label{
    display:none!important;
  }
}
/* EN MENU TEXT DIRECTION FIX ONLY */
html[lang="en"] .menu,
html[lang="en"] .menu a,
html[lang="en"] .site-lang-link{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-align:center!important;
}
/* FIX TOPBAR ORDER - LOGO ABOVE MENU - AR + EN */
@media (max-width:760px){

  body header{
    padding-top:4px!important;
    padding-bottom:6px!important;
  }

  body header .wrap.nav{
    display:grid!important;
    grid-template-columns:68px 1fr 68px!important;
    grid-template-rows:auto auto!important;
    row-gap:7px!important;
    align-items:center!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }

  body header .site-lang-link{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    margin-top:2px!important;
  }

  body header .mobile-top-company{
    grid-column:2!important;
    grid-row:1!important;
    transform:translateY(-2px)!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    z-index:3!important;
    align-self:start!important;
  }

  body header .topbar-center-logo,
  body header #matrashWordmark,
  body header .topbar-mini-label{
    position:relative!important;
    z-index:3!important;
  }

  body header .wrap.nav .menu{
    grid-column:1 / -1!important;
    grid-row:2!important;
    padding-top:0!important;
    margin-top:0!important;
    transform:none!important;
    position:relative!important;
    z-index:1!important;
  }

  body header .menu a{
    position:relative!important;
    z-index:1!important;
  }
}

@media (max-width:390px){

  body header{
    padding-top:3px!important;
    padding-bottom:5px!important;
  }

  body header .wrap.nav{
    grid-template-columns:64px 1fr 64px!important;
    row-gap:6px!important;
  }

  body header .site-lang-link{
    margin-top:1px!important;
  }

  body header .mobile-top-company{
    transform:translateY(-2px)!important;
  }

  body header .wrap.nav .menu{
    padding-top:0!important;
    margin-top:0!important;
  }
}

/* FIX TOPBAR ORDER - LOGO ABOVE MENU - AR + EN */
@media (max-width:760px){

  body header{
    padding-top:4px!important;
    padding-bottom:6px!important;
  }

  body header .wrap.nav{
    display:grid!important;
    grid-template-columns:68px 1fr 68px!important;
    grid-template-rows:auto auto!important;
    row-gap:7px!important;
    align-items:center!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }

  body header .site-lang-link{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    margin-top:2px!important;
  }

  body header .mobile-top-company{
    grid-column:2!important;
    grid-row:1!important;
    transform:translateY(-2px)!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    z-index:3!important;
    align-self:start!important;
  }

  body header .topbar-center-logo,
  body header #matrashWordmark,
  body header .topbar-mini-label{
    position:relative!important;
    z-index:3!important;
  }

  body header .wrap.nav .menu{
    grid-column:1 / -1!important;
    grid-row:2!important;
    padding-top:0!important;
    margin-top:0!important;
    transform:none!important;
    position:relative!important;
    z-index:1!important;
  }

  body header .menu a{
    position:relative!important;
    z-index:1!important;
  }
}

@media (max-width:390px){

  body header{
    padding-top:3px!important;
    padding-bottom:5px!important;
  }

  body header .wrap.nav{
    grid-template-columns:64px 1fr 64px!important;
    row-gap:6px!important;
  }

  body header .site-lang-link{
    margin-top:1px!important;
  }

  body header .mobile-top-company{
    transform:translateY(-2px)!important;
  }

  body header .wrap.nav .menu{
    padding-top:0!important;
    margin-top:0!important;
  }
}

/* FIX MENU SPACING FROM TOP LINE + BOTTOM BAR */
@media (max-width:760px){

  body header .wrap.nav .menu{
    padding-top:8px!important;
    padding-bottom:6px!important;
    margin-top:2px!important;
    border-top:1px solid rgba(122, 22, 48, .10)!important;
  }

  body header .menu a{
    margin-top:0!important;
  }

  body header{
    padding-bottom:5px!important;
  }
}

@media (max-width:390px){

  body header .wrap.nav .menu{
    padding-top:7px!important;
    padding-bottom:5px!important;
    margin-top:2px!important;
  }

  body header{
    padding-bottom:4px!important;
  }
}
/* REMOVE UNDER MENU DOUBLE BAR - CLEAN TOPBAR */
@media (max-width:760px){

  body header{
    border-bottom:0!important;
    box-shadow:0 10px 24px rgba(0,0,0,.035)!important;
  }

  body header::after,
  body header .wrap.nav::after,
  body header .wrap.nav .menu::after{
    display:none!important;
    content:none!important;
    opacity:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body header .wrap.nav .menu{
    border-bottom:0!important;
  }
}

@media (max-width:390px){

  body header{
    border-bottom:0!important;
  }

  body header .wrap.nav .menu{
    border-bottom:0!important;
  }
}

/* CARD ICON NAV LINK - AR + EN */
@media (max-width:760px){
  .menu .card-nav-link{
    width:48px!important;
    min-width:48px!important;
    height:28px!important;
    min-height:28px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .menu .card-nav-link svg{
    width:21px!important;
    height:21px!important;
    display:block!important;
    stroke:#7A162F!important;
    fill:none!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
}

@media (max-width:390px){
  .menu .card-nav-link{
    width:46px!important;
    min-width:46px!important;
    height:27px!important;
    min-height:27px!important;
  }

  .menu .card-nav-link svg{
    width:20px!important;
    height:20px!important;
  }
}

/* CARD ICON NAV LINK - AR + EN */
@media (max-width:760px){
  .menu .card-nav-link{
    width:48px!important;
    min-width:48px!important;
    height:28px!important;
    min-height:28px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .menu .card-nav-link svg{
    width:21px!important;
    height:21px!important;
    display:block!important;
    stroke:#7A162F!important;
    fill:none!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
}

@media (max-width:390px){
  .menu .card-nav-link{
    width:46px!important;
    min-width:46px!important;
    height:27px!important;
    min-height:27px!important;
  }

  .menu .card-nav-link svg{
    width:20px!important;
    height:20px!important;
  }
}
/* 1) نزّل البوكس الأسود عن بوكس الشعار بدون تغيير حجمه */
@media (max-width:760px){
/* FINAL HERO LANE LAYOUT - ROUTE FULLY VISIBLE */
@media (max-width:760px){

  .hero-card{
    position:relative!important;
    overflow:hidden!important;
  }

  .hero-card .route{
    z-index:2!important;
    pointer-events:none!important;
  }

  .hero-card .route-line{
    stroke:#7A162F!important;
    stroke-opacity:.92!important;
    stroke-width:4!important;
  }

  .hero-card .route-dot,
  .hero-card .route-dot-start,
  .hero-card .route-dot-end{
    opacity:1!important;
  }

  .hero-card .parcel-scene{
    position:absolute!important;
    inset:0!important;
  }

  .hero-card .parcel-box{
    position:absolute!important;
    z-index:4!important;
    top:46%!important;
    left:42%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%) rotate(-4deg)!important;
  }

  .hero-card .status-card{
    position:absolute!important;
    z-index:5!important;
    box-sizing:border-box!important;
    min-height:auto!important;
  }

  .hero-card .status-card.received{
    top:8%!important;
    left:7%!important;
    right:auto!important;
    bottom:auto!important;
    width:min(62%, 320px)!important;
    padding:15px 18px!important;
  }

  .hero-card .status-card.road{
    top:auto!important;
    bottom:8%!important;
    left:7%!important;
    right:auto!important;
    width:min(58%, 292px)!important;
    padding:15px 18px!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
  }

  .hero-card .status-card b{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0 0 8px 0!important;
    line-height:1.15!important;
  }

  .hero-card .status-card span{
    display:block!important;
    margin:0!important;
    line-height:1.62!important;
  }

  html[dir="rtl"] .hero-card .status-card,
  html[dir="rtl"] .hero-card .status-card b,
  html[dir="rtl"] .hero-card .status-card span{
    direction:rtl!important;
    text-align:right!important;
  }

  html[dir="rtl"] .hero-card .status-card b{
    flex-direction:row!important;
    justify-content:flex-start!important;
  }

  .hero-card .status-card.received b::before,
  .hero-card .status-card.road b::before{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:900!important;
  }

  .hero-card .status-card.received b::before{
    content:"✓"!important;
    color:#7A162F!important;
    background:rgba(122,22,48,.10)!important;
    border:1px solid rgba(122,22,48,.22)!important;
  }

  .hero-card .status-card.road b::before{
    content:"↗"!important;
    color:#fff!important;
    background:#7A162F!important;
    border:1px solid rgba(255,255,255,.22)!important;
    box-shadow:0 6px 14px rgba(122,22,48,.24)!important;
  }
}

@media (max-width:430px){

  .hero-card .parcel-box{
    top:46%!important;
    left:42%!important;
  }

  .hero-card .status-card.received{
    top:8%!important;
    left:16px!important;
    right:auto!important;
    width:calc(100% - 150px)!important;
    min-width:188px!important;
    max-width:300px!important;
    padding:14px 16px!important;
  }

  .hero-card .status-card.road{
    bottom:8%!important;
    left:16px!important;
    right:auto!important;
    width:calc(100% - 170px)!important;
    min-width:188px!important;
    max-width:270px!important;
    padding:14px 16px!important;
  }

  .hero-card .status-card b{
    gap:7px!important;
    margin-bottom:7px!important;
  }

  .hero-card .status-card span{
    line-height:1.58!important;
  }

  .hero-card .status-card.received b::before,
  .hero-card .status-card.road b::before{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    font-size:15px!important;
  }
}
/* ANIMATED TOP ANNOUNCEMENT DESIGN */
.ticker{
  display:none!important;
}

.top-announcement{
  width:100%!important;
  height:34px!important;
  overflow:hidden!important;
  position:relative!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  background:linear-gradient(90deg, rgba(122,22,48,.045), rgba(255,255,255,.74), rgba(122,22,48,.045))!important;
  border-top:1px solid rgba(122,22,48,.13)!important;
  border-bottom:1px solid rgba(122,22,48,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.70),0 8px 18px rgba(122,22,48,.045)!important;
}

.top-announcement-track{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  width:max-content!important;
  white-space:nowrap!important;
  color:#3b3437!important;
  font-size:12.5px!important;
  line-height:1!important;
  font-weight:850!important;
  animation:matrashAnnouncementMoveRTL 22s linear infinite!important;
}

.top-announcement-en .top-announcement-track{
  direction:ltr!important;
  animation-name:matrashAnnouncementMoveLTR!important;
}

.top-announcement span{
  display:inline-flex!important;
  color:#3b3437!important;
}

.top-announcement i{
  color:#7A162F!important;
  font-style:normal!important;
  font-weight:950!important;
}

@keyframes matrashAnnouncementMoveRTL{
  from{ transform:translateX(0); }
  to{ transform:translateX(50%); }
}

@keyframes matrashAnnouncementMoveLTR{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}

@media (max-width:760px){
  .top-announcement{
    height:31px!important;
  }

  .top-announcement-track{
    gap:12px!important;
    font-size:11.2px!important;
    animation-duration:20s!important;
  }
}

@media (max-width:390px){
  .top-announcement{
    height:29px!important;
  }

  .top-announcement-track{
    gap:10px!important;
    font-size:10.6px!important;
    animation-duration:18s!important;
  }
}

/* EN PAGE SAME DESIGN SIZE AS AR - LTR TEXT ONLY */
html[lang="en"] body{
  direction:ltr!important;
}

html[lang="en"] .hero-copy,
html[lang="en"] .section-head,
html[lang="en"] .statement,
html[lang="en"] .service-card,
html[lang="en"] .clean-service-card,
html[lang="en"] .clean-why-panel,
html[lang="en"] .clean-contact-panel,
html[lang="en"] .contact-panel,
html[lang="en"] footer{
  direction:ltr!important;
  text-align:left!important;
}

html[lang="en"] .hero-card,
html[lang="en"] .hero-card *,
html[lang="en"] .top-announcement,
html[lang="en"] .top-announcement *{
  direction:ltr!important;
}

html[lang="en"] .menu,
html[lang="en"] .menu a,
html[lang="en"] .site-lang-link{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-align:center!important;
}

/* EN HERO GAP AFTER ANNOUNCEMENT - MATCH AR */
@media (max-width:760px){
  html[lang="en"] .top-announcement + main .hero,
  html[lang="en"] header + main .hero,
  html[lang="en"] .hero{
    padding-top:30px!important;
    margin-top:0!important;
  }

  html[lang="en"] .hero .wrap.hero-grid{
    padding-top:0!important;
  }
}

@media (max-width:390px){
  html[lang="en"] .top-announcement + main .hero,
  html[lang="en"] header + main .hero,
  html[lang="en"] .hero{
    padding-top:28px!important;
  }
}

/* CARD CTA ICON - REPLACE WHATSAPP BUTTON */
a[href="/card"] svg{
  width:22px!important;
  height:22px!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:2.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  flex-shrink:0!important;
}

a[href="/card"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
}

/* CARD CTA ICON ONLY */
a[href="/card"] span{
  display:none!important;
}

a[href="/card"]{
  width:64px!important;
  min-width:64px!important;
  height:54px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
}

a[href="/card"] svg{
  width:28px!important;
  height:28px!important;
  margin:0!important;
}
/* menu card button */
.menu a[href="/card"],
.menu .card-nav-link{
  width:54px!important;
  min-width:54px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
}

/* floating / CTA card button */
.btn[href="/card"],
a[href="/card"].btn,
.contact-actions a[href="/card"],
.hero-copy a[href="/card"]{
  width:58px!important;
  min-width:58px!important;
  height:48px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
}

.btn[href="/card"] svg.matrash-card-icon-svg,
a[href="/card"].btn svg.matrash-card-icon-svg,
.contact-actions a[href="/card"] svg.matrash-card-icon-svg,
.hero-copy a[href="/card"] svg.matrash-card-icon-svg{
  width:26px!important;
  height:26px!important;
}

/* FORCE /CARD ICON ONLY - NO WHATSAPP */
a[href="/card"] span{
  display:none!important;
}

a[href="/card"] svg.matrash-card-icon-svg{
  width:24px!important;
  height:24px!important;
  display:block!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:2.35!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  margin:0!important;
}

/* menu card button */
.menu a[href="/card"],
.menu .card-nav-link{
  width:54px!important;
  min-width:54px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
}

/* floating / CTA card button */
.btn[href="/card"],
a[href="/card"].btn,
.contact-actions a[href="/card"],
.hero-copy a[href="/card"]{
  width:58px!important;
  min-width:58px!important;
  height:48px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
}

.btn[href="/card"] svg.matrash-card-icon-svg,
a[href="/card"].btn svg.matrash-card-icon-svg,
.contact-actions a[href="/card"] svg.matrash-card-icon-svg,
.hero-copy a[href="/card"] svg.matrash-card-icon-svg{
  width:26px!important;
  height:26px!important;
}

/* FINAL CARD ICON ONLY - NO WHATSAPP */
a[href="/card"] span{
  display:none!important;
}

a[href="/card"] svg.matrash-card-icon-svg{
  display:block!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:2.35!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  margin:0!important;
}

.menu a[href="/card"]{
  width:54px!important;
  min-width:54px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.menu a[href="/card"] svg.matrash-card-icon-svg{
  width:24px!important;
  height:24px!important;
}

.card-cta-button,
.card-float-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  padding:0!important;
}

.card-cta-button{
  width:58px!important;
  min-width:58px!important;
  height:48px!important;
}

.card-float-button{
  width:58px!important;
  min-width:58px!important;
  height:58px!important;
  border-radius:999px!important;
}

.card-cta-button::before,
.card-cta-button::after,
.card-float-button::before,
.card-float-button::after{
  display:none!important;
  content:none!important;
}

.card-cta-button svg.matrash-card-icon-svg,
.card-float-button svg.matrash-card-icon-svg{
  width:27px!important;
  height:27px!important;
}
/* SOFT ELEGANT IDENTITY STATEMENT */
.identity-soft{
  margin:30px auto 0!important;
  width:min(100%, 760px)!important;
  padding:20px 22px!important;
  border-radius:999px!important;
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  text-align:center!important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.68), rgba(255,255,255,.34))!important;
  border:1px solid rgba(122,22,48,.13)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 14px 38px rgba(122,22,48,.055)!important;
}

.identity-soft::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg, transparent, rgba(122,22,48,.055), transparent)!important;
  transform:translateX(-100%)!important;
  animation:identitySoftShine 5.5s ease-in-out infinite!important;
  pointer-events:none!important;
}

.identity-soft span{
  position:relative!important;
  z-index:1!important;
  color:#7A162F!important;
  -webkit-text-fill-color:#7A162F!important;
  font-size:clamp(22px, 3vw, 36px)!important;
  line-height:1.35!important;
  font-weight:900!important;
  letter-spacing:.2px!important;
}

.identity-soft i{
  position:relative!important;
  z-index:1!important;
  font-style:normal!important;
  font-size:22px!important;
  line-height:1!important;
  opacity:.9!important;
  animation:identitySoftSpark 3.8s ease-in-out infinite!important;
}

html[lang="en"] .identity-soft{
  direction:ltr!important;
}

html[lang="en"] .identity-soft span{
  font-size:clamp(20px, 2.6vw, 32px)!important;
  letter-spacing:0!important;
}

@keyframes identitySoftShine{
  0%,45%{ transform:translateX(-100%); opacity:0; }
  60%{ opacity:1; }
  100%{ transform:translateX(100%); opacity:0; }
}

@keyframes identitySoftSpark{
  0%,100%{ transform:translateY(0); opacity:.85; }
  50%{ transform:translateY(-2px); opacity:1; }
}

@media (max-width:760px){
  .identity-soft{
    margin-top:24px!important;
    padding:16px 16px!important;
    border-radius:24px!important;
    gap:8px!important;
  }

  .identity-soft span{
    font-size:24px!important;
    line-height:1.45!important;
  }

  .identity-soft i{
    font-size:20px!important;
  }

  html[lang="en"] .identity-soft span{
    font-size:21px!important;
    line-height:1.35!important;
  }
}

@media (max-width:390px){
  .identity-soft{
    margin-top:22px!important;
    padding:15px 14px!important;
  }

  .identity-soft span{
    font-size:22px!important;
  }

  html[lang="en"] .identity-soft span{
    font-size:19px!important;
  }
}

/* ===== Matrash Card floating button - clean stable version ===== */
.card-float-button {
  position: fixed !important;
  left: 18px !important;
  bottom: 18px !important;
  z-index: 90 !important;
  width: 54px !important;
  height: 54px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #7b1728 !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 18px 48px rgba(123, 23, 40, .28) !important;
  transition: transform .24s ease, box-shadow .24s ease, background .24s ease !important;
}

.card-float-button:hover {
  transform: translateY(-3px) !important;
  background: #651020 !important;
  box-shadow: 0 24px 64px rgba(123, 23, 40, .36) !important;
}

.card-float-button .matrash-card-icon-svg {
  width: 25px !important;
  height: 25px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

@media (max-width: 680px) {
  .card-float-button {
    left: 14px !important;
    bottom: 14px !important;
    width: 52px !important;
    height: 52px !important;
  }
}