/* =========================================================
   Single product page
   Layout: bordered gallery card + bordered buy card,
   corner discount ribbon, quantity stepper, trust strip,
   icon spec list, payment marks, info/FAQ block,
   related carousel, sticky buy bar.
   ========================================================= */

.single-product .site-content { padding-top: 26px; }
/* GeneratePress pads .inside-article by 40px; the product grid supplies its own
   gutters, so the two columns can use the full container width. */
body.single-product .inside-article { padding-left: 0; padding-right: 0; }

/* ---------- Breadcrumb ---------- */
.ndk-pdp-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 26px; color: var(--ndk-muted); font-size: 14px; }
.ndk-pdp-breadcrumb a { color: var(--ndk-primary); }
.ndk-pdp-breadcrumb a:hover { text-decoration: underline; text-underline-offset: 3px; }
.ndk-pdp-breadcrumb span { color: #bdbdbd; }

/* ---------- Two column shell ---------- */
.single-product div.product { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 2.6vw, 48px); align-items: start; }
.single-product div.product::before, .single-product div.product::after { display: none; }
/* WooCommerce floats these at 48% via .woocommerce div.product div.summary (0,3,2),
   so the grid overrides need at least the same specificity and must load later. */
body.single-product div.product div.summary,
body.single-product div.product div.images,
body.single-product div.product div.woocommerce-product-gallery,
body.woocommerce div.product div.summary,
body.woocommerce div.product div.images {
	width: auto !important;
	max-width: none !important;
	float: none !important;
	clear: none !important;
	margin: 0 !important;
}

/* ---------- Gallery card ---------- */
.ndk-pdp-gallery { position: relative; min-width: 0; overflow: hidden; border: 1px solid var(--ndk-border); border-radius: 16px; background: #f6f6f6; }
.single-product div.product .woocommerce-product-gallery { position: relative; min-width: 0; }
.single-product div.product .woocommerce-product-gallery__wrapper { margin: 0; }
.single-product div.product .woocommerce-product-gallery__image { margin: 0; }
.single-product div.product .woocommerce-product-gallery__image a { display: grid; aspect-ratio: 1 / .964; place-items: center; padding: 34px; }
.single-product div.product .woocommerce-product-gallery__image img { width: 100%; height: 100%; object-fit: contain; }
.single-product div.product .woocommerce-product-gallery__trigger { position: absolute; z-index: 3; top: auto; right: auto; bottom: 18px; left: 18px; display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--ndk-border); border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, .06); color: var(--ndk-ink); font-size: 0; text-indent: 0; }
.single-product div.product .woocommerce-product-gallery__trigger::after { display: block; width: 15px; height: 15px; background: currentColor; content: ""; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E") center / contain no-repeat; }
.single-product div.product .flex-control-thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 0; padding: 0 18px 18px; }
.single-product div.product .flex-control-thumbs li { width: auto; float: none; }
.single-product div.product .flex-control-thumbs img { border: 1px solid var(--ndk-border); border-radius: var(--ndk-radius-sm); background: #fff; opacity: .7; }
.single-product div.product .flex-control-thumbs img.flex-active { border-color: var(--ndk-primary); opacity: 1; }

/* ---------- Corner discount ribbon ---------- */
.ndk-pdp-gallery .onsale { position: absolute; z-index: 4; top: 20px; right: -40px; left: auto; display: block; width: 146px; min-height: 0; padding: 6px 0; border-radius: 0; margin: 0; background: var(--ndk-primary); color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .01em; line-height: 1.45; pointer-events: none; text-align: center; transform: rotate(45deg); }
.single-product div.product > .onsale { display: none; }
.ndk-pdp-gallery .woocommerce-product-gallery__wrapper { position: static; }

/* ---------- Buy card ---------- */
.single-product div.product .summary { padding: clamp(22px, 2.2vw, 35px) clamp(18px, 2.5vw, 40px); border: 1px solid var(--ndk-border-strong); border-radius: 16px; background: var(--ndk-surface); }
.single-product .product_title { margin: 0 0 17px; font-size: clamp(1.6rem, 2.3vw, 2.125rem); font-weight: 600; letter-spacing: -.01em; line-height: 1.3; text-transform: uppercase; }
.single-product .woocommerce-product-details__short-description { margin: 0 0 30px; color: var(--ndk-ink); font-size: 16px; line-height: 1.6; }
.single-product .woocommerce-product-details__short-description p:last-child { margin-bottom: 0; }

/* Price */
.single-product div.product p.price,
.single-product div.product span.price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 14px; margin: 0 0 42px; color: var(--ndk-primary); font-size: clamp(1.6rem, 2.1vw, 2rem); font-weight: 600; }
.single-product div.product .price del { color: #f2a184; font-size: 1em; font-weight: 600; opacity: 1; text-decoration: line-through; }
.single-product div.product .price del .amount { color: inherit; }
.single-product div.product .price ins { background: none; text-decoration: none; }
.single-product div.product .price .ndk-from { color: var(--ndk-muted); font-size: .6em; font-weight: 500; }

/* Cart row */
.single-product form.cart { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin: 0 0 21px; }
.single-product form.cart .quantity { display: flex; overflow: hidden; align-items: stretch; margin: 0; border: 1px solid var(--ndk-border-strong); border-radius: 8px; }
.single-product form.cart .quantity .qty { width: 54px; min-height: 45px; border: 0; border-radius: 0; background: transparent; font-weight: 600; text-align: center; -moz-appearance: textfield; }
.single-product form.cart .quantity .qty::-webkit-outer-spin-button,
.single-product form.cart .quantity .qty::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; }
.ndk-qty-step { width: 42px; min-height: 45px; padding: 0; border: 0; background: transparent; color: #4a4a4a; cursor: pointer; font-size: 19px; line-height: 1; transition: color var(--ndk-transition), background var(--ndk-transition); }
.ndk-qty-step:hover { background: #f5f5f5; color: var(--ndk-primary); }
.single-product div.product form.cart .button { min-height: 47px; padding-inline: 29px; font-size: 16px; font-weight: 400; }
.single-product div.product form.cart.variations_form { display: block; }
.single-product .variations { width: 100%; margin: 0 0 18px; }
.single-product .variations th, .single-product .variations td { display: block; padding: 0 0 9px; border: 0; text-align: left; }
.single-product .variations label { font-size: 15px; }
.single-product .variations select { max-width: 100%; }
.single-product .reset_variations { display: inline-block; margin-top: 6px; color: var(--ndk-primary); font-size: 14px; }
.single-product .single_variation_wrap .woocommerce-variation { margin-bottom: 14px; }
.single-product .single_variation_wrap .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }

/* ---------- Trust strip ---------- */
.ndk-pdp-trust { margin: 0 0 26px; }
.ndk-pdp-trust__badges { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; overflow: hidden; border: 1px solid var(--ndk-border); border-radius: var(--ndk-radius-sm); background: #fcfcfc; }
.ndk-pdp-trust__item { display: flex; min-height: 54px; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 10px 12px; border-left: 1px solid var(--ndk-border); color: var(--ndk-ink); text-align: center; }
.ndk-pdp-trust__item:first-child { border-left: 0; }
.ndk-pdp-trust__img { width: auto; max-height: 30px; }
.ndk-pdp-trust__chip { color: #6a6a6a; font-size: 11px; font-weight: 700; letter-spacing: .04em; line-height: 1.3; text-transform: uppercase; }
.ndk-pdp-trust__item small { color: var(--ndk-muted); font-size: 10.5px; line-height: 1.3; }
.ndk-pdp-guarantee { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 10px 0 0; color: #4a4a4a; font-size: 12.5px; }
.ndk-pdp-guarantee .ndk-icon { width: 16px; height: 16px; color: var(--ndk-primary); }

/* ---------- Specification list ---------- */
.ndk-pdp-specs { display: grid; gap: 14px; margin: 0; }
.ndk-pdp-specs__row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 7px; font-size: 16px; }
.ndk-pdp-specs dt { display: flex; align-items: center; gap: 10px; margin: 0; color: var(--ndk-ink); font-weight: 700; }
.ndk-pdp-specs dt::after { color: var(--ndk-ink); content: ":"; }
.ndk-pdp-specs dd { margin: 0; color: #4a4a4a; }
.ndk-pdp-specs .ndk-icon { width: 21px; height: 21px; flex: 0 0 21px; padding: 3px; border-radius: 50%; background: var(--ndk-primary); color: #fff; stroke-width: 2.6; }

/* ---------- Payment marks ---------- */
.ndk-pdp-payments { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--ndk-border); }
.ndk-pdp-payments__label { display: block; margin-bottom: 10px; color: var(--ndk-muted); font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }
.ndk-pdp-payments__row { display: flex; flex-wrap: wrap; gap: 7px; }
.ndk-pay-mark { width: 46px; height: auto; border-radius: 5px; }

/* ---------- Tabs ---------- */
.single-product div.product .woocommerce-tabs,
.single-product div.product .related,
.single-product div.product .upsells,
.single-product div.product .ndk-pdp-info { grid-column: 1 / -1; width: 100%; margin-top: clamp(40px, 5vw, 72px); }
.single-product .woocommerce-tabs ul.tabs { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 26px !important; padding: 0 !important; border: 0; }
.single-product .woocommerce-tabs ul.tabs::before { display: none !important; }
.single-product .woocommerce-tabs ul.tabs li { margin: 0 !important; padding: 0 !important; border: 1px solid var(--ndk-border) !important; border-radius: var(--ndk-radius-sm) !important; background: #fff !important; }
.single-product .woocommerce-tabs ul.tabs li::before, .single-product .woocommerce-tabs ul.tabs li::after { display: none; }
.single-product .woocommerce-tabs ul.tabs li a { display: block; padding: 11px 26px !important; color: var(--ndk-ink) !important; font-size: 15px; font-weight: 600 !important; }
.single-product .woocommerce-tabs ul.tabs li.active { border-color: var(--ndk-ink) !important; }
.single-product .woocommerce-Tabs-panel { max-width: 1080px; color: #4a4a4a; font-size: 15px; line-height: 1.85; }
.single-product .woocommerce-Tabs-panel > h2:first-child { margin-bottom: 18px; font-size: clamp(1.15rem, 1.8vw, 1.35rem); text-transform: uppercase; }
.single-product .woocommerce-Tabs-panel h3, .single-product .woocommerce-Tabs-panel h4 { margin: 30px 0 12px; font-size: 1.05rem; }
.single-product .woocommerce-Tabs-panel ul { padding-left: 20px; }

/* ---------- Information / FAQ block ---------- */
.ndk-pdp-info__intro { max-width: 1080px; margin-bottom: 34px; }
.ndk-pdp-info__intro h2 { margin-bottom: 12px; font-size: clamp(1.05rem, 1.6vw, 1.2rem); letter-spacing: .01em; text-transform: uppercase; }
.ndk-pdp-info__intro p { margin: 0 0 12px; color: #4a4a4a; font-size: 15px; line-height: 1.8; }
.ndk-pdp-faq { max-width: 1080px; border-top: 1px solid var(--ndk-border); }
.ndk-pdp-faq__item { border-bottom: 1px solid var(--ndk-border); }
.ndk-pdp-faq h3 { margin: 0; font-size: inherit; }
.ndk-pdp-faq__trigger { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 2px; border: 0; background: none; color: var(--ndk-ink); cursor: pointer; font-family: var(--ndk-heading); font-size: 15px; font-weight: 700; letter-spacing: .01em; text-align: left; text-transform: uppercase; }
.ndk-pdp-faq__trigger:hover { color: var(--ndk-primary); }
.ndk-pdp-faq__trigger .ndk-icon { width: 20px; height: 20px; flex: 0 0 20px; color: var(--ndk-primary); transition: transform var(--ndk-transition); }
.ndk-pdp-faq__trigger[aria-expanded="true"] .ndk-icon { transform: rotate(45deg); }
.ndk-pdp-faq__panel { padding: 0 2px 22px; color: #4a4a4a; font-size: 15px; line-height: 1.8; }
.ndk-pdp-faq__panel p:last-child { margin-bottom: 0; }
/* Plain (non-accordion) presentation */
.ndk-pdp-faq--plain { border-top: 0; }
.ndk-pdp-faq--plain .ndk-pdp-faq__item { border-bottom: 0; }
.ndk-pdp-faq--plain .ndk-pdp-faq__trigger { padding: 26px 0 8px; cursor: default; pointer-events: none; }
.ndk-pdp-faq--plain .ndk-pdp-faq__trigger .ndk-icon { display: none; }

/* ---------- Related products carousel ---------- */
.single-product .related > h2, .single-product .upsells > h2 { margin-bottom: 24px; font-size: clamp(1.2rem, 1.9vw, 1.4rem); }
.single-product .related, .single-product .upsells { position: relative; }
.single-product .related ul.products, .single-product .upsells ul.products { display: grid; grid-template-columns: none !important; grid-template-rows: none !important; grid-auto-columns: calc((100% - 3 * 22px) / 4); grid-auto-flow: column; align-items: stretch; overflow-x: auto; margin: 0; padding-bottom: 6px; gap: 22px; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; }
.single-product .related ul.products::-webkit-scrollbar, .single-product .upsells ul.products::-webkit-scrollbar { display: none; }
.single-product .related ul.products li.product, .single-product .upsells ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; scroll-snap-align: start; }
.ndk-carousel-nav { position: absolute; z-index: 2; top: calc(50% + 18px); display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid var(--ndk-border); border-radius: 50%; background: #fff; box-shadow: var(--ndk-shadow); color: var(--ndk-primary); cursor: pointer; }
.ndk-carousel-nav[hidden] { display: none; }
.ndk-carousel-nav--prev { left: -19px; }
.ndk-carousel-nav--next { right: -19px; }
.ndk-carousel-nav .ndk-icon { width: 18px; height: 18px; }
.ndk-carousel-nav--prev .ndk-icon { transform: rotate(180deg); }

/* ---------- Sticky buy bar ---------- */
.ndk-sticky-buy { position: fixed; z-index: 60; right: 0; bottom: 0; left: 0; border-top: 1px solid var(--ndk-border); background: rgba(255, 255, 255, .97); box-shadow: 0 -8px 24px rgba(0, 0, 0, .08); opacity: 0; transform: translateY(100%); transition: transform 220ms ease, opacity 220ms ease; }
.ndk-sticky-buy[hidden] { display: none; }
.ndk-sticky-buy.is-visible { opacity: 1; transform: translateY(0); }
.ndk-sticky-buy__inner { display: flex; align-items: center; gap: 16px; padding: 10px 0; }
.ndk-sticky-buy__media img { width: 46px; height: 46px; border: 1px solid var(--ndk-border); border-radius: var(--ndk-radius-sm); object-fit: contain; background: #f7f7f7; }
.ndk-sticky-buy__text { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.ndk-sticky-buy__text strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.ndk-sticky-buy__price { color: var(--ndk-primary); font-size: 15px; font-weight: 700; }
.ndk-sticky-buy__price del { color: #bbb; font-size: .8em; font-weight: 400; }
.ndk-sticky-buy__price ins { background: none; text-decoration: none; }
.ndk-sticky-buy__action { flex: 0 0 auto; }

/* ---------- Reviews tab ---------- */
.single-product #reviews .commentlist { margin: 0; padding: 0; list-style: none; }
.single-product #reviews .comment_container { display: flex; gap: 14px; padding: 18px; border: 1px solid var(--ndk-border); border-radius: var(--ndk-radius-sm); }
.single-product #reviews .comment-text { margin: 0 !important; border: 0 !important; padding: 0 !important; }
.single-product #review_form_wrapper { margin-top: 26px; }
