/* Entry points into the dining set builder: the button on table pages and
   the "Need a tabletop for it?" section on leg design pages. */

.sstb-cta{margin:18px 0 6px}
.sstb-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;font-family:'Oswald',Helvetica,Arial,sans-serif;
  font-size:14px;font-weight:500;letter-spacing:2.4px;text-transform:uppercase;text-decoration:none !important;color:#fff !important;background:#111;border:2px solid #111;
  padding:14px 18px;transition:background .2s,border-color .2s;line-height:1.2}
.sstb-cta-btn:hover{background:#3A3A3A;border-color:#3A3A3A}
.sstb-cta-note{font-size:13px;color:#666;margin:8px 0 0 !important;padding:0 !important;line-height:1.5}

.sstb-pair{background:#F4F4F4;padding:54px 0;margin-top:40px;font-family:'Actor',Helvetica,Arial,sans-serif}
.sstb-pair-inner{max-width:1180px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:40px;align-items:center}
.sstb-pair-kicker{font-family:'Oswald',Helvetica,Arial,sans-serif;font-size:12px;letter-spacing:2.4px;text-transform:uppercase;color:#777;margin:0 0 8px !important;padding:0 !important}
.sstb-pair h2{font-family:'Abel',Helvetica,Arial,sans-serif;font-size:clamp(24px,2.6vw,30px);color:#222;font-weight:500;margin:0 0 10px;padding:0;line-height:1.2}
.sstb-pair-head p{color:#666;font-size:15px;line-height:1.6;margin:0 0 18px;padding:0}
.sstb-pair-btns{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.sstb-pair-btns .sstb-cta-btn{width:auto}
.sstb-pair .sstb-link{font-size:13.5px;color:#111 !important;text-decoration:underline}
.sstb-pair-tops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sstb-pair-top{display:flex;flex-direction:column;text-decoration:none !important;color:inherit}
.sstb-pair-img{display:block;aspect-ratio:1;background:#fff;border:1px solid #E4E4E4;overflow:hidden}
.sstb-pair-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.sstb-pair-top:hover .sstb-pair-img img{transform:scale(1.04)}
.sstb-pair-name{font-family:'Abel',Helvetica,Arial,sans-serif;font-size:17px;color:#222;margin-top:9px;line-height:1.25}
.sstb-pair-meta{font-size:12.5px;color:#666}
.sstb-pair-price{font-family:'Abel',Helvetica,Arial,sans-serif;font-size:17px;color:#111;font-weight:600;margin-top:2px}

@media (max-width:900px){
  .sstb-pair-inner{grid-template-columns:1fr;gap:26px}
  .sstb-pair-tops{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .sstb-pair-name{font-size:14px}
  .sstb-pair-meta{display:none}
}

/* Basket nudge: tabletop without a base / base without a tabletop */
.sstb-cartnudge{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 28px;align-items:center;background:#111;color:#E6E6E6;padding:24px 26px;margin:30px 0 0}
.sstb-cartnudge .sstb-pair-kicker{color:#D6D6D6}
.sstb-cartnudge h3{font-family:'Abel',Helvetica,Arial,sans-serif;font-size:23px;color:#fff;font-weight:500;margin:0 0 6px;padding:0}
.sstb-cartnudge p{margin:0 !important;padding:0 !important;font-size:14px;line-height:1.55}
.sstb-cartnudge .sstb-cta-btn{width:auto;background:#fff;color:#111 !important;border-color:#fff}
.sstb-cartnudge .sstb-cta-btn:hover{background:#D9D9D9;border-color:#D9D9D9}
.ss-cart .woocommerce > .sstb-cartnudge{grid-column:1;grid-row:3}
.ss-cart .woocommerce > .sstb-cartnudge ~ .ss-upsell{grid-row:4}
@media (max-width:700px){.sstb-cartnudge{grid-template-columns:1fr;padding:20px}.sstb-cartnudge .sstb-cta-btn{width:100%}}

/* Tabletop pages: "Next: choose legs" under the Add to basket button.
   The older "Complete your tabletop…" box (a site snippet) says the same thing less well, so it goes. */
.sstb-top-page .ss-glass-switcher{display:none !important}
.sstb-next{margin:22px 0 8px;padding:20px 22px 18px;border:1px solid #E4E4E4;border-top:3px solid #111;background:#fff;font-family:'Actor',Helvetica,Arial,sans-serif;text-align:left}
.sstb-next-kicker{font-family:'Oswald',Helvetica,Arial,sans-serif;font-size:12px;letter-spacing:2.4px;text-transform:uppercase;color:#111;margin:0 0 8px !important;padding:0 !important}
.sstb-next-lead{font-size:14.5px;line-height:1.6;color:#444;margin:0 0 12px !important;padding:0 !important}
.sstb-next-list{list-style:none !important;margin:0 0 14px !important;padding:0 !important;display:grid;gap:6px}
.sstb-next-list li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.45;color:#222;list-style:none !important;padding:0 !important;margin:0 !important}
.sstb-next-list li svg{flex:none;margin-top:3px;color:#3F7A4A}
.sstb-next-link{font-size:13.5px;color:#111 !important;text-decoration:underline;text-underline-offset:3px}
@media (max-width:700px){.sstb-next{padding:16px 16px 14px}}
.sstb-top-page form.cart .single_add_to_cart_button,.sstb-top-page #page-container form.cart .single_add_to_cart_button.button{
  background:#111 !important;color:#fff !important;border:2px solid #111 !important;border-radius:0 !important;font-family:'Oswald',Helvetica,Arial,sans-serif !important;
  font-size:15px !important;font-weight:500 !important;letter-spacing:2.4px !important;text-transform:uppercase !important;padding:12px 26px !important;line-height:1.3 !important}
.sstb-top-page form.cart .single_add_to_cart_button:hover{background:#3A3A3A !important;border-color:#3A3A3A !important}
.sstb-top-page form.cart .single_add_to_cart_button::after{display:none !important}
@media (max-width:700px){.sstb-top-page form.cart .single_add_to_cart_button{font-size:13.5px !important;letter-spacing:1.6px !important;padding:12px 16px !important}}