/* Remove extra dark stripe above the footer on blog archive */
.colibri-main-content-archive .main-section { padding-bottom: 0 !important; }

/* Stick the call button to the top-right of the viewport (all users) */
a.fixed-call-btn {
  position: fixed !important;
  top: 80px !important;
  right: 20px !important;
  left: auto !important;
  width: auto !important;
  z-index: 9999 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
}
.h-button__outer:has(> a.fixed-call-btn) { position: static !important; }

/* usg-intro for HOME page: logo appears, then text TYPES out. Plays on every load. */

/* Timeline over 5s:
   0.00-1.20s  logo grows/appears on solid black backdrop
   1.20-3.20s  "LANGUAGE OF LUXURY" types out (18 steps), caret blinks
   3.20-4.20s  hold
   4.20-5.00s  whole overlay fades out                                  */

/* --- logo + backdrop layer (::before) --- */
@keyframes silLogoSize{
  0%{background-size:0px 0px;}
  34.78%{background-size:150px 150px;}
  100%{background-size:150px 150px;}
}
@keyframes silFade{
  0%,89.57%{opacity:1;visibility:visible;}
  100%{opacity:0;visibility:hidden;}
}

/* --- typed text layer (::after) --- */
@keyframes silTypeWidth{
  from{width:0px;}
  to{width:396px;}
}
@keyframes silCaret{
  0%,26%{border-right-color:rgba(255,255,255,0);}
  27%{border-right-color:rgba(255,255,255,0.85);}
  41%{border-right-color:rgba(255,255,255,0);}
  55%{border-right-color:rgba(255,255,255,0.85);}
  69%{border-right-color:rgba(255,255,255,0);}
  83%{border-right-color:rgba(255,255,255,0.85);}
  85%,100%{border-right-color:rgba(255,255,255,0);}
}

body.home::before {
  content: "";
  position: fixed;
  left: 0; top: 0; right: 0; bottom: 0;
  z-index: 2147483646;
  pointer-events: none;
  background-color: #050505;
  background-image: url("https://usstonegroup.com/wp-content/uploads/2026/07/Final_Logo_v2.png");
  background-repeat: no-repeat;
  background-position: center calc(50% - 55px);
  background-size: 0px 0px;
  opacity: 1;
  visibility: visible;
  animation: silLogoSize 3.74s ease forwards, silFade 3.74s ease forwards;
}

body.home::after {
  content: "LANGUAGE OF LUXURY";
  position: fixed;
  left: 50%;
  top: calc(50% + 65px);
  transform: translate(calc(-50% + 1px), -50%);
  z-index: 2147483647;
  pointer-events: none;
  width: 0;
  max-width: 90vw;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: content-box;
  border-right: 2px solid rgba(255,255,255,0);
  color: #fff;
  font-family: "Italiana", "Times New Roman", serif;
  font-size: 21px;
  letter-spacing: 10px;
  line-height: 31.5px;
  opacity: 1;
  visibility: visible;
  animation: silTypeWidth 1.35s steps(18) 1.5s 1 normal forwards, silCaret 3.74s ease 0s 1 normal forwards, silFade 3.74s ease 0s 1 normal forwards;
}



/* Slideshow: fill frame (cover) instead of fixed-height letterbox black stripes */
#usgSlideshow .usg-slide {
  background-size: cover !important;
  background-position: center !important;
}


/* Photo Gallery 2 cleanup: trim leftover gallery shell/padding so slideshow sits flush (slideshow still sourced from this block) */
#photo-gallery-2{
  padding-top:0 !important;
  padding-bottom:0 !important;
  height:calc(100vh - 92px) !important;
  min-height:0 !important;
  overflow:hidden !important;
}
#photo-gallery-2 .h-section-grid-container{ display:none !important; }
.admin-bar #photo-gallery-2{ height:calc(100vh - 124px) !important; }


/* Give the logo 10px breathing space at the top of the header (logo was being cut off) */
#usgHeader { height: 102px !important; align-items: flex-start !important; padding-top: 10px !important; box-sizing: border-box !important; }
#usgActions { top: 10px !important; }
html body { padding-top: 102px !important; }


/* ==== USG custom-2 video (large screens only) ==== */
@media (min-width: 768px){
  /* Full-screen height video */
  #custom-2 .video-container{ padding-top: 100vh !important; height: 100vh !important; }
  #custom-2 .ratio-inner{ height: 100% !important; }
  #custom-2 video.h-video-main{ width: 100% !important; height: 100% !important; object-fit: cover !important; }
  /* Remove/hide controls and block interaction */
  #custom-2 video.h-video-main{ pointer-events: none !important; }
  #custom-2 video.h-video-main::-webkit-media-controls{ display: none !important; }
  #custom-2 video.h-video-main::-webkit-media-controls-enclosure{ display: none !important; }
  #custom-2 video.h-video-main::-webkit-media-controls-panel{ display: none !important; }
  /* 10px white gap between this block and neighbours */
  #custom-2{ margin-top: 10px !important; margin-bottom: 10px !important; }
}


/* USG FOOTER OVERRIDES START */
/* 1. Bold separation line under US STONE GROUP */
footer.usg-footer hr.usg-brandline{border-top:1px solid #000 !important;height:0 !important;}
/* 2. Social icons centered, ABOVE the separation line; copyright/legal row last */
footer.usg-footer .usg-bottom{border-top:0 !important;padding-top:0 !important;margin-top:4px !important;}
/* center icon cluster on the true page center to align with the centered copyright (corrects trailing-gap offset) */
footer.usg-footer .usg-socials{justify-content:center !important;padding-left:44px !important;margin-bottom:2px !important;}
footer.usg-footer .usg-legal{border-top:1px solid #d8d8d8 !important;padding-top:24px !important;margin-top:0 !important;}
/* 3. Align "(c) US Stone Group 2026" on the same line as Terms/Privacy/Cookies (offsets the absolute-centered copyright by half the legal padding-top so it matches the flex links) */
footer.usg-footer .usg-copyright-inline{top:calc(50% + 12px) !important;}
/* keep the trailing-gap fix desktop-only so stacked mobile layout stays centered */
@media (max-width:820px){footer.usg-footer .usg-socials{padding-left:0 !important;}footer.usg-footer .usg-copyright-inline{top:auto !important;}}
/* USG FOOTER OVERRIDES END */


/* USG HEADER MOBILE FIX START - keep brand text inside header stripe on small screens (iPhone 15+) */
@media (max-width: 600px) {
  #usgHeader .usg-brand img { height: 48px !important; }
  #usgHeader .usg-brand { margin-bottom: 4px !important; }
  #usgHeader .usg-brand span { font-size: 15px !important; letter-spacing: 3px !important; line-height: 1.1 !important; }
}
/* USG HEADER MOBILE FIX END */

/* MOBILE 50VH SLIDER HEIGHT - small screens (iPhone 15+) */
@media (max-width: 600px) {
  #uss-hero-slider,
  #uss-cat,
  #uss-app,
  #uss-finds {
    height: 50vh !important;
  }
}
/* MOBILE 50VH SLIDER HEIGHT END */

/* SLIDER BOLD TEXT, BUTTON & ARROWS */
#uss-cat .uss-cat-center a,
#uss-app .uss-app-center a,
#uss-finds .uss-finds-center a {
  font-weight: 700 !important;
}
#uss-cat .uss-cat-arrow svg,
#uss-app .uss-app-arrow svg,
#uss-finds .uss-finds-arrow svg {
  stroke-width: 3px !important;
}
/* SLIDER BOLD END */


/* MOBILE SLIDER ARROW SPACING - center cluster, side breathing room, tighter arrow-button gap (iPhone 15+) */
@media (max-width: 600px) {
  #uss-cat .uss-cat-center,
  #uss-app .uss-app-center,
  #uss-finds .uss-finds-center {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
  }
  #uss-cat .uss-cat-center::before, #uss-cat .uss-cat-center::after,
  #uss-app .uss-app-center::before, #uss-app .uss-app-center::after,
  #uss-finds .uss-finds-center::before, #uss-finds .uss-finds-center::after {
    display: none !important;
  }
  #uss-cat .uss-cat-arrow, #uss-app .uss-app-arrow, #uss-finds .uss-finds-arrow,
  #uss-cat #uss-cat-btn, #uss-app #uss-app-btn, #uss-finds #uss-finds-btn {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }
}
/* MOBILE SLIDER ARROW SPACING END */


/* MOBILE SLIDER BUTTON FIXED SIZE - button stays same size across slides, only label text changes (iPhone 15+) */
@media (max-width: 600px) {
  #uss-cat #uss-cat-btn { min-width: 140px !important; }
  #uss-app #uss-app-btn { min-width: 180px !important; }
  #uss-finds #uss-finds-btn { min-width: 126px !important; }
  #uss-cat #uss-cat-btn,
  #uss-app #uss-app-btn,
  #uss-finds #uss-finds-btn {
    text-align: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }
}
/* MOBILE SLIDER BUTTON FIXED SIZE END */


/* === USG HAMBURGER MENU TWEAKS (added by request) === */
/* Keep overlay + panel on top of the page */
#usgOverlay { z-index: 2000000 !important; }
#usgPanel { z-index: 2000001 !important; }
/* Keep the hamburger / X (close) button ABOVE the open panel so it stays visible and clickable */
#usgBurger { z-index: 2000010 !important; }

/* Reduce the empty space above INVENTORY by 50% (panel top padding 128px -> 64px) */
#usgPanel { padding-top: 64px !important; }
/* Spacing between menu items (reduced 30% from 10px -> 7px) */
#usgPanel > ul > li { margin: 0 0 7px !important; }
/* Gap between the menu text and its underline */
#usgPanel a { padding-bottom: 3px !important; }
/* Menu text size (increased 20% from 8.65px -> 10.38px) */
#usgPanel a { font-size: 10.38px !important; }

/* Base styling for the left sub-menu (a script repositions it on top of everything on hover) */
#usgPanel li.has-sub { position: relative !important; }
.usg-sub-float {
  position: fixed !important;
  padding: 6px 14px !important;
  min-width: 130px !important;
  width: max-content !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  box-shadow: 0 6px 22px rgba(0,0,0,0.28) !important;
  list-style: none !important;
  margin: 0 !important;
  z-index: 2147483647 !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.18s ease !important;
}
.usg-sub-float.usg-show {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.usg-sub-float li { margin: 0 0 6px !important; white-space: nowrap !important; }
.usg-sub-float li:last-child { margin-bottom: 0 !important; }
/* Match the sub-menu (Blog) text to the main hamburger menu text exactly */
.usg-sub-float a {
  font-family: Italiana, serif !important;
  font-size: 10.38px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #111 !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
  display: inline-block !important;
}
.usg-sub-float a:hover { opacity: 0.6 !important; }
/* === END USG HAMBURGER MENU TWEAKS === */

/* Didact Gothic hamburger menu */
nav#usgPanel, nav#usgPanel ul, nav#usgPanel li, nav#usgPanel a { font-family: "Didact Gothic", sans-serif !important; font-weight: 400 !important; }


/* Category (uss-cat) button tweaks */
#uss-cat .uss-cat-arrow svg { stroke-width: 1px !important; }
#uss-cat .uss-cat-center a { font-weight: 400 !important; }
#uss-cat .uss-cat-center { bottom: 30px !important; }


/* Application (uss-app) & Unique Finds (uss-finds) button tweaks */
#uss-app .uss-app-arrow svg { stroke-width: 1px !important; }
#uss-app .uss-app-center a { font-weight: 400 !important; }
#uss-app .uss-app-center { bottom: 30px !important; }
#uss-finds .uss-finds-arrow svg { stroke-width: 1px !important; }
#uss-finds .uss-finds-center a { font-weight: 400 !important; }
#uss-finds .uss-finds-center { bottom: 30px !important; }


/* Uniform button + arrow sizing (cat/app/finds) */
#uss-cat .uss-cat-center a,
#uss-app .uss-app-center a,
#uss-finds .uss-finds-center a {
  width: 250px !important;
  height: 40px !important;
  box-sizing: border-box !important;
}
#uss-cat .uss-cat-arrow,
#uss-app .uss-app-arrow,
#uss-finds .uss-finds-arrow {
  width: 90px !important;
  height: 40px !important;
}
#uss-cat .uss-cat-arrow svg,
#uss-app .uss-app-arrow svg,
#uss-finds .uss-finds-arrow svg {
  width: 90px !important;
  height: 30px !important;
}


/* QA: center button text vertically & horizontally */
#uss-cat .uss-cat-center a,
#uss-app .uss-app-center a,
#uss-finds .uss-finds-center a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 16px !important;
  line-height: 1 !important;
  text-align: center !important;
}


/* Arrow width 105px & stroke 2px (cat/app/finds) */
#uss-cat .uss-cat-arrow,
#uss-app .uss-app-arrow,
#uss-finds .uss-finds-arrow {
  width: 105px !important;
}
#uss-cat .uss-cat-arrow svg,
#uss-app .uss-app-arrow svg,
#uss-finds .uss-finds-arrow svg {
  width: 105px !important;
  stroke-width: 2px !important;
}


/* Mobile (iPhone 15 and up) fix for Stone Inventory drawer search box */
@media (max-width: 768px) {
  #si-drawer .si-search {
    position: relative;
    display: block;
    max-width: none;
  }
  #si-drawer .si-search svg {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px !important;
    height: 18px !important;
    flex: none;
    color: rgb(139, 129, 112);
    pointer-events: none;
  }
  #si-drawer .si-search input {
    width: 100%;
    height: 44px;
    padding: 0 16px 0 42px;
    border-radius: 24px;
    box-sizing: border-box;
    text-align: left;
  }
}


/* Left-align all drawer filter options and category names (mobile only) */
@media (max-width: 768px) {
  #si-drawer,
  #si-drawer .si-drawer-head,
  #si-drawer .si-drawer-section,
  #si-drawer .si-drawer-label {
    text-align: left !important;
  }
}


/* Prevent site header from overlapping the drawer search/filters (mobile only) */
@media (max-width: 768px) {
  #si-drawer {
    padding-top: 150px !important;
  }
}


/* Carousel button/arrow layout on mobile (cat/app/finds): 15% side gaps, 4% arrow-to-button gaps, arrows 2px, non-bold */
@media (max-width: 768px) {
  #uss-cat .uss-cat-center,
  #uss-app .uss-app-center,
  #uss-finds .uss-finds-center {
    display: block !important;
    box-sizing: border-box !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    height: 40px !important;
    padding: 0 !important;
  }
  #uss-cat .uss-cat-arrow,
  #uss-app .uss-app-arrow,
  #uss-finds .uss-finds-arrow {
    position: absolute !important;
    top: 0 !important;
    height: 40px !important;
    width: 36px !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
  }
  #uss-cat #uss-cat-prev,
  #uss-app #uss-app-prev,
  #uss-finds #uss-finds-prev {
    left: 15% !important;
    right: auto !important;
    justify-content: flex-start !important;
  }
  #uss-cat #uss-cat-next,
  #uss-app #uss-app-next,
  #uss-finds #uss-finds-next {
    right: 15% !important;
    left: auto !important;
    justify-content: flex-end !important;
  }
  #uss-cat #uss-cat-btn,
  #uss-app #uss-app-btn,
  #uss-finds #uss-finds-btn {
    position: absolute !important;
    top: 0 !important;
    left: calc(15% + 36px + 4%) !important;
    right: calc(15% + 36px + 4%) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 400 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }
  #uss-cat .uss-cat-arrow svg,
  #uss-app .uss-app-arrow svg,
  #uss-finds .uss-finds-arrow svg {
    width: 36px !important;
    height: auto !important;
    stroke-width: 2px !important;
  }
}

/* Mobile: left-align footer dropdown menu items (Categories / Unique Findings / Applications) */
@media (max-width: 767px) {
  .usg-footer .usg-col .usg-list,
  .usg-footer .usg-col .usg-list li,
  .usg-footer .usg-col .usg-list li a {
    text-align: left !important;
  }
}


/* Mobile: full-width Image blocks (Image 1-22) + button/arrow styling */
@media (max-width: 767px) {
  .uss-arab-slideshow {
    width: 100vw !important;
    height: auto !important;
    aspect-ratio: 1184 / 896 !important;
    background-color: #EFEFEF !important;
    margin-left: calc(50% - 50vw) !important;
  }
  .uss-arab-slideshow .uss-arab-img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }
  .uss-arab-slideshow .uss-arab-controls {
    bottom: 5px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .uss-arab-slideshow .uss-arab-btn {
    height: 25px !important;
    min-height: 25px !important;
    line-height: 25px !important;
    font-size: 10px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 2px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }
  .uss-arab-slideshow .uss-arab-prev,
  .uss-arab-slideshow .uss-arab-next {
    height: 25px !important;
    line-height: 1 !important;
    transform: translateY(5px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}


/* Mobile: Granite slab blocks (Slab 1-8) - block height matches image height (landscape 1376x768) */
@media (max-width: 767px) {
  #slab-1 .uss-arab-slideshow,
  #slab-2 .uss-arab-slideshow,
  #slab-3-2 .uss-arab-slideshow,
  #slab-4-2 .uss-arab-slideshow,
  #slab-5-2 .uss-arab-slideshow,
  #slab-6-2 .uss-arab-slideshow,
  #slab-7 .uss-arab-slideshow,
  #slab-8 .uss-arab-slideshow {
    width: 100vw !important;
    height: auto !important;
    aspect-ratio: 1376 / 768 !important;
    background-color: transparent !important;
  }
  #slab-1 .uss-arab-slideshow .uss-arab-img,
  #slab-2 .uss-arab-slideshow .uss-arab-img,
  #slab-3-2 .uss-arab-slideshow .uss-arab-img,
  #slab-4-2 .uss-arab-slideshow .uss-arab-img,
  #slab-5-2 .uss-arab-slideshow .uss-arab-img,
  #slab-6-2 .uss-arab-slideshow .uss-arab-img,
  #slab-7 .uss-arab-slideshow .uss-arab-img,
  #slab-8 .uss-arab-slideshow .uss-arab-img {
    object-fit: cover !important;
  }
  #slab-1 .uss-arab-slideshow .uss-arab-controls,
  #slab-2 .uss-arab-slideshow .uss-arab-controls,
  #slab-3-2 .uss-arab-slideshow .uss-arab-controls,
  #slab-4-2 .uss-arab-slideshow .uss-arab-controls,
  #slab-5-2 .uss-arab-slideshow .uss-arab-controls,
  #slab-6-2 .uss-arab-slideshow .uss-arab-controls,
  #slab-7 .uss-arab-slideshow .uss-arab-controls,
  #slab-8 .uss-arab-slideshow .uss-arab-controls {
    bottom: 5px !important;
  }
}


/* Mobile: Granite slab blocks (Slab 1-8) - button text 13px + 4px padding, arrows raised to 8px from bottom */
@media (max-width: 767px) {
  #slab-1 .uss-arab-slideshow .uss-arab-btn,
  #slab-2 .uss-arab-slideshow .uss-arab-btn,
  #slab-3-2 .uss-arab-slideshow .uss-arab-btn,
  #slab-4-2 .uss-arab-slideshow .uss-arab-btn,
  #slab-5-2 .uss-arab-slideshow .uss-arab-btn,
  #slab-6-2 .uss-arab-slideshow .uss-arab-btn,
  #slab-7 .uss-arab-slideshow .uss-arab-btn,
  #slab-8 .uss-arab-slideshow .uss-arab-btn {
    font-size: 13px !important;
    padding: 0 4px !important;
  }
  #slab-1 .uss-arab-slideshow .uss-arab-prev,
  #slab-1 .uss-arab-slideshow .uss-arab-next,
  #slab-2 .uss-arab-slideshow .uss-arab-prev,
  #slab-2 .uss-arab-slideshow .uss-arab-next,
  #slab-3-2 .uss-arab-slideshow .uss-arab-prev,
  #slab-3-2 .uss-arab-slideshow .uss-arab-next,
  #slab-4-2 .uss-arab-slideshow .uss-arab-prev,
  #slab-4-2 .uss-arab-slideshow .uss-arab-next,
  #slab-5-2 .uss-arab-slideshow .uss-arab-prev,
  #slab-5-2 .uss-arab-slideshow .uss-arab-next,
  #slab-6-2 .uss-arab-slideshow .uss-arab-prev,
  #slab-6-2 .uss-arab-slideshow .uss-arab-next,
  #slab-7 .uss-arab-slideshow .uss-arab-prev,
  #slab-7 .uss-arab-slideshow .uss-arab-next,
  #slab-8 .uss-arab-slideshow .uss-arab-prev,
  #slab-8 .uss-arab-slideshow .uss-arab-next {
    transform: translateY(-7px) !important;
  }
}


/* Marble page (page-id-9104) - block height = image height, mobile only */
@media (max-width: 767px) {
  .page-id-9104 #uss-img1 {
    width: 100vw !important;
    height: auto !important;
    aspect-ratio: 1376 / 768 !important;
    background-color: transparent !important;
  }
  .page-id-9104 #uss-img1 .uss-arab-img {
    object-fit: cover !important;
  }
}


/* Marble page (page-id-9104) - button/arrow/text style copied from Granite Image 1, mobile only */
@media (max-width: 767px) {
  .page-id-9104 #uss-img1 .uss-arab-btn {
    height: 25px !important;
    min-height: 25px !important;
    line-height: 25px !important;
    font-size: 13px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }
  .page-id-9104 #uss-img1 .uss-arab-controls {
    bottom: 5px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .page-id-9104 #uss-img1 .uss-arab-prev,
  .page-id-9104 #uss-img1 .uss-arab-next {
    height: 25px !important;
    font-size: 35px !important;
    line-height: 1 !important;
    transform: translateY(-7px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}


/* Granite (8 slabs) - remove theme clearfix pseudo-elements so arrows+button center symmetrically, mobile only */
@media (max-width: 767px) {
  #slab-1 .uss-arab-controls::before,
  #slab-1 .uss-arab-controls::after,
  #slab-2 .uss-arab-controls::before,
  #slab-2 .uss-arab-controls::after,
  #slab-3-2 .uss-arab-controls::before,
  #slab-3-2 .uss-arab-controls::after,
  #slab-4-2 .uss-arab-controls::before,
  #slab-4-2 .uss-arab-controls::after,
  #slab-5-2 .uss-arab-controls::before,
  #slab-5-2 .uss-arab-controls::after,
  #slab-6-2 .uss-arab-controls::before,
  #slab-6-2 .uss-arab-controls::after,
  #slab-7 .uss-arab-controls::before,
  #slab-7 .uss-arab-controls::after,
  #slab-8 .uss-arab-controls::before,
  #slab-8 .uss-arab-controls::after {
    display: none !important;
    content: none !important;
  }
}

/* Marble page (page-id-9104) - remove theme clearfix pseudo-elements so arrows+button center symmetrically, mobile only */
@media (max-width: 767px) {
  .page-id-9104 #uss-img1 .uss-arab-controls::before,
  .page-id-9104 #uss-img1 .uss-arab-controls::after {
    display: none !important;
    content: none !important;
  }
}


/* ===== TABLES page (page-id-9094) ===== */
/* Button style copied from Granite (DESKTOP) */
.page-id-9094 .style-4202 a {
  font-family: "Didact Gothic", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 1.5px !important;
  color: #ffffff !important;
  height: 40px !important;
  min-height: 40px !important;
  line-height: 15px !important;
  padding: 0 40px !important;
  background-color: rgba(40, 40, 40, 0.15) !important;
  border-radius: 5px !important;
  bottom: 25px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}
/* Mobile (iPhone 15+): button style from Granite mobile + block height auto / width 100vw */
@media (max-width: 767px) {
  .page-id-9094 .style-4202 a {
    font-size: 13px !important;
    height: 25px !important;
    min-height: 25px !important;
    line-height: 25px !important;
    padding: 0 4px !important;
    bottom: 5px !important;
  }
  .page-id-9094 .style-4202.style-local-9094-c5,
  .page-id-9094 .style-4202.style-local-9094-c9,
  .page-id-9094 .style-4202.style-local-9094-c13,
  .page-id-9094 .style-4202.style-local-9094-c17,
  .page-id-9094 .style-4202.style-local-9094-c21 {
    height: auto !important;
    width: 100vw !important;
  }
  .page-id-9094 .style-4202.style-local-9094-c5 > div,
  .page-id-9094 .style-4202.style-local-9094-c9 > div,
  .page-id-9094 .style-4202.style-local-9094-c13 > div,
  .page-id-9094 .style-4202.style-local-9094-c17 > div,
  .page-id-9094 .style-4202.style-local-9094-c21 > div {
    height: auto !important;
  }
  .page-id-9094 .style-4202 img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain !important;
  }
}


/* ===== SINKS page (page-id-191) - style copied from Tables ===== */
.page-id-191 .style-4198 a {
  font-family: "Didact Gothic", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 1.5px !important;
  color: #ffffff !important;
  height: 40px !important;
  min-height: 40px !important;
  line-height: 15px !important;
  padding: 0 40px !important;
  background-color: rgba(40, 40, 40, 0.15) !important;
  border-radius: 5px !important;
  bottom: 25px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}
@media (max-width: 767px) {
  .page-id-191 .style-4198 a {
    font-size: 13px !important;
    height: 25px !important;
    min-height: 25px !important;
    line-height: 25px !important;
    padding: 0 4px !important;
    bottom: 5px !important;
  }
  .page-id-191 .style-4198.style-local-191-c5,
  .page-id-191 .style-4198.style-local-191-c9,
  .page-id-191 .style-4198.style-local-191-c13,
  .page-id-191 .style-4198.style-local-191-c17,
  .page-id-191 .style-4198.style-local-191-c21 {
    height: auto !important;
    width: 100vw !important;
  }
  .page-id-191 .style-4198.style-local-191-c5 > div,
  .page-id-191 .style-4198.style-local-191-c9 > div,
  .page-id-191 .style-4198.style-local-191-c13 > div,
  .page-id-191 .style-4198.style-local-191-c17 > div,
  .page-id-191 .style-4198.style-local-191-c21 > div {
    height: auto !important;
  }
  .page-id-191 .style-4198 img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain !important;
  }
}


/* ===== BATH TUBS page (page-id-9097) - style copied from Tables ===== */
.page-id-9097 .style-4194 a {
  font-family: "Didact Gothic", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 1.5px !important;
  color: #ffffff !important;
  height: 40px !important;
  min-height: 40px !important;
  line-height: 15px !important;
  padding: 0 40px !important;
  background-color: rgba(40, 40, 40, 0.15) !important;
  border-radius: 5px !important;
  bottom: 25px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}
@media (max-width: 767px) {
  .page-id-9097 .style-4194 a {
    font-size: 13px !important;
    height: 25px !important;
    min-height: 25px !important;
    line-height: 25px !important;
    padding: 0 4px !important;
    bottom: 5px !important;
  }
  .page-id-9097 .style-4194.style-local-9097-c5,
  .page-id-9097 .style-4194.style-local-9097-c9,
  .page-id-9097 .style-4194.style-local-9097-c13 {
    height: auto !important;
    width: 100vw !important;
  }
  .page-id-9097 .style-4194.style-local-9097-c5 > div,
  .page-id-9097 .style-4194.style-local-9097-c9 > div,
  .page-id-9097 .style-4194.style-local-9097-c13 > div {
    height: auto !important;
  }
  .page-id-9097 .style-4194 img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain !important;
  }
}

/* ===== Crystals & Gems (page-id-189): button style copied from Tables + block sizing ===== */
.page-id-189 .style-4206 a {
  font-family: "Didact Gothic", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 1.5px !important;
  color: #ffffff !important;
  height: 40px !important;
  min-height: 40px !important;
  line-height: 15px !important;
  padding: 0 40px !important;
  background-color: rgba(40, 40, 40, 0.15) !important;
  border-radius: 5px !important;
  bottom: 25px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}
/* Mobile (iPhone 15+): Tables mobile button + block height auto, fit within screen */
@media (max-width: 767px) {
  .page-id-189 .style-4206 a {
    font-size: 13px !important;
    height: 25px !important;
    min-height: 25px !important;
    line-height: 25px !important;
    padding: 0 4px !important;
    bottom: 5px !important;
  }
  .page-id-189 .style-4206.style-local-189-c5,
  .page-id-189 .style-4206.style-local-189-c9,
  .page-id-189 .style-4206.style-local-189-c22,
  .page-id-189 .style-4206.style-local-189-c26,
  .page-id-189 .style-4206.style-local-189-c30 {
    height: auto !important;
    max-width: 100% !important;
  }
  .page-id-189 .style-4206.style-local-189-c5 div,
  .page-id-189 .style-4206.style-local-189-c9 div,
  .page-id-189 .style-4206.style-local-189-c22 div,
  .page-id-189 .style-4206.style-local-189-c26 div,
  .page-id-189 .style-4206.style-local-189-c30 div {
    height: auto !important;
  }
  .page-id-189 .style-4206.style-local-189-c5 img,
  .page-id-189 .style-4206.style-local-189-c9 img,
  .page-id-189 .style-4206.style-local-189-c22 img,
  .page-id-189 .style-4206.style-local-189-c26 img,
  .page-id-189 .style-4206.style-local-189-c30 img {
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
  }
}

/* ===== Granite (page-id-9100): keep slideshow/image within padded column (respect inner padding, don't break out full-width) ===== */
@media (max-width: 767px) {
  #slab-1 .uss-arab-slideshow,
  #slab-2 .uss-arab-slideshow,
  #slab-3-2 .uss-arab-slideshow,
  #slab-4-2 .uss-arab-slideshow,
  #slab-5-2 .uss-arab-slideshow,
  #slab-6-2 .uss-arab-slideshow,
  #slab-7 .uss-arab-slideshow,
  #slab-8 .uss-arab-slideshow {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  #slab-1 .uss-arab-slideshow img,
  #slab-2 .uss-arab-slideshow img,
  #slab-3-2 .uss-arab-slideshow img,
  #slab-4-2 .uss-arab-slideshow img,
  #slab-5-2 .uss-arab-slideshow img,
  #slab-6-2 .uss-arab-slideshow img,
  #slab-7 .uss-arab-slideshow img,
  #slab-8 .uss-arab-slideshow img {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ===== Marble (page-id-9104): keep slideshow/image within padded column (respect inner padding, don't break out full-width) ===== */
@media (max-width: 767px) {
  .page-id-9104 #uss-img1 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  .page-id-9104 #uss-img1 img {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ===== Quartzite (page-id-140): keep slideshow/image within padded column (respect inner padding, don't break out full-width) ===== */
@media (max-width: 767px) {
  .page-id-140 .uss-arab-slideshow {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  .page-id-140 .uss-arab-slideshow img {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ===== PORCELAIN (page-id-187) Image 1 block — style copied from Marble Image 1; width 100% keeps Colibri padding; 4px border-radius; big + mobile ===== */
@media (min-width: 768px) {
  .page-id-187 #uss-img1 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background-color: transparent !important;
    border-radius: 4px !important;
    overflow: hidden !important;
  }
  .page-id-187 #uss-img1 .uss-arab-img {
    width: 100% !important;
    max-width: 100% !important;
    object-fit: cover !important;
  }
}
@media (max-width: 767px) {
  .page-id-187 #uss-img1 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    height: auto !important;
    aspect-ratio: 1376 / 768 !important;
    background-color: transparent !important;
    border-radius: 4px !important;
    overflow: hidden !important;
  }
  .page-id-187 #uss-img1 .uss-arab-img {
    width: 100% !important;
    max-width: 100% !important;
    object-fit: cover !important;
  }
  .page-id-187 #uss-img1 .uss-arab-btn {
    height: 25px !important; min-height: 25px !important; line-height: 25px !important;
    font-size: 13px !important; width: auto !important; min-width: 0 !important; max-width: none !important;
    padding: 0 4px !important; display: inline-flex !important; align-items: center !important;
    justify-content: center !important; box-sizing: border-box !important; white-space: nowrap !important;
  }
  .page-id-187 #uss-img1 .uss-arab-controls {
    bottom: 5px !important; left: 50% !important; transform: translateX(-50%) !important;
    display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important;
  }
  .page-id-187 #uss-img1 .uss-arab-prev,
  .page-id-187 #uss-img1 .uss-arab-next {
    height: 25px !important; font-size: 35px !important; line-height: 1 !important;
    transform: translateY(-7px) !important; display: flex !important; align-items: center !important; justify-content: center !important;
  }
  .page-id-187 #uss-img1 .uss-arab-controls::before,
  .page-id-187 #uss-img1 .uss-arab-controls::after {
    display: none !important; content: none !important;
  }
}


/* MARBLE Image blocks - copied from Porcelain Image 1 (border-radius, padding-preserve, controls) */
@media (min-width: 768px) {
  .page-id-9104 .uss-arab-slideshow { width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; background-color:transparent !important; border-radius:4px !important; overflow:hidden !important; }
  .page-id-9104 .uss-arab-slideshow .uss-arab-img { width:100% !important; max-width:100% !important; object-fit:cover !important; }
}
@media (max-width: 767px) {
  .page-id-9104 .uss-arab-slideshow { width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; height:auto !important; aspect-ratio:1376/768 !important; background-color:transparent !important; border-radius:4px !important; overflow:hidden !important; }
  .page-id-9104 .uss-arab-slideshow .uss-arab-img { width:100% !important; max-width:100% !important; object-fit:cover !important; }
  .page-id-9104 .uss-arab-slideshow .uss-arab-btn { height:25px !important; min-height:25px !important; line-height:25px !important; font-size:13px !important; width:auto !important; min-width:0 !important; max-width:none !important; padding:0 4px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; box-sizing:border-box !important; white-space:nowrap !important; }
  .page-id-9104 .uss-arab-slideshow .uss-arab-controls { bottom:5px !important; left:50% !important; transform:translateX(-50%) !important; display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:center !important; }
  .page-id-9104 .uss-arab-slideshow .uss-arab-prev, .page-id-9104 .uss-arab-slideshow .uss-arab-next { height:25px !important; font-size:35px !important; line-height:1 !important; transform:translateY(-7px) !important; display:flex !important; align-items:center !important; justify-content:center !important; }
  .page-id-9104 .uss-arab-slideshow .uss-arab-controls::before, .page-id-9104 .uss-arab-slideshow .uss-arab-controls::after { display:none !important; content:none !important; }
}


/* GRANITE Image blocks (slab-1..slab-8) - copied from Porcelain Image 1 (border-radius, padding-preserve, controls) */
@media (min-width: 768px) {
  .page-id-9100 .uss-arab-slideshow { width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; background-color:transparent !important; border-radius:4px !important; overflow:hidden !important; }
  .page-id-9100 .uss-arab-slideshow .uss-arab-img { width:100% !important; max-width:100% !important; object-fit:cover !important; }
}
@media (max-width: 767px) {
  .page-id-9100 .uss-arab-slideshow { width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; height:auto !important; aspect-ratio:1376/768 !important; background-color:transparent !important; border-radius:4px !important; overflow:hidden !important; }
  .page-id-9100 .uss-arab-slideshow .uss-arab-img { width:100% !important; max-width:100% !important; object-fit:cover !important; }
  .page-id-9100 .uss-arab-slideshow .uss-arab-btn { height:25px !important; min-height:25px !important; line-height:25px !important; font-size:13px !important; width:auto !important; min-width:0 !important; max-width:none !important; padding:0 4px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; box-sizing:border-box !important; white-space:nowrap !important; }
  .page-id-9100 .uss-arab-slideshow .uss-arab-controls { bottom:5px !important; left:50% !important; transform:translateX(-50%) !important; display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:center !important; }
  .page-id-9100 .uss-arab-slideshow .uss-arab-prev, .page-id-9100 .uss-arab-slideshow .uss-arab-next { height:25px !important; font-size:35px !important; line-height:1 !important; transform:translateY(-7px) !important; display:flex !important; align-items:center !important; justify-content:center !important; }
  .page-id-9100 .uss-arab-slideshow .uss-arab-controls::before, .page-id-9100 .uss-arab-slideshow .uss-arab-controls::after { display:none !important; content:none !important; }
}

/* CONTACT US page (page-id-7) - mobile: widen form & map, 10px side padding, 5px gap below submit button, 2px gap map-to-footer */
@media (max-width: 767px) {
  body.page-id-7 .wp-block-columns.alignwide { padding-left:10px !important; padding-right:10px !important; margin-left:0 !important; margin-right:0 !important; }
  body.page-id-7 .wp-block-columns.alignwide .wp-block-column { padding-left:0 !important; padding-right:0 !important; }
  body#colibri.page-id-7 div.wpforms-container.wpforms-container-full:not(:empty) { padding-left:10px !important; padding-right:10px !important; padding-top:0 !important; padding-bottom:5px !important; max-width:100% !important; width:100% !important; margin-left:0 !important; margin-right:0 !important; }
  body#colibri.page-id-7 div.wpforms-container-full .wpforms-form { width:100% !important; max-width:100% !important; }
  body#colibri.page-id-7 div.wpforms-container-full .wpforms-submit-container { margin-bottom:0 !important; padding-bottom:0 !important; }
  body.page-id-7 #content > div:has(> iframe[src*="google"]),
  body.page-id-7 #content > div:has(> iframe[src*="maps"]) { max-width:100% !important; padding-left:10px !important; padding-right:10px !important; margin-bottom:2px !important; }
  body.page-id-7 #content iframe[src*="google"],
  body.page-id-7 #content iframe[src*="maps"] { width:100% !important; max-width:100% !important; display:block !important; }
}

/* TABLES page (page-id-9094) table-1..table-5 - Porcelain Image 1 visual style: border-radius 4px, object-fit cover, padding-preserve (override 100vw) */
@media (min-width: 768px) {
  #table-1 .style-4202, #table-2 .style-4202, #table-3 .style-4202, #table-4 .style-4202, #table-5 .style-4202 { width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; }
  #table-1 img, #table-2 img, #table-3 img, #table-4 img, #table-5 img { width:100% !important; max-width:100% !important; object-fit:cover !important; border-radius:4px !important; overflow:hidden !important; display:block !important; background-color:transparent !important; margin-left:0 !important; margin-right:0 !important; }
}
@media (max-width: 767px) {
  #table-1 .style-4202, #table-2 .style-4202, #table-3 .style-4202, #table-4 .style-4202, #table-5 .style-4202 { width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; }
  #table-1 img, #table-2 img, #table-3 img, #table-4 img, #table-5 img { width:100% !important; max-width:100% !important; object-fit:cover !important; border-radius:4px !important; overflow:hidden !important; display:block !important; background-color:transparent !important; margin-left:0 !important; margin-right:0 !important; }
}


/* Tables mobile height auto */
@media (max-width: 767px) {
  #table-1 img, #table-2 img, #table-3 img, #table-4 img, #table-5 img { height: auto !important; }
}

/* Living Room Image 1 - Porcelain Image 1 style (block+img+button), mobile button-position fix */
@media (min-width: 768px) {
  #image-1 .style-4093 { width: 100% !important; max-width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; border-radius: 4px !important; overflow: hidden !important; background-color: transparent !important; }
  #image-1 img { width: 100% !important; max-width: 100% !important; object-fit: cover !important; border-radius: 4px !important; overflow: hidden !important; display: block !important; background-color: transparent !important; margin-left: 0px !important; margin-right: 0px !important; }
  #image-1 a { font-family: "Didact Gothic", sans-serif !important; font-size: 15px !important; font-weight: 400 !important; letter-spacing: 1.5px !important; color: rgb(255,255,255) !important; background-color: rgba(40,40,40,0.15) !important; border-radius: 5px !important; padding: 0px 40px !important; height: 40px !important; min-height: 40px !important; line-height: 15px !important; bottom: 25px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; white-space: nowrap !important; }
}
@media (max-width: 767px) {
  #image-1 .style-4093, #image-1 .style-4093 > div, #image-1 .style-4093 > div > div { height: auto !important; }
  #image-1 .style-4093 { width: 100% !important; max-width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; border-radius: 4px !important; overflow: hidden !important; background-color: transparent !important; }
  #image-1 img { width: 100% !important; max-width: 100% !important; height: auto !important; object-fit: cover !important; border-radius: 4px !important; overflow: hidden !important; display: block !important; background-color: transparent !important; margin-left: 0px !important; margin-right: 0px !important; }
  #image-1 a { font-family: "Didact Gothic", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; letter-spacing: 1.5px !important; color: rgb(255,255,255) !important; background-color: rgba(40,40,40,0.15) !important; border-radius: 5px !important; padding: 0px 4px !important; height: 25px !important; min-height: 25px !important; line-height: 25px !important; bottom: 5px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; white-space: nowrap !important; }
}

/* Living Room slideshow - copy home slideshow style (sizing only; existing .active opacity fade preserved) */
#uss-na-slideshow { position: relative !important; width: 100vw !important; height: 100vh !important; overflow: hidden !important; background: rgb(0,0,0) !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; line-height: 0 !important; }
#uss-na-slideshow .uss-na-slide { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; }
#uss-na-slideshow .uss-na-slide img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; display: block !important; }
@media (max-width: 767px) {
  #uss-na-slideshow { width: 100vw !important; height: auto !important; aspect-ratio: 5464 / 3242 !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; }
  #uss-na-slideshow .uss-na-slide { width: 100% !important; height: 100% !important; }
}

/* Home: category, application, unique finds blocks - width 100% (no 100vw breakout, keep padding), border-radius 4px */
#uss-cat, #uss-app, #uss-finds {
  width: 100% !important;
  max-width: 100% !important;
  left: auto !important;
  right: auto !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}
@media (max-width: 767px) {
  #uss-cat, #uss-app, #uss-finds {
    width: 100% !important;
    max-width: 100% !important;
    left: auto !important;
    right: auto !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    border-radius: 4px !important;
    overflow: hidden !important;
  }
}

/* Living Room (page-id-2013) Image 1-5: height auto, width 100%, styled caption button */
#image-1 .h-column__content{flex:0 0 auto !important;height:auto !important;align-self:center !important;}
#image-1 .style-4093{height:auto !important;display:block !important;text-align:center !important;line-height:0 !important;font-size:0 !important;}
#image-1 .style-4093 > div{height:auto !important;display:block !important;}
#image-1 .style-4093 > div > div{position:relative !important;display:inline-block !important;width:100% !important;height:auto !important;line-height:0 !important;font-size:0 !important;border-radius:4px !important;overflow:hidden !important;vertical-align:top !important;}
#image-1 .style-4093 img{display:block !important;width:100% !important;height:auto !important;object-fit:cover !important;border-radius:4px !important;float:none !important;vertical-align:top !important;}
#image-1 .style-4093 a{box-sizing:border-box !important;position:absolute !important;left:50% !important;bottom:25px !important;top:auto !important;transform:translateX(-50%) !important;height:40px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;width:auto !important;background-color:rgba(40,40,40,0.15) !important;color:#ffffff !important;font-family:"Didact Gothic",sans-serif !important;font-size:15px !important;font-weight:400 !important;line-height:1 !important;letter-spacing:1.5px !important;text-align:center !important;text-transform:none !important;text-decoration:none !important;padding:0 40px !important;border:0 !important;border-radius:5px !important;box-shadow:none !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;cursor:pointer !important;white-space:nowrap !important;z-index:2 !important;}
@media (max-width:767px){#image-1 .style-4093 a{bottom:5px !important;padding:0 4px !important;height:25px !important;font-size:13px !important;}}
#image-2 .h-column__content{flex:0 0 auto !important;height:auto !important;align-self:center !important;}
#image-2 .style-4093{height:auto !important;display:block !important;text-align:center !important;line-height:0 !important;font-size:0 !important;}
#image-2 .style-4093 > div{height:auto !important;display:block !important;}
#image-2 .style-4093 > div > div{position:relative !important;display:inline-block !important;width:100% !important;height:auto !important;line-height:0 !important;font-size:0 !important;border-radius:4px !important;overflow:hidden !important;vertical-align:top !important;}
#image-2 .style-4093 img{display:block !important;width:100% !important;height:auto !important;object-fit:cover !important;border-radius:4px !important;float:none !important;vertical-align:top !important;}
#image-2 .style-4093 a{box-sizing:border-box !important;position:absolute !important;left:50% !important;bottom:25px !important;top:auto !important;transform:translateX(-50%) !important;height:40px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;width:auto !important;background-color:rgba(40,40,40,0.15) !important;color:#ffffff !important;font-family:"Didact Gothic",sans-serif !important;font-size:15px !important;font-weight:400 !important;line-height:1 !important;letter-spacing:1.5px !important;text-align:center !important;text-transform:none !important;text-decoration:none !important;padding:0 40px !important;border:0 !important;border-radius:5px !important;box-shadow:none !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;cursor:pointer !important;white-space:nowrap !important;z-index:2 !important;}
@media (max-width:767px){#image-2 .style-4093 a{bottom:5px !important;padding:0 4px !important;height:25px !important;font-size:13px !important;}}
#image-3 .h-column__content{flex:0 0 auto !important;height:auto !important;align-self:center !important;}
#image-3 .style-4093{height:auto !important;display:block !important;text-align:center !important;line-height:0 !important;font-size:0 !important;}
#image-3 .style-4093 > div{height:auto !important;display:block !important;}
#image-3 .style-4093 > div > div{position:relative !important;display:inline-block !important;width:100% !important;height:auto !important;line-height:0 !important;font-size:0 !important;border-radius:4px !important;overflow:hidden !important;vertical-align:top !important;}
#image-3 .style-4093 img{display:block !important;width:100% !important;height:auto !important;object-fit:cover !important;border-radius:4px !important;float:none !important;vertical-align:top !important;}
#image-3 .style-4093 a{box-sizing:border-box !important;position:absolute !important;left:50% !important;bottom:25px !important;top:auto !important;transform:translateX(-50%) !important;height:40px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;width:auto !important;background-color:rgba(40,40,40,0.15) !important;color:#ffffff !important;font-family:"Didact Gothic",sans-serif !important;font-size:15px !important;font-weight:400 !important;line-height:1 !important;letter-spacing:1.5px !important;text-align:center !important;text-transform:none !important;text-decoration:none !important;padding:0 40px !important;border:0 !important;border-radius:5px !important;box-shadow:none !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;cursor:pointer !important;white-space:nowrap !important;z-index:2 !important;}
@media (max-width:767px){#image-3 .style-4093 a{bottom:5px !important;padding:0 4px !important;height:25px !important;font-size:13px !important;}}
#image-4 .h-column__content{flex:0 0 auto !important;height:auto !important;align-self:center !important;}
#image-4 .style-4093{height:auto !important;display:block !important;text-align:center !important;line-height:0 !important;font-size:0 !important;}
#image-4 .style-4093 > div{height:auto !important;display:block !important;}
#image-4 .style-4093 > div > div{position:relative !important;display:inline-block !important;width:100% !important;height:auto !important;line-height:0 !important;font-size:0 !important;border-radius:4px !important;overflow:hidden !important;vertical-align:top !important;}
#image-4 .style-4093 img{display:block !important;width:100% !important;height:auto !important;object-fit:cover !important;border-radius:4px !important;float:none !important;vertical-align:top !important;}
#image-4 .style-4093 a{box-sizing:border-box !important;position:absolute !important;left:50% !important;bottom:25px !important;top:auto !important;transform:translateX(-50%) !important;height:40px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;width:auto !important;background-color:rgba(40,40,40,0.15) !important;color:#ffffff !important;font-family:"Didact Gothic",sans-serif !important;font-size:15px !important;font-weight:400 !important;line-height:1 !important;letter-spacing:1.5px !important;text-align:center !important;text-transform:none !important;text-decoration:none !important;padding:0 40px !important;border:0 !important;border-radius:5px !important;box-shadow:none !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;cursor:pointer !important;white-space:nowrap !important;z-index:2 !important;}
@media (max-width:767px){#image-4 .style-4093 a{bottom:5px !important;padding:0 4px !important;height:25px !important;font-size:13px !important;}}
#image-5 .h-column__content{flex:0 0 auto !important;height:auto !important;align-self:center !important;}
#image-5 .style-4093{height:auto !important;display:block !important;text-align:center !important;line-height:0 !important;font-size:0 !important;}
#image-5 .style-4093 > div{height:auto !important;display:block !important;}
#image-5 .style-4093 > div > div{position:relative !important;display:inline-block !important;width:100% !important;height:auto !important;line-height:0 !important;font-size:0 !important;border-radius:4px !important;overflow:hidden !important;vertical-align:top !important;}
#image-5 .style-4093 img{display:block !important;width:100% !important;height:auto !important;object-fit:cover !important;border-radius:4px !important;float:none !important;vertical-align:top !important;}
#image-5 .style-4093 a{box-sizing:border-box !important;position:absolute !important;left:50% !important;bottom:25px !important;top:auto !important;transform:translateX(-50%) !important;height:40px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;width:auto !important;background-color:rgba(40,40,40,0.15) !important;color:#ffffff !important;font-family:"Didact Gothic",sans-serif !important;font-size:15px !important;font-weight:400 !important;line-height:1 !important;letter-spacing:1.5px !important;text-align:center !important;text-transform:none !important;text-decoration:none !important;padding:0 40px !important;border:0 !important;border-radius:5px !important;box-shadow:none !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;cursor:pointer !important;white-space:nowrap !important;z-index:2 !important;}
@media (max-width:767px){#image-5 .style-4093 a{bottom:5px !important;padding:0 4px !important;height:25px !important;font-size:13px !important;}}

/* Commercial Space (page-id-2263) Image 1 blocks + Video: mobile width 100%/height auto, styled caption button, 4px spacing */
body.page-id-2263 #image-1 .h-column__content,
body.page-id-2263 #image-2-2 .h-column__content{flex:0 0 auto !important;height:auto !important;align-self:center !important;}
body.page-id-2263 .style-4116{height:auto !important;display:block !important;text-align:center !important;line-height:0 !important;font-size:0 !important;}
body.page-id-2263 .style-4116 > div{height:auto !important;display:block !important;}
body.page-id-2263 .style-4116 > div > div{position:relative !important;display:inline-block !important;width:100% !important;height:auto !important;line-height:0 !important;font-size:0 !important;border-radius:4px !important;overflow:hidden !important;vertical-align:top !important;}
body.page-id-2263 .style-4116 img{display:block !important;width:100% !important;height:auto !important;object-fit:cover !important;border-radius:4px !important;float:none !important;vertical-align:top !important;}
body.page-id-2263 .style-4116 a{box-sizing:border-box !important;position:absolute !important;left:50% !important;bottom:25px !important;top:auto !important;transform:translateX(-50%) !important;height:40px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;width:auto !important;background-color:rgba(40,40,40,0.15) !important;color:#ffffff !important;font-family:"Didact Gothic",sans-serif !important;font-size:15px !important;font-weight:400 !important;line-height:1 !important;letter-spacing:1.5px !important;text-align:center !important;text-transform:none !important;text-decoration:none !important;padding:0 40px !important;border:0 !important;border-radius:5px !important;box-shadow:none !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;cursor:pointer !important;white-space:nowrap !important;z-index:2 !important;}
@media (max-width:767px){body.page-id-2263 .style-4116 a{bottom:5px !important;padding:0 4px !important;height:25px !important;font-size:13px !important;}}

/* Commercial Space (page-id-2263) Video block: mobile width 100% / height auto (desktop unchanged) */
@media (max-width:767px){
  body.page-id-2263 #video .h-column__content{flex:0 0 auto !important;height:auto !important;align-self:center !important;}
  body.page-id-2263 #video .style-4108{height:auto !important;display:block !important;line-height:0 !important;font-size:0 !important;}
  body.page-id-2263 #video .style-4108 > div{height:auto !important;display:block !important;}
  body.page-id-2263 #video video{width:100% !important;height:auto !important;object-fit:contain !important;display:block !important;}
}

/* Kitchen (page-id-2307) Image 1 + Video: width 100%/height auto both screens, styled caption button (5px from bottom on mobile), video border-radius 5px */
/* Image 1 - both screens: width 100%, height auto, styled caption button, 4px spacing */
body.page-id-2307 #image-1 .h-column__content{flex:0 0 auto !important;height:auto !important;align-self:center !important;}
body.page-id-2307 .style-3973{height:auto !important;display:block !important;text-align:center !important;line-height:0 !important;font-size:0 !important;}
body.page-id-2307 .style-3973 > div{height:auto !important;display:block !important;}
body.page-id-2307 .style-3973 > div > div{position:relative !important;display:inline-block !important;width:100% !important;height:auto !important;line-height:0 !important;font-size:0 !important;border-radius:4px !important;overflow:hidden !important;vertical-align:top !important;}
body.page-id-2307 .style-3973 img{display:block !important;width:100% !important;height:auto !important;object-fit:cover !important;border-radius:4px !important;float:none !important;vertical-align:top !important;}
body.page-id-2307 .style-3973 a{box-sizing:border-box !important;position:absolute !important;left:50% !important;bottom:25px !important;top:auto !important;transform:translateX(-50%) !important;height:40px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;width:auto !important;background-color:rgba(40,40,40,0.15) !important;color:#ffffff !important;font-family:"Didact Gothic",sans-serif !important;font-size:15px !important;font-weight:400 !important;line-height:1 !important;letter-spacing:1.5px !important;text-align:center !important;text-transform:none !important;text-decoration:none !important;padding:0 40px !important;border:0 !important;border-radius:5px !important;box-shadow:none !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;cursor:pointer !important;white-space:nowrap !important;z-index:2 !important;}
/* Video - both screens: width 100%, height auto, border-radius 5px */
body.page-id-2307 #video .h-column__content{flex:0 0 auto !important;height:auto !important;align-self:center !important;}
body.page-id-2307 .style-4053{height:auto !important;display:block !important;line-height:0 !important;font-size:0 !important;border-radius:5px !important;overflow:hidden !important;}
body.page-id-2307 .style-4053 > div{height:auto !important;display:block !important;}
body.page-id-2307 .style-4053 video{width:100% !important;height:auto !important;object-fit:contain !important;display:block !important;border-radius:5px !important;}
@media (max-width:767px){body.page-id-2307 .style-3973 a{bottom:5px !important;padding:0 4px !important;height:25px !important;font-size:13px !important;}}

/* Bath (page-id-2164) 3x Image 1 blocks: width 100%/height auto both screens, Kitchen-style caption button (5px from bottom on mobile), 4px spacing */
body.page-id-2164 #image-1 .h-column__content{flex:0 0 auto !important;height:auto !important;align-self:center !important;}
body.page-id-2164 .style-4085{height:auto !important;display:block !important;text-align:center !important;line-height:0 !important;font-size:0 !important;}
body.page-id-2164 .style-4085 > div{height:auto !important;display:block !important;}
body.page-id-2164 .style-4085 > div > div{position:relative !important;display:inline-block !important;width:100% !important;height:auto !important;line-height:0 !important;font-size:0 !important;border-radius:4px !important;overflow:hidden !important;vertical-align:top !important;}
body.page-id-2164 .style-4085 img{display:block !important;width:100% !important;height:auto !important;object-fit:cover !important;border-radius:4px !important;float:none !important;vertical-align:top !important;}
body.page-id-2164 .style-4085 a{box-sizing:border-box !important;position:absolute !important;left:50% !important;bottom:25px !important;top:auto !important;transform:translateX(-50%) !important;height:40px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;width:auto !important;background-color:rgba(40,40,40,0.15) !important;color:#ffffff !important;font-family:"Didact Gothic",sans-serif !important;font-size:15px !important;font-weight:400 !important;line-height:1 !important;letter-spacing:1.5px !important;text-align:center !important;text-transform:none !important;text-decoration:none !important;padding:0 40px !important;border:0 !important;border-radius:5px !important;box-shadow:none !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;cursor:pointer !important;white-space:nowrap !important;z-index:2 !important;}
@media (max-width:767px){body.page-id-2164 .style-4085 a{bottom:5px !important;padding:0 4px !important;height:25px !important;font-size:13px !important;}}

/* Quartzite page - block 1 slideshow: match Porcelain image-02 styling */
@media (min-width: 768px){
.page-id-140 #quartzite-1 .uss-arab-slideshow{border-radius:4px !important;overflow:hidden !important;}
.page-id-140 #quartzite-1 .uss-arab-btn{border-radius:5px !important;padding:0 40px !important;height:40px !important;}
.page-id-140 #quartzite-1 .uss-arab-controls{bottom:25px !important;gap:15px !important;}
.page-id-140 #quartzite-1 .uss-arab-prev,.page-id-140 #quartzite-1 .uss-arab-next{font-size:35px !important;height:40px !important;}
}
@media (max-width: 767px){
.page-id-140 #quartzite-1 .uss-arab-slideshow{border-radius:4px !important;overflow:hidden !important;aspect-ratio:1376/768 !important;height:auto !important;min-height:0 !important;}
.page-id-140 #quartzite-1 .uss-arab-btn{height:25px !important;min-height:25px !important;line-height:25px !important;font-size:13px !important;width:auto !important;min-width:0 !important;max-width:none !important;padding:0 4px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important;white-space:nowrap !important;}
.page-id-140 #quartzite-1 .uss-arab-controls{bottom:5px !important;left:50% !important;transform:translateX(-50%) !important;display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:center !important;}
.page-id-140 #quartzite-1 .uss-arab-prev,.page-id-140 #quartzite-1 .uss-arab-next{height:25px !important;font-size:35px !important;line-height:1 !important;transform:translateY(-7px) !important;display:flex !important;align-items:center !important;justify-content:center !important;}
.page-id-140 #quartzite-1 .uss-arab-controls::before,.page-id-140 #quartzite-1 .uss-arab-controls::after{display:none !important;content:none !important;}
}


/* ===== New Arrivals grid + lightbox (usg-na) — reusable, works for any duplicated block ===== */
.usg-na-cell{position:relative;display:block;width:100%;height:20vh;overflow:hidden;border-radius:5px;background:#111;cursor:pointer;box-sizing:border-box}
.usg-na-cell .usg-na-cover{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px;transition:transform .8s ease}
.usg-na-cell:hover .usg-na-cover{transform:scale(1.04)}
.usg-na-cell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5px;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.35),rgba(0,0,0,0) 55%)}
.usg-na-inv,#usg-na-lb .usg-lb-inv{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 40px;background:rgba(40,40,40,.15);color:#fff !important;border:0;border-radius:5px;font:400 15px/15px "Didact Gothic",sans-serif;letter-spacing:1.5px;text-transform:none;text-decoration:none !important;white-space:nowrap;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .25s}
.usg-na-inv:hover,#usg-na-lb .usg-lb-inv:hover{background:rgba(40,40,40,.45);color:#fff !important}
#usg-na-lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:none;background:rgba(0,0,0,.92)}
#usg-na-lb.on{display:block}
#usg-na-lb .usg-lb-in{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}
#usg-na-lb .usg-lb-stage{position:relative;width:90%;height:74%}
#usg-na-lb .usg-lb-img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%;max-height:100%;width:auto;height:auto;opacity:0;transition:opacity .6s ease-in-out;border-radius:5px}
#usg-na-lb .usg-lb-img.on{opacity:1}
#usg-na-lb .usg-lb-x,#usg-na-lb .usg-lb-p,#usg-na-lb .usg-lb-n{position:absolute;z-index:4;background:rgba(40,40,40,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:0;border-radius:5px;cursor:pointer;font-family:"Didact Gothic",sans-serif;line-height:1;padding:0;transition:background .25s}
#usg-na-lb .usg-lb-x{top:18px;right:18px;width:40px;height:40px;font-size:24px}
#usg-na-lb .usg-lb-p,#usg-na-lb .usg-lb-n{top:50%;transform:translateY(-50%);width:40px;height:56px;font-size:18px}
#usg-na-lb .usg-lb-p{left:14px}
#usg-na-lb .usg-lb-n{right:14px}
#usg-na-lb .usg-lb-x:hover,#usg-na-lb .usg-lb-p:hover,#usg-na-lb .usg-lb-n:hover{background:rgba(40,40,40,.45)}
#usg-na-lb .usg-lb-inv{bottom:10px}/* JS repositions this to 10px above the visible image edge */
#usg-na-lb .usg-lb-dots{position:absolute;left:0;right:0;bottom:24px;z-index:4;display:flex;gap:8px;justify-content:center}
#usg-na-lb .usg-lb-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35);cursor:pointer;transition:background .25s}
#usg-na-lb .usg-lb-dot.on{background:#fff}
@media (max-width:767px){
.usg-na-cell{height:auto}
.usg-na-cell .usg-na-cover{height:auto}
.usg-na-inv,#usg-na-lb .usg-lb-inv{height:32px;padding:0 18px;font:400 12px/12px "Didact Gothic",sans-serif;letter-spacing:1px;bottom:12px}
#usg-na-lb .usg-lb-stage{width:94%;height:66%}
#usg-na-lb .usg-lb-inv{bottom:10px}
}
/* ===== end usg-na ===== */
/* card Inventory button - big screens only */
@media (min-width:768px){.usg-na-cell .usg-na-inv{padding:5px 10px;font-size:12px;line-height:12px;height:auto;bottom:5px}}
/* popup: no Inventory button (button stays on grid cards only) */
#usg-na-lb .usg-lb-inv{display:none}
/* popup picture area - desktop only */
@media (min-width:768px){#usg-na-lb .usg-lb-stage{width:95%;height:80%}}


/* ===== FIX 5x5 Grid block (living / kitchen / bath / commercial) ===== */
/* remove the 120px top/bottom section spacing */
[id^="5x5-grid-"].h-section{padding-top:0 !important;padding-bottom:0 !important}
/* cards: 20% wide on desktop with a 2px gutter */
[id^="5x5-grid-"] .h-column:has(.usg-na-cell){flex:0 0 20% !important;max-width:20% !important;width:20% !important}
[id^="5x5-grid-"] .h-column:has(.usg-na-cell) > .h-column__inner{padding:2px !important}
[id^="5x5-grid-"] .usg-na-cell{width:100% !important;height:20vh !important;border-radius:5px !important;box-sizing:border-box !important}
/* small screens (iPhone 15 and up): one full-width card per row */
@media (max-width:767px){
[id^="5x5-grid-"] .h-column:has(.usg-na-cell){flex:0 0 100% !important;max-width:100% !important;width:100% !important}
[id^="5x5-grid-"] .usg-na-cell{width:100% !important;height:auto !important}
[id^="5x5-grid-"] .usg-na-cell .usg-na-cover{height:auto !important}
}
/* ===== END FIX ===== */


/* ===== FIX 2: 5x5 Grid block - full-width container + no label clipping ===== */
[id^="5x5-grid-"] .h-section-grid-container{max-width:100% !important;width:100% !important}
@media (min-width:768px){
[id^="5x5-grid-"] .usg-na-cell .usg-na-inv{white-space:normal !important;max-width:calc(100% - 10px) !important;line-height:1.3 !important;text-align:center !important}
}
/* ===== END FIX 2 ===== */

/* NEW tag on material cards */
.usg-na-cell .usg-na-new{position:absolute;top:8px;right:8px;background:rgba(0,0,0,0.6);color:#ffd700;font-family:"Didact Gothic",sans-serif;font-size:12px;letter-spacing:1.5px;padding:5px 10px;border-radius:5px;line-height:1;z-index:3;pointer-events:none}