/* ---------- Single product page ---------- */
.ry-pdp { font-family: "DM Sans", sans-serif; color: #12352b; background: #ffffff; }
.ry-pdp-wrap { width: 100%; max-width: 76rem; margin: 0 auto; }

/* Hero band behind the fixed header */
.ry-pdp-hero { padding: 16px 16px 0; }
.ry-pdp-hero__card {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 10px;
	min-height: 270px;
	padding: 150px 64px 40px;
	border-radius: 24px;
	background:
		linear-gradient(180deg, rgba(9, 32, 25, 0.75) 0%, rgba(9, 32, 25, 0.35) 45%),
		linear-gradient(90deg, rgba(9, 32, 25, 0.95) 0%, rgba(9, 32, 25, 0.75) 50%, rgba(9, 32, 25, 0.45) 100%),
		url(https://ryans.ae/wp-content/uploads/2026/07/ChatGPT-Image-Jul-26-2026-05_41_23-PM.png) 70% 60% / cover no-repeat;
}
.ry-pdp-crumb { display: flex; flex-wrap: wrap; gap: 8px; color: rgba(255, 255, 255, 0.7); font-size: 13px; }
.ry-pdp-crumb a { color: rgba(255, 255, 255, 0.85) !important; text-decoration: none !important; }
.ry-pdp-crumb a:hover { color: #c5ee3a !important; }
.ry-pdp-hero__title { margin: 0 !important; color: #ffffff; font: 500 40px/1.1 "DM Sans", sans-serif; letter-spacing: -0.02em; }
@media (max-width: 1024px) { .ry-pdp-hero__card { padding: 140px 32px 32px; } }
@media (max-width: 640px) {
	.ry-pdp-hero { padding: 10px 10px 0; }
	.ry-pdp-hero__card { min-height: 220px; padding: 130px 20px 24px; border-radius: 18px; }
	.ry-pdp-hero__title { font-size: 28px; }
}

/* Main product area */
.ry-pdp-main { padding: 48px 40px 24px; }
@media (max-width: 1024px) { .ry-pdp-main { padding: 36px 24px 16px; } }
@media (max-width: 640px) { .ry-pdp-main { padding: 24px 12px 12px; } }
.ry-pdp-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 56px; align-items: start; }
@media (max-width: 1024px) { .ry-pdp-grid { gap: 32px; } }
@media (max-width: 860px) { .ry-pdp-grid { grid-template-columns: 1fr; gap: 24px; } }

/* Gallery */
.ry-pdp-gallery { position: sticky; top: 110px; display: flex; flex-direction: column; gap: 12px; }
@media (max-width: 860px) { .ry-pdp-gallery { position: static; } }
.ry-pdp-stage {
	position: relative;
	aspect-ratio: 4 / 5;
	border-radius: 24px;
	overflow: hidden;
	background: #f7f5f0;
	cursor: zoom-in;
}
.ry-pdp-stage img.ry-pdp-main-img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	transition: transform 0.35s ease, opacity 0.25s ease;
}
.ry-pdp-stage.is-zoomed img.ry-pdp-main-img { transform: scale(1.8); }
.ry-pdp-stage.is-swapping img.ry-pdp-main-img { opacity: 0; }
.ry-pdp-badge {
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 2;
	padding: 8px 14px;
	border-radius: 999px;
	background: #c5ee3a;
	color: #12352b;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.ry-pdp-thumbs { display: flex; gap: 10px; flex-wrap: wrap; }
.ry-pdp .ry-pdp-thumb {
	width: 84px;
	height: 84px;
	margin: 0 !important;
	padding: 0 !important;
	border: 2px solid transparent !important;
	border-radius: 14px !important;
	background: #f7f5f0 !important;
	overflow: hidden;
	cursor: pointer;
	transition: border-color 0.2s ease, transform 0.2s ease;
}
.ry-pdp .ry-pdp-thumb:hover { transform: translateY(-2px); }
.ry-pdp .ry-pdp-thumb.is-active { border-color: #12352b !important; }
.ry-pdp-thumb img { width: 100% !important; height: 100% !important; object-fit: cover; }
@media (max-width: 640px) { .ry-pdp-stage { border-radius: 18px; } .ry-pdp .ry-pdp-thumb { width: 64px; height: 64px; } }

/* Info column */
.ry-pdp-info { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; padding-top: 6px; }
.ry-pdp-cat {
	padding: 6px 14px;
	border-radius: 999px;
	background: #f4f1ea;
	color: #12352b !important;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none !important;
}
.ry-pdp-cat:hover { background: #c5ee3a; }
.ry-pdp-title { display: flex; flex-direction: column; gap: 8px; margin: 0 !important; }
.ry-pdp-title__main { color: #12352b; font: 500 52px/1.05 "DM Sans", sans-serif; letter-spacing: -0.03em; }
.ry-pdp-title__sub { color: #5b6b64; font: 400 18px/1.4 "DM Sans", sans-serif; }
@media (max-width: 640px) { .ry-pdp-title__main { font-size: 38px; } .ry-pdp-title__sub { font-size: 16px; } }
.ry-pdp-rating { display: flex; align-items: center; gap: 10px; color: #5b6b64; font-size: 13px; }
.ry-pdp-rating .star-rating { color: #12352b; }

.ry-pdp-price { color: #12352b; font: 500 34px/1 "DM Sans", sans-serif; letter-spacing: -0.02em; }
.ry-pdp-price del { margin-right: 10px; color: #8a958f; font-size: 0.6em; font-weight: 400; }
.ry-pdp-price ins { text-decoration: none; }
.ry-pdp-price .woocommerce-Price-currencySymbol { margin-left: 4px; font-size: 0.55em; font-weight: 500; }
.ry-pdp-price .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }

.ry-pdp-excerpt { width: 100%; color: #4f5d57; font-size: 15px; line-height: 1.75; }
.ry-pdp-excerpt p { margin: 0 0 10px !important; }
.ry-pdp-excerpt ul { display: flex; flex-direction: column; gap: 10px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.ry-pdp-excerpt li { position: relative; margin: 0 !important; padding: 0 0 0 30px !important; }
.ry-pdp-excerpt li::before {
	content: "\2713";
	position: absolute;
	left: 0;
	top: 3px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #c5ee3a;
	color: #12352b;
	font-size: 11px;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
}
.ry-pdp-excerpt strong { color: #12352b; font-weight: 600; }

/* Add to cart (WooCommerce's real form) */
.ry-pdp-buy { width: 100%; padding: 22px; border-radius: 20px; background: #f4f1ea; }
.ry-pdp-buy form.cart { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0 !important; }
.ry-pdp-buy form.cart .e-atc-qty-button-holder { display: flex; flex-wrap: wrap; gap: 12px; width: 100%; }
.ry-pdp-buy .quantity { display: inline-flex !important; align-items: center; margin: 0 !important; border: 1px solid #d9d4c7; border-radius: 999px; background: #ffffff; overflow: hidden; }
.ry-pdp-buy .quantity input.qty {
	width: 52px !important;
	height: 52px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: #12352b !important;
	font: 600 16px/1 "DM Sans", sans-serif !important;
	text-align: center;
	-moz-appearance: textfield;
}
.ry-pdp-buy .quantity input.qty::-webkit-outer-spin-button,
.ry-pdp-buy .quantity input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.ry-pdp .ry-qty-btn {
	width: 44px;
	height: 52px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #12352b !important;
	font: 500 20px/1 "DM Sans", sans-serif !important;
	cursor: pointer;
}
.ry-pdp .ry-qty-btn:hover { background: #f4f1ea !important; }
.ry-pdp-buy .single_add_to_cart_button {
	flex: 1 1 200px;
	height: 54px;
	margin: 0 !important;
	padding: 0 28px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #12352b !important;
	color: #ffffff !important;
	font: 600 16px/1 "DM Sans", sans-serif !important;
	text-transform: none !important;
	cursor: pointer;
	transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}
.ry-pdp-buy .single_add_to_cart_button:hover { background: #c5ee3a !important; color: #12352b !important; transform: translateY(-2px); }
.ry-pdp-buy .stock { margin: 0 0 6px !important; color: #3f7d1f; font-size: 13px; font-weight: 600; }
.ry-pdp-buy .stock.out-of-stock { color: #b3261e; }
.ry-pdp-buy table.variations { width: 100%; margin: 0 0 12px !important; border: 0 !important; }
.ry-pdp-buy table.variations td, .ry-pdp-buy table.variations th { padding: 4px 0 !important; border: 0 !important; background: transparent !important; }
.ry-pdp-buy table.variations select { width: 100%; height: 48px; padding: 0 14px; border: 1px solid #d9d4c7; border-radius: 12px; background: #ffffff; font-family: "DM Sans", sans-serif; }
.ry-pdp-buy > *:not(form) { font-size: 13px; color: #5b6b64; }

.ry-pdp-wa {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 13px 22px;
	border: 1px solid #cfd8d3;
	border-radius: 999px;
	color: #12352b !important;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none !important;
	transition: all 0.25s ease;
}
.ry-pdp-wa:hover { border-color: #12352b; background: #12352b; color: #ffffff !important; }

.ry-pdp-perks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; width: 100%; margin: 4px 0 0 !important; padding: 0 !important; list-style: none !important; }
.ry-pdp-perks li {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0 !important;
	padding: 14px !important;
	border: 1px solid #ece8df;
	border-radius: 16px;
	color: #12352b;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.35;
}
.ry-pdp-perks li span {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #1d4a3c;
	color: #c5ee3a;
	font-size: 14px;
}
@media (max-width: 640px) { .ry-pdp-perks { grid-template-columns: 1fr; } .ry-pdp-perks li { flex-direction: row; align-items: center; } }
.ry-pdp-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0 !important; color: #8a958f; font-size: 13px; }
.ry-pdp-meta a { color: #12352b !important; }

/* Notices (e.g. "added to your cart") */
.ry-pdp-notices:empty { display: none; }
.ry-pdp-notices { margin-bottom: 20px; }
.ry-pdp .woocommerce-message,
.ry-pdp .woocommerce-info,
.ry-pdp .woocommerce-error {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 12px !important;
	padding: 16px 20px !important;
	border: 0 !important;
	border-radius: 16px !important;
	background: #f3fbd9 !important;
	color: #12352b !important;
	font: 500 14px/1.5 "DM Sans", sans-serif !important;
	list-style: none !important;
}
.ry-pdp .woocommerce-message::before,
.ry-pdp .woocommerce-info::before,
.ry-pdp .woocommerce-error::before { display: none !important; }
.ry-pdp .woocommerce-error { background: #fff1ef !important; color: #8a2a1a !important; }
.ry-pdp .woocommerce-message .button,
.ry-pdp .woocommerce-message .wc-forward {
	order: 2;
	float: none !important;
	padding: 10px 18px !important;
	border-radius: 999px !important;
	background: #12352b !important;
	color: #ffffff !important;
	font: 600 13px/1 "DM Sans", sans-serif !important;
	text-decoration: none !important;
}

/* Description / additional info / reviews tabs */
.ry-pdp-details { padding: 40px 40px 24px; }
@media (max-width: 1024px) { .ry-pdp-details { padding: 32px 24px 16px; } }
@media (max-width: 640px) { .ry-pdp-details { padding: 24px 12px 12px; } }
.ry-pdp .woocommerce-tabs { margin: 0 !important; padding: 0 !important; }
.ry-pdp .woocommerce-tabs ul.tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 20px !important;
	padding: 0 !important;
	border: 0 !important;
	list-style: none !important;
}
.ry-pdp .woocommerce-tabs ul.tabs::before,
.ry-pdp .woocommerce-tabs ul.tabs li::before,
.ry-pdp .woocommerce-tabs ul.tabs li::after { display: none !important; }
.ry-pdp .woocommerce-tabs ul.tabs li { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; background: transparent !important; }
.ry-pdp .woocommerce-tabs ul.tabs li a {
	display: block;
	padding: 11px 20px !important;
	border: 1px solid #d9d4c7;
	border-radius: 999px;
	color: #12352b !important;
	font: 500 14px/1 "DM Sans", sans-serif !important;
	text-decoration: none !important;
	transition: all 0.2s ease;
}
.ry-pdp .woocommerce-tabs ul.tabs li a:hover { border-color: #12352b; }
.ry-pdp .woocommerce-tabs ul.tabs li.active a { border-color: #12352b; background: #12352b; color: #ffffff !important; }
.ry-pdp .woocommerce-tabs .panel {
	margin: 0 !important;
	padding: 34px 36px !important;
	border: 1px solid #ece8df;
	border-radius: 22px;
	background: #ffffff;
	color: #4f5d57;
	font-size: 15px;
	line-height: 1.8;
}
@media (max-width: 640px) { .ry-pdp .woocommerce-tabs .panel { padding: 24px 18px !important; } }
.ry-pdp .woocommerce-tabs .panel > h2:first-child { margin: 0 0 14px !important; color: #12352b !important; font: 500 26px/1.2 "DM Sans", sans-serif !important; }
.ry-pdp .woocommerce-tabs .panel h2, .ry-pdp .woocommerce-tabs .panel h3, .ry-pdp .woocommerce-tabs .panel h4 { color: #12352b !important; font-family: "DM Sans", sans-serif !important; font-weight: 500 !important; }
.ry-pdp .woocommerce-tabs .panel strong { color: #12352b; }
.ry-pdp .woocommerce-tabs table.shop_attributes { width: 100%; margin: 0 !important; border: 0 !important; border-collapse: collapse; }
.ry-pdp .woocommerce-tabs table.shop_attributes th,
.ry-pdp .woocommerce-tabs table.shop_attributes td { padding: 12px 0 !important; border: 0 !important; border-bottom: 1px solid #ece8df !important; background: transparent !important; text-align: left; font-style: normal !important; }
.ry-pdp .woocommerce-tabs table.shop_attributes th { width: 40%; color: #12352b; font-weight: 600; }
.ry-pdp #reviews .comment-reply-title { color: #12352b; font: 500 20px/1.3 "DM Sans", sans-serif; }
.ry-pdp #reviews input[type="text"],
.ry-pdp #reviews input[type="email"],
.ry-pdp #reviews textarea {
	width: 100%;
	padding: 12px 16px !important;
	border: 1px solid #d9d4c7 !important;
	border-radius: 12px !important;
	background: #ffffff !important;
	font-family: "DM Sans", sans-serif;
}
.ry-pdp #reviews .form-submit input[type="submit"],
.ry-pdp #reviews #submit {
	padding: 14px 26px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #12352b !important;
	color: #ffffff !important;
	font: 600 14px/1 "DM Sans", sans-serif !important;
	cursor: pointer;
}
.ry-pdp #reviews .stars a { color: #12352b !important; }

/* Related products */
.ry-pdp-related { padding: 24px 40px; }
@media (max-width: 1024px) { .ry-pdp-related { padding: 16px 24px; } }
@media (max-width: 640px) { .ry-pdp-related { padding: 12px 10px; } }
.ry-pdp-related__panel { max-width: 80rem; margin: 0 auto; padding: 56px; border-radius: 28px; background: #f4f1ea; }
@media (max-width: 1024px) { .ry-pdp-related__panel { padding: 44px 28px; } }
@media (max-width: 640px) { .ry-pdp-related__panel { padding: 36px 14px 28px; border-radius: 22px; } }
.ry-pdp-related__head { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; margin-bottom: 28px; }
.ry-pdp-related__head h2 { margin: 0 !important; color: #12352b !important; font: 500 36px/1.15 "DM Sans", sans-serif !important; letter-spacing: -0.02em; }
.ry-pdp-tag {
	margin: 0 !important;
	padding: 6px 14px;
	border-radius: 999px;
	background: #ffffff;
	color: #12352b;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* Sticky buy bar on phones, shown once the main button scrolls away */
.ry-pdp-bar {
	position: fixed;
	left: 10px;
	right: 10px;
	bottom: 10px;
	z-index: 9989;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 10px 10px 18px;
	border-radius: 18px;
	background: #12352b;
	color: #ffffff;
	box-shadow: 0 18px 40px -16px rgba(18, 53, 43, 0.6);
	transform: translateY(140%);
	transition: transform 0.3s ease;
}
.ry-pdp-bar.is-visible { transform: none; }
.ry-pdp-bar__price { font: 600 17px/1.2 "DM Sans", sans-serif; }
.ry-pdp-bar__price del { display: none; }
.ry-pdp-bar__price ins { text-decoration: none; }
.ry-pdp-bar__price .woocommerce-Price-currencySymbol { margin-left: 3px; font-size: 0.7em; }
.ry-pdp-bar__price .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
.ry-pdp .ry-pdp-bar__btn {
	margin: 0 !important;
	padding: 14px 22px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #c5ee3a !important;
	color: #12352b !important;
	font: 600 14px/1 "DM Sans", sans-serif !important;
	cursor: pointer;
}
@media (min-width: 861px) { .ry-pdp-bar { display: none; } }
body.ry-pdp-bar-on .ry-cart-pill { bottom: 84px; }

/* ---------- Footer (pages rendered outside Elementor) ---------- */
.ry-foot { padding: 24px 16px 16px; background: #ffffff; font-family: "DM Sans", sans-serif; }
.ry-foot__panel { padding: 0 64px; border-radius: 24px; background: radial-gradient(circle at 100% 0%, rgba(197, 238, 58, 0.1) 0%, rgba(197, 238, 58, 0) 38%), #12352b; color: #ffffff; }
.ry-foot__cta { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 64px 0 48px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.ry-foot__tag { display: inline-block; margin: 0 0 16px !important; padding: 6px 14px; border-radius: 999px; background: rgba(255, 255, 255, 0.1); color: #ffffff; font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; }
.ry-foot__cta h2 { max-width: 34rem; margin: 0 !important; color: #ffffff !important; font: 500 36px/1.2 "DM Sans", sans-serif !important; letter-spacing: -0.02em; }
.ry-foot__btns { display: flex; flex-shrink: 0; gap: 10px; }
.ry-foot__btn { padding: 13px 25px; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 999px; color: #ffffff !important; font-size: 14px; font-weight: 600; text-decoration: none !important; transition: all 0.3s ease; }
.ry-foot__btn:hover { background: #ffffff; color: #12352b !important; }
.ry-foot__btn--lime { border-color: #c5ee3a; background: #c5ee3a; color: #12352b !important; }
.ry-foot__btn--lime:hover { border-color: #ffffff; }
.ry-foot__cols { display: flex; gap: 48px; padding: 56px 0 48px; }
.ry-foot__brand { display: flex; flex: 0 0 34%; flex-direction: column; align-items: flex-start; gap: 18px; }
.ry-foot__logo { width: auto !important; height: 64px !important; object-fit: contain; }
.ry-foot__brand p { max-width: 22rem; margin: 0 !important; color: rgba(255, 255, 255, 0.68); font-size: 14px; line-height: 1.7; }
.ry-foot__social { display: flex; flex-wrap: wrap; gap: 8px; }
.ry-foot__social a { padding: 8px 14px; border-radius: 999px; background: rgba(255, 255, 255, 0.08); color: #ffffff !important; font-size: 12px; font-weight: 500; text-decoration: none !important; transition: all 0.3s ease; }
.ry-foot__social a:hover { background: #c5ee3a; color: #12352b !important; }
.ry-foot__col { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.ry-foot__col:nth-child(2) { flex: 0 0 24%; }
.ry-foot__col:nth-child(3) { flex: 0 0 16%; }
.ry-foot__col--contact { flex: 1 1 auto; }
.ry-foot__col h4 { margin: 0 0 6px !important; color: #c5ee3a !important; font: 500 13px/1.3 "DM Sans", sans-serif !important; letter-spacing: 0.12em; text-transform: uppercase; }
.ry-foot__col a { color: rgba(255, 255, 255, 0.78) !important; font-size: 15px; text-decoration: none !important; transition: color 0.25s ease; }
.ry-foot__col a:hover { color: #c5ee3a !important; }
.ry-foot__col a.ry-foot__big { color: #ffffff !important; font-size: 18px; font-weight: 500; }
.ry-foot__col p { max-width: 16rem; margin: 6px 0 0 !important; color: rgba(255, 255, 255, 0.68); font-size: 14px; line-height: 1.6; }
.ry-foot__bottom { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 0 26px; border-top: 1px solid rgba(255, 255, 255, 0.12); }
.ry-foot__bottom p { margin: 0 !important; color: rgba(255, 255, 255, 0.55); font-size: 13px; }
@media (max-width: 1024px) {
	.ry-foot__panel { padding: 0 32px; }
	.ry-foot__cols { flex-wrap: wrap; gap: 36px; }
	.ry-foot__brand { flex-basis: 100%; }
	.ry-foot__col:nth-child(2) { flex-basis: 30%; }
	.ry-foot__col:nth-child(3) { flex-basis: 25%; }
}
@media (max-width: 640px) {
	.ry-foot { padding: 16px 10px 10px; }
	.ry-foot__panel { padding: 0 20px; border-radius: 18px; }
	.ry-foot__cta { flex-direction: column; align-items: flex-start; padding: 48px 0 36px; }
	.ry-foot__cta h2 { font-size: 26px !important; }
	.ry-foot__btns { flex-wrap: wrap; }
	.ry-foot__cols { flex-direction: column; gap: 32px; padding: 40px 0 36px; }
	.ry-foot__bottom { flex-direction: column; align-items: flex-start; gap: 6px; }
}