/* ==========================================================================
   Dalisay Style – main stylesheet
   --------------------------------------------------------------------------
   1.  Design tokens (colours come from the Customizer)
   2.  Base (overrides Hello Elementor's pink defaults)
   3.  Buttons and form fields
   4.  Header: announcement bar, main row, menu, icons, search, drawer
   5.  Footer
   6.  WooCommerce: page width, notices, breadcrumbs
   7.  Product grid and cards
   8.  Shop layout: toolbar, filters, pagination
   9.  Product page
   10. Condition scale
   11. Sticky Add to bag bar (phones)
   12. Basket and checkout: free delivery bar
   13. Homepage shortcodes and Elementor helper classes
   14. Newsletter
   15. Toast message
   16. Arabic / right to left
   17. Accessibility helpers, reduced motion
   Layout uses logical properties (inline-start / inline-end), so the
   whole site flips automatically on Arabic pages.
   ========================================================================== */

/* 1. Design tokens ------------------------------------------------------- */
:root {
	--ds-white: #ffffff;
	--ds-soft: #f5f5f5;
	--ds-black: #0b0b0b;
	--ds-charcoal: #2c2c2c;
	--ds-gold: #d4af37;
	--ds-grey: #e2e2e2;          /* Inactive condition bars, light dividers. */
	--ds-muted: #5a5a5a;         /* Small secondary text (7:1 on white). */

	--ds-font: "Jost", "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;
	--ds-track: 0.14em;          /* Letter spacing for uppercase labels. */
	--ds-track-sm: 0.08em;
	--ds-case: uppercase;

	--ds-container: 1440px;
	--ds-gutter: 16px;
	--ds-header-h: 64px;
	--ds-ease: cubic-bezier(.2, .7, .2, 1);
}
@media (min-width: 768px) { :root { --ds-gutter: 32px; --ds-header-h: 76px; } }
@media (min-width: 1280px) { :root { --ds-gutter: 48px; } }

/* 2. Base ------------------------------------------------------------------ */
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	background: var(--ds-white);
	color: var(--ds-black);
	font-family: var(--ds-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--ds-font);
	color: var(--ds-black);
	font-weight: 400;
	line-height: 1.2;
	margin-block: 0 .6em;
}
/* Hello Elementor colours plain buttons pink; make them match the brand. */
button, [type="button"], [type="submit"], [type="reset"] { border-color: var(--ds-black); color: var(--ds-black); border-radius: 0; }
button:hover, button:focus, [type="button"]:hover, [type="button"]:focus, [type="submit"]:hover, [type="submit"]:focus { background-color: var(--ds-gold); border-color: var(--ds-gold); color: var(--ds-black); }
a { color: var(--ds-black); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover, a:active { color: var(--ds-black); }
img { max-width: 100%; height: auto; }
hr { border: 0; border-top: 1px solid var(--ds-grey); }
:focus-visible { outline: 2px solid var(--ds-black); outline-offset: 2px; }
.ds-container {
	width: 100%;
	max-width: var(--ds-container);
	margin-inline: auto;
	padding-inline: var(--ds-gutter);
	box-sizing: border-box;
}
.ds-content:focus { outline: 0; }

/* Shared label style: small, uppercase, spaced. */
.ds-upper,
.ds-card__designer,
.ds-card__label,
.ds-badge,
.ds-single__designer,
.ds-single__label,
.ds-section-title,
.ds-condition__title,
.ds-notes__title,
.ds-details__title,
.ds-footer__title,
.ds-filter__title,
.ds-filters__heading,
.ds-eyebrow,
.ds-menu > li > a,
.woocommerce-breadcrumb {
	text-transform: var(--ds-case);
	letter-spacing: var(--ds-track);
}

/* 3. Buttons and form fields --------------------------------------------- */
.ds-btn,
button.ds-btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce .wc-block-components-button:not(.is-link),
.ds-btn-el .elementor-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .6em;
	min-height: 48px;
	padding: 0 28px;
	border: 1px solid var(--ds-black);
	border-radius: 0;
	background: var(--ds-black);
	color: var(--ds-white);
	font-family: var(--ds-font);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: var(--ds-track);
	text-transform: var(--ds-case);
	text-decoration: none;
	cursor: pointer;
	transition: background-color .2s, color .2s, border-color .2s;
	box-shadow: none;
}
.ds-btn:hover, .ds-btn:focus-visible,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce .wc-block-components-button:not(.is-link):hover,
.ds-btn-el .elementor-button:hover, .ds-btn-el .elementor-button:focus-visible {
	background: var(--ds-gold);
	border-color: var(--ds-gold);
	color: var(--ds-black);
}
.woocommerce button.button:disabled,
.woocommerce button.button.disabled,
.woocommerce a.button.disabled { background: var(--ds-charcoal); border-color: var(--ds-charcoal); color: var(--ds-white); opacity: .6; }

/* Outline button (Filter, WhatsApp, secondary Elementor button). */
.ds-btn.ds-btn--ghost,
.ds-btn-el--ghost .elementor-button {
	background: transparent;
	color: var(--ds-black);
}
.ds-btn--block { width: 100%; }

input[type="text"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"],
input[type="password"], input[type="number"], select, textarea,
.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
	border: 1px solid var(--ds-charcoal);
	border-radius: 0;
	background: var(--ds-white);
	color: var(--ds-black);
	font-family: var(--ds-font);
	font-size: 16px; /* 16px stops iPhone zooming in. */
	padding: 12px 14px;
	min-height: 48px;
	box-sizing: border-box;
}
input:focus, select:focus, textarea:focus { outline: 2px solid var(--ds-black); outline-offset: 0; }

/* Plain icon button (header icons, close buttons). */
.ds-icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--ds-black);
	cursor: pointer;
	text-decoration: none;
}
.ds-icon-btn:hover, .ds-icon-btn:focus { background: transparent; color: var(--ds-black); }
.ds-icon-btn:hover .ds-icon { color: var(--ds-black); stroke-width: 1.8; }

/* 4. Header ---------------------------------------------------------------- */
.ds-announce {
	background: var(--ds-soft);
	color: var(--ds-charcoal);
	font-size: 12px;
}
.ds-announce__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 36px;
}
.ds-announce__text { margin: 0; letter-spacing: var(--ds-track-sm); }

.ds-lang { display: flex; align-items: center; gap: 8px; font-size: 12px; white-space: nowrap; }
.ds-lang__link { color: var(--ds-charcoal); text-decoration: none; padding: 6px 2px; }
.ds-lang__link:hover { color: var(--ds-black); text-decoration: underline; }
.ds-lang__link.is-current { color: var(--ds-black); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.ds-lang__link[lang="ar"] { font-family: "IBM Plex Sans Arabic", var(--ds-font); letter-spacing: 0; }
.ds-lang__sep { color: var(--ds-muted); }

.ds-sentinel { height: 1px; margin-bottom: -1px; }
.ds-header {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 100;
	background: var(--ds-white);
	border-bottom: 1px solid var(--ds-charcoal);
	transition: box-shadow .2s;
}
.ds-header.is-stuck { box-shadow: 0 2px 12px rgba(0, 0, 0, .06); }
@media (max-width: 600px) { .admin-bar .ds-header { top: 0; } }

.ds-header__row {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	min-height: var(--ds-header-h);
	gap: 16px;
}
.ds-burger { justify-self: start; }
.ds-logo { justify-self: center; display: flex; align-items: center; }
.ds-logo img, .ds-logo .custom-logo { display: block; max-height: 40px; width: auto; }
@media (min-width: 768px) { .ds-logo img, .ds-logo .custom-logo { max-height: 48px; } }
.ds-logo--text {
	font-size: 22px;
	font-weight: 400;
	letter-spacing: .2em;
	text-transform: lowercase;
	text-decoration: none;
	color: var(--ds-black);
}
.ds-header__icons { justify-self: end; display: flex; align-items: center; gap: 2px; }
.ds-account-link { display: none; }
@media (min-width: 768px) { .ds-account-link { display: inline-flex; } }

.ds-cart-count {
	position: absolute;
	top: 4px;
	inset-inline-end: 2px;
	min-width: 18px;
	height: 18px;
	padding: 0 4px;
	border-radius: 9px;
	background: var(--ds-gold);
	color: var(--ds-black);
	font-size: 11px;
	font-weight: 600;
	line-height: 18px;
	text-align: center;
	box-sizing: border-box;
	transition: transform .25s var(--ds-ease);
}
.ds-cart-count.is-empty { display: none; }
.ds-cart-count.is-bump { transform: scale(1.25); }

/* Desktop menu (hidden below 1025px, where the drawer is used). */
.ds-nav { display: none; }
@media (min-width: 1025px) {
	.ds-header__row { grid-template-columns: auto 1fr auto; }
	.ds-burger { display: none; }
	.ds-logo { justify-self: start; }
	.ds-nav { display: block; justify-self: center; }
}
.ds-menu { list-style: none; margin: 0; padding: 0; }
.ds-nav .ds-menu { display: flex; gap: 4px 28px; flex-wrap: wrap; justify-content: center; }
.ds-nav .ds-menu > li { position: relative; }
.ds-nav .ds-menu > li > a {
	display: block;
	padding: 26px 0;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	color: var(--ds-black);
	border-bottom: 2px solid transparent;
}
.ds-nav .ds-menu > li > a:hover,
.ds-nav .ds-menu > li.current-menu-item:not(.menu-item-has-children) > a,
.ds-nav .ds-menu > li.current-menu-ancestor > a { border-bottom-color: var(--ds-gold); }
.ds-nav .sub-menu {
	position: absolute;
	top: 100%;
	inset-inline-start: -20px;
	min-width: 220px;
	margin: 0;
	padding: 12px 0;
	list-style: none;
	background: var(--ds-white);
	border: 1px solid var(--ds-charcoal);
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity .18s, transform .18s, visibility 0s .18s;
	z-index: 10;
}
.ds-nav li:hover > .sub-menu,
.ds-nav li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.ds-nav .sub-menu a { display: block; padding: 8px 20px; font-size: 14px; text-decoration: none; color: var(--ds-black); }
.ds-nav .sub-menu a:hover { background: var(--ds-soft); }

/* Search panel. */
.ds-search { border-top: 1px solid var(--ds-grey); background: var(--ds-white); }
.ds-search__form { display: flex; align-items: center; gap: 12px; padding-block: 16px; }
.ds-search__input { flex: 1; min-width: 0; }
.ds-search .ds-btn { flex: none; }
@media (max-width: 600px) { .ds-search .ds-btn { display: none; } }

/* Slide-out drawer (tablet and phone). */
.ds-drawer { position: fixed; inset: 0; z-index: 1000; }
.ds-drawer[hidden] { display: none; }
.ds-drawer__overlay { position: absolute; inset: 0; background: rgba(11, 11, 11, .45); opacity: 0; transition: opacity .3s; }
.ds-drawer__panel {
	position: absolute;
	top: 0;
	bottom: 0;
	inset-inline-start: 0;
	width: min(86vw, 380px);
	display: flex;
	flex-direction: column;
	background: var(--ds-white);
	transform: translateX(-100%);
	transition: transform .3s var(--ds-ease);
	overflow-y: auto;
	padding-bottom: env(safe-area-inset-bottom);
}
.ds-drawer.is-open .ds-drawer__overlay { opacity: 1; }
.ds-drawer.is-open .ds-drawer__panel { transform: none; }
.ds-drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 12px var(--ds-gutter); border-bottom: 1px solid var(--ds-grey); }
.ds-drawer__nav { flex: 1; padding: 8px var(--ds-gutter); }
.ds-menu--drawer > li { border-bottom: 1px solid var(--ds-grey); }
.ds-menu--drawer a { display: block; padding: 14px 0; text-decoration: none; color: var(--ds-black); font-size: 14px; }
.ds-menu--drawer > li > a { font-weight: 500; }
.ds-menu--drawer .sub-menu { list-style: none; margin: 0 0 10px; padding-inline-start: 14px; }
.ds-menu--drawer .sub-menu a { padding: 8px 0; color: var(--ds-charcoal); }
.ds-drawer__foot { padding: 16px var(--ds-gutter); background: var(--ds-soft); }
body.ds-locked { overflow: hidden; }

/* 5. Footer ---------------------------------------------------------------- */
.ds-footer { background: var(--ds-soft); color: var(--ds-charcoal); margin-top: 80px; font-size: 14px; }
.ds-footer__grid {
	display: grid;
	gap: 36px;
	padding-block: 56px 40px;
	grid-template-columns: 1fr 1fr;
}
.ds-footer__brand { grid-column: 1 / -1; max-width: 360px; }
@media (min-width: 900px) {
	.ds-footer__grid { grid-template-columns: 2fr 1fr 1fr 1fr; }
	.ds-footer__brand { grid-column: auto; }
}
.ds-footer__tagline { margin: 16px 0 0; line-height: 1.7; }
.ds-footer__title { font-size: 12px; font-weight: 500; margin-bottom: 14px; }
.ds-footer__links, .ds-footer__legal-links { list-style: none; margin: 0; padding: 0; }
.ds-footer__links li { margin-bottom: 6px; }
.ds-footer a { color: var(--ds-charcoal); text-decoration: none; display: inline-block; padding-block: 4px; }
.ds-footer a:hover { color: var(--ds-black); text-decoration: underline; }
.ds-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 24px;
	padding-block: 20px calc(20px + env(safe-area-inset-bottom));
	border-top: 1px solid var(--ds-grey);
	font-size: 12px;
}
.ds-footer__copy { margin: 0; }
.ds-footer__legal-links { display: flex; flex-wrap: wrap; gap: 4px 20px; }

/* 6. WooCommerce: width, notices, breadcrumbs ----------------------------- */
html body.ds-theme .site-main,
html body.ds-theme.woocommerce-page .site-main,
html body.ds-theme.woocommerce .site-main {
	max-width: var(--ds-container);
	width: 100%;
	margin-inline: auto;
	padding-inline: var(--ds-gutter);
	box-sizing: border-box;
}
/* Elementor pages handle their own width. */
html body.ds-theme.elementor-page .site-main { max-width: none; padding-inline: 0; }
.ds-theme .page-header .entry-title,
.woocommerce-products-header__title.page-title {
	font-size: clamp(26px, 4vw, 36px);
	font-weight: 400;
	text-align: center;
	margin: 40px 0 8px;
}
.woocommerce-products-header { text-align: center; margin-bottom: 24px; }
.term-description { max-width: 640px; margin-inline: auto; color: var(--ds-charcoal); }
.woocommerce .woocommerce-breadcrumb {
	margin: 20px 0 0;
	font-size: 11px;
	color: var(--ds-muted);
}
.woocommerce .woocommerce-breadcrumb a { color: var(--ds-muted); text-decoration: none; }
.woocommerce .woocommerce-breadcrumb a:hover { color: var(--ds-black); text-decoration: underline; }

.woocommerce-message, .woocommerce-info, .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-message {
	border: 1px solid var(--ds-charcoal);
	border-inline-start: 3px solid var(--ds-gold);
	border-radius: 0;
	background: var(--ds-soft);
	color: var(--ds-black);
}
.woocommerce-message::before, .woocommerce-info::before { color: var(--ds-black); }
.woocommerce-error { border-inline-start-color: #a00; }
.woocommerce-error::before { color: #a00; }
.woocommerce .woocommerce-message .button, .woocommerce .woocommerce-info .button { min-height: 36px; padding: 0 16px; }
.woocommerce span.onsale { display: none; }
.woocommerce .price, .woocommerce div.product p.price, .woocommerce div.product span.price,
.woocommerce ul.products li.product .price { color: var(--ds-black); }
.woocommerce .price del { color: var(--ds-muted); opacity: 1; }
.woocommerce .price ins { text-decoration: none; font-weight: 500; }

/* 7. Product grid and cards ----------------------------------------------- */
.woocommerce ul.products,
.woocommerce-page ul.products {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 32px 12px;
	margin: 0 0 40px !important;
	padding: 0;
	list-style: none;
}
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none !important; }
@media (min-width: 768px) { .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 20px; } }
@media (min-width: 1025px) { .woocommerce ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 48px 24px; } }
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0;
	clear: none !important;
	text-align: start;
}

.ds-card { display: flex; flex-direction: column; height: 100%; }
.ds-card__media {
	position: relative;
	aspect-ratio: 4 / 5;
	background: var(--ds-white);
	overflow: hidden;
}
.ds-card__img { display: block; width: 100%; height: 100%; }
.ds-card__img img,
.woocommerce ul.products li.product .ds-card__img img {
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: contain;
	transition: transform .6s var(--ds-ease), opacity .3s;
}
@media (hover: hover) { .ds-card__media:hover .ds-card__img img { transform: scale(1.03); } }
.ds-card.is-sold .ds-card__img img { opacity: .45; }

.ds-badge {
	position: absolute;
	top: 10px;
	inset-inline-start: 10px;
	z-index: 2;
	padding: 5px 9px;
	background: var(--ds-black);
	color: var(--ds-white);
	font-size: 10px;
	font-weight: 500;
	line-height: 1.2;
}
.ds-badge--sold { inset-inline-start: auto; inset-inline-end: 10px; background: var(--ds-gold); color: var(--ds-black); }

/* Add to bag over the photo. */
.ds-add {
	position: absolute;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: 1px solid var(--ds-black);
	border-radius: 0;
	background: var(--ds-black);
	color: var(--ds-white);
	font-family: var(--ds-font);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: var(--ds-track);
	text-transform: var(--ds-case);
	cursor: pointer;
	transition: transform .3s var(--ds-ease), background-color .2s, color .2s, border-color .2s;
}
.ds-add:hover, .ds-add:focus-visible { background: var(--ds-gold); border-color: var(--ds-gold); color: var(--ds-black); }
.ds-add .ds-icon { width: 18px; height: 18px; }
.ds-add.is-added { background: var(--ds-white); color: var(--ds-black); }
.ds-add[aria-busy="true"] { opacity: .7; cursor: progress; }

/* Desktop / mouse: full-width bar that slides up on hover or keyboard focus. */
@media (hover: hover) and (pointer: fine) {
	.ds-add {
		inset-inline: 0;
		bottom: 0;
		width: 100%;
		min-height: 46px;
		transform: translateY(101%);
	}
	.ds-card__media:hover .ds-add,
	.ds-card__media:focus-within .ds-add,
	.ds-add.is-added { transform: none; }
	.ds-add .ds-icon { display: none; }
}
/* Touch screens: small square bag icon, always visible. */
@media (hover: none), (pointer: coarse) {
	.ds-add {
		bottom: 8px;
		inset-inline-end: 8px;
		width: 40px;
		height: 40px;
		padding: 0;
	}
	.ds-add__text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}

.ds-card__body { padding-top: 14px; }
.ds-card__designer { margin: 0 0 4px; font-size: 11px; font-weight: 500; color: var(--ds-black); }
.ds-card__title,
.woocommerce ul.products li.product .ds-card__title {
	margin: 0 0 4px;
	padding: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
}
.ds-card__title a { color: var(--ds-charcoal); text-decoration: none; }
.ds-card__title a:hover { color: var(--ds-black); text-decoration: underline; }
.ds-card__label { margin: 0 0 6px; font-size: 10px; color: var(--ds-muted); }
.woocommerce ul.products li.product .price { display: block; margin: 0; font-size: 14px; font-weight: 500; }

/* 8. Shop layout ----------------------------------------------------------- */
.ds-shop { display: block; }
@media (min-width: 1025px) {
	.ds-shop.has-filters { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 48px; align-items: start; }
}
.ds-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 16px;
	margin-bottom: 24px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--ds-grey);
}
.woocommerce .ds-toolbar .woocommerce-result-count { margin: 0; font-size: 13px; color: var(--ds-muted); float: none; }
.woocommerce .ds-toolbar .woocommerce-ordering { margin: 0 0 0 auto; margin-inline: auto 0; float: none; }
.woocommerce .ds-toolbar .woocommerce-ordering select { min-height: 40px; padding-block: 6px; font-size: 14px; }
.ds-filter-toggle { min-height: 40px; padding: 0 16px; }
@media (max-width: 600px) {
	.woocommerce .ds-toolbar .woocommerce-result-count { display: none; }
	.woocommerce .ds-toolbar .woocommerce-ordering { flex: 1; max-width: 60%; }
	.woocommerce .ds-toolbar .woocommerce-ordering select { width: 100%; }
}
.ds-filter-toggle .ds-icon { width: 18px; height: 18px; }
@media (min-width: 1025px) { .ds-filter-toggle { display: none !important; } }

.ds-filters__head { display: none; }
@media (min-width: 1025px) {
	.ds-filters { position: sticky; top: calc(var(--ds-header-h) + var(--wp-admin--admin-bar--height, 0px) + 24px); max-height: calc(100vh - var(--ds-header-h) - 48px); overflow-y: auto; padding-inline-end: 4px; }
	.ds-filters__overlay { display: none !important; }
}
@media (max-width: 1024px) {
	.ds-filters {
		position: fixed;
		top: 0;
		bottom: 0;
		inset-inline-start: 0;
		z-index: 1001;
		width: min(88vw, 360px);
		display: flex;
		flex-direction: column;
		background: var(--ds-white);
		transform: translateX(-100%);
		transition: transform .3s var(--ds-ease);
		visibility: hidden;
	}
	.ds-filters.is-open { transform: none; visibility: visible; }
	.ds-filters__head { display: flex; align-items: center; justify-content: space-between; padding: 12px var(--ds-gutter); border-bottom: 1px solid var(--ds-grey); }
	.ds-filters__heading { margin: 0; font-size: 13px; font-weight: 500; }
	.ds-filters__body { flex: 1; overflow-y: auto; padding: 8px var(--ds-gutter) calc(24px + env(safe-area-inset-bottom)); }
	.ds-filters__overlay { position: fixed; inset: 0; z-index: 1000; background: rgba(11, 11, 11, .45); }
}
.ds-filter { padding-block: 18px; border-bottom: 1px solid var(--ds-grey); }
.ds-filter:first-child { padding-top: 4px; }
.ds-filter__title { font-size: 12px; font-weight: 500; margin: 0 0 12px; }
.ds-filter ul { list-style: none; margin: 0; padding: 0; }
.ds-filter li { margin: 0; padding: 0; font-size: 14px; }
.ds-filter li a { display: inline-block; padding: 5px 0; color: var(--ds-charcoal); text-decoration: none; }
.ds-filter li a:hover, .ds-filter li.chosen a, .ds-filter li.current-cat > a { color: var(--ds-black); text-decoration: underline; }
.ds-filter .count { color: var(--ds-muted); font-size: 12px; }
.ds-filter .children { padding-inline-start: 12px; }
.woocommerce .widget_layered_nav ul li.chosen a::before,
.woocommerce .widget_layered_nav_filters ul li a::before { color: var(--ds-black); }
.woocommerce .widget_layered_nav_filters ul li a { font-size: 13px; }
/* Price slider. */
.woocommerce .widget_price_filter .ui-slider .ui-slider-range { background: var(--ds-gold); }
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background: var(--ds-black); border-radius: 0; width: 14px; height: 14px; top: -5px; }
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background: var(--ds-grey); height: 3px; }
.woocommerce .widget_price_filter .price_slider_amount { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-top: 14px; font-size: 13px; }
.woocommerce .widget_price_filter .price_slider_amount .button { min-height: 36px; padding: 0 16px; font-size: 11px; float: none; }

/* Pagination. */
.woocommerce nav.woocommerce-pagination ul { border: 0; display: flex; justify-content: center; gap: 6px; }
.woocommerce nav.woocommerce-pagination ul li { border: 0; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	min-width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 8px;
	border: 1px solid var(--ds-grey);
	color: var(--ds-black);
	font-size: 14px;
}
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--ds-black); color: var(--ds-white); border-color: var(--ds-black); }
.woocommerce nav.woocommerce-pagination ul li a:hover { background: var(--ds-soft); color: var(--ds-black); }

/* 9. Product page ---------------------------------------------------------- */
.woocommerce div.product {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 28px;
	margin-top: 20px;
}
@media (min-width: 900px) {
	.woocommerce div.product { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 56px; align-items: start; }
	.woocommerce div.product > .ds-about,
	.woocommerce div.product > .related,
	.woocommerce div.product > .upsells,
	.woocommerce div.product > .woocommerce-tabs { grid-column: 1 / -1; }
	.woocommerce div.product .summary { position: sticky; top: calc(var(--ds-header-h) + var(--wp-admin--admin-bar--height, 0px) + 24px); }
}
.woocommerce div.product div.images,
.woocommerce div.product div.summary,
.woocommerce-page div.product div.images,
.woocommerce-page div.product div.summary { float: none; width: auto; margin: 0; }

/* Gallery: photo never taller than 70% of the screen. */
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper { background: var(--ds-white); }
.woocommerce div.product div.images .woocommerce-product-gallery__image > a { display: flex; justify-content: center; align-items: center; height: 70vh; max-height: 70vh; }
.woocommerce div.product div.images .woocommerce-product-gallery__image img,
.woocommerce div.product div.images img.wp-post-image {
	width: auto !important;
	max-width: 100%;
	max-height: 70vh;
	height: auto;
	margin-inline: auto;
	object-fit: contain;
}
@media (max-width: 767px) {
	.woocommerce div.product div.images .woocommerce-product-gallery__image > a { height: auto; max-height: 70vh; aspect-ratio: 4 / 5; }
}
.woocommerce div.product div.images .flex-control-thumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.woocommerce div.product div.images .flex-control-thumbs li { width: 72px !important; float: none !important; margin: 0 !important; aspect-ratio: 4 / 5; background: var(--ds-white); border: 1px solid transparent; }
.woocommerce div.product div.images .flex-control-thumbs li img { width: 100%; height: 100%; object-fit: contain; opacity: .55; }
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover { opacity: 1; }
.woocommerce div.product div.images .flex-control-thumbs li:has(img.flex-active) { border-color: var(--ds-charcoal); }
.woocommerce div.product div.images .woocommerce-product-gallery__trigger { inset-inline-end: 12px; inset-inline-start: auto; background: var(--ds-white); border: 1px solid var(--ds-grey); border-radius: 0; }

.ds-single__designer { margin: 0 0 6px; font-size: 13px; font-weight: 500; }
.ds-single__designer a { text-decoration: none; }
.ds-single__designer a:hover { text-decoration: underline; }
.woocommerce div.product .product_title { font-size: clamp(22px, 3vw, 30px); font-weight: 400; margin: 0 0 8px; }
.ds-single__label { margin: 0 0 16px; font-size: 11px; color: var(--ds-muted); }
.woocommerce div.product p.price { font-size: 22px; font-weight: 500; margin: 0; }
.ds-single__vat { margin: 4px 0 24px; font-size: 13px; color: var(--ds-muted); }
.woocommerce div.product .stock.out-of-stock { display: inline-block; margin: 8px 0 16px; padding: 6px 12px; background: var(--ds-gold); color: var(--ds-black); font-size: 12px; text-transform: var(--ds-case); letter-spacing: var(--ds-track); }

.ds-notes { margin: 24px 0; }
.ds-notes__title, .ds-condition__title, .ds-details__title { font-size: 12px; font-weight: 500; margin: 0 0 10px; }
.ds-notes__text { color: var(--ds-charcoal); font-size: 15px; }
.ds-notes__text p:last-child { margin-bottom: 0; }

.woocommerce div.product form.cart { display: flex; margin: 0 0 12px; }
.woocommerce div.product form.cart .quantity { display: none; } /* One of one: no quantity box. */
.woocommerce div.product form.cart .button.single_add_to_cart_button { flex: 1; min-height: 52px; float: none; }
.ds-whatsapp { margin-bottom: 24px; }
.ds-whatsapp .ds-icon { width: 18px; height: 18px; }

.ds-details { width: 100%; margin: 0 0 24px; border: 0; border-collapse: collapse; font-size: 14px; }
.ds-details tbody > tr > th, .ds-details tbody > tr > td,
.ds-details tbody > tr:nth-child(odd) > td, .ds-details tbody > tr:nth-child(odd) > th { background: transparent; border: 0; border-bottom: 1px solid var(--ds-grey); }
.ds-details tbody tr:hover > td, .ds-details tbody tr:hover > th { background: transparent; }
.ds-details caption { text-align: start; }
.ds-details th, .ds-details td { padding: 10px 0; border-bottom: 1px solid var(--ds-grey); text-align: start; vertical-align: top; }
.ds-details th { width: 40%; font-weight: 400; color: var(--ds-muted); padding-inline-end: 16px; }

.ds-accordions { border-top: 1px solid var(--ds-charcoal); }
.ds-accordion { border-bottom: 1px solid var(--ds-charcoal); }
.ds-accordion summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 52px;
	cursor: pointer;
	list-style: none;
	font-size: 12px;
	font-weight: 500;
	text-transform: var(--ds-case);
	letter-spacing: var(--ds-track);
}
.ds-accordion summary::-webkit-details-marker { display: none; }
.ds-accordion summary::after { content: "+"; font-size: 20px; font-weight: 300; line-height: 1; }
.ds-accordion[open] summary::after { content: "−"; }
.ds-accordion__body { padding-bottom: 16px; color: var(--ds-charcoal); font-size: 14px; }
.ds-cert { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; padding: 12px; background: var(--ds-soft); color: var(--ds-black); }
.ds-cert .ds-icon { width: 18px; height: 18px; color: var(--ds-black); }
.ds-cert a { font-weight: 500; }
.ds-cert__ref { font-size: 13px; color: var(--ds-muted); }

.ds-section-title { font-size: 13px; font-weight: 500; text-align: center; margin: 0 0 28px; }
.ds-about { margin-top: 48px; padding: 48px 0 0; border-top: 1px solid var(--ds-grey); }
.ds-about__text { max-width: 760px; margin-inline: auto; color: var(--ds-charcoal); }
.woocommerce div.product .related, .woocommerce div.product .upsells { margin-top: 64px; }
.woocommerce div.product .related > h2, .woocommerce div.product .upsells > h2 {
	font-size: 13px; font-weight: 500; text-align: center; margin-bottom: 28px;
	text-transform: var(--ds-case); letter-spacing: var(--ds-track);
}

/* 10. Condition scale ------------------------------------------------------ */
.ds-condition { margin: 0 0 8px; padding: 20px 0; border-top: 1px solid var(--ds-grey); }
.ds-condition__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.ds-condition__title { margin: 0; }
.ds-condition__guide { font-size: 13px; color: var(--ds-charcoal); }
.ds-scale { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin: 0; padding: 0; list-style: none; }
.ds-scale__step { display: flex; flex-direction: column; gap: 8px; margin: 0; }
.ds-scale__bar { display: block; height: 4px; background: var(--ds-grey); }
.ds-scale__label { font-size: 12px; line-height: 1.3; color: var(--ds-muted); }
.ds-scale__step.is-active .ds-scale__bar { background: var(--ds-gold); height: 6px; margin-top: -2px; }
.ds-scale__step.is-active .ds-scale__label { color: var(--ds-black); font-weight: 600; }
.ds-condition__desc { margin: 14px 0 0; font-size: 14px; color: var(--ds-charcoal); }
.ds-condition__desc strong { color: var(--ds-black); font-weight: 500; }

/* Condition guide page. */
.ds-guide { display: grid; gap: 28px; max-width: 760px; margin: 24px auto; }
.ds-guide__item { padding: 24px; background: var(--ds-soft); }
.ds-guide__name { font-size: 18px; margin-bottom: 14px; }
.ds-guide__desc { margin: 14px 0 0; color: var(--ds-charcoal); }

/* 11. Sticky Add to bag bar (phones only) --------------------------------- */
.ds-sticky { display: none; }
@media (max-width: 767px) {
	.ds-sticky {
		position: fixed;
		inset-inline: 0;
		bottom: 0;
		z-index: 90;
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 10px var(--ds-gutter) calc(10px + env(safe-area-inset-bottom));
		background: var(--ds-white);
		border-top: 1px solid var(--ds-charcoal);
		box-shadow: 0 -4px 16px rgba(0, 0, 0, .06);
		transform: translateY(110%);
		transition: transform .3s var(--ds-ease);
	}
	.ds-sticky.is-visible { transform: none; }
	.ds-sticky__img { flex: none; width: 44px; aspect-ratio: 4 / 5; background: var(--ds-white); }
	.ds-sticky__img img { width: 100%; height: 100%; object-fit: contain; display: block; }
	.ds-sticky__info { flex: 1; min-width: 0; }
	.ds-sticky__name { margin: 0; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.ds-sticky__price { margin: 0; font-size: 14px; font-weight: 500; }
	.ds-sticky__price del { color: var(--ds-muted); font-weight: 400; }
	.ds-sticky__price ins { text-decoration: none; }
	.ds-sticky__btn { flex: none; min-height: 44px; padding: 0 18px; font-size: 12px; }
}

/* 12. Free delivery bar --------------------------------------------------- */
.ds-freeship {
	margin: 0 0 24px;
	padding: 18px 20px;
	background: var(--ds-soft);
	text-align: center;
}
.ds-freeship[hidden] { display: none; }
.ds-freeship__msg { margin: 0 0 10px; font-size: 15px; }
.ds-freeship__msg strong { font-weight: 600; }
.ds-freeship__msg .woocommerce-Price-amount { white-space: nowrap; }
.ds-freeship__track { height: 6px; background: var(--ds-grey); overflow: hidden; }
.ds-freeship__fill { display: block; height: 100%; width: 0; background: var(--ds-gold); transition: width .5s var(--ds-ease); }
.ds-freeship.is-unlocked .ds-freeship__fill { width: 100% !important; }
.ds-freeship__btn { margin-top: 14px; min-height: 40px; padding: 0 22px; font-size: 12px; }

/* Basket and checkout tidy-up. */
a.ds-btn, .woocommerce a.ds-btn { text-decoration: none; }
html body.ds-theme table tbody > tr:nth-child(odd) > td,
html body.ds-theme table tbody > tr:nth-child(odd) > th,
html body.ds-theme table tbody tr:hover > td,
html body.ds-theme table tbody tr:hover > th { background-color: transparent; }
html body.ds-theme table td, html body.ds-theme table th { border-color: var(--ds-grey); }
.woocommerce table.shop_table { border-width: 0; border-top: 1px solid var(--ds-charcoal); border-collapse: collapse; }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { border-width: 0; border-bottom: 1px solid var(--ds-grey); }
/* One of one: no quantity column and no "Update basket" button. */
.woocommerce table.cart .product-quantity, .woocommerce table.cart button[name="update_cart"] { display: none; }
.woocommerce table.cart td.actions .coupon .input-text { width: 180px; }
.woocommerce table.shop_table { border-radius: 0; border-color: var(--ds-grey); }
.woocommerce table.shop_table th { font-weight: 500; font-size: 12px; text-transform: var(--ds-case); letter-spacing: var(--ds-track); }
.woocommerce table.cart img { width: 72px; aspect-ratio: 4 / 5; object-fit: contain; background: var(--ds-white); }
.woocommerce a.remove { color: var(--ds-black) !important; border-radius: 0; }
.woocommerce a.remove:hover { background: var(--ds-gold); color: var(--ds-black) !important; }
.woocommerce .cart-collaterals .cart_totals h2, .woocommerce-checkout h3 { font-size: 13px; font-weight: 500; text-transform: var(--ds-case); letter-spacing: var(--ds-track); }
.woocommerce-checkout #payment { border-radius: 0; background: var(--ds-soft); }
.woocommerce-checkout #payment div.payment_box { background: var(--ds-white); border-radius: 0; }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--ds-white); }

/* 13. Homepage shortcodes and Elementor helpers --------------------------- */
.ds-eyebrow .elementor-heading-title,
p.ds-eyebrow { font-size: 12px; font-weight: 500; text-transform: var(--ds-case); letter-spacing: var(--ds-track); color: var(--ds-black); }
.ds-hero-title .elementor-heading-title { font-size: clamp(36px, 6vw, 64px); font-weight: 300; line-height: 1.05; letter-spacing: -.01em; color: var(--ds-black); }
.ds-section-heading .elementor-heading-title { font-size: 13px; font-weight: 500; text-transform: var(--ds-case); letter-spacing: var(--ds-track); color: var(--ds-black); }
.ds-lead, .ds-lead p { font-size: 17px; line-height: 1.7; color: var(--ds-charcoal); }
.ds-btn-el .elementor-button { width: auto; }
.ds-btn-el--ghost .elementor-button:hover { background: var(--ds-gold); color: var(--ds-black); }
.ds-hero-media img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
@media (min-width: 768px) { .ds-hero-media img { aspect-ratio: 1 / 1; } }
.ds-why .elementor-icon-box-title { font-size: 13px; font-weight: 500; text-transform: var(--ds-case); letter-spacing: var(--ds-track); }
.ds-why .elementor-icon-box-description { color: var(--ds-charcoal); }
.ds-why .elementor-icon { color: var(--ds-black); font-size: 28px; }
.ds-why .elementor-icon svg { fill: var(--ds-black); }

.ds-designers {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	border-block: 1px solid var(--ds-grey);
}
.ds-designers li { flex: 1 1 25%; }
@media (min-width: 900px) { .ds-designers li { flex: 1 1 0; } }
.ds-designers a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 72px;
	padding: 12px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: var(--ds-track);
	text-transform: var(--ds-case);
	text-decoration: none;
	color: var(--ds-black);
	transition: background-color .2s;
	text-align: center;
}
.ds-designers a:hover { background: var(--ds-soft); }
.ds-designers__logo { max-height: 28px; width: auto; filter: grayscale(1); }

.ds-tiles {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}
@media (min-width: 768px) { .ds-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } }
@media (min-width: 1200px) { .ds-tiles { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.ds-tile { display: block; text-decoration: none; color: var(--ds-black); }
.ds-tile__media { display: block; aspect-ratio: 4 / 5; background: var(--ds-soft); overflow: hidden; }
.ds-tile__media img { width: 100%; height: 100%; object-fit: contain; transition: transform .6s var(--ds-ease); }
.ds-tile:hover .ds-tile__media img { transform: scale(1.04); }
.ds-tile__name { display: block; padding-top: 12px; font-size: 12px; font-weight: 500; letter-spacing: var(--ds-track); text-transform: var(--ds-case); text-align: center; }
.ds-tile:hover .ds-tile__name { text-decoration: underline; text-underline-offset: 4px; }
.ds-just-arrived .woocommerce ul.products { margin-bottom: 0 !important; }

/* 14. Newsletter ----------------------------------------------------------- */
.ds-newsletter { max-width: 560px; margin-inline: auto; }
.ds-newsletter__row { display: flex; gap: 0; }
.ds-newsletter__input { flex: 1; min-width: 0; border-inline-end: 0 !important; }
.ds-newsletter__row .ds-btn { flex: none; }
.ds-newsletter__small { margin: 10px 0 0; font-size: 12px; color: var(--ds-muted); text-align: center; }
.ds-newsletter__msg { margin: 12px 0 0; padding: 10px 12px; background: var(--ds-white); border-inline-start: 3px solid var(--ds-gold); font-size: 14px; }
/* Hidden spam trap. Clipped in place (not pushed off-screen), so Arabic RTL pages never scroll sideways. */
.ds-newsletter__hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 480px) {
	.ds-newsletter__row { flex-direction: column; gap: 8px; }
	.ds-newsletter__input { border-inline-end: 1px solid var(--ds-charcoal) !important; }
}

/* 15. Toast ---------------------------------------------------------------- */
.ds-toast {
	position: fixed;
	z-index: 1100;
	inset-inline-end: 16px;
	top: calc(var(--ds-header-h) + var(--wp-admin--admin-bar--height, 0px) + 12px);
	display: flex;
	align-items: center;
	gap: 16px;
	max-width: calc(100vw - 32px);
	padding: 14px 18px;
	background: var(--ds-black);
	color: var(--ds-white);
	font-size: 14px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
	opacity: 0;
	transform: translateY(-8px);
	transition: opacity .25s, transform .25s var(--ds-ease);
}
.ds-toast[hidden] { display: none; }
.ds-toast.is-visible { opacity: 1; transform: none; }
.ds-toast a { color: var(--ds-white); font-weight: 500; text-transform: var(--ds-case); letter-spacing: var(--ds-track); font-size: 12px; white-space: nowrap; }
.ds-toast a:hover { color: var(--ds-gold); }
.ds-toast.is-error { background: var(--ds-white); color: var(--ds-black); border: 1px solid var(--ds-charcoal); }
.ds-toast.is-error a { color: var(--ds-black); }
@media (max-width: 767px) { .ds-toast { inset-inline: 16px; } }

/* 16. Arabic / right to left ---------------------------------------------- */
[dir="rtl"] {
	--ds-font: "IBM Plex Sans Arabic", "Jost", system-ui, sans-serif;
	--ds-track: 0;
	--ds-track-sm: 0;
	--ds-case: none;
}
/* Arabic text never gets letter-spacing or uppercase, anywhere. */
[dir="rtl"] body, [dir="rtl"] body *,
:lang(ar), :lang(ar) * { letter-spacing: 0 !important; text-transform: none !important; }
[dir="rtl"] .ds-drawer__panel { transform: translateX(100%); }
[dir="rtl"] .ds-drawer.is-open .ds-drawer__panel { transform: none; }
[dir="rtl"] .ds-icon--chat { transform: scaleX(-1); }
/* Numbers and Latin designer names stay readable inside Arabic text. */
[dir="rtl"] .woocommerce-Price-amount { unicode-bidi: isolate; direction: ltr; display: inline-block; }
[dir="rtl"] .woocommerce .ds-toolbar .woocommerce-ordering { margin-inline: auto 0; }
@media (max-width: 1024px) {
	[dir="rtl"] .ds-filters { transform: translateX(100%); }
	[dir="rtl"] .ds-filters.is-open { transform: none; }
}

/* 17. Accessibility helpers ------------------------------------------------ */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	word-wrap: normal !important;
}
.skip-link.screen-reader-text:focus {
	clip: auto;
	clip-path: none;
	height: auto;
	width: auto;
	z-index: 100000;
	top: 8px;
	inset-inline-start: 8px;
	padding: 12px 18px;
	background: var(--ds-black);
	color: var(--ds-white);
	text-decoration: none;
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; scroll-behavior: auto !important; }
}