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

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

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

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

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

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

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

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



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


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


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


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


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


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

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

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


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


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


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

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

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

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


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


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


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


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


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


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


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


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


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

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


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


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


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


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


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


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

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


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


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


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

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

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

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

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

/* 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 */
@media (min-width:601px){
html body:has(.usg-hero){padding-top:0 !important;}
body:has(.usg-hero) #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) #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) #usgHeader{background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
body:has(.usg-hero) #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): 1px black, 25px above and below - at the top of each collection block, and after the Porcelain block (the About block below it gets 25px top padding so the gap under that line is 25px too) */
.uss-col::before{content:"";display:block;width:auto;height:1px;margin:0 3px 25px;background:#000}
.uss-col:has(#uss-c1)::after{content:"";display:block;width:auto;height:1px;margin:25px 3px 0;background:#000}
.h-section:has(.uss-col)+.h-section:not(:has(.uss-col)){padding-top:25px!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}
/* tag line above "Porcelain Collection" */
.uss-coltag{max-width:900px;margin:0 auto 20px;padding:0 25px;text-align:center;font-family:'Italiana',serif;font-style:normal;font-weight:700;font-size:17px;line-height:22px;text-transform:uppercase;letter-spacing:1px;color:#1a1a1a}
.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:#1a1a1a}
.uss-colval{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:400;font-size:13px;line-height:13px;text-transform:uppercase;color:#1a1a1a}
.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;}
.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;}
}