/* Luxury inner pages: About, Products, Quality, Inquiry, Contact */
@import url("site-effects.css");

:root {
  --lux-blue: #1f3f7a;
  --lux-blue-dark: #162d58;
  --lux-gold: #d59b2d;
  --lux-gold-soft: #f0d48d;
  --lux-page-bg: #f4f7fc;
}

body.page-about-us-html,
body.page-products-html,
body.page-granite-series-html,
body.page-quality-html,
body.page-inquiry-php,
body.page-contact-us-html {
  background: var(--lux-page-bg) !important;
}

body.page-about-us-html .main-container,
body.page-products-html .main-container,
body.page-granite-series-html .main-container,
body.page-quality-html .main-container,
body.page-inquiry-php .main-container,
body.page-contact-us-html .main-container {
  background: linear-gradient(180deg, #eef3fb, #f8fbff) !important;
}

body.page-about-us-html .page-title-hero,
body.page-products-html .page-title-hero,
body.page-granite-series-html .page-title-hero,
body.page-quality-html .page-title-hero,
body.page-inquiry-php .page-title-hero,
body.page-contact-us-html .page-title-hero {
  background: radial-gradient(circle at top right, rgba(213, 155, 45, 0.22), transparent 45%), linear-gradient(135deg, #172f5d 0%, #1f3f7a 60%, #2b57a8 100%);
}

body.page-about-us-html .breadcrumbs,
body.page-products-html .breadcrumbs,
body.page-granite-series-html .breadcrumbs,
body.page-quality-html .breadcrumbs,
body.page-inquiry-php .breadcrumbs,
body.page-contact-us-html .breadcrumbs {
  background: #ffffff;
  border: 1px solid #d9e1ef;
}

body.page-about-us-html .col-main.grid-full,
body.page-products-html .col-main.grid-full,
body.page-granite-series-html .col-main.grid-full,
body.page-quality-html .col-main.grid-full,
body.page-inquiry-php .col-main.grid-full,
body.page-contact-us-html .col-main.grid-full,
body.page-about-us-html .content,
body.page-products-html .content,
body.page-granite-series-html .content,
body.page-quality-html .content,
body.page-inquiry-php .content,
body.page-contact-us-html .content {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.page-about-us-html .page-title h1,
body.page-products-html .page-title h1,
body.page-granite-series-html .page-title h1,
body.page-quality-html .page-title h1,
body.page-inquiry-php .page-title h1,
body.page-contact-us-html .page-title h1,
body.page-about-us-html .content h1,
body.page-products-html .content h1,
body.page-granite-series-html .content h1,
body.page-quality-html .content h1,
body.page-inquiry-php .content h1,
body.page-contact-us-html .content h1 {
  color: var(--lux-blue-dark) !important;
  border-bottom: 1px solid #e4eaf5;
}

body.page-products-html .products-grid .item,
body.page-products-html ul.products-grid li.item,
body.page-granite-series-html .products-grid .item,
body.page-granite-series-html ul.products-grid li.item {
  border: 1px solid #d7dfef !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 16px rgba(31, 63, 122, 0.08) !important;
  padding: 12px !important;
}

body.page-products-html .products-grid .item:hover,
body.page-products-html ul.products-grid li.item:hover,
body.page-granite-series-html .products-grid .item:hover,
body.page-granite-series-html ul.products-grid li.item:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 24px rgba(31, 63, 122, 0.14) !important;
}

body.page-products-html .product-name a,
body.page-granite-series-html .product-name a {
  color: var(--lux-blue-dark) !important;
}

body.page-products-html .product-name a:hover,
body.page-granite-series-html .product-name a:hover {
  color: var(--lux-blue) !important;
}

body.page-quality-html .content p,
body.page-about-us-html .content p,
body.page-contact-us-html .content p,
body.page-inquiry-php .content p {
  line-height: 1.85;
  color: #334155 !important;
}

body.page-inquiry-php input[type="text"],
body.page-inquiry-php input[type="email"],
body.page-inquiry-php input[type="tel"],
body.page-inquiry-php textarea,
body.page-contact-us-html input[type="text"],
body.page-contact-us-html input[type="email"],
body.page-contact-us-html input[type="tel"],
body.page-contact-us-html textarea {
  border: 1px solid #c9d5e8 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  padding: 10px 12px !important;
}

body.page-inquiry-php input[type="submit"],
body.page-inquiry-php button,
body.page-contact-us-html input[type="submit"],
body.page-contact-us-html button {
  background: linear-gradient(135deg, #c78d24, #d59b2d) !important;
  color: #1b2740 !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 10px 20px !important;
  font-weight: 700 !important;
}

body.page-contact-us-html .content img,
body.page-about-us-html .content img,
body.page-quality-html .content img {
  border-radius: 12px;
}

body.page-products-html .breadcrumbs,
body.page-granite-series-html .breadcrumbs,
body.page-quality-html .breadcrumbs {
  display: none !important;
}

body.page-granite-series-html .page-title.category-title,
body.page-granite-series-html .category-image,
body.page-granite-series-html .content > h1,
body.page-products-html .page-title.category-title,
body.page-products-html .content > h1,
body.page-products-html .the-slideshow {
  display: none !important;
}

body.page-products-html .col-main.grid-full.products-modern,
body.page-granite-series-html .col-main.grid-full {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Prevent product grid clipping on inner pages */
body.page-products-html .page,
body.page-granite-series-html .page,
body.page-shree-krishna-granites-slabs-html .page,
body.page-stack-stones-html .page {
  overflow: visible !important;
}

body.page-granite-series-html .content,
body.page-shree-krishna-granites-slabs-html .content,
body.page-stack-stones-html .content,
body.page-products-html .content {
  overflow: visible !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.page-granite-series-html .category-products,
body.page-shree-krishna-granites-slabs-html .category-products,
body.page-stack-stones-html .category-products {
  overflow: visible !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.page-granite-series-html .category-products ul,
body.page-shree-krishna-granites-slabs-html .category-products ul {
  overflow: visible !important;
}

/* 4-column product grid with spacing */
body.page-products-html .category-products .products-grid,
body.page-granite-series-html .category-products .products-grid,
body.page-granite-series-html .category-products-grid,
body.page-shree-krishna-granites-slabs-html .category-products .products-grid,
body.page-shree-krishna-granites-slabs-html .category-products-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 8px 0 24px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  float: none !important;
}

/* Override old 3-col itemgrid widths on NEXT page */
body.page-granite-series-html ul.products-grid.category-products-grid.itemgrid.itemgrid-3cols,
body.page-shree-krishna-granites-slabs-html ul.products-grid.category-products-grid.itemgrid.itemgrid-3cols {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

body.page-granite-series-html ul.products-grid.category-products-grid.itemgrid.itemgrid-3cols > li.item,
body.page-shree-krishna-granites-slabs-html ul.products-grid.category-products-grid.itemgrid.itemgrid-3cols > li.item,
body.page-granite-series-html .itemgrid .item {
  float: none !important;
  clear: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

body.page-products-html .category-products .products-grid li.item,
body.page-granite-series-html .category-products .products-grid li.item,
body.page-granite-series-html .category-products-grid li.item,
body.page-shree-krishna-granites-slabs-html .category-products .products-grid li.item,
body.page-shree-krishna-granites-slabs-html .category-products-grid li.item {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.page-granite-series-html .highslide-gallery,
body.page-shree-krishna-granites-slabs-html .highslide-gallery {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

body.page-granite-series-html .highslide-gallery a,
body.page-shree-krishna-granites-slabs-html .highslide-gallery a {
  display: block !important;
  max-width: 100% !important;
}

body.page-granite-series-html .category-products-grid li.item a img,
body.page-granite-series-html .category-products .products-grid li.item img,
body.page-shree-krishna-granites-slabs-html .category-products-grid li.item a img,
body.page-shree-krishna-granites-slabs-html .category-products .products-grid li.item img {
  width: 100% !important;
  max-width: 100% !important;
  height: 190px !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
}

body.page-granite-series-html .product-name,
body.page-granite-series-html .product-name a,
body.page-granite-series-html .products-grid h2 {
  text-align: center !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  margin: 10px 0 0 !important;
  padding: 0 6px !important;
}

/* Center NEXT/BACK pager card in product grids */
body.page-granite-series-html .category-products-grid li.item:last-child,
body.page-granite-series-html .category-products .products-grid li.item:last-child {
  grid-column: 1 / -1 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding-top: 6px !important;
}

body.page-granite-series-html ul.products-grid.category-products-grid.itemgrid.itemgrid-3cols > li.item:last-child {
  width: auto !important;
}

body.page-granite-series-html .category-products-grid li.item:last-child .product-name,
body.page-granite-series-html .category-products .products-grid li.item:last-child .product-name {
  margin: 0 !important;
}

body.page-granite-series-html .category-products-grid li.item:last-child .product-name a,
body.page-granite-series-html .category-products .products-grid li.item:last-child .product-name a {
  display: inline-block !important;
  padding: 10px 22px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #c2861f, #d59b2d) !important;
  color: #1b2740 !important;
  font-weight: 700 !important;
}

@media (max-width: 1024px) {
  body.page-products-html .category-products .products-grid,
  body.page-granite-series-html .category-products .products-grid,
  body.page-granite-series-html .category-products-grid,
  body.page-shree-krishna-granites-slabs-html .category-products .products-grid,
  body.page-shree-krishna-granites-slabs-html .category-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px !important;
  }
}

@media (max-width: 640px) {
  body.page-products-html .category-products .products-grid,
  body.page-granite-series-html .category-products .products-grid,
  body.page-granite-series-html .category-products-grid,
  body.page-shree-krishna-granites-slabs-html .category-products .products-grid,
  body.page-shree-krishna-granites-slabs-html .category-products-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

@media (max-width: 768px) {
  body.page-products-html .products-grid .item,
  body.page-products-html ul.products-grid li.item,
  body.page-granite-series-html .products-grid .item,
  body.page-granite-series-html ul.products-grid li.item {
    margin-bottom: 12px;
  }
}

/* Final hard override: remove bg, border, shadow on inner wrappers */
body.page-about-us-html .col-main.grid-full,
body.page-products-html .col-main.grid-full,
body.page-granite-series-html .col-main.grid-full,
body.page-quality-html .col-main.grid-full,
body.page-inquiry-php .col-main.grid-full,
body.page-contact-us-html .col-main.grid-full,
body.page-about-us-html .content,
body.page-products-html .content,
body.page-granite-series-html .content,
body.page-quality-html .content,
body.page-inquiry-php .content,
body.page-contact-us-html .content {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 0 !important;
}

body.page-about-us-html .main,
body.page-products-html .main,
body.page-granite-series-html .main,
body.page-quality-html .main,
body.page-inquiry-php .main,
body.page-contact-us-html .main {
  background: transparent !important;
}

/* Stack Stones, Thanks, Granite Slabs — same page title + layout as other inner pages */
body.page-stack-stones-html,
body.page-thanks-html,
body.page-shree-krishna-granites-slabs-html {
  background: var(--lux-page-bg) !important;
}

body.page-stack-stones-html .main-container,
body.page-thanks-html .main-container,
body.page-shree-krishna-granites-slabs-html .main-container {
  background: linear-gradient(180deg, #eef3fb, #f8fbff) !important;
}

body.page-stack-stones-html .page-title-hero,
body.page-thanks-html .page-title-hero,
body.page-shree-krishna-granites-slabs-html .page-title-hero {
  background: radial-gradient(circle at top right, rgba(213, 155, 45, 0.22), transparent 45%), linear-gradient(135deg, #172f5d 0%, #1f3f7a 60%, #2b57a8 100%);
}

body.page-stack-stones-html .breadcrumbs,
body.page-thanks-html .breadcrumbs,
body.page-shree-krishna-granites-slabs-html .breadcrumbs,
body.page-inquiry-php .breadcrumbs {
  display: none !important;
}

body.page-inquiry-php .page-title.category-title,
body.page-inquiry-php .content > h1,
body.page-inquiry-php .category-image,
body.page-stack-stones-html .page-title.category-title,
body.page-stack-stones-html .content > h1,
body.page-stack-stones-html .category-image,
body.page-thanks-html .page-title.category-title,
body.page-thanks-html .content > h1,
body.page-thanks-html .category-image {
  display: none !important;
}

body.page-stack-stones-html .col-main.grid-full,
body.page-thanks-html .col-main.grid-full,
body.page-shree-krishna-granites-slabs-html .col-main.grid-full,
body.page-stack-stones-html .content,
body.page-thanks-html .content,
body.page-shree-krishna-granites-slabs-html .content {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.page-stack-stones-html .main,
body.page-thanks-html .main,
body.page-shree-krishna-granites-slabs-html .main {
  background: transparent !important;
}

/* Remove white gap between content and footer (product pages) */
body.page-granite-series-html .main,
body.page-shree-krishna-granites-slabs-html .main,
body.page-stack-stones-html .main,
body.page-products-html .main,
body.page-quality-html .main,
body.page-about-us-html .main,
body.page-contact-us-html .main,
body.page-inquiry-php .main {
  min-height: 0 !important;
  padding-bottom: 0 !important;
}

body.page-granite-series-html .main-container,
body.page-shree-krishna-granites-slabs-html .main-container,
body.page-stack-stones-html .main-container,
body.page-products-html .main-container,
body.page-quality-html .main-container,
body.page-about-us-html .main-container,
body.page-contact-us-html .main-container,
body.page-inquiry-php .main-container {
  padding-bottom: 12px !important;
}

body.page-granite-series-html .content,
body.page-shree-krishna-granites-slabs-html .content,
body.page-stack-stones-html .content {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

body.page-granite-series-html .category-products,
body.page-shree-krishna-granites-slabs-html .category-products {
  margin-bottom: 0 !important;
}

body.page-granite-series-html .category-products-grid,
body.page-granite-series-html .category-products .products-grid,
body.page-shree-krishna-granites-slabs-html .category-products-grid,
body.page-shree-krishna-granites-slabs-html .category-products .products-grid {
  padding-bottom: 8px !important;
}

body.page-granite-series-html .wrapper > .page,
body.page-shree-krishna-granites-slabs-html .wrapper > .page,
body.page-stack-stones-html .wrapper > .page {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.page-granite-series-html .page > .site-footer,
body.page-shree-krishna-granites-slabs-html .page > .site-footer,
body.page-stack-stones-html .page > .site-footer,
body.page-products-html .page > .site-footer,
body.page-quality-html .page > .site-footer,
body.page-about-us-html .page > .site-footer,
body.page-contact-us-html .page > .site-footer,
body.page-inquiry-php .page > .site-footer {
  margin-top: 0 !important;
}