:root {  --primary: #F85606;  --primary-hover: #e04d00;  --primary-light: #fff4ed;  --background: #ffffff;  --foreground: #0f172a;  --muted: #f1f5f9;  --muted-foreground: #64748b;  --border: #e2e8f0;  --input: #e2e8f0;  --ring: #F85606;  --card: #ffffff;  --card-foreground: #0f172a;  --destructive: #ef4444;  --destructive-foreground: #ffffff;  --success: #22c55e;  --success-hover: #16a34a;  --radius: 0.5rem;  --header-height: 72px;  --font-lato: 'Noto Sans Bengali', sans-serif;}*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }html { scroll-behavior: smooth; margin: 0; padding: 0; }body {  font-family: var(--font-lato);  color: var(--foreground);  background: var(--background);  line-height: 1.5;  -webkit-font-smoothing: antialiased;  overflow-x: hidden;  margin: 0;  padding: 0;}a { color: inherit; text-decoration: none; }img { max-width: 100%; height: auto; display: block; }button { cursor: pointer; font-family: inherit; border: none; background: none; }input { font-family: inherit; }ul { list-style: none; }.container {  max-width: 1280px;  margin: 0 auto;  padding: 0 30px;}.section-title {  display: flex;  align-items: center;  justify-content: space-between;  margin-bottom: 20px;}.section-title h2 {  font-size: 1.25rem;  font-weight: 400;  color: var(--foreground);  position: relative;}.section-title h2::after {  content: '';  position: absolute;  bottom: -4px;  left: 0;  width: 40px;  height: 3px;  background: var(--primary);  border-radius: 2px;}.view-more {  font-size: 0.875rem;  color: var(--primary);  font-weight: 400;  display: flex;  align-items: center;  gap: 4px;  transition: color 0.2s;}.view-more:hover { color: var(--primary-hover); }@media (min-width: 1024px) {  .section-title h2 { font-size: 1.5rem; }}/* HEADER */.header {  position: sticky;  top: 0;  z-index: 100;  background: var(--background);  border-bottom: 1px solid var(--border);  margin-top: -24px;  margin-bottom: 24px;}.header-inner {  display: flex;  align-items: center;  justify-content: space-between;  height: var(--header-height);  max-width: 1280px;  margin: 0 auto;  padding: 0 16px;}.header-logo {  display: flex;  align-items: center;  gap: 8px;  flex-shrink: 0;}.header-logo img { height: 40px; width: auto; }.header-logo span {  font-size: 1.25rem;  font-weight: 400;  color: var(--foreground);}.nav-desktop {  display: none;  align-items: center;  gap: 0;}.nav-desktop a {  font-size: 0.8125rem;  font-weight: 400;  color: var(--foreground);  padding: 8px 12px;  transition: color 0.2s;  white-space: nowrap;  text-transform: uppercase;}.nav-desktop a:hover { color: var(--primary); }.nav-desktop a.active { color: var(--primary); }.header-actions {  display: flex;  align-items: center;  gap: 8px;  flex-shrink: 0;}/* SLIDER */.slider-section {  width: 100%;  overflow: hidden;  background: var(--muted);}.slider-container {  position: relative;  width: 100%;  height: 350px;  overflow: hidden;}.slider-track {  display: flex;  height: 100%;  transition: transform 0.5s ease-in-out;}.slider-slide {  min-width: 100%;  height: 100%;  flex-shrink: 0;  position: relative;}.slider-slide img {  width: 100%;  height: 100%;  object-fit: cover;  display: block;}.slider-btn {  position: absolute;  top: 50%;  transform: translateY(-50%);  width: 44px;  height: 44px;  border-radius: 50%;  background: rgba(255,255,255,0.9);  display: flex;  align-items: center;  justify-content: center;  transition: all 0.2s;  z-index: 10;  box-shadow: 0 2px 8px rgba(0,0,0,0.15);  opacity: 0;}.slider-container:hover .slider-btn { opacity: 1; }.slider-btn:hover { background: white; transform: translateY(-50%) scale(1.1); }.slider-btn svg { width: 22px; height: 22px; color: var(--foreground); }.slider-btn-left { left: 16px; }.slider-btn-right { right: 16px; }.slider-dots {  position: absolute;  bottom: 16px;  left: 50%;  transform: translateX(-50%);  display: flex;  gap: 8px;  z-index: 10;}.slider-dot {  width: 10px;  height: 10px;  border-radius: 50%;  background: rgba(255,255,255,0.5);  cursor: pointer;  transition: all 0.3s;  border: none;}.slider-dot.active {  background: white;  transform: scale(1.2);}@media (max-width: 768px) {  .slider-container { height: 350px; }  .slider-btn { display: none; }}.header-actions .icon-btn {  width: 40px;  height: 40px;  display: flex;  align-items: center;  justify-content: center;  border-radius: var(--radius);  transition: background 0.2s;  position: relative;  color: var(--foreground);}.header-actions .icon-btn:hover { background: var(--muted); }.header-actions .icon-btn svg {  width: 20px;  height: 20px;}.cart-count {  position: absolute;  top: 2px;  right: 2px;  background: var(--destructive);  color: white;  font-size: 0.625rem;  font-weight: 400;  min-width: 18px;  height: 18px;  border-radius: 9px;  display: flex;  align-items: center;  justify-content: center;  padding: 0 4px;}.hamburger {  display: flex;  flex-direction: column;  gap: 4px;  padding: 8px;}.hamburger span {  display: block;  width: 22px;  height: 2px;  background: var(--foreground);  border-radius: 2px;  transition: all 0.3s;}.hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(4px, 4px); }.hamburger.active span:nth-child(2) { opacity: 0; }.hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(4px, -4px); }@media (min-width: 1024px) {  .nav-desktop { display: flex; }  .hamburger { display: none; }  .header-inner { padding: 0 24px; }}@media (min-width: 1280px) {  .nav-desktop a { font-size: 0.875rem; }}/* MOBILE MENU */.mobile-menu-overlay {  position: fixed;  top: var(--header-height);  left: 0;  right: 0;  bottom: 0;  background: rgba(0,0,0,0.5);  z-index: 99;  opacity: 0;  pointer-events: none;  transition: opacity 0.3s;}.mobile-menu-overlay.open { opacity: 1; pointer-events: auto; }.mobile-menu {  position: fixed;  top: var(--header-height);  left: 0;  bottom: 0;  width: 300px;  max-width: 80vw;  background: var(--background);  z-index: 100;  transform: translateX(-100%);  transition: transform 0.3s;  overflow-y: auto;  padding: 24px 16px;  box-shadow: 4px 0 20px rgba(0,0,0,0.1);}.mobile-menu.open { transform: translateX(0); }.mobile-menu a {  display: block;  padding: 12px 0;  font-size: 1rem;  font-weight: 400;  color: var(--foreground);  border-bottom: 1px solid var(--border);  transition: color 0.2s;  text-transform: uppercase;}.mobile-menu a:hover { color: var(--primary); }.mobile-menu a.active { color: var(--primary); }/* MOBILE BOTTOM NAV */.bottom-nav {  display: flex;  position: fixed;  bottom: 0;  left: 0;  right: 0;  background: var(--background);  border-top: 1px solid var(--border);  z-index: 99;  padding: 4px 0;  padding-bottom: env(safe-area-inset-bottom, 4px);}.bottom-nav a {  flex: 1;  display: flex;  flex-direction: column;  align-items: center;  gap: 2px;  padding: 6px 0;  font-size: 0.625rem;  color: var(--muted-foreground);  transition: color 0.2s;}.bottom-nav a:hover,.bottom-nav a.active { color: var(--primary); }.bottom-nav a svg {  width: 22px;  height: 22px;}@media (min-width: 1024px) {  .bottom-nav { display: none; }  body { padding-bottom: 0; }}body { padding-bottom: 56px; }@media (min-width: 1024px) { body { padding-bottom: 0; } }/* BOOK GRID */.book-grid {  display: grid;  gap: 12px;}@media (min-width: 480px) { .book-grid { grid-template-columns: repeat(2, 1fr); } }@media (min-width: 640px) { .book-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; } }@media (min-width: 1024px) { .book-grid { grid-template-columns: repeat(4, 1fr); gap: 20px; } }@media (min-width: 1280px) { .book-grid { grid-template-columns: repeat(4, 1fr); gap: 24px; } }/* BOOK CARD */.book-card {  background: var(--card);  border: 1px solid var(--border);  border-radius: var(--radius);  overflow: hidden;  transition: all 0.3s;  display: flex;  flex-direction: column;}.book-card:hover {  border-color: var(--primary);  box-shadow: 0 10px 30px rgba(0,0,0,0.1);  transform: translateY(-2px);}.book-card-image-wrap {  position: relative;  overflow: hidden;  aspect-ratio: 1 / 1.54;  background: var(--muted);}.book-card-image-wrap img {  width: 100%;  height: 100%;  object-fit: cover;  transition: transform 0.3s;}.book-card:hover .book-card-image-wrap img { transform: scale(1.05); }.book-card-quick-view {  position: absolute;  top: 8px;  right: 8px;  width: 36px;  height: 36px;  background: rgba(255,255,255,0.95);  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  opacity: 0;  transition: opacity 0.3s;  box-shadow: 0 2px 8px rgba(0,0,0,0.15);  color: var(--foreground);}.book-card:hover .book-card-quick-view { opacity: 1; }.book-card-quick-view svg { width: 18px; height: 18px; }.book-card-quick-view:hover { color: var(--primary); }.discount-badge {  position: absolute;  top: 8px;  left: 8px;  background: var(--destructive);  color: white;  font-size: 0.7rem;  font-weight: 400;  padding: 3px 8px;  border-radius: 4px;  line-height: 1.2;}.book-card-body {  padding: 12px;  display: flex;  flex-direction: column;  gap: 6px;  flex: 1;}.book-card-title {  font-size: 0.8125rem;  font-weight: 400;  color: var(--foreground);  line-height: 1.3;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;  min-height: 2.1em;}.book-card-title a { transition: color 0.2s; }.book-card-title a:hover { color: var(--primary); }.book-card-pricing {  display: flex;  align-items: center;  gap: 8px;  flex-wrap: wrap;}.book-card-price-current {  font-size: 1rem;  font-weight: 400;  color: var(--foreground);}.book-card-price-old {  font-size: 0.8125rem;  color: var(--muted-foreground);  text-decoration: line-through;}.book-card-author {  font-size: 0.75rem;  color: var(--muted-foreground);}.book-detail-translator,.book-detail-editor,.book-detail-publisher { font-size: 0.9rem; color: var(--muted-foreground); }.book-detail-editor { margin-bottom: 5px !important; }.book-detail-pricing .current-price { font-size: 2rem; font-weight: 400; color: var(--foreground); margin-top: 5px; }.add-to-cart-btn {  width: 100%;  padding: 8px 16px;  background: var(--success);  color: white;  font-size: 0.8125rem;  font-weight: 400;  border-radius: var(--radius);  transition: background 0.2s;  margin-top: auto;  display: flex;  align-items: center;  justify-content: center;  gap: 6px;}.add-to-cart-btn:hover { background: var(--success-hover); }.add-to-cart-btn:active { transform: scale(0.98); }.add-to-cart-btn svg { width: 16px; height: 16px; }/* CATEGORY BANNERS */.category-banners {  display: grid;  grid-template-columns: 1fr;  gap: 12px;  margin: 24px 0;}@media (min-width: 640px) {  .category-banners { grid-template-columns: repeat(3, 1fr); gap: 16px; }}.category-banner {  display: block;  border-radius: var(--radius);  overflow: hidden;  transition: transform 0.3s;}.category-banner:hover { transform: scale(1.02); }.category-banner img {  width: 100%;  height: auto;  aspect-ratio: 16/9;  object-fit: cover;}/* SUBJECT GRID */.subject-grid-section { margin: 32px 0; }.subject-tabs {  display: flex;  justify-content: center;  gap: 0;  margin-bottom: 20px;  border-bottom: 2px solid var(--border);}.subject-tab {  padding: 10px 24px;  font-size: 0.875rem;  font-weight: 400;  color: var(--muted-foreground);  border-bottom: 2px solid transparent;  margin-bottom: -2px;  transition: all 0.2s;}.subject-tab:hover { color: var(--foreground); }.subject-tab.active {  color: var(--primary);  border-bottom-color: var(--primary);}.subject-grid {  display: grid;  grid-template-columns: repeat(2, 1fr);  gap: 10px;}@media (min-width: 640px) { .subject-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; } }@media (min-width: 1024px) { .subject-grid { grid-template-columns: repeat(4, 1fr); gap: 16px; } }.subject-card {  padding: 20px 16px;  background: var(--muted);  border-radius: var(--radius);  text-align: center;  font-weight: 400;  font-size: 0.875rem;  transition: all 0.3s;  border: 1px solid transparent;}.subject-card:hover {  background: var(--primary-light);  border-color: var(--primary);  color: var(--primary);}/* FOOTER */.footer {  background: #0f172a;  color: #cbd5e1;  padding: 48px 0 24px;  margin-top: 48px;}.footer-grid {  display: grid;  grid-template-columns: 1fr;  gap: 32px;}@media (min-width: 768px) { .footer-grid { grid-template-columns: repeat(4, 1fr); gap: 40px; } }.footer h3 {  color: white;  font-size: 1rem;  font-weight: 400;  margin-bottom: 16px;}.footer p, .footer a, .footer .contact-line {  font-size: 0.875rem;  line-height: 1.8;  color: #94a3b8;}.footer a { display: block; transition: color 0.2s; }.footer a:hover { color: white; }.footer .contact-line { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; }.footer .contact-line svg { width: 16px; height: 16px; color: var(--primary); flex-shrink: 0; margin-top: 3px; }.footer-social {  display: flex;  gap: 12px;  margin-top: 16px;}.footer-social a {  width: 40px;  height: 40px;  border-radius: 50%;  background: #1e293b;  display: flex;  align-items: center;  justify-content: center;  transition: all 0.25s;  border: 1px solid transparent;}.footer-social a:hover { background: var(--primary); border-color: rgba(255,255,255,0.2); transform: translateY(-3px); box-shadow: 0 4px 12px rgba(248,86,6,0.3); }.footer-social svg { width: 20px; height: 20px; color: #e2e8f0; }.footer-bottom {  border-top: 1px solid #1e293b;  margin-top: 32px;  padding-top: 20px;  text-align: center;  font-size: 0.8125rem;  color: #64748b;  white-space: nowrap;}.footer-bottom strong { color: #94a3b8; }/* QUICK VIEW MODAL */.modal-overlay {  position: fixed;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: rgba(0,0,0,0.6);  z-index: 200;  display: flex;  align-items: center;  justify-content: center;  opacity: 0;  pointer-events: none;  transition: opacity 0.3s;  padding: 16px;}.modal-overlay.open { opacity: 1; pointer-events: auto; }.modal-content {  background:  var(--background);  border-radius: 12px;  max-width: 900px;  width: 100%;  max-height: 90vh;  overflow-y: auto;  padding: 32px;  position: relative;  transform: scale(0.95);  transition: transform 0.3s;}.modal-overlay.open .modal-content { transform: scale(1); }.modal-close {  position: absolute;  top: 12px;  right: 12px;  width: 36px;  height: 36px;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  background: var(--muted);  transition: background 0.2s;}.modal-close:hover { background: var(--border); }.modal-close svg { width: 20px; height: 20px; }.modal-body { display: flex; flex-direction: column; gap: 20px; }@media (min-width: 640px) {  .modal-body { flex-direction: row; align-items: flex-start; }}.modal-image-wrap {  width: 100%;  display: flex;  align-items: flex-start;  justify-content: center;}@media (min-width: 640px) {  .modal-image-wrap { width: 40%; flex-shrink: 0; }}.modal-image {  width: 100%;  max-width: 300px;  height: auto;  object-fit: contain;  border-radius: var(--radius);}.modal-info { flex: 1; }.modal-info h2 {  font-size: 1.25rem;  font-weight: 400;  margin-bottom: 8px;}.modal-info .modal-author {  font-size: 0.875rem;  color: var(--muted-foreground);  margin-bottom: 12px;}.modal-info .modal-pricing {  display: flex;  align-items: center;  gap: 12px;  margin-bottom: 16px;}.modal-price-current {  font-size: 1.25rem;  font-weight: 400;}.modal-price-old {  font-size: 1rem;  color: var(--muted-foreground);  text-decoration: line-through;}.modal-description {  font-size: 0.875rem;  color: var(--muted-foreground);  line-height: 1.7;  margin-bottom: 20px;}.modal-add-btn {  padding: 12px 32px;  background: var(--primary);  color: white;  font-size: 1rem;  font-weight: 400;  border-radius: var(--radius);  transition: background 0.2s;  display: inline-flex;  align-items: center;  gap: 8px;}.modal-add-btn:hover { background: var(--primary-hover); }/* SEARCH OVERLAY */.search-overlay {  position: fixed;  top: var(--header-height);  left: 0;  right: 0;  bottom: 0;  background: rgba(0,0,0,0.5);  z-index: 95;  opacity: 0;  pointer-events: none;  transition: opacity 0.3s;}.search-overlay.open { opacity: 1; pointer-events: auto; }.search-panel {  position: fixed;  top: var(--header-height);  left: 0;  right: 0;  background: var(--background);  z-index: 96;  padding: 16px;  box-shadow: 0 4px 20px rgba(0,0,0,0.1);  transform: translateY(-100%);  transition: transform 0.3s;  display: none;}.search-panel.open { transform: translateY(0); display: block; }.search-input-wrap {  display: flex;  align-items: center;  gap: 12px;  max-width: 600px;  margin: 0 auto;}.search-input-wrap input {  flex: 1;  height: 48px;  padding: 0 16px;  border: 2px solid var(--border);  border-radius: var(--radius);  font-size: 1rem;  outline: none;  transition: border-color 0.2s;}.search-input-wrap input:focus { border-color: var(--primary); }.search-input-wrap button {  padding: 12px 24px;  background: var(--primary);  color: white;  font-weight: 400;  border-radius: var(--radius);  transition: background 0.2s;}.search-input-wrap button:hover { background: var(--primary-hover); }.search-results {  max-width: 600px;  margin: 16px auto 0;  max-height: 400px;  overflow-y: auto;}.search-result-item {  display: flex;  gap: 12px;  padding: 12px;  border-radius: var(--radius);  transition: background 0.2s;  cursor: pointer;}.search-result-item:hover { background: var(--muted); }.search-result-item img {  width: 48px;  height: 72px;  object-fit: cover;  border-radius: 4px;}.search-result-item .item-info h4 {  font-size: 0.875rem;  font-weight: 400;}.search-result-item .item-info span {  font-size: 0.8125rem;  color: var(--muted-foreground);}.search-no-results { text-align: center; padding: 24px 16px; color: var(--muted-foreground); font-size: 0.875rem; }/* BREADCRUMB */.breadcrumb {  display: flex;  align-items: center;  gap: 8px;  padding: 15px 0;  font-size: 0.8125rem;  color: var(--muted-foreground);}.breadcrumb a { color: var(--muted-foreground); transition: color 0.2s; }.breadcrumb a:hover { color: var(--primary); }.breadcrumb .current { color: var(--foreground); font-weight: 400; }/* UTILITY */.section { margin: 32px 0; }@media (min-width: 1024px) { .section { margin: 48px 0; } }.placeholder-img {  display: flex;  align-items: center;  justify-content: center;  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);  color: white;  font-weight: 400;  font-size: 2rem;  width: 100%;  height: 100%;}.whatsapp-float { position: fixed; bottom: 24px; right: 24px; width: 56px; height: 56px; border-radius: 50%; background: #25D366; color: white; display: flex; align-items: center; justify-content: center; font-size: 28px; box-shadow: 0 4px 16px rgba(37, 211, 102, 0.35); z-index: 600; text-decoration: none; opacity: 0; visibility: hidden; transform: translateY(20px) scale(0.9); transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease, box-shadow 0.2s; } .whatsapp-float-left { right: auto; left: 24px; } .whatsapp-float-left .whatsapp-tooltip { right: auto; left: 64px; }.whatsapp-float.visible {  opacity: 1;  visibility: visible;  transform: translateY(0) scale(1);  animation: whatsapp-pulse 2s infinite;}.whatsapp-float:hover { transform: scale(1.08); box-shadow: 0 6px 24px rgba(37, 211, 102, 0.45); color: white; animation-play-state: paused; }.whatsapp-float.visible:hover {  transform: scale(1.08) translateY(0);}.whatsapp-float svg { width: 28px; height: 28px; fill: white; }.whatsapp-tooltip {  position: absolute;  right: 64px;  top: 50%;  transform: translateY(-50%);  background: #1e293b;  color: #fff;  padding: 6px 14px;  border-radius: 6px;  font-size: 0.8125rem;  white-space: nowrap;  opacity: 0;  pointer-events: none;  transition: opacity 0.2s;}.whatsapp-float.visible:hover .whatsapp-tooltip { opacity: 1; }@keyframes whatsapp-pulse {  0% { box-shadow: 0 4px 16px rgba(37, 211, 102, 0.35); }  50% { box-shadow: 0 4px 24px rgba(37, 211, 102, 0.55); }  100% { box-shadow: 0 4px 16px rgba(37, 211, 102, 0.35); }}/* PAGE HEADER (shared, not site header) */.page-header { margin: 0; }.page-header h1 { font-size: 1.5rem; font-weight: 400; margin: 0; }.page-header p { color: var(--muted-foreground); font-size: 0.875rem; margin-top: 4px; }@media (min-width: 1024px) { .page-header h1 { font-size: 1.75rem; } }/* CONTENT PAGES (about, terms, policy, shipping, wholesale, contact) */.content-page { padding-bottom: 40px; }.content-page h2 { font-size: 1.25rem; font-weight: 400; margin: 28px 0 12px; color: var(--foreground); }.content-page p { line-height: 1.7; color: var(--muted-foreground); margin-bottom: 16px; }/* NO RESULTS */.no-results { text-align: center; padding: 60px 20px; color: var(--muted-foreground); font-size: 1rem; grid-column: 1 / -1; }/* SLIDER OVERLAY */.slider-content-overlay {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  display: flex;  align-items: var(--slider-align-items, center);  justify-content: var(--slider-justify-content, flex-start);  padding: 40px 60px;  z-index: 5;  pointer-events: none;  background: rgba(0,0,0,calc(var(--slider-overlay-op, 50) / 100 * 0.4));}.slider-content-inner {  max-width: var(--slider-content-max-w, 600px);  pointer-events: auto;  text-align: var(--slider-text-align, left);}.slider-title {  font-size: var(--slider-title-fs, 2rem);  font-weight: var(--slider-title-fw, 700);  font-family: var(--slider-title-ff, inherit);  color: var(--slider-title-clr, #fff);  margin-bottom: 8px;  line-height: var(--slider-title-lh, 1.2);  letter-spacing: var(--slider-title-ls, 0);  text-shadow: var(--slider-title-ts, 0 2px 8px rgba(0,0,0,0.4));}.slider-subtitle {  font-size: var(--slider-subtitle-fs, 1.25rem);  font-weight: var(--slider-subtitle-fw, 400);  font-family: var(--slider-subtitle-ff, inherit);  color: var(--slider-subtitle-clr, rgba(255,255,255,0.9));  margin-bottom: 12px;  line-height: var(--slider-subtitle-lh, 1.4);  letter-spacing: var(--slider-subtitle-ls, 0);  text-shadow: var(--slider-subtitle-ts, 0 1px 4px rgba(0,0,0,0.3));}.slider-desc {  font-size: var(--slider-desc-fs, 1rem);  font-weight: var(--slider-desc-fw, 400);  font-family: var(--slider-desc-ff, inherit);  color: var(--slider-desc-clr, rgba(255,255,255,0.85));  margin-bottom: 16px;  line-height: var(--slider-desc-lh, 1.6);  letter-spacing: var(--slider-desc-ls, 0);  text-shadow: var(--slider-desc-ts, 0 1px 4px rgba(0,0,0,0.3));}.slider-cta {  display: inline-block;  padding: var(--slider-btn-padding, 8px 30px);  background: var(--slider-btn-bg, var(--primary));  color: var(--slider-btn-clr, #fff);  font-size: var(--slider-btn-fs, 1rem);  font-weight: var(--slider-btn-fw, 500);  font-family: var(--slider-btn-ff, inherit);  border-radius: var(--slider-btn-bdr, var(--radius));  transition: background 0.2s;  text-decoration: none; border: none; cursor: pointer;}.slider-cta:hover { background: var(--slider-btn-hover-bg, var(--primary-hover)); color: var(--slider-btn-hover-clr, #fff); }@media (max-width: 768px) {  .slider-content-overlay { padding: 20px 24px; }}