@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@600;700&display=swap');

/* Custom Variables */
:root {
  --bs-body-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --heading-font-family: 'Playfair Display', ui-serif, Georgia, 'Times New Roman', serif;
  --transition-base: all 0.3s ease;
}

/* Light Theme (Bootstrap Default) */
:root, [data-bs-theme=light] {
  --bs-body-bg: #f6f3ee;
  --bs-body-color: #1c1b19;
  --bs-body-color-rgb: 28, 27, 25;
  --bs-secondary-color: rgba(28, 27, 25, 0.74);
  --bs-primary: #9a6b2f;
  --bs-primary-rgb: 154, 107, 47;
  --bs-link-color: #9a6b2f;
  --bs-link-hover-color: #7b5326;
  --card-bg: #fffdf8;
  --card-hover-bg: #ffffff;
  --border-color: rgba(28, 27, 25, 0.12);
  --navbar-bg: rgba(246, 243, 238, 0.82);
  --navbar-text: #1c1b19;
  --navbar-hover: rgba(0, 0, 0, 0.1);
  --theme-toggle-bg: #f8f9fa;
  --theme-toggle-color: #212529;
  --page-bg-image: radial-gradient(1200px circle at 20% -10%, rgba(154, 107, 47, 0.14), transparent 46%),
                   radial-gradient(900px circle at 88% 0%, rgba(28, 27, 25, 0.08), transparent 52%);
}

/* Dark Theme */
[data-bs-theme=dark] {
  --bs-body-bg: #0b0c0f;
  --bs-body-color: #ece7dd;
  --bs-body-color-rgb: 236, 231, 221;
  --bs-secondary-color: rgba(236, 231, 221, 0.74);
  --bs-primary: #d6a75c;
  --bs-primary-rgb: 214, 167, 92;
  --bs-link-color: #d6a75c;
  --bs-link-hover-color: #e3bd7a;
  --card-bg: #13151a;
  --card-hover-bg: #1a1e25;
  --border-color: rgba(236, 231, 221, 0.14);
  --navbar-bg: rgba(11, 12, 15, 0.78);
  --navbar-text: #ece7dd;
  --navbar-hover: rgba(255, 255, 255, 0.1);
  --theme-toggle-bg: #333;
  --theme-toggle-color: #f8f9fa;
  --page-bg-image: radial-gradient(1200px circle at 18% -12%, rgba(214, 167, 92, 0.10), transparent 42%),
                   radial-gradient(900px circle at 84% 0%, rgba(236, 231, 221, 0.05), transparent 46%);
}

/* Base Styles */
body {
  font-family: var(--bs-body-font-family);
  transition: var(--transition-base);
  background-color: var(--bs-body-bg);
  background-image: var(--page-bg-image);
  background-attachment: fixed;
  background-size: cover;
  color: var(--bs-body-color);
  min-height: 100vh;
}

a { color: var(--bs-link-color); }
a:hover { color: var(--bs-link-hover-color); }

h1, h2, h3, h4, h5, h6, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
  font-family: var(--heading-font-family);
  letter-spacing: 0.02em;
}

/* Navbar Styles */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: var(--navbar-bg);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
  transition: var(--transition-base);
}

[data-bs-theme="light"] header { background-color: var(--navbar-bg) !important; }
[data-bs-theme="dark"] header { background-color: var(--navbar-bg) !important; }

[data-bs-theme="light"] .bg-light { background-color: rgba(241, 237, 230, 0.85) !important; }
[data-bs-theme="dark"] .bg-light::before { content: none !important; display: none !important; }
[data-bs-theme="dark"] .bg-light { background-color: #111215 !important; }
[data-bs-theme="dark"] .bestsellers-section.bg-light,
[data-bs-theme="dark"] .crush-section.bg-light {
  background-color: #111215 !important;
  background-image: radial-gradient(1200px circle at 18% -12%, rgba(255, 140, 0, 0.10), transparent 42%),
                    radial-gradient(900px circle at 84% 0%, rgba(255, 255, 255, 0.05), transparent 46%);
}
[data-bs-theme="dark"] .about-container .biography-content { color: rgba(255,255,255,.86) !important; }
[data-bs-theme="dark"] .about-container .biography-content .lead { color: rgba(255,255,255,.90) !important; }
[data-bs-theme="dark"] .about-container .exhibition-highlights { background: rgba(255,255,255,.04) !important; border: 1px solid rgba(255,255,255,.08) !important; }
[data-bs-theme="dark"] .about-container .exhibition-highlights h4 { color: rgba(255,255,255,.92) !important; }
[data-bs-theme="dark"] .about-container .exhibition-highlights ul li { border-bottom-color: rgba(255,255,255,.08) !important; }
[data-bs-theme="dark"] .portfolio-container .portfolio-header { background: linear-gradient(rgba(17,18,21,.90), rgba(17,18,21,.90)), url('img/pattern-bg.jpg') center/cover !important; border: 1px solid rgba(255,255,255,.08) !important; }
[data-bs-theme="dark"] .portfolio-container .portfolio-item { background: #141518 !important; box-shadow: 0 10px 22px rgba(0,0,0,.40) !important; }
[data-bs-theme="dark"] .portfolio-container .portfolio-item:hover { box-shadow: 0 18px 40px rgba(0,0,0,.55) !important; }
[data-bs-theme="dark"] .portfolio-container .portfolio-title { color: rgba(255,255,255,.92) !important; }
[data-bs-theme="dark"] .portfolio-container .portfolio-category,
[data-bs-theme="dark"] .portfolio-container .portfolio-year { color: rgba(255,255,255,.66) !important; }
[data-bs-theme="dark"] .news-container { background-color: #111215 !important; background-image: radial-gradient(1100px circle at 14% -10%, rgba(255, 140, 0, 0.10), transparent 42%) !important; }
[data-bs-theme="dark"] .visit-page { background-color: #111215 !important; background-image: radial-gradient(1100px circle at 14% -10%, rgba(255, 140, 0, 0.10), transparent 42%) !important; }
[data-bs-theme="dark"] .exhibitions-container { background-color: #111215 !important; background-image: radial-gradient(1100px circle at 14% -10%, rgba(255, 140, 0, 0.10), transparent 42%) !important; }
[data-bs-theme="dark"] .contact-container { background: linear-gradient(135deg, #0d0e10 0%, #111215 55%, #0a0a0a 100%) !important; }
[data-bs-theme="dark"] .contact-container .contact-info { background-color: #141518 !important; box-shadow: 0 10px 24px rgba(0,0,0,.35) !important; }
[data-bs-theme="dark"] .contact-container .contact-form { background-color: #141518 !important; box-shadow: 0 10px 24px rgba(0,0,0,.35) !important; }
[data-bs-theme="dark"] .contact-container .contact-form .form-control { background-color: rgba(0,0,0,.20) !important; border-color: rgba(255,255,255,.14) !important; color: rgba(255,255,255,.92) !important; }
[data-bs-theme="dark"] .contact-container .contact-form .form-floating>label { color: rgba(255,255,255,.72) !important; }
[data-bs-theme="dark"] .contact-container .social-links a.text-dark { color: rgba(255,255,255,.84) !important; }
[data-bs-theme="dark"] .contact-container textarea.form-control::-webkit-scrollbar-track { background: rgba(255,255,255,.06) !important; }
[data-bs-theme="dark"] .contact-container textarea.form-control::-webkit-scrollbar-thumb { background: rgba(255,255,255,.20) !important; }
[data-bs-theme="dark"] .contact-con tainer textarea.form-control::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.28) !important; }
[data-bs-theme="dark"] .shop-container .card-header.bg-white { background-color: #141518 !important; color: rgba(255,255,255,.92) !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; }
[data-bs-theme="dark"] .shop-container .list-group-item { background-color: transparent !important; color: rgba(255,255,255,.86) !important; border-color: rgba(255,255,255,.08) !important; }
[data-bs-theme="dark"] .statement * { opacity: 1 !important; }
nav .container {
  padding: 0 2rem;
  height: 40px; /* Force a slim fixed height */
}

.logo {
  font-size: 1.1rem;
  font-weight: 700;
  font-family: var(--heading-font-family);
  color: var(--navbar-text);
  text-transform: uppercase;
  letter-spacing: 2px;
  text-decoration: none;
  transition: color 0.3s ease;
  line-height: 40px; /* Vertically center */
}

.logo:hover {
  color: var(--bs-primary);
}

nav ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

nav ul li {
  position: relative;
  margin: 0 1rem; /* Balanced spacing */
  padding: 0;
  display: inline-block;
  line-height: 40px; /* Vertically center */
}

nav ul li a {
  position: relative;
  color: var(--navbar-text);
  text-decoration: none;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.5px; /* Slightly reduced tracking */
  transition: all 0.3s ease;
  display: inline-flex; /* Use flex to align icon and text perfecty */
  align-items: center;
  padding: 0;
  height: 40px; /* Full height */
}

nav ul li a i {
  margin-right: 6px; /* Space between icon and text */
  font-size: 0.85rem; /* Icon slightly larger than text */
  transition: transform 0.3s ease;
  color: var(--bs-primary);
}

nav ul li a:hover i {
  transform: translateY(-2px); /* Subtle lift on hover */
}

nav ul li a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: var(--bs-primary);
  transition: width 0.3s ease;
}

nav ul li a:hover {
  color: var(--bs-primary);
  text-decoration: none;
}

nav ul li a:hover::after {
  width: 100%;
}

.theme-toggle {
  margin-left: 1.5rem;
  cursor: pointer;
  font-size: 1.2rem;
  color: var(--navbar-text);
  transition: transform 0.3s ease, color 0.3s ease;
}

.theme-toggle:hover {
  color: var(--bs-primary);
  transform: rotate(30deg);
}

/* Theme Toggle */
.theme-toggle {
  background-color: var(--theme-toggle-bg);
  color: var(--theme-toggle-color);
  border: 1px solid var(--border-color);
  transition: var(--transition-base);
  width: 28px;
  height: 28px;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.theme-toggle:hover {
  background-color: var(--bs-primary);
  color: white;
  transform: rotate(30deg);
}
@media all {
  [data-bs-theme="dark"] .theme-toggle,
  [data-bs-theme="dark"] .theme-toggle i { color: #f8f9fa !important; }
  [data-bs-theme="dark"] .theme-toggle { background-color: #333 !important; border-color: #333 !important; }
  [data-bs-theme="light"] .theme-toggle,
  [data-bs-theme="light"] .theme-toggle i { color: #212529 !important; }
  [data-bs-theme="light"] .theme-toggle { background-color: #f8f9fa !important; }
}

/* Hero Carousel */
.carousel {
  margin-top: -1px; /* Fix for navbar gap */
}

.carousel-item img {
  height: 80vh;
  object-fit: cover;
  filter: brightness(0.8);
}

.carousel-caption {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  padding: 20px;
  bottom: 30%;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  max-width: 800px;
}

/* Cards */
.card {
  border: 1px solid var(--border-color);
  background-color: var(--card-bg);
  transition: var(--transition-base);
  overflow: hidden;
  height: 100%;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  background-color: var(--card-hover-bg);
}

.card-img-top {
  height: 250px;
  object-fit: cover;
  transition: var(--transition-base);
}

.card:hover .card-img-top {
  transform: scale(1.05);
}

/* Buttons */
.btn {
  transition: var(--transition-base);
  padding: 0.5rem 1.5rem;
  font-weight: 500;
}
[data-bs-theme="dark"] .card .card-body { background-color: #212529 !important; }
[data-bs-theme="dark"] .card .card-body,
[data-bs-theme="dark"] .card .card-body * { color: var(--bs-primary) !important; }
[data-bs-theme="dark"] .card:hover .card-body { background-color: #212529 !important; }

.btn-outline-dark {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-border-color: var(--bs-body-color);
  --bs-btn-hover-bg: var(--bs-body-color);
  --bs-btn-hover-color: var(--bs-body-bg);
}

/* Intro Section */
#intro {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: var(--bs-body-bg);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: fadeOut 1.2s ease forwards;
  animation-delay: 2.5s;
}

.intro-content {
  opacity: 0;
  animation: introIn 0.5s ease forwards;
  animation-delay: 0.15s;
}

/* Animations */
@keyframes introIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeOut {
  to { opacity: 0; visibility: hidden; pointer-events: none; }
}

/* Utility Classes */
.rounded-4 { border-radius: 1rem !important; }
.rounded-5 { border-radius: 1.5rem !important; }

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--bs-body-bg);
}

::-webkit-scrollbar-thumb {
  background: var(--bs-primary);
  border-radius: 4px;
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  .carousel-item img {
    height: 60vh;
  }
  
  .carousel-caption {
    width: 90%;
    padding: 15px;
  }
}

@media (max-width: 767.98px) {
  .carousel-item img {
    height: 50vh;
  }
  
  .carousel-caption h5 {
    font-size: 1.25rem;
  }
  
  .carousel-caption p {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
  }
  
  .display-4 {
    font-size: 2.5rem;
  }
}

@media (max-width: 575.98px) {
  .carousel-item img {
    height: 40vh;
  }
  
  .carousel-caption {
    bottom: 20%;
    padding: 10px;
  }
  
  .display-4 {
    font-size: 2rem;
  }
  
  .lead {
    font-size: 1rem;
  }
}
#intro{position:fixed;inset:0;background:var(--bs-body-bg);background-image:var(--page-bg-image);display:flex;justify-content:center;align-items:center;z-index:100;animation:fadeOut 1.2s ease forwards;animation-delay:2.5s}
.intro-content{text-align:center;animation:introIn 0.5s ease forwards;animation-delay:0.15s}
.intro-content img{width:160px;height:160px;border-radius:50%;margin-bottom:40px;object-fit:cover}
header {
  position: fixed;
  top: 0;
  width: 100%;
  backdrop-filter: blur(12px);
  background: var(--navbar-bg);
  z-index: 1000;
  padding: 0;
}

[data-bs-theme="light"] header { box-shadow: 0 2px 18px rgba(0, 0, 0, 0.08); }
[data-bs-theme="dark"] header { box-shadow: 0 2px 18px rgba(0, 0, 0, 0.30); }

nav {
  max-width: 1200px;
  margin: auto;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

nav ul {
  list-style: none;
  display: flex;
  gap: 24px;
  margin: 0;
  padding: 0;
}

/* Theme Toggle */
.theme-toggle {
  background: none;
  border: none;
  color: var(--text-color);
  font-size: 1.5rem;
  cursor: pointer;
  padding: 8px;
  border-radius: 50%;
  transition: background-color 0.3s ease;
  margin-left: 20px;
}

.theme-toggle:hover {
  background-color: var(--slider-nav-hover);
}

/* Mobile Menu Toggle */
.nav-toggle {
  display: none;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border-color);
  background-color: var(--theme-toggle-bg);
  color: var(--theme-toggle-color);
}

@media (max-width: 991.98px) {
  .nav-toggle {
    display: flex;
    margin-left: auto;
  }
  #primaryMenu {
    display: none !important;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--navbar-bg);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--border-color);
    padding: 12px 20px;
    gap: 0;
    z-index: 1000;
  }
  #siteNav.open #primaryMenu { display: flex !important; flex-direction: column; }
  nav ul li {
    margin: 0;
    padding: 0;
  }
  nav ul li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    text-align: left;
    gap: 12px;
    padding: 12px 16px;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--border-color);
    border-radius: 0;
    color: var(--navbar-text);
  }
  nav ul li a i { font-size: 1.25rem; color: var(--navbar-text); }
}

/* Hide icons on desktop to preserve original look */
@media (min-width: 992px) {
  nav ul li a i { display: none; }
  #primaryMenu { display: flex !important; }
  #primaryMenu li a { color: var(--navbar-text) !important; }
}

/* Dark mode accent for card text in Bestsellers */
body.dark-theme .bestsellers-section .card-title,
body.dark-theme .bestsellers-section .card-body .text-muted { color: var(--bs-primary) !important; }

/* Explicit theme colors for header text */
[data-bs-theme="light"] header .logo,
[data-bs-theme="light"] header #primaryMenu li a,
[data-bs-theme="light"] header #primaryMenu li a i { color: #212529 !important; opacity: 1 !important; }

[data-bs-theme="dark"] header .logo,
[data-bs-theme="dark"] header #primaryMenu li a,
[data-bs-theme="dark"] header #primaryMenu li a i { color: #bfbfbf !important; opacity: 1 !important; }

[data-bs-theme="light"] header #primaryMenu li a:hover,
[data-bs-theme="light"] header #primaryMenu li a:focus,
[data-bs-theme="light"] header #primaryMenu li a:active,
[data-bs-theme="light"] header #primaryMenu li a:visited { color: #212529 !important; }

[data-bs-theme="dark"] header #primaryMenu li a:hover,
[data-bs-theme="dark"] header #primaryMenu li a:focus,
[data-bs-theme="dark"] header #primaryMenu li a:active { color: #ffffff !important; }
[data-bs-theme="dark"] header #primaryMenu li a:visited { color: #bfbfbf !important; }

body.menu-dim[data-bs-theme="light"] header #primaryMenu li a,
body.menu-dim[data-bs-theme="light"] header #primaryMenu li a i { opacity: 0.18 !important; }
body.menu-dim[data-bs-theme="light"] header .logo { opacity: 1 !important; }
body.menu-dim[data-bs-theme="light"] #themeToggle i { opacity: 1 !important; }

/* Slider Section */
.slider-container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 100px auto 60px;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.slider {
  position: relative;
  width: 100%;
  height: 70vh;
  min-height: 500px;
  overflow: hidden;
}

.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  overflow: hidden;
}

.slide.active {
  opacity: 1;
  z-index: 1;
}

.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.6);
  color: white;
  border: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s ease;
  font-size: 1.2rem;
  backdrop-filter: blur(4px);
}

.slider-btn:hover {
  background: rgba(0, 0, 0, 0.8);
}

.prev-btn {
  left: 20px;
}

.next-btn {
  right: 20px;
}

.slider-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 10;
}

.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: all 0.3s ease;
}

.dot.active {
  background: white;
  transform: scale(1.2);
}

/* Responsive Styles */
@media (max-width: 768px) {
  .slide img {
    height: 350px;
  }
  
  .slider-btn {
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }
  
  nav ul {
    gap: 15px;
    font-size: 0.9rem;
  }
}

@media (max-width: 480px) {
  .slide img {
    height: 250px;
  }
  
  .slider-btn {
    width: 36px;
    height: 36px;
  }
  
  nav ul {
    display: none; /* Consider adding a mobile menu for better UX */
  }
  
  .theme-toggle {
    margin-left: 10px;
  }
}
.gallery {
  padding-top: 100px;max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;padding-inline:20px}
.card {
  background: var(--card-bg);border-radius:16px;overflow:hidden;transition:transform .4s,box-shadow .4s}
.card:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(0,0,0,.6)}
.card img{width:100%;height:180px;object-fit:cover;filter:saturate(1.02) contrast(1.02);transition:filter .6s, transform .6s}
.card:hover img{filter:saturate(1.10) contrast(1.05);transform:scale(1.02)}
.statement{margin-top:160px;background:radial-gradient(900px circle at 20% 0%, rgba(var(--bs-primary-rgb),0.22), transparent 58%), var(--card-bg);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:100px 20px;text-align:center}
@media all {
  [data-bs-theme="dark"] .statement,
  [data-bs-theme="dark"] .statement h1,
  [data-bs-theme="dark"] .statement h2,
  [data-bs-theme="dark"] .statement h3,
  [data-bs-theme="dark"] .statement p{color:#f8f9fa !important}
}
footer {
  margin-top: 160px;
  border-top: 1px solid var(--border-color);
  background: var(--card-bg);padding:80px 20px}
.footer-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}
@keyframes introIn{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
@keyframes fadeOut{to{opacity:0;visibility:hidden}}
.artsper-footer{background:#202124!important;color:#f8f9fa;padding:40px 0 80px;border-top:1px solid #333}
.artsper-footer .container{max-width:1200px;margin:0 auto;padding:0 20px}
.artsper-footer a{color:#d1d1d1;text-decoration:none}
.artsper-footer a:hover{color:#fff}
.footer-features{display:flex;justify-content:space-between;gap:24px;padding:24px 0}
.footer-feature{display:flex;align-items:center;gap:12px;font-weight:600;color:#f8f9fa}
.square{width:18px;height:18px;border:1px solid #f8f9fa;display:inline-block;border-radius:3px}
.footer-divider{height:1px;background:#333}
.footer-info{display:grid !important;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:32px;padding:24px 0 32px}
.info-title{font-weight:600;margin-bottom:12px}
.info-icons{display:flex;gap:12px}
.icon-box{width:28px;height:28px;border:1px solid #f8f9fa;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#f8f9fa}
.rating{display:flex;align-items:center;gap:10px;color:#d1d1d1}
.tiny-sq{width:12px;height:12px;border:1px solid #f8f9fa;display:inline-block;margin-right:6px;border-radius:2px}
.footer-links{display:grid !important;grid-template-columns:repeat(5,1fr);gap:32px;padding:24px 0 8px}
.links-col h4{font-weight:600;color:#f8f9fa;margin-bottom:12px}
.links-col ul{list-style:none !important;padding:0 !important;margin:0 !important}
.artsper-footer ul{list-style:none !important;padding:0 !important;margin:0 !important}
.artsper-footer li::marker{content:'' !important}
.newsletter-col .newsletter-input{position:relative;margin-bottom:20px}
.newsletter-col input{width:100%;background:#000;border:1px solid #333;color:#f8f9fa;padding:12px;border-radius:0}
.newsletter-col input::placeholder{color:#8a8a8a}
.newsletter-col .input-square{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:1px solid #f8f9fa;border-radius:2px}
.cta-box{border:2px solid #f8f9fa;padding:16px}
.cta-box .cta-title{font-weight:700;margin-bottom:8px}
.cta-box .cta-action{display:block;margin-top:8px;color:#f8f9fa}
.cta-box .partner-link{display:block;margin-top:6px;color:#bbbbbb}
.footer-bottom{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #333;padding-top:16px;margin-top:24px;color:#a7a7a7}
.footer-bottom .links a{color:#a7a7a7;margin-right:16px;text-decoration:none}
.footer-bottom .links a:hover{color:#fff}
.footer-fab{position:fixed;right:24px;bottom:24px;width:36px;height:36px;border:1px solid #f8f9fa;background:#0a0a0a;color:#f8f9fa;display:flex;align-items:center;justify-content:center;border-radius:6px}
@media (max-width:992px){
  .footer-info{grid-template-columns:1fr 1fr}
  .footer-links{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:576px){
  .footer-features{flex-direction:column;gap:12px}
  .footer-info{grid-template-columns:1fr}
  .footer-links{grid-template-columns:1fr}
}
/* Full-width slider fix */
.slider-container .container{max-width:100%;width:100%;padding-left:0;padding-right:0;margin:0}
.art-slider{width:100%}
.art-slider .slick-slide{padding:0}
.art-slider img{width:100%;height:70vh;object-fit:cover}