/* Luxurylana — shared components and page composition. */

/* Header */
.site-header{
  position:relative;
  z-index:100;
  background:var(--lux-paper)!important;
  border-bottom:1px solid var(--lux-line)!important;
  box-shadow:none!important;
}
.header-top{padding:8px 0 2px!important;text-align:center!important}
.official-logo{
  width:250px!important;
  height:92px!important;
  max-width:70vw!important;
  margin:0 auto!important;
  object-fit:contain!important;
}
.main-nav-row{
  min-height:50px!important;
  padding:8px 32px 10px!important;
  gap:clamp(14px,2vw,30px)!important;
}
.main-nav-row nav{gap:clamp(20px,2.3vw,34px)!important}
.main-nav-row nav>a,
.main-nav-row .has-dropdown>a{
  position:relative!important;
  padding:8px 0 7px!important;
  border:0!important;
  color:var(--lux-ink)!important;
  font-family:var(--lux-font-body)!important;
  font-size:12px!important;
  font-weight:300!important;
  line-height:1.2!important;
  letter-spacing:.105em!important;
  text-transform:uppercase!important;
}
.main-nav-row nav>a::after,
.main-nav-row .has-dropdown>a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:1px;
  width:0;
  height:1px;
  background:var(--lux-gold);
  transform:translateX(-50%);
  transition:width var(--lux-transition);
}
.main-nav-row nav>a:hover::after,
.main-nav-row nav>a.active::after,
.main-nav-row .has-dropdown>a:hover::after,
.main-nav-row .has-dropdown>a.active::after,
.main-nav-row .has-dropdown:focus-within>a::after{
  width:100%;
}
.nav-caret{font-size:8px!important;margin-left:4px!important;color:var(--lux-gold-deep)!important}
.right-cluster{gap:12px!important}
.header-icons{gap:15px!important}
.icon-btn{color:var(--lux-ink)!important}
.icon-btn svg{width:19px!important;height:19px!important;stroke-width:1.45!important}
.icon-btn .cap{font-size:8px!important;color:var(--lux-gold-deep)!important}
.icon-btn .badge{
  top:-7px!important;
  right:-8px!important;
  width:15px!important;
  height:15px!important;
  background:var(--lux-gold)!important;
  font-size:8px!important;
}
.inline-search{
  width:0!important;
  opacity:0!important;
  overflow:hidden!important;
  transition:width .2s ease,opacity .16s ease!important;
}
.inline-search.open{width:225px!important;opacity:1!important;overflow:visible!important}
.inline-search input{
  width:225px!important;
  min-height:42px!important;
  padding:9px 12px!important;
  font-size:13px!important;
}
.dropdown{
  top:100%!important;
  margin-top:0!important;
  max-height:min(62vh,460px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  padding:22px 28px 24px!important;
  border:0!important;
  border-radius:0!important;
  background:var(--lux-paper)!important;
  box-shadow:0 18px 40px rgba(42,33,24,.11)!important;
}
.has-dropdown:hover .dropdown,
.has-dropdown:focus-within .dropdown,
.has-dropdown.open .dropdown{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(-50%) translateY(0)!important;
}
.dd-col b{
  margin-bottom:9px!important;
  color:var(--lux-gold-deep)!important;
  font-size:10px!important;
  font-weight:500!important;
  letter-spacing:.14em!important;
}
.dd-col a{
  padding:4px 0!important;
  color:var(--lux-text)!important;
  font-size:13px!important;
  line-height:1.35!important;
}
.mobile-menu{
  width:42px!important;
  height:42px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  color:var(--lux-ink)!important;
}
.mobile-menu svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}

/* Home */
.hero-copy h1{
  font-family:var(--lux-font-editorial)!important;
  font-size:clamp(29px,2.7vw,39px)!important;
  font-weight:400!important;
  line-height:1.08!important;
  letter-spacing:-.012em!important;
}
.hero-copy .sub{
  font-family:var(--lux-font-editorial)!important;
  font-size:clamp(18px,1.7vw,25px)!important;
  font-weight:400!important;
  line-height:1.2!important;
}
.hero-copy .btn{min-height:44px!important;padding:10px 23px!important}
.stats-bar a{
  padding:18px 10px!important;
  font-family:var(--lux-font-heading)!important;
  font-size:13px!important;
  font-weight:400!important;
  letter-spacing:.01em!important;
}
.pills-row{padding:28px var(--lux-gutter)!important;gap:12px!important}
.section{
  width:min(100%,calc(var(--lux-container) + (var(--lux-gutter) * 2)))!important;
  margin:0 auto!important;
  padding:var(--lux-section-space) var(--lux-gutter) 12px!important;
}
.section-head{margin-bottom:24px!important;align-items:flex-end!important}
.section-head h2{margin:0!important}
.shop-all-link{min-height:auto!important;padding:7px 0!important;border:0!important;border-bottom:1px solid rgba(155,121,72,.45)!important;background:transparent!important}
.shop-all-link:hover{background:transparent!important;color:var(--lux-gold-deep)!important;border-color:var(--lux-gold-deep)!important}

/* Generic editorial pages */
.simple-page>h1,
.brands-page>h1,
.lux-about-wrap>h1{
  margin-bottom:26px!important;
}
.simple-page p,
.simple-page li,
.lux-about-copy-grid p{
  font-size:15.5px!important;
  line-height:1.72!important;
}
.simple-page h2{margin:42px 0 16px!important}
.simple-page h3{margin:30px 0 12px!important}

/* About — intentionally frameless */
.lux-about-wrap{padding-top:46px!important;padding-bottom:64px!important}
.lux-about-video{
  margin-bottom:38px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.lux-about-copy-grid{
  gap:clamp(30px,4vw,58px)!important;
  margin-bottom:42px!important;
}
.lux-about-services{
  gap:clamp(24px,3.4vw,48px)!important;
  border:0!important;
  background:transparent!important;
}
.lux-about-services article{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.lux-about-services h2{
  margin:0 0 11px!important;
  color:var(--lux-gold-deep)!important;
  font-family:var(--lux-font-heading)!important;
  font-size:12px!important;
  line-height:1.35!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
.lux-about-services p{min-height:0!important;margin:0 0 13px!important;font-size:14px!important;line-height:1.65!important}
.lux-about-services a{font-size:13px!important;font-weight:500!important;color:var(--lux-gold-deep)!important}

/* Sell Your Bag — compact, deliberate editorial rhythm */
.lux-sell-page{--sell-max:1240px!important;background:var(--lux-paper)!important}
.lux-sell-shell{width:min(var(--sell-max),calc(100% - (var(--lux-gutter) * 2)))!important}
.lux-sell-hero{padding:46px 0 44px!important;background:linear-gradient(180deg,var(--lux-surface) 0%,var(--lux-paper) 100%)!important}
.lux-sell-kicker{margin-bottom:10px!important}
.lux-sell-hero h1{max-width:820px!important;margin:0 auto 14px!important}
.lux-sell-trust{
  margin:0 auto 15px!important;
  color:var(--lux-muted)!important;
  font-size:9.5px!important;
  line-height:1.5!important;
  letter-spacing:.09em!important;
}
.lux-sell-lead{max-width:790px!important;font-size:15px!important;line-height:1.68!important;color:var(--lux-text)!important}
.lux-sell-section{padding:52px 0!important}
.lux-sell-section-head{margin:0 auto 24px!important}
.lux-sell-section-head>p{margin-bottom:9px!important}
.lux-sell-option-grid{gap:20px!important}
.lux-sell-option-grid article{
  padding:28px 30px!important;
  border:1px solid var(--lux-line)!important;
  background:var(--lux-surface)!important;
}
.lux-sell-option-grid h3{margin:0 0 7px!important}
.lux-sell-subtitle{margin:0 0 15px!important;color:var(--lux-gold-deep)!important;font-size:10px!important;letter-spacing:.13em!important}
.lux-sell-option-grid p,.lux-sell-option-grid li{font-size:13.5px!important;line-height:1.62!important;color:var(--lux-text)!important}
.lux-sell-list-title{margin-top:17px!important}
.lux-sell-step-grid{gap:13px!important}
.lux-sell-step-grid article{
  padding:22px 20px!important;
  border:1px solid var(--lux-line)!important;
  background:var(--lux-paper)!important;
}
.lux-sell-step-grid article>span{width:28px!important;height:28px!important;margin-bottom:15px!important;font-size:10px!important}
.lux-sell-step-grid h3{margin-bottom:7px!important}
.lux-sell-step-grid p{margin-top:8px!important;font-size:12.5px!important;line-height:1.58!important}
.lux-sell-benefits{padding-top:48px!important;padding-bottom:48px!important}
.lux-sell-benefit-grid li{padding:16px 18px 16px 35px!important;font-size:12.5px!important}
.lux-sell-faq{padding-top:50px!important}
.lux-sell-accordion summary{padding:17px 0!important;font-family:var(--lux-font-heading)!important;font-size:16px!important;line-height:1.4!important}
.lux-sell-accordion details>div{padding:0 44px 17px 0!important}
.lux-sell-accordion p{font-size:14px!important;line-height:1.65!important}
.lux-sell-ready{padding-top:50px!important;padding-bottom:56px!important}
.lux-sell-ready-copy{margin-bottom:26px!important}
.lux-sell-ready-copy>p:first-child{margin-bottom:9px!important}
.lux-sell-ready-copy p:not(:first-child){margin-top:10px!important;font-size:14px!important;line-height:1.62!important}
.lux-sell-form{padding:28px 30px!important;border:1px solid var(--lux-line)!important;background:var(--lux-paper)!important}
.lux-sell-form-grid{gap:18px 20px!important}
.lux-sell-form label,.lux-sell-form legend{font-size:10px!important;letter-spacing:.11em!important}
.lux-sell-option-field label{padding:14px!important;border-color:var(--lux-line)!important;background:var(--lux-surface)!important}
.lux-sell-option-field strong{font-family:var(--lux-font-heading)!important;font-size:15px!important}

/* Layaway — one controlled page system */
.lux-layaway-main{background:var(--lux-paper)!important}
.layaway-page.lux-layaway-v2{
  width:min(1180px,calc(100% - (var(--lux-gutter) * 2)))!important;
  padding:48px 0 70px!important;
}
.lux-layaway-hero{
  padding:42px 44px 39px!important;
  border-top:1px solid var(--lux-line)!important;
  border-bottom:1px solid var(--lux-line)!important;
  background:linear-gradient(135deg,var(--lux-surface) 0%,var(--lux-paper) 68%,var(--lux-surface-2) 100%)!important;
}
.lux-layaway-v2 .lux-layaway-hero h1{
  max-width:820px!important;
  white-space:normal!important;
}
.lux-layaway-ornament{margin:16px auto 16px!important}
.lux-layaway-lead{max-width:650px!important;margin-bottom:10px!important;font-size:15.5px!important;line-height:1.58!important}
.lux-layaway-copy{max-width:720px!important;font-size:14px!important;line-height:1.66!important}
.lux-layaway-highlights{margin-top:22px!important;font-size:10.5px!important;letter-spacing:.1em!important}
.lux-layaway-section{margin-top:54px!important}
.lux-layaway-section-title{gap:18px!important;margin-bottom:23px!important}
.lux-layaway-v2 .lux-layaway-section-title h2,
.lux-layaway-v2 .lux-layaway-help h2{
  font-family:var(--lux-font-heading)!important;
  font-size:12px!important;
  line-height:1.35!important;
  letter-spacing:.17em!important;
  text-transform:uppercase!important;
}
.lux-layaway-cards{gap:12px!important}
.lux-layaway-cards article{min-height:252px!important;padding:24px 18px 22px!important;border-color:var(--lux-line)!important}
.lux-layaway-cards h3{font-size:17px!important}
.lux-layaway-cards p{font-size:12.5px!important;line-height:1.58!important}
.lux-layaway-payment-panel{border-color:var(--lux-line)!important;background:var(--lux-surface)!important}
.lux-layaway-shop-cta{margin-top:50px!important}
.lux-layaway-help{margin-top:50px!important}

/* Brands / categories */
.brands-page{padding-top:46px!important}
.brands-page>h1{margin-bottom:34px!important}
.brands-page>h2{margin:48px 0 20px!important}
.major-brand-grid{gap:10px!important}
.brands-page .major-tile{
  min-height:72px!important;
  border:0!important;
  border-radius:0!important;
  background:var(--lux-surface-2)!important;
  color:var(--lux-ink)!important;
  box-shadow:none!important;
  font-family:var(--lux-font-heading)!important;
  font-size:15px!important;
  font-weight:400!important;
}
.brands-page .major-tile:hover{background:#f0e8dc!important;color:var(--lux-gold-deep)!important}
.all-brands-list{columns:5!important;column-gap:34px!important}
.all-brands-list a{
  padding:6px 0!important;
  border-bottom:1px solid rgba(228,221,211,.75)!important;
  color:var(--lux-text)!important;
  font-size:13px!important;
  break-inside:avoid;
}
/* Brands & Categories: five clean tabs and one in-flow panel. */
.department-tree{display:block!important;margin:0 0 32px!important}
.department-tabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}
.department-tab{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 42px!important;
  min-height:68px!important;
  border:0!important;
  border-radius:0!important;
  background:var(--lux-surface-2)!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.department-tab::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-1px;
  width:0;
  height:1px;
  background:var(--lux-gold);
  transform:translateX(-50%);
  transition:width var(--lux-transition);
}
.department-tab:hover::after,.department-tab.open::after,.department-tab:focus-within::after{width:100%}
.department-main,.department-mystery-link{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  padding:15px 18px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--lux-ink)!important;
  font-family:var(--lux-font-heading)!important;
  font-size:17px!important;
  font-weight:400!important;
  line-height:1.28!important;
}
.department-main:hover,.department-mystery-link:hover{background:transparent!important;color:var(--lux-gold-deep)!important;transform:none!important}
.department-toggle{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  min-width:42px!important;
  min-height:68px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--lux-gold-deep)!important;
  cursor:pointer!important;
}
.department-toggle span{display:block!important;font-size:18px!important;line-height:1!important;transition:transform var(--lux-transition)!important}
.department-toggle[aria-expanded="true"] span{transform:rotate(180deg)!important}
.department-mystery-link{grid-template-columns:1fr!important}
.department-panels{display:block!important;min-height:0!important}
.department-children{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  display:grid!important;
  width:100%!important;
  max-width:none!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:4px 32px!important;
  margin:22px 0 0!important;
  padding:20px 0 6px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.department-children[hidden]{display:none!important}
.department-children a{
  position:relative!important;
  padding:8px 0!important;
  border:0!important;
  background:transparent!important;
  color:var(--lux-text)!important;
  font-family:var(--lux-font-body)!important;
  font-size:13.5px!important;
  line-height:1.4!important;
}
.department-children a::before{content:none!important;display:none!important}
.department-children a:hover{background:transparent!important;color:var(--lux-gold-deep)!important}

/* Category flyout baseline: the legacy compatibility layer used absolute flyouts.
   Keep the current five-tab design fully in-flow and visibly responsive to hover. */
.brands-page .department-tree .department-children,
.brands-page .department-tree .department-children:nth-child(n){
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  width:100%!important;
  max-width:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.brands-page .department-tree .department-children a,
.brands-page .department-tree .department-children a:nth-child(n){
  padding:8px 0!important;
  border:0!important;
  border-bottom:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.brands-page .department-tab{transition:background-color var(--lux-transition)!important}
.brands-page .department-tab:hover,
.brands-page .department-tab:focus-within,
.brands-page .department-tab.open{background:var(--lux-surface)!important}
.brands-page .department-tab:hover .department-main,
.brands-page .department-tab:focus-within .department-main,
.brands-page .department-tab.open .department-main{color:var(--lux-gold-deep)!important}

/* FAQ stays editorial but compact; no oversized question blocks. */
.simple-page-faqs{width:min(900px,calc(100% - (var(--lux-gutter) * 2)))!important}
.simple-page-faqs .info-card{margin:10px 0!important;padding:14px 18px!important;border-radius:0!important}
.simple-page-faqs .info-card h3{margin:0 0 6px!important;font-family:var(--lux-font-heading)!important;font-size:16px!important;font-weight:400!important;line-height:1.35!important;letter-spacing:0!important}
.simple-page-faqs .info-card p{margin:0!important;font-size:14px!important;line-height:1.58!important}

/* Reviews */
.test-hero{padding-top:46px!important;padding-bottom:26px!important}
.featured-grid{gap:16px!important}
.featured-card,.feed-column,.feed-item{
  border-color:var(--lux-line)!important;
  border-radius:0!important;
  background:var(--lux-paper)!important;
  box-shadow:none!important;
}
.featured-card,.feed-column{padding:24px!important}
.feed-item p,.featured-card p{font-size:14px!important;line-height:1.62!important}

/* Gift / blog / 404 */
.gift-page{padding:46px var(--lux-gutter) 12px!important}
.gift-layout{border-radius:0!important;border-color:var(--lux-line)!important;box-shadow:none!important}
.gift-layout .gift-copy p{font-family:var(--lux-font-body)!important;font-size:15px!important;line-height:1.7!important}
.blog-hero{padding-top:46px!important;padding-bottom:24px!important}
.blog-article{padding-top:42px!important}
.blog-article .entry-content{font-size:16px!important;line-height:1.75!important}
.empty-state,.simple-wrap .empty-state{border-radius:0!important;box-shadow:none!important}

/* Footer */
.compact-footer{
  margin-top:54px!important;
  background:#e6dbc6!important;
  color:#3f372f!important;
}
.footer-inner{
  width:min(var(--lux-container),calc(100% - (var(--lux-gutter) * 2)))!important;
  max-width:none!important;
  padding:42px 0 28px!important;
  gap:28px!important;
}
.footer-brand img{max-width:190px!important;margin-bottom:10px!important}
.footer-tagline{font-size:12.5px!important;line-height:1.55!important}
.compact-footer h4{margin-bottom:11px!important;font-size:10px!important;font-weight:500!important;letter-spacing:.13em!important}
.compact-footer a{padding:3px 0!important;font-size:12.5px!important;line-height:1.45!important}
.footer-social{gap:9px!important;margin-top:11px!important}
.footer-social a{width:30px!important;height:30px!important;border-radius:50%!important}
.footer-bottom{padding:14px var(--lux-gutter)!important;font-size:11px!important}

@media(max-width:1050px){
  .official-logo{width:225px!important;height:82px!important}
  .main-nav-row{padding-left:20px!important;padding-right:20px!important}
  .main-nav-row nav{gap:18px!important}
  .main-nav-row nav>a,.main-nav-row .has-dropdown>a{font-size:11px!important}
}

@media(max-width:900px){
  .header-top{padding:7px 0 2px!important}
  .official-logo{width:205px!important;height:76px!important}
  .main-nav-row{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) auto!important;
    min-height:52px!important;
    padding:5px 14px 8px!important;
  }
  .mobile-menu{display:flex!important;grid-column:1!important}
  .main-nav-row nav{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:100%!important;
    z-index:90!important;
    display:none!important;
    padding:14px 20px 22px!important;
    background:var(--lux-paper)!important;
    border-top:1px solid var(--lux-line)!important;
    border-bottom:1px solid var(--lux-line)!important;
  }
  .main-nav-row nav.open{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .main-nav-row nav>a,.main-nav-row .has-dropdown>a{display:block!important;padding:10px 0!important;font-size:12px!important}
  .right-cluster{grid-column:3!important;justify-self:end!important;position:static!important;transform:none!important}
  .inline-search{
    position:absolute!important;
    left:14px!important;
    right:14px!important;
    top:100%!important;
    z-index:95!important;
  }
  .inline-search.open{width:auto!important;padding:10px 0!important;background:var(--lux-paper)!important}
  .inline-search input{width:100%!important}
  .dropdown{
    position:static!important;
    display:none!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
    margin:4px 0 8px!important;
    padding:16px!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    box-shadow:none!important;
  }
  .has-dropdown.open .dropdown,.has-dropdown:focus-within .dropdown{display:grid!important}
  .has-dropdown:hover .dropdown{transform:none!important}
  .hero-copy{left:5%!important;max-width:56%!important}
  .hero-copy h1{font-size:30px!important;white-space:normal!important}
  .lux-sell-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .lux-layaway-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .all-brands-list{columns:3!important}
  .footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:760px){
  .hero-copy{max-width:68%!important}
  .hero-copy h1{font-size:27px!important}
  .stats-bar{grid-template-columns:1fr 1fr!important}
  .lux-sell-hero{padding:38px 0 36px!important}
  .lux-sell-section{padding:42px 0!important}
  .lux-sell-option-grid,.lux-sell-step-grid,.lux-sell-form-grid,.lux-sell-option-field{grid-template-columns:1fr!important}
  .lux-sell-option-grid article,.lux-sell-step-grid article{padding:22px 20px!important}
  .lux-sell-benefits,.lux-sell-faq,.lux-sell-ready{padding-top:42px!important;padding-bottom:42px!important}
  .lux-sell-form{padding:23px 19px!important}
  .layaway-page.lux-layaway-v2{padding:36px 0 52px!important}
  .lux-layaway-hero{padding:34px 20px 31px!important}
  .lux-layaway-section{margin-top:44px!important}
  .lux-layaway-cards{grid-template-columns:1fr!important}
  .lux-layaway-cards article{min-height:0!important}
  .all-brands-list{columns:2!important}
  .lux-about-copy-grid,.lux-about-services{grid-template-columns:1fr!important}
  .footer-inner{padding-top:34px!important}
}

@media(max-width:480px){
  .official-logo{width:185px!important;height:70px!important}
  .header-icons{gap:12px!important}
  .hero-copy{left:20px!important;right:20px!important;max-width:none!important;top:6%!important}
  .hero-copy h1{font-size:25px!important}
  .hero-copy .sub{font-size:18px!important}
  .all-brands-list{columns:1!important}
  .footer-inner{grid-template-columns:1fr!important}
}
.lux-sell-form .field-help.is-error{color:var(--lux-error)!important;font-weight:500!important}
.hero>picture{display:block;width:100%;height:100%}
.hero>picture>img{width:100%;height:100%;object-fit:cover}
.header-top picture,.footer-brand picture{display:block}


/* Editorial Blog cards: reliable images, concise excerpts and unified type. */
.legacy-blog-page{background:var(--lux-paper)!important}
.legacy-blog-hero{width:min(var(--lux-container),calc(100% - (var(--lux-gutter) * 2)))!important;max-width:none!important;padding:46px 0 34px!important;text-align:center!important}
.legacy-blog-hero .eyebrow{margin:0 0 9px!important}
.legacy-blog-hero h1{margin:0 0 24px!important;color:var(--lux-ink)!important;font-family:var(--lux-font-editorial)!important;font-size:var(--lux-h1)!important;font-weight:400!important;line-height:1.08!important;letter-spacing:-.012em!important;text-transform:none!important}
.legacy-blog-categories{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px 14px!important;width:100%!important;margin:0!important}
.legacy-blog-category-sep{color:var(--lux-gold-deep)!important;font-size:10px!important;line-height:1!important;opacity:.8!important}
.legacy-blog-categories a{position:relative!important;flex:0 0 auto!important;margin:0!important;padding:5px 0 7px!important;border:0!important;color:var(--lux-muted)!important;font-family:var(--lux-font-body)!important;font-size:11px!important;font-weight:500!important;letter-spacing:.09em!important;text-transform:uppercase!important;white-space:nowrap!important}
.legacy-blog-categories a::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;background:var(--lux-gold);transform:translateX(-50%);transition:width var(--lux-transition)}
.legacy-blog-categories a:hover::after,.legacy-blog-categories a.active::after{width:100%}
.legacy-blog-categories a.active{color:var(--lux-ink)!important}
.legacy-blog-grid{box-sizing:border-box!important;width:min(var(--lux-container),calc(100% - (var(--lux-gutter) * 2)))!important;max-width:none!important;margin:0 auto!important;padding:0 0 64px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:auto!important;align-items:stretch!important;column-gap:28px!important;row-gap:48px!important;overflow:visible!important}
.legacy-blog-card{display:flex!important;flex-direction:column!important;grid-column:auto!important;min-width:0!important;height:100%!important;margin:0!important;background:transparent!important;align-self:start!important;overflow:visible!important}
.legacy-blog-image{display:block!important;flex:0 0 auto!important;width:100%!important;aspect-ratio:4/3!important;overflow:hidden!important;background:var(--lux-surface)!important}
.legacy-blog-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:1!important;visibility:visible!important}
.legacy-blog-card-body{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-width:0!important;padding:16px 0 0!important}
.legacy-blog-date,.blog-article-date{display:block!important;margin:0 0 8px!important;color:var(--lux-gold-deep)!important;font-family:var(--lux-font-body)!important;font-size:10px!important;font-weight:500!important;line-height:1.3!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.legacy-blog-card h2{margin:0 0 9px!important;color:var(--lux-ink)!important;font-family:var(--lux-font-heading)!important;font-size:var(--lux-h3)!important;font-weight:400!important;line-height:1.34!important;letter-spacing:-.004em!important;overflow-wrap:anywhere!important}
.legacy-blog-card h2 a{color:inherit!important}
.legacy-blog-card p{margin:0 0 12px!important;color:var(--lux-text)!important;font-family:var(--lux-font-body)!important;font-size:13.5px!important;font-weight:300!important;line-height:1.6!important;overflow-wrap:anywhere!important}
.legacy-blog-more{display:inline-flex!important;align-items:center!important;gap:7px!important;margin-top:auto!important;padding-top:4px!important;color:var(--lux-gold-deep)!important;font-family:var(--lux-font-body)!important;font-size:10px!important;font-weight:500!important;letter-spacing:.1em!important;text-transform:uppercase!important}
.legacy-blog-more span{width:auto!important;border:0!important;font-size:16px!important;line-height:1!important}
.legacy-blog-pagination{width:min(var(--lux-container),calc(100% - (var(--lux-gutter) * 2)))!important;max-width:none!important;margin:0 auto!important;padding:0 0 62px!important}
.legacy-blog-pagination .page-numbers{border-radius:0!important;border-color:var(--lux-line)!important;background:transparent!important;color:var(--lux-text)!important}
.legacy-blog-pagination .current{border-color:var(--lux-gold)!important;background:var(--lux-gold)!important;color:#fff!important}
.blog-article-date{margin-top:14px!important}
.blog-article-image{margin:28px 0 32px!important;background:var(--lux-surface)!important}
.blog-article-image img{display:block!important;width:100%!important;max-height:680px!important;object-fit:contain!important}
@media(max-width:900px){
  .department-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .department-children{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .legacy-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:24px!important;row-gap:40px!important}
}
@media(max-width:620px){
  .department-tabs{grid-template-columns:1fr!important;gap:10px!important}
  .department-tab{min-height:58px!important}
  .department-toggle{min-height:58px!important}
  .department-children{grid-template-columns:1fr!important;margin-top:14px!important;padding-top:12px!important}
  .legacy-blog-hero{padding-top:36px!important;padding-bottom:28px!important}
  .legacy-blog-categories{gap:7px 10px!important}
  .legacy-blog-categories a{font-size:10px!important;letter-spacing:.07em!important}
  .legacy-blog-category-sep{font-size:9px!important}
  .legacy-blog-grid{display:grid!important;grid-template-columns:1fr!important;row-gap:34px!important;padding-bottom:44px!important}
  .legacy-blog-card{margin:0!important}
}

/* Compact, clearly visible interaction states. */
@media (min-width:901px){
  .main-nav-row nav>a,
  .main-nav-row .has-dropdown>a{
    transition:color .14s ease!important;
  }
  .main-nav-row nav>a::after,
  .main-nav-row .has-dropdown>a::after{
    height:2px!important;
    background:#a9784b!important;
  }
  .main-nav-row nav>a:hover,
  .main-nav-row nav>a:focus-visible,
  .main-nav-row nav>a.active,
  .main-nav-row .has-dropdown:hover>a,
  .main-nav-row .has-dropdown:focus-within>a,
  .main-nav-row .has-dropdown>a.active{
    color:#744b2b!important;
  }
  .dropdown{
    max-height:min(58vh,430px)!important;
    padding:17px 20px 18px!important;
  }
  .dd-col b{margin-bottom:6px!important;font-size:9.5px!important}
  .dd-col a{
    margin:0 -7px!important;
    padding:4px 7px!important;
    font-size:12.25px!important;
    line-height:1.28!important;
    transition:background-color .12s ease,color .12s ease!important;
  }
  .dd-col a:hover,
  .dd-col a:focus-visible{
    background:#eee0cf!important;
    color:#4e3422!important;
    outline:0!important;
  }
}

@media (max-width:900px){
  .main-nav-row nav>a:hover,
  .main-nav-row nav>a:focus-visible,
  .main-nav-row nav>a.active,
  .main-nav-row .has-dropdown>a:hover,
  .main-nav-row .has-dropdown>a:focus-visible,
  .main-nav-row .has-dropdown>a.active{
    color:#744b2b!important;
    background:#f3eadf!important;
  }
  .main-nav-row nav>a,
  .main-nav-row .has-dropdown>a{padding-left:8px!important;padding-right:8px!important}
  .dd-col a:hover,.dd-col a:focus-visible{background:#eee0cf!important;color:#4e3422!important}
}

/* Categories: stronger hover without frames or hairline separators. */
.department-tabs{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}
.department-tab,
.department-soap-link,
.department-mystery-link{transition:background-color .14s ease,color .14s ease!important}
.brands-page .department-tab:hover,
.brands-page .department-tab:focus-within,
.brands-page .department-tab.open,
.brands-page .department-soap-link:hover,
.brands-page .department-soap-link:focus-visible,
.brands-page .department-mystery-link:hover,
.brands-page .department-mystery-link:focus-visible{
  background:#e8d8c5!important;
  color:#3f2e22!important;
}
.department-tab::after{height:2px!important;background:#9f7045!important}
.department-main,.department-soap-link,.department-mystery-link{font-size:15.5px!important}
.department-soap-link,.department-mystery-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:13px 14px!important;
  text-align:center!important;
  font-family:var(--lux-font-heading)!important;
  font-weight:400!important;
  line-height:1.25!important;
}
.brands-page .department-tree .department-children a,
.brands-page .department-tree .department-children a:nth-child(n){
  margin:2px 0!important;
  padding:6px 8px!important;
  border:0!important;
  transition:background-color .12s ease,color .12s ease!important;
}
.brands-page .department-tree .department-children a:hover,
.brands-page .department-tree .department-children a:focus-visible,
.brands-page .department-tree .department-children a:nth-child(n):hover,
.brands-page .department-tree .department-children a:nth-child(n):focus{
  background:#f0e5d8!important;
  color:#4b3322!important;
  outline:0!important;
}
.brands-page .all-brands-list a:hover,
.brands-page .all-brands-list a:focus-visible{
  background:#f2e8dc!important;
  color:#4b3322!important;
  border-bottom-color:transparent!important;
  outline:0!important;
}

/* Contact — editorial hierarchy and a controlled form width. */
.lux-contact-page{background:var(--lux-paper)!important}
.lux-contact-wrap{width:min(880px,calc(100% - (var(--lux-gutter) * 2)))!important;max-width:none!important;padding-top:48px!important}
.lux-contact-wrap>h1{margin-bottom:18px!important}
.lux-contact-intro{max-width:690px!important;margin-bottom:24px!important}
.lux-contact-intro h2,.lux-contact-sourcing h2{
  margin:0 0 8px!important;
  font-family:var(--lux-font-heading)!important;
  font-size:23px!important;
  font-weight:400!important;
  line-height:1.25!important;
}
.lux-contact-intro p,.lux-contact-sourcing p{margin:0!important;font-size:14px!important;line-height:1.65!important}
.lux-contact-page .mail-form.info-card{
  width:100%!important;
  margin:0!important;
  padding:22px!important;
  border:1px solid var(--lux-line)!important;
  border-radius:0!important;
  background:var(--lux-surface)!important;
  box-shadow:none!important;
}
.lux-contact-page .form-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:14px 16px!important;
  width:100%!important;
}
.lux-contact-page .form-grid>div{min-width:0!important}
.lux-contact-page .form-grid .full{grid-column:1/-1!important}
.lux-contact-page input,.lux-contact-page textarea{width:100%!important;box-sizing:border-box!important}
.lux-contact-page textarea{min-height:150px!important}
.lux-contact-sourcing{
  max-width:690px!important;
  margin:34px 0 0!important;
  padding-top:24px!important;
  border-top:1px solid var(--lux-line)!important;
}
.lux-contact-response{margin-top:10px!important;color:var(--lux-gold-deep)!important;font-size:12.5px!important;font-weight:500!important;letter-spacing:.025em!important}

/* Layaway — quieter editorial presentation; terms and payment rules are unchanged. */
.layaway-page.lux-layaway-v2{width:min(1080px,calc(100% - (var(--lux-gutter) * 2)))!important;padding:44px 0 64px!important}
.lux-layaway-hero{
  padding:28px 0 30px!important;
  border-top:0!important;
  border-bottom:1px solid var(--lux-line)!important;
  background:transparent!important;
  text-align:left!important;
}
.lux-layaway-kicker{
  margin:0 0 8px!important;
  color:var(--lux-gold-deep)!important;
  font-size:10px!important;
  font-weight:500!important;
  letter-spacing:.16em!important;
}
.lux-layaway-v2 .lux-layaway-hero h1{margin:0 0 12px!important;max-width:none!important;font-size:clamp(34px,4vw,48px)!important}
.lux-layaway-ornament{display:none!important}
.lux-layaway-lead,.lux-layaway-copy{margin-left:0!important;margin-right:0!important;text-align:left!important}
.lux-layaway-lead{max-width:720px!important;font-size:16px!important}
.lux-layaway-copy{max-width:790px!important;font-size:13.5px!important}
.lux-layaway-highlights{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px 20px!important;
  justify-content:flex-start!important;
  margin-top:18px!important;
  color:#4f4035!important;
}
.lux-layaway-section{margin-top:42px!important}
.lux-layaway-section-title{justify-content:flex-start!important;gap:12px!important;margin-bottom:18px!important}
.lux-layaway-section-title>span{display:none!important}
.lux-layaway-v2 .lux-layaway-section-title h2,.lux-layaway-v2 .lux-layaway-help h2{font-size:11px!important;letter-spacing:.15em!important}
.lux-layaway-cards{gap:10px!important}
.lux-layaway-cards article{
  min-height:210px!important;
  padding:20px 17px!important;
  border:1px solid var(--lux-line)!important;
  border-radius:0!important;
  background:var(--lux-paper)!important;
  box-shadow:none!important;
}
.lux-layaway-cards svg{width:30px!important;height:30px!important}
.lux-layaway-cards h3{font-size:15.5px!important}
.lux-layaway-cards p{font-size:12.25px!important}
.lux-layaway-payment-panel{padding:24px!important;border-radius:0!important;box-shadow:none!important}
.lux-layaway-accordion details{border-radius:0!important;box-shadow:none!important}
.lux-layaway-shop-cta,.lux-layaway-help{margin-top:38px!important}

/* Mobile hero: keep copy on the left side of the photograph and off the model. */
@media(max-width:620px){
  .hero-copy{
    left:18px!important;
    right:auto!important;
    top:7%!important;
    max-width:46%!important;
  }
  .hero-copy h1{font-size:20px!important;line-height:1.12!important}
  .hero-copy .sub{margin-top:5px!important;font-size:13.5px!important;line-height:1.18!important}
  .hero-copy .btn{
    min-height:36px!important;
    margin-top:11px!important;
    padding:7px 14px!important;
    font-size:9.5px!important;
    letter-spacing:.09em!important;
  }
  .department-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .lux-contact-wrap{padding-top:36px!important}
  .lux-contact-page .form-grid{grid-template-columns:1fr!important}
  .lux-contact-page .form-grid .full{grid-column:1!important}
  .lux-contact-page .mail-form.info-card{padding:18px 16px!important}
  .lux-layaway-hero{padding-top:20px!important}
  .lux-layaway-v2 .lux-layaway-hero h1{font-size:31px!important}
  .lux-layaway-highlights{gap:6px 13px!important}
  .lux-layaway-payment-panel{padding:18px!important}
}
@media(min-width:621px) and (max-width:900px){
  .department-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Customer photos and videos belong to their written reviews. */
.review-stories{width:min(1240px,calc(100% - 48px));margin:22px auto 42px}
.review-stories-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 18px}
.review-stories-head h2{margin:0!important;font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif!important;font-size:30px!important;font-weight:400!important;line-height:1.1!important;letter-spacing:-.01em!important}
.review-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.review-story-card{min-width:0;overflow:hidden;border:1px solid rgba(82,62,43,.13);background:#fffdf9;box-shadow:0 8px 22px rgba(67,48,31,.035)}
.review-story-copy{padding:18px 20px 16px}
.review-story-copy p{margin:0!important;color:#302923!important;font-family:"DM Sans","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif!important;font-size:13.5px!important;font-weight:400!important;line-height:1.58!important}
.review-story-copy .who{margin-top:10px;color:#8a6545!important;font-size:10.5px!important;line-height:1.35!important;letter-spacing:.06em!important}
.review-story-media{display:grid;grid-template-columns:1fr;gap:1px;background:#eee8df;border-top:1px solid rgba(82,62,43,.10)}
.review-story-media--multi{grid-template-columns:repeat(2,minmax(0,1fr))}
.review-story-media img,.review-story-media video{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:#f8f5f0}
.review-story-media video{min-height:240px}
@media(max-width:760px){
  .review-stories{width:calc(100% - 28px);margin-top:16px}
  .review-stories-head h2{font-size:26px!important}
  .review-story-grid{grid-template-columns:1fr;gap:14px}
  .review-story-copy{padding:16px 17px 14px}
  .review-story-copy p{font-size:13px!important}
  .review-story-media--multi{grid-template-columns:1fr}
  .review-story-media img,.review-story-media video{max-height:none}
}

/* SHOP type size matches the neighboring menu items. */
.main-nav-row nav .has-dropdown > a.nav-link{
  font-family:var(--lux-font-body)!important;
  font-size:12px!important;
  font-weight:300!important;
  line-height:1.2!important;
  letter-spacing:.105em!important;
}
@media(max-width:1050px){
  .main-nav-row nav .has-dropdown > a.nav-link{font-size:11px!important}
}
@media(max-width:900px){
  .main-nav-row nav .has-dropdown > a.nav-link{font-size:12px!important}
}

/* Luxurylana Soap sits beside Mystery Box in Categories; both plaques use one color. */
.brands-page .department-soap-link,
.brands-page .department-mystery-link{
  background:var(--lux-surface-2)!important;
  color:var(--lux-ink)!important;
}
.brands-page .department-soap-link:hover,
.brands-page .department-soap-link:focus-visible,
.brands-page .department-mystery-link:hover,
.brands-page .department-mystery-link:focus-visible{
  background:#e8d8c5!important;
  color:#3f2e22!important;
}

/* Compact Categories flyout with stable page height. */
@media (min-width:901px){
  .brands-page .department-tree{
    position:relative!important;
  }
  .brands-page .department-panels{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:158px!important;
    min-height:158px!important;
    margin:10px 0 0!important;
    padding:0!important;
  }
  .brands-page .department-tree .department-children,
  .brands-page .department-tree .department-children:nth-child(n){
    position:absolute!important;
    top:0!important;
    left:50%!important;
    right:auto!important;
    z-index:40!important;
    width:min(720px,calc(100% - 32px))!important;
    max-width:720px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:2px 22px!important;
    margin:0!important;
    padding:14px 18px 15px!important;
    border:0!important;
    border-radius:0!important;
    background:#fffdf9!important;
    box-shadow:0 12px 28px rgba(64,45,28,.09)!important;
    transform:translateX(-50%)!important;
  }
  .brands-page .department-tree .department-children[hidden]{
    display:none!important;
  }
  .brands-page .department-tree .department-children a,
  .brands-page .department-tree .department-children a:nth-child(n){
    min-height:30px!important;
    margin:0!important;
    padding:6px 8px!important;
    border:0!important;
    background:transparent!important;
    font-size:12.5px!important;
    line-height:1.35!important;
  }
  .brands-page .department-tree .department-children a:hover,
  .brands-page .department-tree .department-children a:focus-visible,
  .brands-page .department-tree .department-children a:nth-child(n):hover,
  .brands-page .department-tree .department-children a:nth-child(n):focus{
    background:#eee0cf!important;
    color:#4e3422!important;
  }
}

/* Smaller, orderly customer-review proof gallery. */
@media (min-width:1051px){
  .review-story-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .review-story-copy{padding:15px 16px 13px!important}
  .review-story-copy p{font-size:12.5px!important;line-height:1.5!important}
  .review-story-copy .who{margin-top:8px!important;font-size:10px!important}
  .review-story-media img,
  .review-story-media video{
    width:100%!important;
    height:300px!important;
    max-height:300px!important;
    object-fit:contain!important;
  }
  .review-story-media video{min-height:0!important}
}
@media (min-width:761px) and (max-width:1050px){
  .review-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .review-story-media img,
  .review-story-media video{height:300px!important;max-height:300px!important;object-fit:contain!important}
  .review-story-media video{min-height:0!important}
}
@media (max-width:760px){
  .review-story-media img,
  .review-story-media video{width:100%!important;height:auto!important;max-height:460px!important;object-fit:contain!important}
  .review-story-media video{min-height:0!important}
}

/* Categories now behaves like the primary SHOP dropdown on desktop:
   hover/focus opens a compact overlay below the active tab; page height never changes. */
@media (min-width:901px){
  .brands-page .department-tree{
    position:relative!important;
    margin-bottom:32px!important;
  }
  .brands-page .department-panels{
    position:absolute!important;
    top:100%!important;
    left:0!important;
    right:0!important;
    z-index:80!important;
    display:block!important;
    width:100%!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    pointer-events:none!important;
  }
  .brands-page .department-tree .department-children,
  .brands-page .department-tree .department-children:nth-child(n){
    position:absolute!important;
    top:0!important;
    left:var(--lux-category-flyout-left,260px)!important;
    right:auto!important;
    z-index:81!important;
    display:grid!important;
    width:min(520px,calc(100vw - 48px))!important;
    max-width:520px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:2px 24px!important;
    margin:0!important;
    padding:22px 28px 24px!important;
    border:0!important;
    border-radius:0!important;
    background:var(--lux-paper)!important;
    box-shadow:0 18px 40px rgba(42,33,24,.11)!important;
    transform:translateX(-50%)!important;
    pointer-events:auto!important;
  }
  .brands-page .department-tree .department-children[hidden]{
    display:none!important;
  }
  .brands-page .department-tree .department-children a,
  .brands-page .department-tree .department-children a:nth-child(n){
    min-height:0!important;
    margin:0!important;
    padding:5px 8px!important;
    border:0!important;
    background:transparent!important;
    color:var(--lux-ink)!important;
    font-family:var(--lux-font-body)!important;
    font-size:13px!important;
    font-weight:400!important;
    line-height:1.45!important;
  }
  .brands-page .department-tree .department-children a:hover,
  .brands-page .department-tree .department-children a:focus-visible,
  .brands-page .department-tree .department-children a:nth-child(n):hover,
  .brands-page .department-tree .department-children a:nth-child(n):focus{
    background:var(--lux-panel)!important;
    color:var(--lux-accent-deep)!important;
  }
}

/* Storefront alignment and interaction safeguards. */
@media (min-width:901px){
  /* Categories: each flyout starts directly below the tile being hovered. */
  .brands-page .department-tree .department-children,
  .brands-page .department-tree .department-children:nth-child(n){
    left:var(--lux-category-flyout-left-edge,0px)!important;
    width:min(440px,calc(100vw - 48px))!important;
    max-width:440px!important;
    transform:none!important;
    padding:18px 20px 20px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:2px 14px!important;
    border:1px solid rgba(143,105,65,.18)!important;
    background:#fffdf9!important;
    box-shadow:0 14px 32px rgba(58,42,27,.13)!important;
  }
  .brands-page .department-tab:hover,
  .brands-page .department-tab.open,
  .brands-page .department-tab:focus-within{
    background:#e6d3ba!important;
    color:#4e3422!important;
    box-shadow:inset 0 -2px 0 #9b6f3f!important;
  }
  .brands-page .department-tab:hover .department-main,
  .brands-page .department-tab.open .department-main,
  .brands-page .department-tab:focus-within .department-main,
  .brands-page .department-tab:hover .department-toggle,
  .brands-page .department-tab.open .department-toggle{
    color:#4e3422!important;
  }
  .brands-page .department-tree .department-children a:hover,
  .brands-page .department-tree .department-children a:focus-visible,
  .brands-page .department-tree .department-children a:nth-child(n):hover,
  .brands-page .department-tree .department-children a:nth-child(n):focus{
    background:#e6d3ba!important;
    color:#3f2b1d!important;
  }

  /* Checkout: keep the upper checkout area aligned to the left, not centered. */
  body.woocommerce-checkout .simple-wrap.wide.woo-page{
    margin-left:0!important;
    margin-right:auto!important;
  }

  /* Sell page: these two lines remain single-line on desktop. */
  .lux-sell-page .lux-sell-ready-copy{
    width:100%!important;
    max-width:1240px!important;
  }
  .lux-sell-page .lux-sell-ready-copy p:not(:first-child){
    white-space:nowrap!important;
  }
}

/* Footer column headings: restore normal readable size. */
.compact-footer h4{
  font-size:12px!important;
  line-height:1.35!important;
  letter-spacing:.11em!important;
}


/* Compact Layaway Shop Now and help row. */
.lux-layaway-v2 .lux-layaway-shop-cta a{
  display:inline-flex!important;
  width:auto!important;
  min-width:154px!important;
  min-height:44px!important;
  padding:12px 24px!important;
  font-size:12px!important;
  letter-spacing:.18em!important;
}
.lux-layaway-v2 .lux-layaway-help{
  grid-template-columns:minmax(0,1fr) auto!important;
}
@media(max-width:980px){
  .lux-layaway-v2 .lux-layaway-shop-cta a{
    width:auto!important;
    min-width:154px!important;
    min-height:44px!important;
    padding:12px 24px!important;
    font-size:12px!important;
  }
  .lux-layaway-v2 .lux-layaway-help{
    grid-template-columns:1fr!important;
  }
}


/* Layaway help: compact editorial support row. */
.lux-layaway-v2 .lux-layaway-help{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  margin-top:30px!important;
  padding:17px 20px!important;
}
.lux-layaway-v2 .lux-layaway-help-copy{
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:7px 18px!important;
  min-width:0!important;
}
.lux-layaway-v2 .lux-layaway-help-copy h2,
.lux-layaway-v2 .lux-layaway-help-copy p{
  margin:0!important;
}
.lux-layaway-v2 .lux-layaway-help-copy p{
  font-size:12.5px!important;
  line-height:1.45!important;
}
.lux-layaway-v2 .lux-layaway-help>a{
  flex:0 0 auto!important;
  min-width:142px!important;
  padding:11px 18px!important;
}
@media(max-width:680px){
  .lux-layaway-v2 .lux-layaway-help{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:13px!important;
    padding:18px!important;
  }
  .lux-layaway-v2 .lux-layaway-help-copy{
    display:block!important;
  }
  .lux-layaway-v2 .lux-layaway-help-copy p{
    margin-top:6px!important;
  }
  .lux-layaway-v2 .lux-layaway-help>a{
    width:auto!important;
    min-width:142px!important;
  }
}
