/* Owner's navigation and collection update. */
.announcement{height:auto;line-height:1.4}
.announcement-inner{max-width:1320px;min-height:34px;margin:auto;display:flex;align-items:center;justify-content:center;gap:16px;padding:0 24px}
.announcement .announcement-extra{margin-left:0;color:inherit}
.announcement-cart,.mobile-brand-logo{display:none}
.main-nav{gap:20px;white-space:nowrap}
.footer-mark small{display:block;margin-top:6px}
.home-hero h1{font-size:clamp(37px,3.9vw,57px);line-height:1.16;letter-spacing:-.04em}
.home-hero{padding-bottom:24px}
.collection-section.section-pad{padding-top:44px}
.collection-action{margin-top:32px;display:flex;justify-content:flex-start}
.collection-action .button{min-width:225px;justify-content:space-between;box-shadow:0 6px 18px #515e4914}
.maru-card .maru-caption{padding:10px 10px 0}
.maru-card .maru-actions{border:0;margin:0;padding:0;gap:5px 10px}
.maru-card .maru-catalog{margin-right:auto}
.info-panel{outline-offset:8px}
.info-heading{border-bottom:1px solid rgba(37,34,30,.18);margin-bottom:48px;display:flex}
.info-heading h2{font:400 13px Manrope,system-ui,sans-serif;margin:0 0 -1px;padding:0 0 16px;border-bottom:1px solid var(--ink)}
.info-columns h3{font:500 42px/1.05 'Playfair Display',serif;margin:0}
.info-panel+.info-panel{margin-top:44px}
#product-info{scroll-margin-top:100px}
.info-panel .info-columns>div>p:first-child{margin-top:0}
.info-panel .info-links{margin-top:24px;display:flex;gap:24px;flex-wrap:wrap}
.palette-copy{font-family:Manrope,system-ui,sans-serif;font-size:18px;line-height:1.7;margin:0 0 28px}
.palette-photo-link{display:block}
.content-page-photo img{border-radius:18px}
.checkout-summary .delivery-summary{font-size:12px;line-height:1.7;margin-top:22px}
.checkout-summary .delivery-summary h2{font:600 13px Manrope,system-ui,sans-serif}
.checkout-summary .delivery-summary p{margin:0 0 12px}
.checkout-line{gap:16px}
.checkout-line>span,.confirmation-item>span{min-width:0;overflow-wrap:anywhere}
.checkout-line>strong,.confirmation-item>strong{white-space:nowrap;flex-shrink:0}
.order-terms-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;margin:18px 0}
.order-terms-links a{text-decoration:underline;text-underline-offset:4px}
.promo-box{padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0}
.promo-box label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}
.promo-input-row{display:flex;gap:8px;align-items:stretch}
.promo-input-row input{width:100%;min-width:0;padding:12px;border:1px solid #b6baa8;border-radius:8px;background:#fffdf8;font:400 13px Manrope,system-ui,sans-serif;color:var(--ink)}
.promo-input-row button{flex:none;padding:12px 14px;border:1px solid #424f38;border-radius:8px;background:#424f38;color:#fffdf8;font:500 12px Manrope,system-ui,sans-serif;cursor:pointer}
.promo-box button:disabled{opacity:.6;cursor:wait}
.promo-input-row input:focus-visible,.promo-box button:focus-visible{outline:2px solid #687855;outline-offset:3px}
.promo-applied{display:flex;align-items:center;gap:12px;justify-content:space-between}
.promo-applied>div{min-width:0;overflow-wrap:anywhere}
.promo-applied strong{font-size:13px}.promo-applied small{display:block;margin:5px 0 0 24px;font-size:12px}
.promo-check{display:inline-block;color:#424f38;margin-right:9px;font-weight:700}
.promo-remove{border:0;background:none;padding:6px 0;color:#586248;font:400 12px Manrope,system-ui,sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.promo-feedback p{font-size:12px;line-height:1.6;margin:10px 0 0}
.promo-success{color:#3e5832}.promo-error{color:#9a3426;font-size:12px;line-height:1.6}
.order-price-breakdown{margin:22px 0 26px;font-size:13px}
.order-price-breakdown>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:12px 0}
.order-price-breakdown strong{white-space:nowrap}
.discount-row{color:#3e5832}
.order-price-breakdown .order-price-total{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:15px;flex-wrap:wrap}
.order-price-total strong{font-size:22px;letter-spacing:-.03em}
@media(max-width:370px){.promo-input-row{flex-wrap:wrap}.promo-input-row button{width:100%}.order-price-total strong{font-size:20px}.order-price-breakdown .order-price-total{flex-wrap:wrap}}
@media(min-width:1101px) and (max-width:1280px){.header-inner{gap:20px}.main-nav{gap:17px}.header-actions .phone-link{display:none}}
@media(max-width:1100px){
  .announcement{padding:0;letter-spacing:.05em}
  .announcement-inner{justify-content:space-between;min-height:44px;padding:0 20px;gap:12px}
  .announcement-copy{font-size:9px;line-height:1.6;text-align:left}
  .announcement-cart{display:flex;align-items:center;gap:7px;min-height:44px;flex-shrink:0;color:#faf8f3;font-family:Manrope,system-ui,sans-serif;font-size:10px;letter-spacing:0;text-transform:none}
  .announcement .announcement-cart span{margin:0;color:inherit}
  .announcement-cart b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border:1px solid #ced5c075;border-radius:50%;font-weight:500;line-height:1}
  .site-header{height:80px}
  .header-inner{gap:14px;padding:0 20px}
  .mobile-brand-logo{display:block;width:56px;height:56px;flex:none}
  .mobile-brand-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
  .header-inner>.wordmark{margin-right:auto}
  .header-actions{display:none}
  .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;padding:8px;flex:none;margin-left:auto}
  .menu-toggle span{width:25px;margin:0;transition:transform .2s}
  .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .main-nav{position:absolute;left:0;right:0;top:80px;display:grid;gap:0;background:var(--paper);border-bottom:1px solid var(--line);padding:0 24px;max-height:0;overflow:hidden;visibility:hidden;transition:max-height .25s,padding .25s,visibility .25s}
  .main-nav.is-open{max-height:min(450px,calc(100dvh - 130px));padding:12px 24px 20px;overflow-y:auto;visibility:visible;box-shadow:0 18px 24px #33392f0c}
  .main-nav a{display:block;padding:13px 0;font-size:14px;border-bottom:1px solid var(--line)}
  .main-nav a:last-child{border:0}
}
@media(max-width:640px){
  .page-intro.compact h1{font-size:clamp(36px,10vw,56px);overflow-wrap:anywhere}
  .announcement-inner{padding:0 16px;gap:10px}
  .announcement-copy{font-size:8px;max-width:230px}
  .announcement-extra{display:none}
  .header-inner{padding:0 16px;gap:12px}
  .header-inner>.wordmark span{font-size:20px}
  .header-inner>.wordmark small{font-size:8px;letter-spacing:.19em}
  .home-hero h1{font-size:clamp(33px,9.2vw,51px);line-height:1.18}
  .home-hero h1 br:last-child{display:initial}
  .collection-section.section-pad{padding-top:28px}
  .collection-action{margin-top:26px}
  .info-heading{margin-bottom:32px}
  .info-panel+.info-panel{margin-top:36px}
  .palette-copy{font-size:16px}
}
@media(max-width:370px){.announcement-cart>span{display:none}.mobile-brand-logo{width:48px;height:48px}.header-inner>.wordmark span{font-size:18px}.header-inner{gap:8px}}

/* Keep cart columns within narrow screens, including projects awaiting a quote. */
.cart-layout{grid-template-columns:minmax(0,1fr) 320px}
.cart-lines,.cart-summary,.cart-line-info{min-width:0}
.cart-line{grid-template-columns:100px minmax(0,1fr) auto auto auto}
.cart-line-info h2{overflow-wrap:anywhere}
.cart-line-constructor>strong{max-width:170px;white-space:normal;line-height:1.6}
@media(max-width:1000px){.cart-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){
  .cart-line{grid-template-columns:65px minmax(0,1fr) auto}
  .cart-line>strong{grid-column:2/-1;grid-row:3;white-space:normal;max-width:none}
  .cart-line .cart-quantity{grid-column:2;grid-row:2;justify-self:start}
  .cart-line>form:last-child{grid-column:3;grid-row:2;justify-self:end}
}