
/* ===== Product page redesign (Myntra/Meesho-style, no tabs) ===== */
.nf-product-page{padding-top:20px;}
.nf-breadcrumb{font-size:12px;color:var(--sb-muted);margin-bottom:18px;}
.nf-breadcrumb a{color:var(--sb-muted);}
.nf-product-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-bottom:48px;}
.nf-product-gallery .woocommerce-product-gallery{max-width:100%;}
.nf-product-gallery img{border-radius:var(--sb-radius);}
.nf-product-buybox{position:sticky;top:96px;}
body.admin-bar .nf-product-buybox{top:128px;}
.nf-product-title{font-family:var(--sb-font-display);font-size:26px;font-weight:700;margin:0 0 10px;line-height:1.25;}
.nf-product-rating{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--sb-ink);background:var(--sb-primary-pale);padding:5px 10px;border-radius:999px;margin-bottom:14px;}
.nf-product-rating .nf-star{color:var(--sb-primary);}
.nf-product-rating.nf-no-rating{background:none;padding:0;color:var(--sb-muted);text-decoration:underline;}
.nf-product-buybox .price{display:block;margin-bottom:14px;}
.nf-product-buybox .woocommerce-product-details__short-description{font-size:14px;color:var(--sb-muted);line-height:1.6;margin-bottom:18px;}

.nf-attr-row{margin-bottom:18px;}
.nf-attr-row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.nf-attr-label{font-family:var(--sb-font-condensed);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--sb-muted);}
.nf-size-chart-link{font-family:var(--sb-font-condensed);font-size:12px;font-weight:700;text-transform:uppercase;color:var(--sb-primary);text-decoration:underline;background:none;padding:0;}
.nf-attr-options{display:flex;flex-wrap:wrap;gap:8px;}
.nf-attr-pill{display:inline-flex;align-items:center;padding:8px 16px;border:1.5px solid var(--sb-border);border-radius:var(--sb-radius-sm);font-size:13px;font-weight:600;background:#fff;}

.nf-product-buybox .quantity{display:inline-block;margin-bottom:16px;margin-right:10px;}
.nf-product-buybox .quantity .qty{width:70px;padding:12px;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);font-size:14px;}
.nf-product-buybox form.cart{display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.nf-product-buybox .single_add_to_cart_button{flex:1;min-width:160px;background:var(--sb-ink);color:#fff;border-radius:var(--sb-radius-sm);padding:14px 20px;font-family:var(--sb-font-condensed);font-weight:700;text-transform:uppercase;font-size:13px;text-align:center;}
.nf-buy-now-btn{flex:1;min-width:160px;background:var(--sb-primary);color:#fff;border-radius:var(--sb-radius-sm);padding:14px 20px;font-family:var(--sb-font-condensed);font-weight:700;text-transform:uppercase;font-size:13px;border:0;}

.nf-trust-mini{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--sb-border);}
.nf-trust-mini span{font-size:12px;font-weight:600;color:var(--sb-muted);position:relative;padding-left:16px;}
.nf-trust-mini span::before{content:'\2713';position:absolute;left:0;color:var(--sb-primary);font-weight:800;}

.nf-product-details-section,.nf-product-reviews-section{max-width:900px;margin:0 auto 48px;padding-top:32px;border-top:1px solid var(--sb-border);}
.nf-product-details-content{font-size:14px;line-height:1.7;color:var(--sb-ink);}

/* Size chart modal */
.nf-modal-overlay{display:none;position:fixed;inset:0;background:rgba(36,28,22,.6);z-index:2000;align-items:center;justify-content:center;padding:20px;}
.nf-modal-overlay.nf-modal-open{display:flex;}
.nf-modal-box{background:#fff;border-radius:var(--sb-radius);padding:28px;max-width:560px;width:100%;max-height:80vh;overflow-y:auto;position:relative;}
.nf-modal-close{position:absolute;top:16px;right:16px;font-size:24px;line-height:1;background:none;border:0;color:var(--sb-muted);}
.nf-modal-box h3{font-family:var(--sb-font-display);margin:0 0 16px;font-size:20px;}
.nf-size-chart-table{width:100%;border-collapse:collapse;font-size:13px;}
.nf-size-chart-table th,.nf-size-chart-table td{border:1px solid var(--sb-border);padding:8px 10px;text-align:center;}
.nf-size-chart-table th{background:var(--sb-primary-pale);font-family:var(--sb-font-condensed);text-transform:uppercase;font-size:11px;}

@media(max-width:1024px){
  .nf-product-layout{grid-template-columns:1fr;gap:24px;}
  .nf-product-buybox{position:static;}
}

/* Swatch-style variation selectors (functional, real variable-product swatches) */
.nf-swatch-options{display:flex;flex-wrap:wrap;gap:8px;}
.nf-swatch-pill{display:inline-flex;align-items:center;padding:8px 16px;border:1.5px solid var(--sb-border);border-radius:var(--sb-radius-sm);font-size:13px;font-weight:600;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,color .15s;}
.nf-swatch-pill:hover{border-color:var(--sb-primary);}
.nf-swatch-pill.nf-swatch-active{background:var(--sb-ink);border-color:var(--sb-ink);color:#fff;}
.nf-reset-variations{display:inline-block;margin-top:4px;font-size:12px;color:var(--sb-muted);text-decoration:underline;}

/* Add to Cart = primary brand color (per /sootboot-design: --sb-primary is the documented button color).
   Buy Now = outlined secondary in the same color family, not a second off-system fill color.
   Simple class selectors + !important, deliberately NOT depending on any ancestor chain
   (verified via devtools: no .product ancestor exists in this template \u2014 WC's own more-specific
   button.button rule would otherwise win on padding/font-size regardless of ancestor matching). */
.single_add_to_cart_button{background:var(--sb-primary)!important;color:#fff!important;padding:14px 20px!important;font-size:13px!important;line-height:normal!important;border:2px solid var(--sb-primary)!important;box-sizing:border-box!important;}
.single_add_to_cart_button:hover{background:#a8551f!important;border-color:#a8551f!important;}
.nf-buy-now-btn{background:#fff!important;color:var(--sb-primary)!important;border:2px solid var(--sb-primary)!important;padding:14px 20px!important;font-size:13px!important;box-sizing:border-box!important;}
.nf-buy-now-btn:hover{background:var(--sb-primary)!important;color:#fff!important;}
