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

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

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

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

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

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

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

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



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


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


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


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


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


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

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

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


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


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


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

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

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

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


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


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


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


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


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


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


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


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


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

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


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


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


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


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


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


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

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


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


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


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

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

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

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

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

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


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


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

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

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


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

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

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

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

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

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

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

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

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

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


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


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


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

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

/* ===== 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 */
.h-section:has(.usg-pd),.h-section:has(.usg-pd-rel){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{padding:0 !important;margin:0 !important;}
.h-column:has(.usg-pd),.h-column:has(.usg-pd-rel){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{width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;}

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