/* Effect to Category In Main Page */
		.s-block.s-block--banners .square-grid.grid .box-img {
			display: inline-block;
			vertical-align: middle;
			-webkit-transform: perspective(1px) translateZ(0);
			transform: perspective(1px) translateZ(0);
			box-shadow: 0 0 1px rgba(0, 0, 0, 0);
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
		}

		.s-block.s-block--banners .square-grid.grid .box-img:active,

		.s-block.s-block--banners .square-grid.grid .box-img:focus,

		.s-block.s-block--banners .square-grid.grid .box-img:hover {
			-webkit-transform: scale(1.045);
			transform: scale(1.045);
			-webkit-transition-timing-function: (0.47, 2.02, 0.31, -0.36);
			transition-timing-function: (0.47, 2.02, 0.31, -0.36);
		}
/* wa*/



:root{
  --wa:#25D366;
  --bg:#fff;
  --text:#111827;
  --muted:#6b7280;
  --ring:rgba(37,211,102,.35);
  --shadow:0 14px 40px rgba(0,0,0,.18);
  --radius:18px;
  --radius-pill:14px;

  /* 👇 CONTROL CARD WIDTH HERE */
  --card-w: 520px;  /* try 560px or 600px if you want it wider */
}

#wa-compact{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cairo,sans-serif}

/* FAB */
.wa-fab{
  position:fixed; left:24px; bottom:28px; z-index:2147483647;
  width:60px; height:60px; border-radius:50%; border:none;
  background:var(--wa); color:#fff; cursor:pointer;
  display:grid; place-items:center; box-shadow:0 10px 26px rgba(0,0,0,.22);
  transition:transform .18s ease, box-shadow .18s ease;
}
.wa-fab svg{width:28px; height:28px; fill:#fff}
.wa-fab:hover{transform:translateY(-2px)}
@media (min-width:992px){ .wa-fab{left:45px; bottom:45px} }

/* Modal state */
.wa-modal[aria-hidden="true"]{display:none}
.wa-modal[aria-hidden="false"]{display:block}

/* Overlay */
.wa-overlay{
  position:fixed; inset:0; z-index:2147483600;
  background:rgba(0,0,0,.45); backdrop-filter:blur(2px);
}

/* Center card */
.wa-card{
  position:fixed; inset:0; z-index:2147483601;
  display:grid; place-items:center; padding:24px;
  max-width:var(--card-w); width:min(92vw, var(--card-w));
  background:var(--bg); color:var(--text);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:22px 20px 18px; margin:auto;
  animation:wa-pop .18s ease-out;
  max-height:80vh; overflow:auto;
}
.wa-close{
  position:absolute; inset-inline-end:12px; inset-block-start:12px;
  width:32px; height:32px; border:none; border-radius:50%;
  background:#111; color:#fff; font-size:20px; line-height:1;
  cursor:pointer; display:grid; place-items:center; box-shadow:0 6px 16px rgba(0,0,0,.2);
}

/* Header */
.wa-hero{display:grid; justify-items:center; text-align:center; margin-top:6px}
.wa-hero h3{margin:0 0 6px; font-weight:800; font-size:20px}
.wa-hero .wa-sub{margin:0 0 12px; color:var(--muted); font-size:14px}

/* Section title */
.wa-sec-title{margin:12px 0 6px; font-size:16px; font-weight:800; text-align:center}

/* Lists (two columns on wide screens to keep card short) */
.wa-list{
  list-style:none; margin:0; padding:0;
  display:grid; gap:6px;
  grid-template-columns:1fr;           /* mobile: one column */
}
@media (min-width: 700px){
  .wa-list{ grid-template-columns: 1fr 1fr; } /* desktop: two columns */
}

/* Phone item */
.wa-item{
  display:flex; align-items:center; justify-content:space-between;
  gap:10px; padding:8px 10px; border-radius:12px;
  background:#fff; border:1px solid #f1f1f1; color:var(--text);
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.wa-item:hover{transform:translateY(-1px); border-color:var(--ring); box-shadow:0 6px 18px rgba(37,211,102,.12)}

.wa-icon{
  width:30px; height:30px; border-radius:50%; background:var(--wa);
  display:grid; place-items:center; position:relative; flex:0 0 30px;
}
.wa-icon::before{
  content:""; width:14px; height:14px; background:#fff;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M20.52 3.48A11.94 11.94 0 0 0 12 0 12 12 0 0 0 0 12c0 2.11.55 4.09 1.52 5.81L0 24l6.32-1.65A12 12 0 1 0 20.52 3.48ZM12 21.5a9.46 9.46 0 0 1-4.83-1.33l-.35-.2-3.76.98 1-3.66-.23-.38A9.48 9.48 0 1 1 21.5 12 9.5 9.5 0 0 1 12 21.5Zm5.24-6.4c-.29-.15-1.73-.86-2-.95s-.47-.15-.67.15-.77.95-.95 1.14-.35.22-.64.07-1.2-.44-2.29-1.41c-.85-.76-1.42-1.7-1.59-1.99s-.02-.45.13-.6c.13-.13.29-.35.44-.53s.2-.29.3-.49.05-.36-.02-.51-.67-1.61-.92-2.21-.49-.5-.67-.51l-.57-.01c-.2 0-.51.07-.78.36s-1.02.99-1.02 2.42 1.05 2.81 1.2 3.01 2.07 3.17 5.02 4.44c.7.3 1.25.47 1.67.6.7.22 1.34.19 1.85.12.57-.08 1.73-.71 1.98-1.39.24-.67.24-1.25.17-1.39-.07-.15-.26-.24-.55-.39Z"/></svg>') center / contain no-repeat;
}

/* Phone number text */
.wa-text{font-weight:800; font-size:15px}
.ltr{direction:ltr; unicode-bidi:embed}

/* Animation */
@keyframes wa-pop{from{transform:scale(.97); opacity:0} to{transform:scale(1); opacity:1}}