/* Product page skin for theme 22 (website/details/details1). Pure restyle of the existing markup: every hook the cart, options,
   quick-buy, zoom and review scripts bind to is left as is. Scoped to .rx-pdp (page body) and .rx-pdp-bc (breadcrumb);
   tokens and the IBM Plex @font-face come from home-v2.css, which the theme 22 shell already loads. */

.rx-pdp, .rx-pdp-bc {
	--rx-red: #D81324; --rx-red-hi: #F8353E; --rx-ink: #191919; --rx-mute: #555; --rx-soft: #6b6b6b;
	--rx-line: #E9E7E7; --rx-bg: #F7F8FA;
}
.rx-pdp, .rx-pdp :where(h1, h2, h3, h4, a, span, small, strong, b, p, li, div, button, input, select, textarea, label) {
	font-family: 'IBM Plex Sans', 'IBM Plex Sans Arabic', system-ui, sans-serif;
	letter-spacing: normal;
}
.rx-pdp { color: var(--rx-ink); }

/* ---------- breadcrumb: slim light strip instead of the dark image band ---------- */
body .tt-breadcrumb.rx-pdp-bc.inner_path { background: var(--rx-bg) !important; background-image: none !important; padding: 14px 0 !important; border-bottom: 1px solid var(--rx-line); color: var(--rx-mute); }
body .rx-pdp-bc.inner_path a, body .rx-pdp-bc.inner_path a:link, body .rx-pdp-bc.inner_path a:visited { color: var(--rx-mute) !important; font-size: 13px; font-family: 'IBM Plex Sans', 'IBM Plex Sans Arabic', system-ui, sans-serif; }
body .rx-pdp-bc.inner_path a:hover { color: var(--rx-red) !important; }
body .rx-pdp-bc.inner_path ul li:last-child a { color: var(--rx-ink) !important; font-weight: 500; }
body .rx-pdp-bc.tt-breadcrumb ul li::before { color: var(--rx-soft) !important; }

/* ---------- gallery ---------- */
.rx-pdp .tt-product-single-img { border: 1px solid var(--rx-line); border-radius: 12px; background: #fff; overflow: hidden; }
.rx-pdp .tt-product-single-img img { border-radius: 0; }
.rx-pdp .tt-product-single-img .tt-btn-zomm { border-radius: 50%; background: #fff; border: 1px solid var(--rx-line); box-shadow: 0 4px 12px rgba(25, 25, 25, .08); }
.rx-pdp .tt-product-single-carousel-vertical a { display: block; border: 1.5px solid var(--rx-line); border-radius: 10px; overflow: hidden; background: #fff; }
.rx-pdp .tt-product-single-carousel-vertical a:hover { border-color: var(--rx-ink); }
.rx-pdp .tt-product-single-carousel-vertical a.zoomGalleryActive { border-color: var(--rx-red); }
.rx-pdp .tt-product-single-carousel-vertical img { display: block; width: 100%; }
.rx-pdp .tt-label-new, .rx-pdp .tt-label-sale { border-radius: 6px; font-weight: 600; }

/* ---------- buy box ---------- */
.rx-pdp .tt-product-single-info .tt-add-info-grid li, .rx-pdp .tt-product-single-info .tt-add-info-grid span { font-size: 13px; color: var(--rx-soft); }
.rx-pdp .tt-product-single-info h1.tt-title { font-size: 28px; line-height: 1.3; font-weight: 600; color: var(--rx-ink); margin: 4px 0 12px; }
.rx-pdp .tt-product-single-info .tt-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; margin-bottom: 20px; }
.rx-pdp .tt-product-single-info .tt-price .new-price { font-size: 30px; font-weight: 600; color: var(--rx-red); }
.rx-pdp .tt-product-single-info .tt-price .new-price span { font-size: inherit; line-height: 1.3; }
.rx-pdp .tt-product-single-info .tt-price .old-price, .rx-pdp .tt-product-single-info .tt-price .old-price small, .rx-pdp .tt-product-single-info .tt-price .old-price span { font-size: 16px; font-weight: 400; color: var(--rx-soft); }
.rx-pdp .tt-product-single-info .tt-input-counter.style-01 { background: #fff; border: 1.5px solid var(--rx-line); border-radius: 8px; overflow: hidden; }
.rx-pdp .tt-product-single-info .tt-input-counter.style-01 input { background: transparent; font-weight: 600; color: var(--rx-ink); }
.rx-pdp .tt-product-single-info .tt-row-custom-01 .btn, .rx-pdp .tt-product-single-info #details_cartbtn { background: var(--rx-red); border: 0; border-radius: 8px; color: #fff; font-weight: 600; font-size: 14px; text-transform: uppercase; letter-spacing: .02em; min-height: 48px; transition: background .15s; }
.rx-pdp .tt-product-single-info .tt-row-custom-01 .btn:hover, .rx-pdp .tt-product-single-info #details_cartbtn:hover { background: var(--rx-red-hi); color: #fff; }
.rx-pdp .tt-product-single-info #details_cartbtn .icon-f-39, .rx-pdp .tt-product-single-info #details_cartbtn i { color: inherit; }
.rx-pdp .tt-product-single-info .form-control, .rx-pdp .tt-product-single-info input[type=text], .rx-pdp .tt-product-single-info input[type=email], .rx-pdp .tt-product-single-info textarea, .rx-pdp .tt-product-single-info select { border: 1.5px solid var(--rx-line); border-radius: 8px; background: #fff; box-shadow: none; color: var(--rx-ink); }
.rx-pdp .tt-product-single-info .form-control:focus, .rx-pdp .tt-product-single-info input:focus, .rx-pdp .tt-product-single-info textarea:focus, .rx-pdp .tt-product-single-info select:focus { border-color: var(--rx-ink); outline: 0; }

/* share / wishlist / policy */
.rx-pdp .tt-product-actions-row { gap: 8px; flex-wrap: wrap; }
.rx-pdp .tt-action-btn { border: 1.5px solid var(--rx-line); border-radius: 999px; background: #fff; color: var(--rx-ink); font-size: 13px; font-weight: 500; text-transform: none; }
.rx-pdp .tt-action-btn:hover { border-color: var(--rx-ink); color: var(--rx-ink); background: #fff; }
.rx-pdp .tt-action-btn.addtowishlist.active, .rx-pdp .tt-action-btn.addtowishlist.added { color: var(--rx-red); border-color: var(--rx-red); }
.rx-pdp .tt-share-dropdown { border: 1px solid var(--rx-line); border-radius: 12px; box-shadow: 0 16px 40px rgba(25, 25, 25, .12); }
.rx-pdp .tt-payment-label { font-size: 12px; font-weight: 600; color: var(--rx-soft); letter-spacing: .04em; text-transform: uppercase; }

/* description / warranty */
.rx-pdp .tt-collapse-block .tt-item { border: 0; border-top: 1px solid var(--rx-line); }
.rx-pdp .tt-collapse-block .tt-item .tt-collapse-title { font-size: 17px; font-weight: 600; color: var(--rx-ink); text-transform: none; padding: 20px 0 8px; }
.rx-pdp .tt-collapse-block .tt-item .tt-collapse-content { font-size: 15px; line-height: 1.7; color: var(--rx-mute); }

/* ---------- under-gallery extras ---------- */
.rx-pdp .tt-fbt-widget { border: 1px solid var(--rx-line); border-radius: 12px; padding: 20px; background: #fff; }
.rx-pdp .tt-fbt-widget .tt-title-small { font-size: 18px; font-weight: 600; margin: 0 0 8px; text-transform: none; }
.rx-pdp .tt-fbt-item { border-bottom: 1px solid var(--rx-line); }
.rx-pdp .tt-fbt-item:last-child { border-bottom: 0; }
.rx-pdp .tt-fbt-item-img img { border-radius: 8px; background: var(--rx-bg); }
.rx-pdp .tt-fbt-item-title { font-size: 14px; color: var(--rx-ink); }
.rx-pdp .tt-fbt-item-price { color: var(--rx-red); font-weight: 600; }
.rx-pdp .tt-fbt-item-oldprice { color: var(--rx-soft); }
.rx-pdp .tt-at-a-glance { background: var(--rx-bg); border: 0; border-radius: 12px; padding: 20px; }
.rx-pdp .tt-at-a-glance__title { font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--rx-mute); }
.rx-pdp .tt-at-a-glance__row { border-bottom: 1px solid var(--rx-line); font-size: 14px; }
.rx-pdp .tt-at-a-glance__row:last-child { border-bottom: 0; }

/* ---------- related products ---------- */
.rx-pdp .tt-related-section { background: #fff; border-top: 1px solid var(--rx-line); }
.rx-pdp .tt-related-section .tt-block-title, .rx-pdp .tt-related-section .tt-title-block { font-size: 24px; font-weight: 600; text-transform: none; color: var(--rx-ink); }
.rx-pdp .tt-related-section .tt-product { border: 1px solid var(--rx-line); border-radius: 12px; background: #fff; box-shadow: none; overflow: hidden; transition: border-color .15s; }
.rx-pdp .tt-related-section .tt-product:hover { border-color: var(--rx-ink); box-shadow: none; }
.rx-pdp .tt-related-section .tt-product .tt-description .tt-title a { color: var(--rx-ink); font-size: 14px; font-weight: 500; line-height: 1.4; }
.rx-pdp .tt-related-section .tt-product .tt-price { font-weight: 600; }
.rx-pdp .tt-product-single-info .tt-price .old-price small { font-size: 16px !important; }
.rx-pdp .tt-related-section .tt-layout-product-item { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; margin: 0; }
.rx-pdp .tt-related-section .tt-layout-product-item > [class*="col-"] { width: auto; max-width: none; flex: none; padding: 0; }
@media (max-width: 575px) { .rx-pdp .tt-related-section .tt-layout-product-item { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } }
.rx-pdp .tt-mobile-thumbs__item { border-radius: 10px; border-color: var(--rx-line); }
.rx-pdp .tt-mobile-thumbs__item.active { border-color: var(--rx-red); }
@media (max-width: 575px) {
	.rx-pdp .tt-product-single-info h1.tt-title { font-size: 22px; }
	.rx-pdp .tt-product-single-info .tt-price .new-price { font-size: 26px; }
}

/* related products slider (same slider as the cart): cards keep the page edge when there are few slides */
.rx-pdp .tt-carousel-products .slick-track { margin-inline-start: 0 !important; margin-inline-end: auto !important; }
.rx-pdp .tt-carousel-products .tt-product { border: 1px solid var(--rx-line); border-radius: 12px; background: #fff; box-shadow: none; overflow: hidden; }
.rx-pdp .tt-carousel-products .tt-product:hover { border-color: var(--rx-ink); box-shadow: none; }