/* 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/10/US-STONE-BLACK-WHITE-LOGO.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;
  }
}

/* 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}

/* ===== Product page template: Title / Product / Suggestion blocks ===== */
/* Header over the title image (desktop): see-through at the top, fading to semi-transparent black between a quarter and half of the title image; the Title block's script sets --usg-hdr from 0 to 1 - the home page uses the same rules with its slideshow (.uss-slideshow) in place of the title image; its SlideShow block script sets --usg-hdr */
@media (min-width:601px){
html body:has(.usg-hero,.uss-slideshow){padding-top:0 !important;}
body:has(.usg-hero,.uss-slideshow) #usgHeader{background:rgba(0,0,0,calc(.7*var(--usg-hdr,1)));-webkit-backdrop-filter:blur(calc(6px*var(--usg-hdr,1)));backdrop-filter:blur(calc(6px*var(--usg-hdr,1)));}
body:has(.usg-hero,.uss-slideshow) #usgHeader::after{content:'';display:block;position:absolute;left:0;right:0;width:100%;top:102px;height:1px;z-index:4;pointer-events:none;background:color-mix(in srgb,rgba(0,0,0,.7) calc(var(--usg-hdr,1)*100%),#fff);}
}
@media (max-width:900px) and (orientation:landscape) and (max-height:500px){
body:has(.usg-hero,.uss-slideshow) #usgHeader{background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
body:has(.usg-hero,.uss-slideshow) #usgHeader::after{display:none;}
}

/* Title block (hero) */
.h-section:has(.usg-hero){padding:0 !important;margin:0 !important;}
.h-section:has(.usg-hero) .h-row-container,.h-section:has(.usg-hero) .h-column,.h-section:has(.usg-hero) .h-column__inner{padding:0 !important;}
.h-section:has(.usg-hero) .h-row{margin:0 !important;}
.h-column:has(.usg-hero){flex:0 0 100% !important;max-width:100% !important;width:100% !important;}
.usg-hero{position:relative;width:100%;height:100vh;overflow:clip;background:#000;}
.usg-hero img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;margin:0;padding:0;border:0;max-width:none;}
.usg-hero-anchor{position:absolute;left:0;bottom:0;width:1px;height:1px;}
.usg-ss-cta{position:absolute;left:0;right:0;bottom:6%;z-index:8;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px;}
.usg-ss-title{margin:0;font-family:Italiana,Georgia,serif;font-weight:400;font-size:38px;line-height:43px;letter-spacing:2px;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.45);}
.usg-ss-link{margin-top:14px;font-family:'Didact Gothic',sans-serif;font-size:15px;line-height:20px;letter-spacing:4px;text-transform:uppercase;color:#fff;text-decoration:none;transition:color .2s;}
.usg-ss-link:visited{color:#fff;}
.usg-ss-link:hover,.usg-ss-link:focus{color:#9e9e9e;}
.usg-ss-arrow{margin-top:20px;display:flex;color:#fff;animation:usg-ss-bob 2s ease-in-out infinite;transition:color .2s;}
.usg-ss-arrow:visited{color:#fff;}
.usg-ss-arrow:hover,.usg-ss-arrow:focus{color:#9e9e9e;}
.usg-ss-arrow svg{display:block;width:26px;height:26px;}
.usg-hero-frost .usg-ss-title,.usg-hero-frost .usg-ss-link{padding:2.5px 5px;border-radius:5px;background:rgba(40,40,40,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-shadow:none;}
.usg-hero-frost .usg-ss-link,.usg-hero-frost .usg-ss-link:visited{color:#fff;}
.usg-hero-frost .usg-ss-link:hover,.usg-hero-frost .usg-ss-link:focus{color:#fff;background:rgba(40,40,40,.45);}
@keyframes usg-ss-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(6px);}}
@media (max-width:600px){
.usg-hero{height:calc(100vh - 102px);}
.usg-ss-cta{bottom:7%;padding:0 14px;}
.usg-ss-arrow{margin-top:7px;}
.usg-ss-arrow svg{width:16px;height:16px;}
.usg-hero .usg-ss-cta{bottom:50px;}
.usg-hero .usg-ss-title{font-size:25px;line-height:30px;font-weight:400;letter-spacing:2px;}
.usg-hero .usg-ss-link{margin-top:13px;font-size:13px;line-height:18px;font-weight:400;letter-spacing:1.5px;}
}
@media (prefers-reduced-motion:reduce){.usg-ss-arrow{animation:none;}}

/* Product + Suggestion block wrappers, also the category-page Info, Products and Reachout blocks */
.h-section:has(.usg-pd),.h-section:has(.usg-pd-rel),.h-section:has(.usg-info),.h-section:has(.usg-prod),.h-section:has(.usg-reach){padding:0 !important;margin:0 !important;background:#fff !important;}
.h-section:has(.usg-pd) .h-row-container,.h-section:has(.usg-pd) .h-row,.h-section:has(.usg-pd) .h-column,.h-section:has(.usg-pd) .h-column__inner,.h-section:has(.usg-pd-rel) .h-row-container,.h-section:has(.usg-pd-rel) .h-row,.h-section:has(.usg-pd-rel) .h-column,.h-section:has(.usg-pd-rel) .h-column__inner,.h-section:has(.usg-info) .h-row-container,.h-section:has(.usg-info) .h-row,.h-section:has(.usg-info) .h-column,.h-section:has(.usg-info) .h-column__inner,.h-section:has(.usg-prod) .h-row-container,.h-section:has(.usg-prod) .h-row,.h-section:has(.usg-prod) .h-column,.h-section:has(.usg-prod) .h-column__inner,.h-section:has(.usg-reach) .h-row-container,.h-section:has(.usg-reach) .h-row,.h-section:has(.usg-reach) .h-column,.h-section:has(.usg-reach) .h-column__inner{padding:0 !important;margin:0 !important;}
.h-column:has(.usg-pd),.h-column:has(.usg-pd-rel),.h-column:has(.usg-info),.h-column:has(.usg-prod),.h-column:has(.usg-reach){flex:0 0 100% !important;max-width:100% !important;width:100% !important;}
.h-section:has(.usg-hero) .h-section-grid-container,.h-section:has(.usg-pd) .h-section-grid-container,.h-section:has(.usg-pd-rel) .h-section-grid-container,.h-section:has(.usg-info) .h-section-grid-container,.h-section:has(.usg-prod) .h-section-grid-container,.h-section:has(.usg-reach) .h-section-grid-container{width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;}

/* Category pages (Porcelain, Marble): Title slideshow (9 images, 5s still + 1s fade each, 54s loop - .usg-hero-fade5 is the 5-image version, 30s loop; each image drops out once the next one fully covers it, so the last one fades straight back to the first), Info block, Products grid with name search + collection dropdown, Reachout block */
.usg-hero-fade img{opacity:0;animation:54s linear infinite;}
.usg-hero-fade img:nth-child(1){opacity:1;animation:none;}
.usg-hero-fade img:nth-child(2){animation-name:usg-fade-2;}
.usg-hero-fade img:nth-child(3){animation-name:usg-fade-3;}
.usg-hero-fade img:nth-child(4){animation-name:usg-fade-4;}
.usg-hero-fade img:nth-child(5){animation-name:usg-fade-5;}
.usg-hero-fade img:nth-child(6){animation-name:usg-fade-6;}
.usg-hero-fade img:nth-child(7){animation-name:usg-fade-7;}
.usg-hero-fade img:nth-child(8){animation-name:usg-fade-8;}
.usg-hero-fade img:nth-child(9){animation-name:usg-fade-9;}
@keyframes usg-fade-2{0%,9.259%{opacity:0}11.111%,22.222%{opacity:1}22.223%,100%{opacity:0}}
@keyframes usg-fade-3{0%,20.37%{opacity:0}22.222%,33.333%{opacity:1}33.334%,100%{opacity:0}}
@keyframes usg-fade-4{0%,31.481%{opacity:0}33.333%,44.444%{opacity:1}44.445%,100%{opacity:0}}
@keyframes usg-fade-5{0%,42.593%{opacity:0}44.444%,55.556%{opacity:1}55.557%,100%{opacity:0}}
@keyframes usg-fade-6{0%,53.704%{opacity:0}55.556%,66.667%{opacity:1}66.668%,100%{opacity:0}}
@keyframes usg-fade-7{0%,64.815%{opacity:0}66.667%,77.778%{opacity:1}77.779%,100%{opacity:0}}
@keyframes usg-fade-8{0%,75.926%{opacity:0}77.778%,88.889%{opacity:1}88.89%,100%{opacity:0}}
@keyframes usg-fade-9{0%,87.037%{opacity:0}88.889%,98.148%{opacity:1}100%{opacity:0}}
.usg-hero-fade5 img{animation-duration:30s;}
.usg-hero-fade5 img:nth-child(2){animation-name:usg-fade5-2;}
.usg-hero-fade5 img:nth-child(3){animation-name:usg-fade5-3;}
.usg-hero-fade5 img:nth-child(4){animation-name:usg-fade5-4;}
.usg-hero-fade5 img:nth-child(5){animation-name:usg-fade5-5;}
@keyframes usg-fade5-2{0%,16.667%{opacity:0}20%,40%{opacity:1}40.001%,100%{opacity:0}}
@keyframes usg-fade5-3{0%,36.667%{opacity:0}40%,60%{opacity:1}60.001%,100%{opacity:0}}
@keyframes usg-fade5-4{0%,56.667%{opacity:0}60%,80%{opacity:1}80.001%,100%{opacity:0}}
@keyframes usg-fade5-5{0%,76.667%{opacity:0}80%,96.667%{opacity:1}100%{opacity:0}}
.usg-info{width:100%;box-sizing:border-box;padding:175px 12% 64px;background:#fff;color:#1a1a1a;text-align:left;}
.usg-prod{width:100%;box-sizing:border-box;padding:56px 12% 52px;background:#fff;color:#1a1a1a;}
.usg-prod-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px 25px;margin:0 0 25px;}
.usg-prod-tools::before,.usg-prod-tools::after{display:none;}
.usg-prod .usg-prod-search{display:block;flex:1 1 280px;width:100%;max-width:420px;height:35px;box-sizing:border-box;margin:0;padding:7.5px 12px;border:1px solid #1a1a1a;border-radius:5px;background:#fff;box-shadow:none;outline:none;font-family:'Didact Gothic',sans-serif;font-size:15px;line-height:20px;font-weight:400;color:#1a1a1a;}
.usg-prod .usg-prod-search::placeholder{color:#808080;}
.usg-prod .usg-prod-search:focus,.usg-prod .usg-prod-select:focus{border-color:#808080;}
.usg-prod-pick{display:flex;align-items:center;gap:15px;margin:0;}
.usg-prod-label{font-family:'Didact Gothic',sans-serif;font-size:15px;line-height:20px;font-weight:400;color:#1a1a1a;white-space:nowrap;}
.usg-prod .usg-prod-select{-webkit-appearance:none;appearance:none;width:220px;height:35px;box-sizing:border-box;margin:0;padding:7.5px 36px 7.5px 12px;border:1px solid #1a1a1a;border-radius:5px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center/16px 16px;box-shadow:none;outline:none;font-family:'Didact Gothic',sans-serif;font-size:15px;line-height:20px;font-weight:400;color:#1a1a1a;cursor:pointer;}
.usg-prod-card.is-off{display:none;}
.usg-prod-none{margin:0;font-family:'Playfair Display',Georgia,serif;font-size:15px;line-height:20px;color:#1a1a1a;}
.usg-reach{width:100%;box-sizing:border-box;padding:64px 12%;background:#fff;color:#1a1a1a;text-align:center;}
.usg-reach-title{margin:40px 0 0;font-family:Italiana,Georgia,serif;font-weight:400;font-size:38px;line-height:43px;letter-spacing:2px;text-transform:none;color:#1a1a1a;}
.usg-reach-text{max-width:900px;margin:15px auto 0;font-family:'Didact Gothic',sans-serif;font-weight:400;font-size:15px;line-height:20px;color:#1a1a1a;}
.usg-reach-text+.usg-reach-text{margin-top:10px;}
.usg-reach-btns{display:flex;flex-direction:column;align-items:center;gap:13px;margin-top:40px;}
.usg-reach-btns .usg-pd-inv,.usg-reach-btns .usg-pd-inv:visited{margin:0;background:rgba(40,40,40,.8);}
.usg-reach-btns .usg-pd-inv:hover,.usg-reach-btns .usg-pd-inv:focus{background:rgba(40,40,40,.95);}
@media (max-width:600px){
.usg-info{padding:145px 25px 40px;}
.usg-prod{padding:35px 25px 0;}
.usg-prod .usg-prod-search{flex-basis:100%;max-width:100%;}
.usg-prod-pick{width:100%;}
.usg-prod .usg-prod-select{flex:1;width:auto;}
.usg-reach{padding:40px 25px;}
.usg-reach-title{margin-top:25px;font-size:25px;line-height:30px;}
.usg-reach-btns{margin-top:25px;}
}
@media (prefers-reduced-motion:reduce){.usg-hero-fade img{animation:none;}}

/* Product block: name, tag line, text, icons */
.usg-pd{position:relative;width:100%;box-sizing:border-box;padding:175px 12% 0;background:#fff;color:#1a1a1a;text-align:left;}
.usg-info-inner{max-width:66%;}
.usg-info-label{font-family:'Didact Gothic',sans-serif;font-size:15px;line-height:20px;font-weight:400;letter-spacing:0;text-transform:uppercase;color:#000;margin:0 0 25px;}
.usg-info-lead{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:400;font-size:25px;line-height:30px;color:#1a1a1a;margin:0 0 8px;}
.usg-info-text{font-family:'Didact Gothic',sans-serif;font-weight:400;font-size:15px;line-height:20px;color:#1a1a1a;margin:0;}
.usg-info-actions{margin-top:30px;display:flex;align-items:center;}
.usg-info-actions>a,.usg-info-share{display:inline-flex;color:#000;line-height:0;text-decoration:none;cursor:pointer;transition:opacity .2s;}
.usg-info-actions>a:hover,.usg-info-share:hover{opacity:.6;}
.usg-pd-fav,.usg-pd-cart{margin-right:25px;}
.usg-pd-fav svg,.usg-pd-cart svg,.usg-info-share svg,.usg-info-print svg{width:25px;height:25px;display:block;}
.usg-pd-fav.is-on svg,.usg-pd-cart.is-on svg{fill:#000;}
.usg-share{position:relative;display:inline-flex;margin-right:25px;}
.usg-share-toggle{position:absolute;opacity:0;width:0;height:0;pointer-events:none;margin:0 !important;}
.usg-share-backdrop{display:none;position:fixed;inset:0;z-index:98;}
.usg-share-toggle:checked~.usg-share-backdrop{display:block;}
.usg-share-menu{position:absolute;left:0;bottom:40px;z-index:99;background:#fff;border:1px solid #e8e8ea;box-shadow:0 0 4px rgba(0,0,0,.15);padding:16px 32px;text-align:left;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .3s ease-out,transform .3s ease-out,visibility .3s;}
.usg-share-toggle:checked~.usg-share-menu{opacity:1;visibility:visible;transform:none;}
.usg-share-title{display:block;font-family:'Didact Gothic',sans-serif;font-size:15px;line-height:20px;font-weight:400;text-transform:uppercase;color:#1a1a1a;margin:0 0 9px;}
.usg-share-menu ul{list-style:none;margin:0;padding:0;}
.usg-share-menu li{margin:0 0 9px;line-height:23px;white-space:nowrap;}
.usg-share-menu li:last-child{margin-bottom:0;}
.usg-share-menu a{display:block;font-family:'Playfair Display',Georgia,serif;font-style:normal;font-weight:400;font-size:18px;line-height:23px;letter-spacing:.9px;text-transform:uppercase;color:#000;text-decoration:none;transition:color .2s;}
.usg-share-menu a:hover,.usg-share-menu a:focus{color:#9e9e9e;}
.usg-share-menu a:visited{color:#000;}
.usg-info-share{position:relative;z-index:99;margin:0 !important;padding:0 !important;}
.usg-share-toggle:checked~.usg-info-share{opacity:1;}
.usg-share-toggle:checked~.usg-info-share .usg-share-dot{fill:currentColor;}

/* Product block: format card, room views, about */
.usg-pd-label{font-family:'Didact Gothic',sans-serif;font-size:15px;line-height:20px;font-weight:400;text-transform:uppercase;color:#808080;margin:0 0 25px;}
.usg-pd-fmts{display:block;margin-top:100px;}
.usg-pd-fmts-title{font-family:'Playfair Display',Georgia,serif;font-style:normal;font-weight:400;font-size:15px;line-height:20px;color:#1a1a1a;margin:0 0 25px;}
.usg-pd-fmt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 25px;}
/* Big screens: the right-hand format fades in just after the left one */
@media (min-width:601px){.usg-pd-fmt:nth-child(even) .usg-fx{transition-delay:.3s;}.usg-pd-fmt:nth-child(even) .usg-fx-d1{transition-delay:.6s;}}
.usg-pd-fmt-pic{display:block;box-sizing:border-box;width:100%;padding:25px;background:#f7f7f7;border-radius:5px;margin:0 0 13px;}
.usg-pd-fmt-pic img{display:block;width:100%;height:auto;max-width:100%;margin:0;padding:0;border:0;border-radius:5px;box-shadow:0 8px 16px rgba(0,0,0,.15);}
.usg-pd-fmt-spec{display:block;font-family:'Didact Gothic',sans-serif;font-size:15px;line-height:20px;font-weight:400;color:#1a1a1a;margin:0;}
.usg-pd-app{display:block;width:100%;max-width:100%;margin:100px 0 0;padding:0;}
.usg-pd-app img{display:block;width:100%;height:auto;margin:0;border-radius:5px;}
input.usg-pd-vradio{position:fixed;top:0;left:0;opacity:0;width:0;height:0;pointer-events:none;margin:0 !important;}
.usg-pd-vtabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 13px;}
.usg-pd-vtab{display:inline-block;margin:0;padding:7.5px 15px;border:1px solid #d8d8d8;border-radius:5px;background:#fff;font-family:'Didact Gothic',sans-serif;font-size:13px;line-height:18px;font-weight:400;letter-spacing:1px;text-transform:uppercase;color:#808080;cursor:pointer;transition:color .2s,background .2s,border-color .2s;}
.usg-pd-vtab:hover{color:#1a1a1a;border-color:#1a1a1a;}
.usg-pd-views:has(>.usg-pd-vradio:nth-of-type(1):checked) .usg-pd-vtab:nth-of-type(1),.usg-pd-views:has(>.usg-pd-vradio:nth-of-type(2):checked) .usg-pd-vtab:nth-of-type(2),.usg-pd-views:has(>.usg-pd-vradio:nth-of-type(3):checked) .usg-pd-vtab:nth-of-type(3),.usg-pd-views:has(>.usg-pd-vradio:nth-of-type(4):checked) .usg-pd-vtab:nth-of-type(4),.usg-pd-views:has(>.usg-pd-vradio:nth-of-type(5):checked) .usg-pd-vtab:nth-of-type(5){background:#1a1a1a;border-color:#1a1a1a;color:#fff;}
.usg-pd-views:has(.usg-pd-vradio:focus-visible) .usg-pd-vtabs{outline:1px dotted #1a1a1a;outline-offset:4px;}
.usg-pd-vstage{position:relative;width:100%;aspect-ratio:1376/768;overflow:hidden;border-radius:5px;background:#f7f7f7;}
.usg-pd-vstage .usg-pd-view{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s;}
.usg-pd-views:has(>.usg-pd-vradio:nth-of-type(1):checked) .usg-pd-view-1,.usg-pd-views:has(>.usg-pd-vradio:nth-of-type(2):checked) .usg-pd-view-2,.usg-pd-views:has(>.usg-pd-vradio:nth-of-type(3):checked) .usg-pd-view-3,.usg-pd-views:has(>.usg-pd-vradio:nth-of-type(4):checked) .usg-pd-view-4,.usg-pd-views:has(>.usg-pd-vradio:nth-of-type(5):checked) .usg-pd-view-5{opacity:1;}
.usg-pd-app-cap{display:block;font-family:'Didact Gothic',sans-serif;font-size:15px;line-height:20px;font-weight:400;color:#1a1a1a;margin:13px 0 0;}
.usg-pd-about{margin-top:75px;max-width:50%;}
.usg-pd-about-text{font-family:'Didact Gothic',sans-serif;font-size:13px;line-height:18px;font-weight:400;letter-spacing:1px;color:#1a1a1a;margin:0;}
.usg-pd-about-text+.usg-pd-about-text{margin-top:18px;}

/* Suggestion block: quote line + related product cards */
.usg-pd-rel{width:100%;box-sizing:border-box;margin-top:25px;padding:47.5px 12% 52px;background:#fff;color:#1a1a1a;text-align:center;}
.usg-pd-help{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:20px;line-height:25px;color:#1a1a1a;margin:0;}
.usg-pd-help a,.usg-pd-help a:visited{font-family:'Playfair Display',Georgia,serif;font-size:20px;line-height:25px;font-style:italic;color:#808080;text-decoration:none;margin-left:13px;transition:color .2s;}
.usg-pd-help a:hover,.usg-pd-help a:focus{color:#1a1a1a;}
.usg-pd-inv,.usg-pd-inv:visited{display:inline-block;vertical-align:top;margin:40px 0 0;padding:2.5px 20px;border-radius:5px;background:rgba(40,40,40,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:'Didact Gothic',sans-serif;font-size:15px;line-height:20px;font-weight:400;letter-spacing:4px;text-transform:uppercase;color:#fff;text-decoration:none;transition:color .2s;}
.usg-pd-inv:hover,.usg-pd-inv:focus{background:rgba(40,40,40,.45);color:#fff;}
.usg-pd-rel-label{font-family:'Didact Gothic',sans-serif;font-size:15px;line-height:20px;font-weight:400;text-transform:uppercase;color:#1a1a1a;margin:40px 0 25px;}
.usg-prod-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:25px 13px;text-align:left;}
.usg-prod-grid::before,.usg-prod-grid::after{display:none;}
.usg-prod-card{display:block;text-decoration:none;color:#1a1a1a;}
.usg-prod-card:hover,.usg-prod-card:focus,.usg-prod-card:visited{color:#1a1a1a;text-decoration:none;}
.usg-prod-pic{position:relative;display:block;width:100%;padding-top:111.94%;overflow:hidden;margin:0 0 9px;border-radius:5px;}
.usg-prod-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;margin:0;padding:0;border:0;max-width:none;}
.usg-prod-name{display:block;font-family:'Didact Gothic',sans-serif;font-size:15px;line-height:20px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#1a1a1a;margin:0;}
.usg-prod-desc{display:block;font-family:'Playfair Display',Georgia,serif;font-size:13px;line-height:18px;font-weight:400;color:#1a1a1a;margin:0;}

/* Scroll fade-up */
.usg-fx{opacity:0;transform:translateY(50px);transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94);}
.usg-fx.is-in{opacity:1;transform:none;}
.usg-fx-d1{transition-delay:.3s;}
.usg-fx-d2,.usg-fx-d3{transition-delay:.6s;}
@media (prefers-reduced-motion:reduce){.usg-fx{opacity:1;transform:none;transition:none;}}

@media (min-width:601px) and (max-width:1024px){
.usg-prod-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:600px){
.usg-pd{padding:145px 25px 0;}
.usg-info-inner{max-width:100%;}
.usg-info-actions{margin-top:25px;}
.usg-pd-fmts{margin-top:50px;}
.usg-pd-fmt-grid{grid-template-columns:minmax(0,1fr);gap:35px;}
.usg-pd-fmt-pic{padding:13px;}
.usg-pd-fmt-spec{font-size:13px;line-height:18px;}
.usg-pd-app{margin-top:50px;}
.usg-pd-vtabs{gap:6px;}
.usg-pd-vtab{padding:5px 8px;font-size:11px;line-height:16px;letter-spacing:0;}
.usg-pd-app-cap{font-size:13px;line-height:18px;}
.usg-pd-about{margin-top:50px;max-width:100%;}
.usg-pd-rel{padding:50px 25px 0;}
.usg-pd-help,.usg-pd-help a{font-size:15px;line-height:20px;}
.usg-pd-inv,.usg-pd-inv:visited{margin-top:25px;font-size:13px;line-height:18px;letter-spacing:1.5px;}
.usg-pd-rel-label{margin:25px 0;}
.usg-prod-grid{grid-template-columns:repeat(2,1fr);gap:20px 13px;}
}
/* Related products carousel */
.usg-rel-wrap{position:relative;}
.usg-pd-rel .usg-prod-grid{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;}
.usg-pd-rel .usg-prod-grid::-webkit-scrollbar{display:none;}
.usg-pd-rel .usg-prod-card{flex:0 0 calc((100% - 52px) / 5);min-width:0;scroll-snap-align:start;}
.usg-rel-arrow{position:absolute;top:calc(50% - 24px);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:0;margin:0;padding:0;border:1px solid #d8d8d8;border-radius:50%;background:#fff;color:#1a1a1a;box-shadow:none;line-height:0;cursor:pointer;transition:border-color .2s,opacity .2s;}
.usg-rel-arrow:hover,.usg-rel-arrow:focus{background:#fff;color:#1a1a1a;border-color:#1a1a1a;}
.usg-rel-arrow[disabled]{opacity:.3;cursor:default;pointer-events:none;}
.usg-rel-arrow svg{display:block;width:16px;height:16px;}
.usg-rel-prev{left:-60px;}
.usg-rel-next{right:-60px;}
@media (min-width:601px) and (max-width:1024px){.usg-pd-rel .usg-prod-card{flex-basis:calc((100% - 26px) / 3);}}
@media (max-width:600px){.usg-pd-rel .usg-prod-card{flex-basis:calc((100% - 13px) / 2.3);}.usg-rel-arrow{display:none;}}

/* Favorites page */
.usg-fav{width:100%;min-height:60vh;box-sizing:border-box;padding:73px 12% 52px;background:#fff;color:#1a1a1a;text-align:left;}
.usg-fav-title{font-family:Italiana,Georgia,serif;font-weight:400;font-size:38px;line-height:43px;color:#1a1a1a;margin:0 0 25px;letter-spacing:0;}
.usg-fav-lead{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:400;font-size:25px;line-height:30px;color:#1a1a1a;margin:0;max-width:66%;}
.usg-fav-empty{font-family:'Didact Gothic',sans-serif;font-size:15px;line-height:20px;font-weight:400;color:#808080;margin:75px 0 0;}
.usg-fav-grid{margin-top:75px;}
.usg-fav-card .usg-prod-pic{text-decoration:none;}
.usg-fav-row{display:flex;align-items:center;justify-content:space-between;gap:13px;}
.usg-fav-row .usg-prod-name{text-decoration:none;color:#1a1a1a;}
.usg-fav-row .usg-prod-name:hover{color:#808080;}
.usg-fav-btns{display:flex;align-items:center;gap:13px;flex:0 0 auto;}
.usg-fav-rm,.usg-fav-cart{flex:0 0 auto;background:none;border:0;margin:0;padding:0;line-height:0;color:#000;cursor:pointer;transition:opacity .2s;}
.usg-fav-rm svg,.usg-fav-cart svg{width:25px;height:25px;display:block;}
.usg-fav-rm:hover,.usg-fav-cart:hover{opacity:.6;}
.usg-fav-cart.is-on svg{fill:#000;}
@media (max-width:600px){
.usg-fav{padding:43px 25px 0;min-height:50vh;}
.usg-fav-title{font-size:25px;line-height:30px;margin-bottom:13px;}
.usg-fav-lead{font-size:20px;line-height:25px;max-width:100%;}
.usg-fav-empty{margin-top:50px;}
.usg-fav-grid{margin-top:50px;grid-template-columns:repeat(2,minmax(0,1fr));}
.usg-fav-row{flex-wrap:wrap;row-gap:8px;}
}
/* Cart page */
.usg-cart-form{margin-top:75px;max-width:50%;width:100%;}
.usg-cart-form .usg-pd-label{margin-bottom:25px;}
.usg-cart-form form{display:flex;flex-wrap:wrap;column-gap:20px;border:1px solid #000;border-radius:16px;padding:24px;background:#fff;text-align:left;margin:0;}
.usg-cart-form form::before,.usg-cart-form form::after{display:none;}
.usg-cart-form .grunion-field-wrap{display:flex;flex-direction:column;flex:0 0 calc(50% - 10px);max-width:calc(50% - 10px);padding:6.5px 0;margin:0;text-align:left;}
.usg-cart-form .grunion-field-textarea-wrap{flex:0 0 100%;max-width:100%;}
.usg-cart-form .grunion-field-wrap label,.usg-cart-form .grunion-field-label{display:block;font-family:'Didact Gothic',sans-serif;font-weight:700;font-size:15px;line-height:20px;color:#262626;text-align:left;margin:0 0 9px;text-transform:none;}
.usg-cart-form .grunion-label-required{display:none;}
.usg-cart-form .grunion-field-wrap label:has(.grunion-label-required)::after{content:" *";color:#f00;}
.usg-cart-form input[type="text"],.usg-cart-form input[type="email"],.usg-cart-form input[type="tel"],.usg-cart-form select,.usg-cart-form textarea,.usg-cart-city,.usg-cart-cityother{display:block;font-family:'Didact Gothic',sans-serif;margin:0;font-size:13px !important;line-height:18px !important;color:#444 !important;background:#fff !important;border:1px solid #000 !important;border-radius:12px !important;box-shadow:none !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;}
.usg-cart-form input[type="text"],.usg-cart-form input[type="email"],.usg-cart-form input[type="tel"],.usg-cart-form select,.usg-cart-city,.usg-cart-cityother{height:40px !important;min-height:0 !important;line-height:18px !important;padding:0 14px !important;}
.usg-cart-form select,.usg-cart-city{appearance:auto !important;padding-right:24px !important;background-image:none !important;}
.usg-cart-form .contact-form__select-wrapper{border:0 !important;border-radius:0 !important;padding:0 !important;background:none !important;box-shadow:none !important;}
.usg-cart-form .jetpack-field-dropdown__icon{display:none !important;}
.usg-cart-form textarea{resize:vertical;height:120px !important;padding:14px !important;}
.usg-cart-cityother{margin-top:13px !important;}
.usg-cart-phw{display:flex;gap:8px;width:100%;align-items:center;}
.usg-cart-form .usg-cart-phw::before,.usg-cart-form .usg-cart-phw::after{display:none;}
.usg-cart-form .usg-cart-phw select.usg-cart-cc{flex:0 0 70px;width:70px !important;max-width:70px !important;min-width:0 !important;height:30px !important;font-size:13px !important;font-weight:700 !important;line-height:normal !important;appearance:none !important;padding:0 13px 0 6px !important;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23444444' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M1.5 2 L6 6.2 L10.5 2'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right 3px center !important;background-size:6px auto !important;}
.usg-cart-form .usg-cart-phw input{flex:1 1 auto;min-width:0;}
.usg-cart-form form > p{flex:0 0 100%;max-width:100%;margin:0;padding:0;}
.usg-cart-form form > .contact-submit{height:0;line-height:0;}
.usg-cart-form form > button[type="submit"],.usg-cart-form form > .pushbutton-wide{flex:0 0 auto;margin:10px auto 0 !important;}
.usg-cart-form .contact-form__error{flex:0 0 100%;max-width:100%;}
.usg-cart-form button[type="submit"],.usg-cart-form .pushbutton-wide{box-sizing:border-box;cursor:pointer;height:40px !important;line-height:40px !important;font-size:20px !important;text-transform:none !important;letter-spacing:0 !important;padding:0 50px !important;width:auto !important;min-width:0 !important;display:inline-block !important;margin:0 !important;background:rgba(0,0,0,.3) !important;color:#fff !important;border:0 !important;border-radius:10px !important;}
.usg-cart-form button[type="submit"]:hover,.usg-cart-form .pushbutton-wide:hover{background:rgba(0,0,0,.5) !important;}
.usg-cart-count{font-family:'Didact Gothic',sans-serif;font-size:11px;line-height:16px;color:#808080;text-align:right;margin-top:3px;}
.usg-cart-err{font-family:'Didact Gothic',sans-serif;font-size:11px;line-height:16px;color:#c0392b;margin-top:3px;}
.usg-cart-form .grunion-field-wrap.is-err input,.usg-cart-form .grunion-field-wrap.is-err select,.usg-cart-form .grunion-field-wrap.is-err textarea{border-color:#c0392b !important;}
.usg-cart-form .contact-form__error,.usg-cart-form .contact-form__warning,.usg-cart-form .contact-form__input-error{display:none !important;}
.usg-cart-form .contact-form__error[data-wp-text].show-errors{font-family:'Didact Gothic',sans-serif;font-size:13px;line-height:18px;color:#c0392b;display:block !important;margin:10px 0 0 !important;padding:0 !important;}
.usg-cart-form .form-error,.usg-cart-form .form-errors{font-family:'Didact Gothic',sans-serif;font-size:13px;line-height:18px;color:#b00020;}
.usg-cart-form [class*="cartrequest"],.usg-cart-form [class*="subject"],.usg-cart-form .grunion-field-wrap:has([name$="-cartrequest"]),.usg-cart-form .grunion-field-wrap:has([name$="-subject"]),.usg-cart-form div:has(> [name$="-cartrequest"]),.usg-cart-form div:has(> [name$="-subject"]){display:none !important;}
.usg-cart-form .contact-form-submission{font-family:'Didact Gothic',sans-serif;font-size:15px;line-height:20px;color:#1a1a1a;text-align:center;}
.usg-cart .contact-form-submission{padding:0 !important;margin:0 !important;border:0 !important;background:none !important;max-width:none !important;width:100% !important;}
.usg-cart-form.is-sent .usg-pd-label{display:none;}
.usg-cart-thanks{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:400;font-size:25px;line-height:30px;color:#1a1a1a;max-width:100%;text-align:center;margin:0 !important;padding:0 !important;}
.usg-cart-home{display:inline-block;font-family:'Didact Gothic',sans-serif;font-weight:500;font-size:17px;line-height:39px;color:#666;background:#ddd;border:1px solid #ccc;border-radius:10px;height:41px;padding:0 20px;text-decoration:none;box-sizing:border-box;margin-top:36px;}
.usg-cart-home:hover{background:#d2d2d2;color:#666;}
.usg-cart.is-sent{display:flex;align-items:center;justify-content:center;min-height:100vh;box-sizing:border-box;padding:100px 12% 0 !important;}
.usg-cart.is-sent .usg-fav-title,.usg-cart.is-sent .usg-fav-lead,.usg-cart.is-sent .usg-fav-empty,.usg-cart.is-sent .usg-fav-grid,.usg-cart.is-sent .usg-pd-label,.usg-cart.is-sent form{display:none !important;}
.usg-cart.is-sent .usg-cart-form{margin:0;width:100%;max-width:100%;}
@media (min-width:1025px){
.usg-cart-form{width:70vw;max-width:70vw;}
}
@media (max-width:781px){
.usg-cart-form .grunion-field-wrap{flex:0 0 100%;max-width:100%;}
.usg-cart-form .usg-cart-phw select.usg-cart-cc{flex:0 0 100px;width:100px !important;max-width:100px !important;height:40px !important;font-size:13px !important;padding:0 24px 0 14px !important;appearance:auto !important;background-image:none !important;}
}
@media (max-width:600px){
.usg-cart-form{margin-top:50px;max-width:100%;}
.usg-cart-thanks{font-size:20px;line-height:25px;max-width:100%;margin-top:50px;}
.usg-cart-home{margin-top:30px;}
.usg-cart.is-sent{min-height:100vh;padding:100px 25px 0 !important;}
}
/* ===== end product page template ===== */

/* ===== Home page collection block (Porcelain Block): "Collections," dropdown + card sets ===== */
.h-section:has(.uss-col){padding-top:0!important;padding-bottom:0!important}
.h-column:has(.uss-col){flex:0 0 100%!important;max-width:100%!important;width:100%!important;padding:0!important}
.h-column:has(.uss-col) .h-column__inner{padding:0!important}
.uss-col{position:relative;width:100%;margin:25px 0 0}
/* separator lines (width:auto overrides the theme's div::before/::after width:0): 1.5px black, 25px above and below - at the top of each collection block, after the Porcelain block, and after the New Arrivals block (.uss-nc-line); the block below either line gets 25px top padding so the gap under it is 25px too */
.uss-col::before{content:"";display:block;width:auto;margin:0 3px 25px}
.uss-col:has(#uss-c1)::after{content:"";display:block;width:auto;margin:25px 3px 0}
/* every separator line: 1.5px, black */
.uss-col::before,.uss-col:has(#uss-c1)::after,.uss-nc-line{height:1.5px;background:#000}
.h-section:is(:has(.uss-col),:has(.uss-nc))+.h-section:not(:has(.uss-col)){padding-top:25px!important}
/* the block directly above the first collection block (the Text quote): exactly 25px from the slideshow to the text and from the text to the separator line - its own 2px column padding + line spacing take 6px above and 7px below, hence 19px / -7px */
.h-section:not(:has(.uss-col)):has(+ .h-section .uss-col){padding-top:19px!important;margin-bottom:-7px!important}
.uss-cin{position:absolute!important;top:0;left:0;width:0;height:0;margin:0;padding:0;opacity:0;pointer-events:none}
.uss-colback{position:fixed;left:0;top:0;right:0;bottom:0;z-index:2;margin:0;padding:0;display:none;background:transparent;cursor:default}
#uss-c3:checked~.uss-cb3,#uss-c4:checked~.uss-cb4{display:block}
.uss-colmenu{position:relative;z-index:3}
.uss-colbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:0}
.uss-colttl{font-family:'Didact Gothic',sans-serif;font-size:15px;font-weight:700;line-height:15px;text-transform:uppercase;color:#000}
.uss-colval{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:400;font-size:13px;line-height:13px;text-transform:uppercase;color:#000}
.uss-val2{display:none}
#uss-c2:checked~.uss-colmenu .uss-val1,#uss-c4:checked~.uss-colmenu .uss-val1{display:none}
#uss-c2:checked~.uss-colmenu .uss-val2,#uss-c4:checked~.uss-colmenu .uss-val2{display:inline}
.uss-colarrow{margin-left:18px;width:20px;height:12px;color:#1a1a1a;transition:transform .3s ease-out}
/* "<- Select category" hint after the dropdown arrow: blue, nudging towards the arrow; sits inside the click area so it opens the dropdown too */
.uss-colhint{display:inline-flex;align-items:center;gap:6px;margin-left:12px;font-family:'Didact Gothic',sans-serif;font-size:13px;font-weight:700;line-height:13px;color:#1a5fd6;white-space:nowrap;animation:uss-hint 1.4s ease-in-out infinite}
.uss-colhint-arr{flex:none;width:16px;height:10px}
.uss-colhint-arr path{stroke-width:2}
@keyframes uss-hint{0%,100%{transform:translateX(0)}50%{transform:translateX(-6px)}}
@media (prefers-reduced-motion:reduce){.uss-colhint{animation:none}}
#uss-c3:checked~.uss-colmenu .uss-colarrow,#uss-c4:checked~.uss-colmenu .uss-colarrow{transform:rotate(180deg)}
.uss-colttl a{color:inherit;font-weight:700;text-decoration:none;transition:color .2s}
.uss-colttl a:hover{color:#666}
/* only the selected category + arrow open the dropdown; the hit labels cover this wrapper, not the whole bar */
.uss-coltog{position:relative;display:inline-flex;align-items:center;margin-left:18px}
.uss-colhit{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;display:none;cursor:pointer;z-index:2}
#uss-c1:checked~.uss-colmenu .uss-h1,#uss-c2:checked~.uss-colmenu .uss-h2,#uss-c3:checked~.uss-colmenu .uss-h3,#uss-c4:checked~.uss-colmenu .uss-h4{display:block}
.uss-coldrop{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:4;margin:0;padding:0;list-style:none;opacity:0;visibility:hidden;transition:opacity .25s ease-out}
#uss-c3:checked~.uss-colmenu .uss-coldrop,#uss-c4:checked~.uss-colmenu .uss-coldrop{opacity:1;visibility:visible}
.uss-coldrop li{margin:0;padding:0;list-style:none}
.uss-colopt{display:block;margin:0;text-align:center;padding:9px 0;background:#fff;border-top:1px solid #333;color:#666;font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:400;font-size:17px;line-height:22px;text-transform:uppercase;cursor:pointer;transition:color .2s}
.uss-colopt:hover{color:#1a1a1a}
.uss-coldrop li:last-child .uss-colopt{border-bottom:1px solid #333}
/* both sets share one grid cell. The selected set is in normal flow straight away; the other set only drops out of flow (absolute) once the 1.5s crossfade has finished, so the block keeps the taller height until the extra cards have faded to white, then fits the selected set */
.uss-colgrid{position:relative;z-index:1;display:grid;overflow:hidden;margin-top:20px}
.uss-colgrid::before,.uss-colgrid::after,.uss-cset::before,.uss-cset::after{content:none}
.uss-cset{grid-area:1/1;position:absolute;top:0;left:0;right:0;margin:0 3px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;transition:position 0s linear 1.5s;transition-behavior:allow-discrete}
#uss-c1:checked~.uss-colgrid .uss-s1,#uss-c3:checked~.uss-colgrid .uss-s1,#uss-c2:checked~.uss-colgrid .uss-s2,#uss-c4:checked~.uss-colgrid .uss-s2{position:relative;transition:none}
.uss-card{position:relative;display:block;overflow:hidden;cursor:pointer;text-decoration:none;border-radius:5px}
/* crossfade (1.5s): the incoming set dissolves in from the top downwards. Outgoing cards that sit under an incoming card stay fully visible underneath until the sweep ends; outgoing cards with no incoming card in their slot (the extra cards) dissolve out with the SAME sweep at the same time, so they fade to the white background in sync. Everything outgoing is hidden at 1.5s */
.uss-colgrid .uss-card{visibility:hidden;z-index:1;pointer-events:none;transition:visibility 0s linear 1.5s;-webkit-mask-size:100% 260%;mask-size:100% 260%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
#uss-c1:checked~.uss-colgrid .uss-k1,#uss-c3:checked~.uss-colgrid .uss-k1,#uss-c2:checked~.uss-colgrid .uss-k2,#uss-c4:checked~.uss-colgrid .uss-k2{visibility:visible;transition-delay:0s;z-index:2;pointer-events:auto;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 42%,rgba(0,0,0,0) 62%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 0,#000 42%,rgba(0,0,0,0) 62%,rgba(0,0,0,0) 100%)}
#uss-c1:checked~.uss-colgrid .uss-k1,#uss-c3:checked~.uss-colgrid .uss-k1{animation:uss-colrev-a 1.5s ease-out both}
#uss-c2:checked~.uss-colgrid .uss-k2,#uss-c4:checked~.uss-colgrid .uss-k2{animation:uss-colrev-b 1.5s ease-out both}
/* extra cards: the n-th card of the outgoing set when the incoming set has no n-th card (covers sets of up to 12 cards) */
:is(#uss-c1,#uss-c3):checked~.uss-colgrid:not(:has(.uss-s1>.uss-card:nth-child(2))) .uss-s2>.uss-card:nth-child(2),
:is(#uss-c1,#uss-c3):checked~.uss-colgrid:not(:has(.uss-s1>.uss-card:nth-child(3))) .uss-s2>.uss-card:nth-child(3),
:is(#uss-c1,#uss-c3):checked~.uss-colgrid:not(:has(.uss-s1>.uss-card:nth-child(4))) .uss-s2>.uss-card:nth-child(4),
:is(#uss-c1,#uss-c3):checked~.uss-colgrid:not(:has(.uss-s1>.uss-card:nth-child(5))) .uss-s2>.uss-card:nth-child(5),
:is(#uss-c1,#uss-c3):checked~.uss-colgrid:not(:has(.uss-s1>.uss-card:nth-child(6))) .uss-s2>.uss-card:nth-child(6),
:is(#uss-c1,#uss-c3):checked~.uss-colgrid:not(:has(.uss-s1>.uss-card:nth-child(7))) .uss-s2>.uss-card:nth-child(7),
:is(#uss-c1,#uss-c3):checked~.uss-colgrid:not(:has(.uss-s1>.uss-card:nth-child(8))) .uss-s2>.uss-card:nth-child(8),
:is(#uss-c1,#uss-c3):checked~.uss-colgrid:not(:has(.uss-s1>.uss-card:nth-child(9))) .uss-s2>.uss-card:nth-child(9),
:is(#uss-c1,#uss-c3):checked~.uss-colgrid:not(:has(.uss-s1>.uss-card:nth-child(10))) .uss-s2>.uss-card:nth-child(10),
:is(#uss-c1,#uss-c3):checked~.uss-colgrid:not(:has(.uss-s1>.uss-card:nth-child(11))) .uss-s2>.uss-card:nth-child(11),
:is(#uss-c1,#uss-c3):checked~.uss-colgrid:not(:has(.uss-s1>.uss-card:nth-child(12))) .uss-s2>.uss-card:nth-child(12),
:is(#uss-c2,#uss-c4):checked~.uss-colgrid:not(:has(.uss-s2>.uss-card:nth-child(2))) .uss-s1>.uss-card:nth-child(2),
:is(#uss-c2,#uss-c4):checked~.uss-colgrid:not(:has(.uss-s2>.uss-card:nth-child(3))) .uss-s1>.uss-card:nth-child(3),
:is(#uss-c2,#uss-c4):checked~.uss-colgrid:not(:has(.uss-s2>.uss-card:nth-child(4))) .uss-s1>.uss-card:nth-child(4),
:is(#uss-c2,#uss-c4):checked~.uss-colgrid:not(:has(.uss-s2>.uss-card:nth-child(5))) .uss-s1>.uss-card:nth-child(5),
:is(#uss-c2,#uss-c4):checked~.uss-colgrid:not(:has(.uss-s2>.uss-card:nth-child(6))) .uss-s1>.uss-card:nth-child(6),
:is(#uss-c2,#uss-c4):checked~.uss-colgrid:not(:has(.uss-s2>.uss-card:nth-child(7))) .uss-s1>.uss-card:nth-child(7),
:is(#uss-c2,#uss-c4):checked~.uss-colgrid:not(:has(.uss-s2>.uss-card:nth-child(8))) .uss-s1>.uss-card:nth-child(8),
:is(#uss-c2,#uss-c4):checked~.uss-colgrid:not(:has(.uss-s2>.uss-card:nth-child(9))) .uss-s1>.uss-card:nth-child(9),
:is(#uss-c2,#uss-c4):checked~.uss-colgrid:not(:has(.uss-s2>.uss-card:nth-child(10))) .uss-s1>.uss-card:nth-child(10),
:is(#uss-c2,#uss-c4):checked~.uss-colgrid:not(:has(.uss-s2>.uss-card:nth-child(11))) .uss-s1>.uss-card:nth-child(11),
:is(#uss-c2,#uss-c4):checked~.uss-colgrid:not(:has(.uss-s2>.uss-card:nth-child(12))) .uss-s1>.uss-card:nth-child(12){-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 42%,#000 62%,#000 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 42%,#000 62%,#000 100%);animation:uss-colout 1.5s ease-out both}
@keyframes uss-colout{from{-webkit-mask-position:0 100%;mask-position:0 100%}to{-webkit-mask-position:0 0;mask-position:0 0}}
@keyframes uss-colrev-a{from{-webkit-mask-position:0 100%;mask-position:0 100%}to{-webkit-mask-position:0 0;mask-position:0 0}}
@keyframes uss-colrev-b{from{-webkit-mask-position:0 100%;mask-position:0 100%}to{-webkit-mask-position:0 0;mask-position:0 0}}
.uss-cardimg{position:relative;display:block;width:100%;padding-top:100%;overflow:hidden;border-radius:5px}
.uss-cardimg img{position:absolute;top:0;left:0;width:100%;height:105%;object-fit:cover;display:block;margin:0;padding:0;border:0;max-width:none;transition:transform 1.6s ease-out}
.uss-card:hover .uss-cardimg img{transform:scale(1.04)}
/* frosted label box */
.uss-cardtxt{position:absolute;top:24px;right:24px;z-index:1;display:block;padding:5px;border-radius:5px;background:rgba(40,40,40,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-align:right}
.uss-cardt{display:block;font-family:'Didact Gothic',sans-serif;font-size:15px;line-height:19px;text-transform:uppercase;color:#fff}
.uss-cards{display:block;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:13px;line-height:18px;color:#fff}
/* ===== Natural Stone block: same look and crossfade as the Porcelain block, 3 categories. Radios ussn-c1..c3 = category selected (dropdown closed), ussn-c4..c6 = same category with the dropdown open ===== */
.ussn-v{display:none}
:is(#ussn-c1,#ussn-c4):checked~.uss-colmenu .ussn-v1,:is(#ussn-c2,#ussn-c5):checked~.uss-colmenu .ussn-v2,:is(#ussn-c3,#ussn-c6):checked~.uss-colmenu .ussn-v3{display:inline}
#ussn-c4:checked~.ussn-cb4,#ussn-c5:checked~.ussn-cb5,#ussn-c6:checked~.ussn-cb6{display:block}
:is(#ussn-c4,#ussn-c5,#ussn-c6):checked~.uss-colmenu .uss-colarrow{transform:rotate(180deg)}
:is(#ussn-c4,#ussn-c5,#ussn-c6):checked~.uss-colmenu .uss-coldrop{opacity:1;visibility:visible}
#ussn-c1:checked~.uss-colmenu .ussn-h1,#ussn-c2:checked~.uss-colmenu .ussn-h2,#ussn-c3:checked~.uss-colmenu .ussn-h3,#ussn-c4:checked~.uss-colmenu .ussn-h4,#ussn-c5:checked~.uss-colmenu .ussn-h5,#ussn-c6:checked~.uss-colmenu .ussn-h6{display:block}
:is(#ussn-c1,#ussn-c4):checked~.uss-colgrid .ussn-s1,:is(#ussn-c2,#ussn-c5):checked~.uss-colgrid .ussn-s2,:is(#ussn-c3,#ussn-c6):checked~.uss-colgrid .ussn-s3{position:relative;transition:none}
:is(#ussn-c1,#ussn-c4):checked~.uss-colgrid .ussn-s1>.uss-card,:is(#ussn-c2,#ussn-c5):checked~.uss-colgrid .ussn-s2>.uss-card,:is(#ussn-c3,#ussn-c6):checked~.uss-colgrid .ussn-s3>.uss-card{visibility:visible;transition-delay:0s;z-index:2;pointer-events:auto;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 42%,rgba(0,0,0,0) 62%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 0,#000 42%,rgba(0,0,0,0) 62%,rgba(0,0,0,0) 100%);animation:uss-colrev-a 1.5s ease-out both}
/* extra cards of the previous category (no card in the same slot of the new one) fade to white in sync - covers categories of up to 8 cards */
:is(#ussn-c1,#ussn-c4):checked~.uss-colgrid:not(:has(.ussn-s1>.uss-card:nth-child(2))) .uss-cset:not(.ussn-s1)>.uss-card:nth-child(2),
:is(#ussn-c1,#ussn-c4):checked~.uss-colgrid:not(:has(.ussn-s1>.uss-card:nth-child(3))) .uss-cset:not(.ussn-s1)>.uss-card:nth-child(3),
:is(#ussn-c1,#ussn-c4):checked~.uss-colgrid:not(:has(.ussn-s1>.uss-card:nth-child(4))) .uss-cset:not(.ussn-s1)>.uss-card:nth-child(4),
:is(#ussn-c1,#ussn-c4):checked~.uss-colgrid:not(:has(.ussn-s1>.uss-card:nth-child(5))) .uss-cset:not(.ussn-s1)>.uss-card:nth-child(5),
:is(#ussn-c1,#ussn-c4):checked~.uss-colgrid:not(:has(.ussn-s1>.uss-card:nth-child(6))) .uss-cset:not(.ussn-s1)>.uss-card:nth-child(6),
:is(#ussn-c1,#ussn-c4):checked~.uss-colgrid:not(:has(.ussn-s1>.uss-card:nth-child(7))) .uss-cset:not(.ussn-s1)>.uss-card:nth-child(7),
:is(#ussn-c1,#ussn-c4):checked~.uss-colgrid:not(:has(.ussn-s1>.uss-card:nth-child(8))) .uss-cset:not(.ussn-s1)>.uss-card:nth-child(8),
:is(#ussn-c2,#ussn-c5):checked~.uss-colgrid:not(:has(.ussn-s2>.uss-card:nth-child(2))) .uss-cset:not(.ussn-s2)>.uss-card:nth-child(2),
:is(#ussn-c2,#ussn-c5):checked~.uss-colgrid:not(:has(.ussn-s2>.uss-card:nth-child(3))) .uss-cset:not(.ussn-s2)>.uss-card:nth-child(3),
:is(#ussn-c2,#ussn-c5):checked~.uss-colgrid:not(:has(.ussn-s2>.uss-card:nth-child(4))) .uss-cset:not(.ussn-s2)>.uss-card:nth-child(4),
:is(#ussn-c2,#ussn-c5):checked~.uss-colgrid:not(:has(.ussn-s2>.uss-card:nth-child(5))) .uss-cset:not(.ussn-s2)>.uss-card:nth-child(5),
:is(#ussn-c2,#ussn-c5):checked~.uss-colgrid:not(:has(.ussn-s2>.uss-card:nth-child(6))) .uss-cset:not(.ussn-s2)>.uss-card:nth-child(6),
:is(#ussn-c2,#ussn-c5):checked~.uss-colgrid:not(:has(.ussn-s2>.uss-card:nth-child(7))) .uss-cset:not(.ussn-s2)>.uss-card:nth-child(7),
:is(#ussn-c2,#ussn-c5):checked~.uss-colgrid:not(:has(.ussn-s2>.uss-card:nth-child(8))) .uss-cset:not(.ussn-s2)>.uss-card:nth-child(8),
:is(#ussn-c3,#ussn-c6):checked~.uss-colgrid:not(:has(.ussn-s3>.uss-card:nth-child(2))) .uss-cset:not(.ussn-s3)>.uss-card:nth-child(2),
:is(#ussn-c3,#ussn-c6):checked~.uss-colgrid:not(:has(.ussn-s3>.uss-card:nth-child(3))) .uss-cset:not(.ussn-s3)>.uss-card:nth-child(3),
:is(#ussn-c3,#ussn-c6):checked~.uss-colgrid:not(:has(.ussn-s3>.uss-card:nth-child(4))) .uss-cset:not(.ussn-s3)>.uss-card:nth-child(4),
:is(#ussn-c3,#ussn-c6):checked~.uss-colgrid:not(:has(.ussn-s3>.uss-card:nth-child(5))) .uss-cset:not(.ussn-s3)>.uss-card:nth-child(5),
:is(#ussn-c3,#ussn-c6):checked~.uss-colgrid:not(:has(.ussn-s3>.uss-card:nth-child(6))) .uss-cset:not(.ussn-s3)>.uss-card:nth-child(6),
:is(#ussn-c3,#ussn-c6):checked~.uss-colgrid:not(:has(.ussn-s3>.uss-card:nth-child(7))) .uss-cset:not(.ussn-s3)>.uss-card:nth-child(7),
:is(#ussn-c3,#ussn-c6):checked~.uss-colgrid:not(:has(.ussn-s3>.uss-card:nth-child(8))) .uss-cset:not(.ussn-s3)>.uss-card:nth-child(8){-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 42%,#000 62%,#000 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 42%,#000 62%,#000 100%);animation:uss-colout 1.5s ease-out both}
@media (max-width:768px){
.uss-cset{grid-template-columns:repeat(2,1fr)}
.uss-colopt{font-size:14px;line-height:19px}
}
@media (max-width:600px){
.uss-cardtxt{top:10px;right:10px}
.uss-cardt{font-size:13px;line-height:13px}
.uss-cards{font-size:11px;line-height:11px;margin-top:3px}
}
@media (prefers-reduced-motion:reduce){.uss-colgrid .uss-card{animation:none}}

/* Featured pages (Ceramic + Porcelain, Natural Stone): Title variants (.usg-hero-hb bold title, .usg-hero-bw black arrow), grey Info label (.usg-info-grey, also used on the sub-category pages) and one .usg-feat block per featured product - label, tag line, text, title image + caption, "Colors at a Glance" swatch */
.usg-hero-hb .usg-ss-title{font-weight:700;}
.usg-hero-hb .usg-ss-arrow:hover,.usg-hero-hb .usg-ss-arrow:focus{color:#000;}
.usg-hero-bw .usg-ss-arrow,.usg-hero-bw .usg-ss-arrow:visited{color:#000;}
.usg-hero-bw .usg-ss-arrow:hover,.usg-hero-bw .usg-ss-arrow:focus{color:#fff;}
.h-section:has(.usg-feat){padding:0 !important;margin:0 !important;}
.h-section:has(.usg-feat) .h-row-container,.h-section:has(.usg-feat) .h-row,.h-section:has(.usg-feat) .h-column,.h-section:has(.usg-feat) .h-column__inner{padding:0 !important;margin:0 !important;}
.h-section:has(.usg-feat) .h-section-grid-container{max-width:100% !important;padding:0 !important;}
.h-column:has(.usg-feat){flex:0 0 100% !important;max-width:100% !important;width:100% !important;}
.usg-info-grey .usg-info-label{color:#808080;}
.usg-feat{width:100%;box-sizing:border-box;padding:80px 12%;background:#fff;color:#1a1a1a;text-align:left;}
.usg-feat-inner{max-width:66%;}
.usg-feat-label,.usg-feat-glance-label{font-family:'Didact Gothic',sans-serif;font-size:15px;line-height:20px;font-weight:400;text-transform:uppercase;color:#808080;margin:0 0 25px;}
.usg-feat-lead{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:400;font-size:25px;line-height:30px;color:#1a1a1a;margin:0 0 8px;}
.usg-feat-text{font-family:'Didact Gothic',sans-serif;font-weight:400;font-size:15px;line-height:20px;color:#1a1a1a;margin:0;}
.usg-feat-fig{margin:56px 0 0;padding:0;}
.usg-feat-fig img{display:block;width:100%;height:auto;margin:0;border-radius:5px;}
.usg-feat-cap{display:block;font-family:'Didact Gothic',sans-serif;font-size:15px;line-height:20px;font-weight:400;letter-spacing:2px;color:#1a1a1a;margin:13px 0 0;}
.usg-feat-glance{margin-top:56px;}
/* New Arrivals page: every block has exactly 25px between its edge and its first/last element (top and bottom), the Title has nothing above and 25px under the image */
.usg-info.usg-na-pad,.usg-prod.usg-na-pad,.usg-feat.usg-na-pad,.usg-reach.usg-na-pad{padding-top:25px;padding-bottom:25px}
/* 2px black line between two product blocks: 1px comes out of the upper block's 25px and 1px out of the lower block's 25px (24px + 2px line + 24px). Drawn as one 2px line because two separate 1px borders render thinner than 2px on scaled (125%/150%) screens */
.h-section:has(.usg-feat.usg-na-pad):has(+ .h-section .usg-feat.usg-na-pad) .usg-feat{padding-bottom:24px}
.h-section:has(.usg-feat.usg-na-pad) + .h-section .usg-feat.usg-na-pad{border-top:2px solid #000;padding-top:24px}
.usg-hero.usg-na-pad{margin-bottom:25px}
/* New Arrivals product blocks: 20px between the groups (label | tag line + details | cart | image + caption | Colors at a Glance + swatch + name | shipment line), 9px between the elements inside a group */
.usg-feat.usg-na-pad .usg-feat-label{margin-bottom:20px}
.usg-feat.usg-na-pad .usg-feat-lead{margin-bottom:9px}
.usg-feat.usg-na-pad .usg-feat-fig,.usg-feat.usg-na-pad .usg-feat-glance{margin-top:20px}
/* the image block is inline-block elsewhere, which adds a line-box gap under the caption; block keeps the 20px exact */
.usg-feat.usg-na-pad .usg-feat-fig{display:block}
.usg-feat.usg-na-pad .usg-feat-cap{margin-top:9px}
.usg-feat.usg-na-pad .usg-feat-glance-label{margin-bottom:9px}
/* the swatch is inline-block on the text baseline, which added 1.2px under its name; top alignment keeps the 20px to the shipment line exact */
.usg-feat.usg-na-pad .usg-swatch{vertical-align:top}
/* the theme's clearfix ::before/::after become flex items in the Reach Out button column and add 26px under the last button; removing them keeps the 25px bottom padding exact */
.usg-reach.usg-na-pad .usg-reach-btns::before,.usg-reach.usg-na-pad .usg-reach-btns::after{content:none}
/* New Arrivals page: add-to-cart icon under each product's text (same 25x25 icon and filled "on" state as the product pages; it uses the same usg_cart list, so the cart page and its email pick it up) */
.usg-feat-actions{margin-top:20px;display:flex;align-items:center;gap:10px;}
.usg-na-cart-hint{font-family:'Didact Gothic',sans-serif;font-size:15px;line-height:20px;font-weight:400;color:#1a1a1a;}
.usg-na-cart{display:inline-flex;width:25px;height:25px;padding:0;margin:0;border:0;background:none;color:#1a1a1a;cursor:pointer;line-height:0;}
.usg-na-cart svg{width:25px;height:25px;display:block;stroke-width:2;}
.usg-na-cart.is-on svg{fill:currentColor;}
/* line under each product's swatch (New Arrivals page) */
.usg-feat-note{margin:20px 0 0;font-family:'Didact Gothic',sans-serif;font-size:15px;line-height:20px;font-weight:400;color:#1a1a1a;}
.usg-swatch{display:inline-block;width:auto;max-width:100%;text-decoration:none;color:#1a1a1a;}
.usg-swatch:hover,.usg-swatch:focus,.usg-swatch:visited{color:#1a1a1a;text-decoration:none;}
.usg-swatch-pic{display:block;height:calc(15.2vw - 10.4px);width:auto;overflow:hidden;margin:0 0 9px;border-radius:5px;}
.usg-swatch-pic img{display:block;height:100%;width:auto;max-width:none;margin:0;padding:0;border:0;}
.usg-swatch-name{display:block;font-family:'Didact Gothic',sans-serif;font-size:15px;line-height:20px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:#1a1a1a;}
@media (min-width:601px) and (max-width:1024px){
.usg-swatch-pic{height:calc(25.3333vw - 8.66667px);}
}
@media (max-width:600px){
.usg-feat{padding:45px 25px;}
.usg-feat-inner{max-width:100%;}
.usg-feat-fig,.usg-feat-glance{margin-top:35px;}
.usg-swatch{display:block;width:50%;}
.usg-swatch-pic{height:auto;width:100%;}
.usg-swatch-pic img{width:100%;height:auto;}
}

/* ===== Home page New Arrivals block: 2x2 image grid (3px white gutters, 5px radius, 3px in from each side) with "Our New Arrivals" + a bobbing "Explore" link, each in a frosted box (rgba(40,40,40,.15) + 8px blur, 5px radius, darker on hover for the link), over a bottom gradient; 100vh on desktop, image-ratio on phones ===== */
/* line above the home page New Arrivals images (Didact Gothic regular, uppercase, 1px tracking), 20px above the image grid */
.uss-nc-intro{max-width:900px;margin:0 auto 20px;padding:0 25px;text-align:center;font-family:'Didact Gothic',sans-serif;font-style:normal;font-weight:400;font-size:17px;line-height:22px;text-transform:uppercase;letter-spacing:1px;color:#000}
.h-section:has(.uss-nc){padding-bottom:0!important}
.h-column:has(.uss-nc){flex:0 0 100%!important;max-width:100%!important;width:100%!important;padding:0!important}
.h-column:has(.uss-nc) .h-column__inner{padding:0!important}
.uss-nc{position:relative;width:calc(100% - 6px);margin-left:3px;margin-right:3px;aspect-ratio:1920/1255;overflow:clip;background:#000;border-radius:5px}
.uss-nc::before,.uss-nc-grid::before,.uss-nc-grid::after{content:none}
.uss-nc-grid{position:absolute;top:0;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;background:#fff}
.uss-nc-item{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:5px}
.uss-nc-item img{position:static;width:100%;height:100%;object-fit:cover;display:block;margin:0;padding:0;border:0;max-width:none;min-width:0;min-height:0}
/* stone name | finish centred at the bottom of each image (25px up), in the same frosted box as the title and button; each links to the New Arrivals page and darkens on hover like the button */
.uss-nc-tag{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);z-index:2;padding:2.5px 5px;border-radius:5px;background:rgba(40,40,40,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:'Didact Gothic',sans-serif;font-size:13px;line-height:18px;letter-spacing:2px;text-transform:uppercase;color:#fff;text-decoration:none;cursor:pointer;transition:background .2s;white-space:nowrap}
.uss-nc::after{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,0) 42%,rgba(0,0,0,.5) 100%)}
/* "Top Selling" badge in the top-right corner of an image (25px in): royal blue box (#4169e1), white text, same type as the name labels */
.uss-nc-badge{position:absolute;top:25px;right:25px;z-index:2;padding:2.5px 5px;border-radius:5px;background:#4169e1;font-family:'Didact Gothic',sans-serif;font-size:13px;line-height:18px;letter-spacing:2px;text-transform:uppercase;color:#fff;white-space:nowrap}
.uss-nc-cta{position:absolute;left:0;right:0;bottom:40px;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px}
.uss-nc-title{margin:0;padding:2.5px 5px;border-radius:5px;background:rgba(40,40,40,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:'Italiana',Georgia,serif;font-weight:400;font-size:38px;line-height:43px;letter-spacing:2px;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.uss-nc-link{margin-top:14px;padding:2.5px 5px;border-radius:5px;background:rgba(40,40,40,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:'Didact Gothic',sans-serif;font-size:15px;line-height:20px;letter-spacing:4px;text-transform:uppercase;color:#fff;text-decoration:none;cursor:pointer;transition:background .2s,color .2s;display:inline-flex;align-items:center}
.uss-nc-link:visited,.uss-nc-tag:visited{color:#fff}
/* on hover every button's background darkens; the name labels keep white text (overrides any theme link hover colour), the "Explore Now" text and arrow turn grey */
.uss-nc-link:hover,.uss-nc-link:focus,.uss-nc-tag:hover,.uss-nc-tag:focus{background:rgba(40,40,40,.45)}
.uss-nc-tag:hover,.uss-nc-tag:focus{color:#fff}
.uss-nc-link:hover,.uss-nc-link:focus{color:#808080}
.uss-nc-line{margin:25px 3px 0}
.uss-nc-arrow{flex:0 0 auto;display:block;width:1em;height:1em;margin-left:4px;position:relative;top:.04em;animation:uss-nc-bob 2s ease-in-out infinite}
@keyframes uss-nc-bob{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@media (prefers-reduced-motion:reduce){.uss-nc-arrow{animation:none}}
@media (min-width:601px){.uss-nc{height:100vh;aspect-ratio:auto}}
@media (max-width:600px){
.uss-nc{aspect-ratio:auto;height:auto;overflow:hidden}
.uss-nc-grid{position:static;grid-template-rows:none;grid-auto-rows:auto}
.uss-nc-item img{height:auto;aspect-ratio:3/2}
.uss-nc-tag{font-size:11px;line-height:16px;letter-spacing:1px}
.uss-nc-badge{top:10px;right:10px;font-size:11px;line-height:16px;letter-spacing:1px}
.uss-nc::after{inset:0;width:auto;height:auto}
.uss-nc-cta{bottom:15px;padding:0 14px}
.uss-nc-title{font-size:15px;font-weight:700;line-height:20px;letter-spacing:1px}
.uss-nc-link{margin-top:7px;font-size:13px;line-height:18px;letter-spacing:2.5px}
.uss-nc-arrow{margin-left:3px}
}