/*
 * silvra-refine.css  —  lighter, sleeker product detail page
 * Load AFTER product-detail.css and the inline <style> block in detail.php.
 * Everything is scoped to .pd-page so other pages are untouched.
 * To roll back, just remove the <link> to this file.
 */

.pd-page {
    --pd-radius: 10px;
    --pd-hairline: #ececec;
    --pd-ink: #1f1f1f;
    --pd-soft: #6b7280;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
}

/* ── Rhythm: tighter vertical spacing on the info column ─────── */
.pd-page .pd-right.space-y-6 > * + * { margin-top: 1rem !important; }
.pd-page .space-y-4 > * + *          { margin-top: .75rem !important; }

/* ── Breadcrumb: quieter ─────────────────────────────────────── */
.pd-page nav { font-size: .8rem; }
.pd-page .bg-white.border-b .container { padding-top: .6rem !important; padding-bottom: .6rem !important; }

/* ── Category + tags ─────────────────────────────────────────── */
.pd-page .pd-right > a.inline-flex { font-size: .72rem !important; font-weight: 600 !important; letter-spacing: .14em !important; }
.pd-page .pd-right .flex-wrap > a.rounded-full {
    padding: .2rem .65rem !important;
    font-size: .72rem !important;
    background: transparent !important;
    border: 1px solid var(--pd-hairline);
    color: var(--pd-soft) !important;
}
.pd-page .pd-right .flex-wrap > a.rounded-full:hover { border-color: #cfcfcf; color: var(--pd-ink) !important; }

/* ── Title: from huge/bold to refined ────────────────────────── */
.pd-page h1 {
    font-size: clamp(1.45rem, 1.2rem + .9vw, 1.9rem) !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: -.005em;
    color: var(--pd-ink);
}

/* Stars + review link */
.pd-page .th-star, .pd-page .pd-right svg.w-5.h-5.text-gray-200 { width: 1rem; height: 1rem; }
.pd-page .pd-right a[href="#reviews-section"] { font-size: .8rem !important; font-weight: 500 !important; }

/* ── Price box: slim, hairline border ────────────────────────── */
.pd-page .th-price-box {
    padding: .9rem 1.1rem !important;
    border-width: 1px !important;
    border-radius: var(--pd-radius) !important;
    box-shadow: none !important;
}
.pd-page .th-price-box .text-5xl      { font-size: 1.85rem !important; font-weight: 600 !important; line-height: 1.1; }
.pd-page .th-price-box .text-2xl      { font-size: 1.05rem !important; }
.pd-page .th-price-box p              { font-size: .75rem !important; margin-top: .25rem !important; }

/* Single / Pair option cards */
.pd-page label.border-2.rounded-xl    { padding: .7rem .85rem !important; border-width: 1px !important; border-radius: var(--pd-radius) !important; min-width: 120px !important; }
.pd-page label.border-2 .text-xl      { font-size: 1.05rem !important; font-weight: 600 !important; }
.pd-page label.border-2 .text-sm      { font-size: .8rem !important; font-weight: 500 !important; }

/* Coupon capsule: smaller */
.pd-page .pdp-coupon { margin-top: 10px; box-shadow: none; }
.pd-page .pdp-coupon-main { padding: .35rem .7rem .35rem .65rem; font-size: .78rem; font-weight: 600; }
.pd-page .pdp-coupon-main strong { font-size: .88rem; font-weight: 700; }
.pd-page .pdp-coupon-code { padding: .35rem .7rem; font-size: .72rem; font-weight: 700; }

/* ── Stock strip: one compact line ───────────────────────────── */
.pd-page .pd-right > .flex.items-center.gap-3.p-4.rounded-lg {
    padding: .55rem .8rem !important;
    gap: .55rem !important;
    border-radius: var(--pd-radius) !important;
}
.pd-page .pd-right > .flex.items-center.gap-3.p-4 svg { width: 1.1rem; height: 1.1rem; }
.pd-page .pd-right > .flex.items-center.gap-3.p-4 p.font-semibold { font-size: .85rem; font-weight: 600 !important; display: inline; }
.pd-page .pd-right > .flex.items-center.gap-3.p-4 p.text-sm { font-size: .75rem !important; display: inline; margin-left: .35rem; }

.pd-page .pd-right > p.text-lg { font-size: .95rem !important; line-height: 1.6; color: var(--pd-soft); }

/* ── Spec grid ───────────────────────────────────────────────── */
.pd-page .pd-right > .grid.grid-cols-2.gap-4.p-6 {
    padding: .85rem 1.1rem !important;
    gap: .6rem 1rem !important;
    border-radius: var(--pd-radius) !important;
}
.pd-page .pd-right > .grid.grid-cols-2 p.text-sm   { font-size: .7rem !important; text-transform: uppercase; letter-spacing: .06em; }
.pd-page .pd-right > .grid.grid-cols-2 p.font-semibold { font-size: .88rem; font-weight: 500 !important; }

/* ── Gift wrap ───────────────────────────────────────────────── */
.pd-page .gift-wrap-section { padding: .85rem 1.1rem !important; margin-top: 0 !important; border-radius: var(--pd-radius) !important; box-shadow: none !important; }
.pd-page .gift-wrap-section label { font-size: .85rem !important; font-weight: 500 !important; }

/* ── Variant swatches ────────────────────────────────────────── */
.pd-page .variant-swatch { padding: 5px 14px; border-width: 1px; border-radius: 8px; font-size: .8rem; }
.pd-page .variant-swatch--active { box-shadow: 0 0 0 2px rgba(212,175,55,.25) !important; font-weight: 600; }
.pd-page .variant-swatch--active::after { width: 14px; height: 14px; top: -6px; right: -6px; }
.pd-page label.text-sm.font-semibold { font-weight: 600; font-size: .82rem; }

/* ── Quantity ────────────────────────────────────────────────── */
.pd-page .th-qty-btn { width: 36px !important; height: 36px !important; border-width: 1px !important; border-radius: 8px !important; }
.pd-page .th-qty-btn svg { width: 1rem; height: 1rem; }
.pd-page .th-qty-input { width: 3.5rem !important; padding: .35rem .5rem !important; font-size: .95rem !important; font-weight: 600 !important; border-width: 1px !important; border-radius: 8px !important; }

/* ── Delivery widget ─────────────────────────────────────────── */
.pd-page .th-delivery-widget { padding: .85rem 1rem !important; border-width: 1px !important; border-radius: var(--pd-radius) !important; box-shadow: none !important; margin: 0 !important; }
.pd-page .th-delivery-widget .flex.items-center.gap-3.mb-4 { margin-bottom: .6rem !important; }
.pd-page .th-delivery-icon { width: 34px !important; height: 34px !important; }
.pd-page .th-delivery-icon svg { width: 1rem; height: 1rem; }
.pd-page .th-delivery-widget h4 { font-size: .9rem !important; font-weight: 600 !important; }
.pd-page .th-delivery-widget p  { font-size: .75rem !important; }
.pd-page #product-pincode { padding: .5rem .8rem !important; font-size: .88rem !important; font-weight: 500 !important; border-width: 1px !important; border-radius: 8px !important; }
.pd-page .th-delivery-btn { padding: .5rem 1.1rem !important; font-size: .85rem !important; font-weight: 600 !important; border-radius: 8px !important; box-shadow: none !important; min-width: 76px !important; }

/* ── Action buttons: side by side, slimmer ───────────────────── */
.pd-page .product-actions { display: flex; gap: .65rem; flex-wrap: wrap; }
.pd-page .product-actions .btn,
.pd-page .product-actions > button {
    flex: 1 1 160px;
    display: inline-flex; align-items: center; justify-content: center; gap: .45rem;
    height: 46px; padding: 0 1rem !important;
    font-size: .9rem !important; font-weight: 600 !important; letter-spacing: .02em;
    border-radius: var(--pd-radius) !important;
}
.pd-page .btn-add-to-cart { box-shadow: 0 2px 10px var(--t-shadow-gold) !important; }
.pd-page .btn-add-to-cart:hover:not(:disabled) { transform: translateY(-1px) !important; box-shadow: 0 4px 14px var(--t-shadow-gold) !important; }
.pd-page .btn-buy-now { border-width: 1.5px !important; }
.pd-page .btn-buy-now:hover:not(:disabled) { transform: translateY(-1px) !important; box-shadow: 0 4px 14px var(--t-shadow-gold) !important; }
.pd-page .product-actions .btn-icon, .pd-page .product-actions svg { width: 1.1rem; height: 1.1rem; }

/* ── Offers ──────────────────────────────────────────────────── */
.pd-page .offers-section { padding: .85rem 1rem !important; border-radius: var(--pd-radius) !important; box-shadow: none !important; }
.pd-page .offers-title { font-size: .88rem !important; font-weight: 600 !important; }
.pd-page .offers-subtitle { font-size: .7rem !important; }
.pd-page .coupon-card { padding: .55rem .75rem !important; gap: .6rem !important; border-radius: 8px !important; }
.pd-page .coupon-code { font-size: .82rem !important; font-weight: 600 !important; }
.pd-page .coupon-description { font-size: .72rem !important; }
.pd-page .coupon-discount { font-size: .75rem !important; font-weight: 600 !important; }
.pd-page .coupon-copy-btn { padding: .3rem .65rem !important; font-size: .7rem !important; }

/* ── Trust badges: 3 slim tiles ──────────────────────────────── */
.pd-page .pd-trust { padding: .6rem !important; gap: .5rem !important; border-radius: var(--pd-radius) !important; background: var(--t-bg-cream, #faf8f5) !important; }
.pd-page .pd-trust > div { padding: .65rem .4rem !important; border-radius: 8px !important; }
.pd-page .pd-trust > div > div:first-child { width: 34px !important; height: 34px !important; margin-bottom: .4rem !important; box-shadow: none !important; }
.pd-page .pd-trust > div > div:first-child svg { width: 17px; height: 17px; }
.pd-page .pd-trust > div > div:nth-child(2) { font-size: .68rem !important; font-weight: 600 !important; letter-spacing: .04em !important; }
.pd-page .pd-trust > div > div:nth-child(3) { font-size: .66rem !important; }

/* ── Share section ───────────────────────────────────────────── */
.pd-page .share-section { padding: .7rem 1rem !important; margin-top: 0 !important; border-radius: var(--pd-radius) !important; border-width: 1px !important; border-color: var(--pd-hairline) !important; }
.pd-page .share-label { font-size: .82rem !important; font-weight: 500 !important; }
.pd-page .share-icon-container { width: 28px !important; height: 28px !important; }
.pd-page .share-icon-container svg { width: .9rem; height: .9rem; }
.pd-page .social-share-btn { width: 32px !important; height: 32px !important; }
.pd-page .social-share-btn .social-icon { width: 14px !important; height: 14px !important; }

/* ── Accordion ───────────────────────────────────────────────── */
.pd-page .product-accordion { margin-top: 1.5rem !important; }
.pd-page .accordion-section-title { font-size: 1.15rem !important; font-weight: 600 !important; }
.pd-page .accordion-title-icon { width: 32px !important; height: 32px !important; border-radius: 8px !important; }
.pd-page .accordion-title-icon svg { width: 1rem; height: 1rem; }
.pd-page .accordion-header { padding: .75rem 1rem !important; }
.pd-page .accordion-icon-container { width: 30px !important; height: 30px !important; }
.pd-page .accordion-icon { width: .95rem !important; height: .95rem !important; }
.pd-page .accordion-title { font-size: .9rem !important; font-weight: 600 !important; }
.pd-page .accordion-subtitle { font-size: .72rem !important; }
.pd-page .accordion-content { padding: .25rem 1rem 1rem !important; font-size: .88rem; }
.pd-page .accordion-item { border-radius: var(--pd-radius) !important; box-shadow: none !important; }
.pd-page .product-accordion .space-y-4 > * + * { margin-top: .5rem !important; }

/* ── You May Also Like: smaller, 3-up cards ──────────────────── */
.pd-page .related-products-section { padding: 1.25rem 0 !important; margin-top: 1.5rem !important; }
.pd-page .related-products-section .container { padding: 0 !important; }
.pd-page .related-products-title { font-size: 1.1rem !important; font-weight: 600 !important; }
.pd-page .related-products-subtitle { font-size: .75rem !important; }
.pd-page .related-products-icon { width: 30px !important; height: 30px !important; }
.pd-page .related-products-grid-clean { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .75rem !important; }
@media (min-width: 1280px) { .pd-page .related-products-grid-clean { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
.pd-page .related-product-card-clean { border-radius: var(--pd-radius) !important; box-shadow: none !important; border: 1px solid var(--pd-hairline) !important; transition: box-shadow .2s ease, transform .2s ease; }
.pd-page .related-product-card-clean:hover { box-shadow: 0 6px 18px rgba(0,0,0,.07) !important; transform: translateY(-2px); }
.pd-page .related-product-image-container-clean { aspect-ratio: 1 / 1 !important; height: auto !important; }
.pd-page .related-product-info-clean { padding: .6rem .75rem .75rem !important; }
.pd-page .product-category-clean { font-size: .62rem !important; letter-spacing: .1em !important; }
.pd-page .product-name-clean { font-size: .82rem !important; font-weight: 500 !important; line-height: 1.3 !important; }
.pd-page .product-price-clean { font-size: .92rem !important; font-weight: 600 !important; }
.pd-page .product-original-price-clean { font-size: .75rem !important; }
.pd-page .product-add-to-cart-clean { padding: .45rem .6rem !important; font-size: .75rem !important; font-weight: 600 !important; border-radius: 8px !important; }
.pd-page .product-badge-clean { font-size: .62rem !important; padding: .15rem .5rem !important; }
.pd-page .view-all-btn-clean { padding: .5rem 1.25rem !important; font-size: .8rem !important; font-weight: 600 !important; }

/* ── Gallery: softer frame, gentle crossfade ─────────────────── */
.pd-page .pd-left .aspect-square { border-radius: 12px !important; box-shadow: 0 1px 4px rgba(0,0,0,.05) !important; border-color: var(--pd-hairline) !important; }
.pd-page #mainProductImage { transition: opacity .22s ease; }
.pd-page #mainProductImage.is-swapping { opacity: 0; }
.pd-page .badge-sale, .pd-page .badge-featured { padding: .3rem .8rem !important; font-size: .72rem !important; font-weight: 600 !important; box-shadow: none !important; letter-spacing: .03em; }
.pd-page .pd-left button[data-wishlist-product] { width: 38px !important; height: 38px !important; box-shadow: 0 1px 6px rgba(0,0,0,.1) !important; }
.pd-page .pd-left button[data-wishlist-product] svg { width: 1.1rem; height: 1.1rem; }

/* Thumbnails: hover/active feedback */
.pd-page .product-thumbnail { opacity: .72; transition: opacity .15s ease, border-color .15s ease, transform .15s ease; cursor: pointer; }
.pd-page .product-thumbnail:hover,
.pd-page .product-thumbnail.border-secondary { opacity: 1; }
.pd-page .product-thumbnail:hover { transform: translateY(-1px); }
@media (min-width: 1024px) {
    .pd-page .pd-left .grid.grid-cols-4 > button { width: 64px !important; height: 64px !important; border-radius: 6px !important; }
    .pd-page .pd-right { padding: 1.25rem .75rem 2.5rem 2rem !important; }
}

/* ── Reviews section ─────────────────────────────────────────── */
.pd-page #reviews-section h2 { font-size: 1.4rem !important; font-weight: 600 !important; }
.pd-page #reviews-section .text-6xl { font-size: 2.6rem !important; font-weight: 700 !important; }
.pd-page .rv-card { padding: 12px 14px 10px !important; border-radius: 10px !important; box-shadow: none !important; }
.pd-page .rv-card:hover { box-shadow: 0 4px 14px rgba(0,0,0,.06) !important; transform: none !important; }
.pd-page .rv-av { width: 28px !important; height: 28px !important; font-size: .7rem !important; }
.pd-page .rv-nm { font-weight: 600 !important; font-size: .8rem !important; }

/* Respect users who prefer less motion */
@media (prefers-reduced-motion: reduce) {
    .pd-page * { transition: none !important; animation: none !important; }
}

/* ── Product description: match the rest of the page ─────────── */
.pd-page .pd-description,
.pd-page .pd-description p,
.pd-page .pd-description li,
.pd-page .pd-description span {
    font-size: .9rem !important;
    line-height: 1.7 !important;
    color: var(--pd-soft);
}
.pd-page .pd-description p { margin: 0 0 .85em !important; }
.pd-page .pd-description h1,
.pd-page .pd-description h2,
.pd-page .pd-description h3,
.pd-page .pd-description h4 {
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    margin: 0 0 .6em !important;
    color: var(--pd-ink);
}
.pd-page .pd-description strong,
.pd-page .pd-description b { font-weight: 600 !important; color: var(--pd-ink); }
.pd-page .pd-description ul,
.pd-page .pd-description ol { margin: 0 0 .85em 1.1rem !important; }
.pd-page .pd-description li { margin: .2em 0 !important; }
.pd-page .pd-description a { color: var(--t-secondary, #b8932b); text-underline-offset: 2px; }

/* Section heading "Product Information" sits level with its icon */
.pd-page .accordion-section-title { line-height: 1.2 !important; margin: 0 !important; }
.pd-page .product-accordion .flex.items-center { align-items: center !important; }