/* ==========================================================================
   AAVVIRA product page (aavvira-single-product.php)
   Sizes follow the design's scale: --u is the design's 1rem (1.5625vw).
   Header, promise strip and closing banner are Elementor templates and are
   styled in Elementor.
   ========================================================================== */

body.aav-product-page {
	margin: 0;
	background: #f5efe6 !important;
	color: #1e2118;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
}
main.aav-product {
	--u: 1.5625vw;
	--ink: #1e2118;
	--gold: #99733f;
	--olive: #2b301f;
	display: block;
	background: #f5efe6 !important;
	color: var(--ink);
	font-family: Arial, Helvetica, sans-serif;
}
.aav-product *,
.aav-p-dialog * {
	box-sizing: border-box;
}
.aav-product h1,
.aav-product h2,
.aav-product h3,
.aav-product p,
.aav-product dl,
.aav-product dd,
.aav-product ul {
	margin: 0;
	padding: 0;
}
.aav-product h1,
.aav-product h2,
.aav-p-dialog h2 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 400;
	color: var(--ink);
	letter-spacing: 0;
	text-transform: none;
}
.aav-product a {
	color: inherit;
	text-decoration: none;
}
.aav-product button,
.aav-p-dialog button {
	font: inherit;
	color: inherit;
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	min-height: 0;
	cursor: pointer;
	box-shadow: none;
	text-transform: none;
	letter-spacing: normal;
}
.aav-product img {
	display: block;
	width: 100%;
	max-width: none;
	object-fit: cover;
}
.aav-product svg {
	overflow: visible !important;
}
.aav-product a:focus-visible,
.aav-product button:focus-visible,
.aav-p-main:focus-visible,
.aav-p-dialog a:focus-visible,
.aav-p-dialog button:focus-visible,
.aav-p-dialog input:focus-visible,
.aav-p-dialog textarea:focus-visible {
	outline: 2px solid var(--gold, #99733f);
	outline-offset: 3px;
}

/* Header template: thin line under it (the current collection is underlined by the script). */
.aav-p-header {
	border-bottom: 1px solid #e7dfd4;
}
/* The mobile menu hides its arrow ("Show icon" off); Elementor's accordion
   stylesheet that does this only loads on Elementor pages. */
.aav-p-header .e-accordion-item-icon-base {
	display: none !important;
}

/* ---------- Breadcrumb ---------- */
.aav-p-crumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: calc(.6 * var(--u));
	min-height: calc(2.75 * var(--u));
	padding: 0 calc(3.125 * var(--u));
	font-size: calc(.69 * var(--u));
	color: #4f5049;
}
.aav-p-crumb a:hover {
	color: var(--gold);
}

/* ---------- Gallery + details ---------- */
.aav-p-overview {
	display: grid;
	grid-template-columns: calc(31 * var(--u)) minmax(0, 1fr);
	gap: calc(2.5 * var(--u));
	padding: 0 calc(3.125 * var(--u));
	align-items: start;
}
.aav-p-gallery {
	position: relative;
	display: grid;
	grid-template-columns: calc(4 * var(--u)) minmax(0, 1fr);
	gap: calc(.75 * var(--u));
	min-width: 0;
}
.aav-p-gallery:not(:has(.aav-p-thumbs)) {
	grid-template-columns: minmax(0, 1fr);
}
.aav-p-thumbs {
	display: flex;
	flex-direction: column;
	gap: calc(.5 * var(--u));
}
.aav-p-thumb {
	position: relative;
	display: block;
	width: 100%;
	height: calc(6.1 * var(--u));
	overflow: hidden;
	border-radius: 2px !important;
	border: 1px solid transparent !important;
}
.aav-p-thumb img {
	height: 100%;
	object-position: center top;
}
.aav-p-thumb.is-selected {
	border-color: #907445 !important;
	box-shadow: 0 0 0 1px #907445 !important;
}
.aav-p-main {
	position: relative;
	height: calc(36.25 * var(--u));
	overflow: hidden;
	border-radius: 2px;
	background: #eadfce;
}
.aav-p-photo {
	position: absolute;
	inset: 0;
	height: 100% !important;
	object-position: center top;
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s ease;
	cursor: zoom-in;
}
.aav-p-photo.is-active {
	opacity: 1;
	visibility: visible;
}
/* Hover zoom (computers): a lens over the photo and, to its right, a zoom
   window over the details showing the lens area magnified (added by the script). */
.aav-p-main.has-hover-zoom {
	cursor: crosshair;
}
.aav-p-lens {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	border: 1px solid rgba(255, 255, 255, .9);
	background: rgba(255, 253, 244, .28);
	box-shadow: 0 0 0 1px rgba(30, 33, 24, .12);
	opacity: 0;
	pointer-events: none;
	transition: opacity .15s ease;
}
.aav-p-lens.is-on {
	opacity: 1;
}
.aav-p-zoom-pane {
	position: absolute;
	z-index: 20;
	border: 1px solid #e7dfd4;
	border-radius: 2px;
	background-color: #f5efe6;
	background-repeat: no-repeat;
	box-shadow: 0 14px 34px rgba(30, 33, 24, .16);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .15s ease, visibility .15s;
}
.aav-p-zoom-pane.is-on {
	opacity: 1;
	visibility: visible;
}
.aav-p-arrow {
	position: absolute !important;
	top: 42%;
	z-index: 2;
	display: grid !important;
	place-content: center;
	width: calc(2.1 * var(--u));
	height: calc(2.1 * var(--u));
	border-radius: 50% !important;
	background: #f8f5ebee !important;
	font-family: Georgia, serif !important;
	font-size: calc(1.6 * var(--u)) !important;
	line-height: 1 !important;
	color: var(--ink) !important;
	cursor: pointer;
}
.aav-p-prev { left: var(--u); }
.aav-p-next { right: var(--u); }
.aav-p-zoom {
	position: absolute !important;
	right: calc(.8 * var(--u));
	bottom: calc(.8 * var(--u));
	z-index: 2;
	display: grid !important;
	place-content: center;
	width: calc(1.9 * var(--u));
	height: calc(1.9 * var(--u));
	border-radius: 3px !important;
	background: #f8f5eb !important;
	cursor: pointer;
}
.aav-p-zoom svg {
	width: calc(1.15 * var(--u));
	height: calc(1.15 * var(--u));
	fill: none;
	stroke: var(--ink);
	stroke-width: 1.3;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* YITH gallery (used when the "YITH Product Gallery & Image Zoom" plugin is
   active). Its zoom and lightbox are set in the plugin's settings; these rules
   lay it out like the design: thumbnails in a column on the left, photo on the
   right (thumbnails in a row under the photo on phones). YITH's slider sets
   pixel widths on the thumbnails, hence the !important rules. */
.aav-p-gallery--yith {
	display: block;
	position: relative;
	min-width: 0;
}
.aav-p-gallery--yith div.images {
	position: relative;
	display: grid !important;
	grid-template-columns: calc(4 * var(--u)) minmax(0, 1fr);
	gap: calc(.75 * var(--u));
	align-items: start;
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}
.aav-p-gallery--yith .woocommerce-product-gallery__image {
	grid-column: 2;
	grid-row: 1;
	min-width: 0;
	margin: 0;
}
.aav-p-gallery--yith .yith_magnifier_zoom img {
	width: 100%;
	height: auto !important;
	border-radius: 2px;
}
.aav-p-gallery--yith .thumbnails {
	grid-column: 1;
	grid-row: 1;
	width: auto !important;
	max-height: calc(36.25 * var(--u));
	margin: 0 !important;
	padding: 0 !important; /* WooCommerce adds space above gallery thumbnails */
	overflow-x: hidden !important;
	overflow-y: auto !important;
	scrollbar-width: none;
}
.aav-p-gallery--yith .thumbnails::-webkit-scrollbar {
	display: none;
}
.aav-p-gallery--yith .yith_magnifier_gallery {
	display: flex !important;
	flex-direction: column;
	gap: calc(.5 * var(--u));
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left;
}
.aav-p-gallery--yith .yith_magnifier_gallery li {
	display: block !important;
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}
.aav-p-gallery--yith .yith_magnifier_gallery li a {
	display: block;
	height: calc(6.1 * var(--u)) !important;
	margin: 0 !important;
	overflow: hidden;
	border: 1px solid transparent;
	border-radius: 2px;
}
.aav-p-gallery--yith .yith_magnifier_gallery li.active-thumbnail a {
	border-color: #907445;
	box-shadow: 0 0 0 1px #907445;
}
.aav-p-gallery--yith .yith_magnifier_gallery img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	object-position: center top;
}
/* All thumbnails are shown in the column, so the slider arrows aren't needed. */
.aav-p-gallery--yith #slider-prev,
.aav-p-gallery--yith #slider-next {
	display: none !important;
}
/* The zoom lens and zoom window size their own full-size photo. */
.aav-p-gallery--yith .yith_magnifier_lens img,
.aav-p-gallery--yith .yith_magnifier_zoom_magnifier img {
	display: inline;
	width: auto;
	height: auto;
	max-width: none;
	object-fit: initial;
}
.aav-p-gallery--yith .yith_magnifier_zoom_magnifier {
	border-color: #e7dfd4;
	background: #f5efe6;
}

.aav-p-details {
	min-width: 0;
	padding-top: calc(.1 * var(--u));
}
.aav-p-badge {
	display: inline-block;
	margin-bottom: calc(.75 * var(--u));
	padding: calc(.32 * var(--u)) calc(.5 * var(--u));
	border-radius: 2px;
	background: #eeddbb;
	color: #584327;
	font-size: calc(.56 * var(--u));
	letter-spacing: .04em;
	text-transform: uppercase;
}
.aav-p-title-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: calc(.5 * var(--u));
}
.aav-p-title {
	font-size: calc(2 * var(--u)) !important;
	line-height: 1.15 !important;
	letter-spacing: -.025em !important;
}
.aav-p-save {
	flex: 0 0 calc(1.25 * var(--u));
	margin-top: calc(.3 * var(--u)) !important;
	color: #958b75 !important;
}
.aav-p-save svg {
	width: calc(1.15 * var(--u));
	height: calc(1.15 * var(--u));
	fill: none;
	stroke: currentColor;
	stroke-width: 2.4;
	stroke-linejoin: round;
}
.aav-p-save[aria-pressed="true"] svg {
	fill: #a57e43;
	stroke: #a57e43;
}
.aav-p-intro {
	margin: calc(.7 * var(--u)) 0 calc(1.15 * var(--u));
	color: #65645f;
	font-size: calc(.81 * var(--u));
	line-height: 1.7;
}
.aav-p-price-block {
	padding: var(--u) 0 calc(1.1 * var(--u));
	border-top: 1px solid #ddd5c9;
}
.aav-p-price {
	margin-bottom: calc(.35 * var(--u)) !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: calc(1.7 * var(--u));
	line-height: 1.05;
	color: var(--ink);
}
.aav-p-price .woocommerce-Price-amount,
.aav-p-price bdi {
	color: inherit;
	font-weight: 400;
}
.aav-p-price-note {
	color: #64635e;
	font-size: calc(.8 * var(--u));
}
.aav-p-specs {
	display: grid;
	grid-template-columns: calc(6.85 * var(--u)) minmax(0, 1fr);
	gap: calc(.65 * var(--u)) 0;
	margin: calc(.4 * var(--u)) 0 calc(2.35 * var(--u)) !important;
	font-size: calc(.81 * var(--u));
	line-height: 1.2;
}
.aav-p-specs dt {
	font-weight: 700;
	color: var(--ink);
}
.aav-p-specs dd {
	margin: 0;
	color: #4e4d48;
}
.aav-p-enquire {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: calc(.8 * var(--u));
	width: 100%;
	height: calc(3.3 * var(--u));
	padding: 0 var(--u);
	border-radius: 5px;
	background: var(--olive, #2b301f);
	color: #fffdf4 !important;
	font-size: calc(1.1 * var(--u));
	line-height: 1;
	transition: background-color .15s ease;
}
.aav-p-enquire:hover {
	background: #41472f;
}
.aav-p-enquire svg {
	flex: 0 0 auto;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.aav-p-enquire .aav-p-wa {
	width: calc(1.75 * var(--u));
	height: calc(1.75 * var(--u));
	stroke-width: 1.35;
}
.aav-p-enquire > svg:last-child {
	width: calc(1.15 * var(--u));
	height: calc(1.15 * var(--u));
	margin-left: calc(2.4 * var(--u));
	stroke-width: 1.2;
}
.aav-p-note {
	display: flex;
	align-items: center;
	gap: calc(.55 * var(--u));
	margin-top: calc(1.1 * var(--u)) !important;
	font-size: calc(.69 * var(--u));
	line-height: 1.35;
	color: var(--ink);
}
.aav-p-note svg {
	flex: 0 0 var(--u);
	width: var(--u);
	height: calc(1.15 * var(--u));
	fill: none;
	stroke: currentColor;
	stroke-width: 1.3;
	stroke-linejoin: round;
	stroke-linecap: round;
}

/* ---------- Design story + customisation options ---------- */
.aav-p-story {
	display: grid;
	grid-template-columns: calc(17.4 * var(--u)) minmax(0, 1fr) calc(15.7 * var(--u));
	gap: calc(2.65 * var(--u));
	padding: calc(1.2 * var(--u)) calc(3.125 * var(--u));
	background: #f0e7dc;
}
.aav-p-story.no-options {
	grid-template-columns: calc(17.4 * var(--u)) minmax(0, 1fr);
}
.aav-p-story-img {
	height: calc(13 * var(--u)) !important;
	border-radius: 2px;
}
.aav-p-story-copy {
	padding-top: var(--u);
}
.aav-p-story-copy h2 {
	margin-bottom: calc(.85 * var(--u)) !important;
	font-size: calc(1.6 * var(--u)) !important;
	line-height: 1.2 !important;
}
.aav-p-story-copy p {
	margin-bottom: calc(.8 * var(--u)) !important;
	color: #6b685f;
	font-size: calc(.84 * var(--u));
	line-height: 1.62;
}
.aav-p-link {
	display: inline-flex !important;
	align-items: center;
	gap: calc(.4 * var(--u));
	color: #86622c !important;
	font-size: calc(.82 * var(--u)) !important;
	line-height: 1.3 !important;
}
.aav-p-link svg {
	width: var(--u);
	height: var(--u);
	fill: none;
	stroke: currentColor;
	stroke-width: 1.3;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.aav-p-underline {
	text-decoration: underline !important;
	text-underline-offset: 3px;
	white-space: nowrap;
}
.aav-p-options {
	padding: calc(.6 * var(--u)) 0 0 calc(2.8 * var(--u));
	border-left: 1px solid #e3d9cb;
}
.aav-p-options h2 {
	margin-bottom: var(--u) !important;
	font-size: calc(1.23 * var(--u)) !important;
	line-height: 1.2 !important;
	white-space: nowrap;
}
.aav-p-options ul {
	display: grid;
	gap: calc(.65 * var(--u));
	margin: 0 0 calc(1.6 * var(--u)) !important;
	list-style: none;
	color: #635e54;
	font-size: calc(.82 * var(--u));
	line-height: calc(1.05 * var(--u));
}
.aav-p-options li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.aav-p-options li::before {
	content: "\2713";
	margin-right: calc(.65 * var(--u));
	color: #8b692f;
	font-size: calc(1.1 * var(--u));
}

/* ---------- Complete the look ---------- */
.aav-p-look {
	position: relative;
	padding: calc(1.7 * var(--u)) calc(3.125 * var(--u)) calc(1.5 * var(--u));
}
.aav-p-look > h2 {
	margin-bottom: calc(1.2 * var(--u)) !important;
	font-size: calc(1.7 * var(--u)) !important;
	line-height: 1.2 !important;
}
.aav-p-look-track {
	position: relative;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - 2 * var(--u)) / 3);
	gap: var(--u);
	padding: 0 var(--u);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}
.aav-p-look-track::-webkit-scrollbar {
	display: none;
}
.aav-p-look-card {
	position: relative; /* keeps screen-reader labels inside the scrolling row */
	display: grid;
	grid-template-columns: calc(7.6 * var(--u)) minmax(0, 1fr);
	gap: calc(.95 * var(--u));
	min-width: 0;
	scroll-snap-align: start;
}
.aav-p-look-card + .aav-p-look-card {
	padding-left: calc(.6 * var(--u));
	border-left: 1px solid #ece3d8;
}
.aav-p-look-card img {
	height: calc(8 * var(--u)) !important;
	border-radius: 2px;
}
.aav-p-look-card > div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-top: calc(1.15 * var(--u));
}
.aav-p-look-card h3 {
	margin-bottom: calc(.45 * var(--u)) !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: calc(.76 * var(--u)) !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	color: var(--ink);
	text-transform: none;
	letter-spacing: 0;
}
.aav-p-look-card p {
	font-size: calc(.77 * var(--u));
	color: var(--ink);
}
.aav-p-look-card .woocommerce-Price-amount {
	color: inherit;
	font-weight: 400;
}
.aav-p-view {
	position: relative;
	margin-top: auto;
	margin-bottom: calc(.6 * var(--u));
	padding: calc(.4 * var(--u)) var(--u);
	border: 1px solid #8f8d82;
	border-radius: 2px;
	font-size: calc(.75 * var(--u));
	line-height: 1.2;
}
.aav-p-view:hover {
	border-color: var(--gold);
	color: var(--gold) !important;
}
.aav-p-look-arrow {
	position: absolute !important;
	top: 53%;
	display: grid !important;
	place-content: center;
	width: calc(1.9 * var(--u));
	height: calc(1.9 * var(--u));
	border: 1px solid #cec4b2 !important;
	border-radius: 50% !important;
	font-family: Georgia, serif !important;
	font-size: calc(1.6 * var(--u)) !important;
	line-height: 1 !important;
}
.aav-p-look-arrow[hidden] {
	display: none !important;
}
.aav-p-look-arrow[disabled] {
	opacity: .35;
	cursor: default;
}
.aav-p-look-back { left: calc(.8 * var(--u)); }
.aav-p-look-forward { right: calc(.8 * var(--u)); }

/* ---------- Lightbox (WooCommerce PhotoSwipe, when YITH isn't active) ---------- */
.aav-product-page .pswp {
	z-index: 100000; /* above the admin bar and the header */
}
.aav-product-page .pswp__caption__center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}
.aav-product-page .pswp__button {
	min-height: 0;
	box-shadow: none;
}

/* ---------- Dialog (design story, customisation) ---------- */
.aav-p-dialog {
	width: min(90vw, 42rem);
	max-width: 90vw;
	max-height: 92vh;
	padding: 40px;
	border: 1px solid #baa574;
	border-radius: 4px;
	background: #f5efe6;
	color: #1e2118;
	font-family: Arial, Helvetica, sans-serif;
}
.aav-p-dialog::backdrop {
	background: #1c2115b3;
}
.aav-p-dialog-close {
	position: absolute;
	right: 10px;
	top: 6px;
	z-index: 2;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #f5efe6 !important;
	font-size: 28px !important;
	line-height: 1 !important;
}
.aav-p-dialog h2 {
	margin: 0 0 12px;
	font-size: 28px;
	line-height: 1.15;
}
.aav-p-dialog p {
	margin: 0 0 14px;
	font-size: 15px;
	line-height: 1.65;
	color: #4e4d48;
}
.aav-p-dialog-sub {
	color: #86622c !important;
	font-size: 13px !important;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.aav-p-form {
	display: grid;
	gap: 16px;
}
.aav-p-form fieldset {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	border: 0;
}
.aav-p-form legend {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 700;
}
.aav-p-form label {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	font-size: 15px;
	color: #4e4d48;
}
.aav-p-form input[type="checkbox"] {
	width: 18px;
	height: 18px;
	min-height: 0 !important;
	margin: 0;
	accent-color: #2b301f;
}
.aav-p-form .aav-p-notes {
	display: grid;
	gap: 8px;
	font-weight: 700;
	font-size: 14px;
	color: #1e2118;
}
.aav-p-form textarea {
	width: 100%;
	min-height: 96px;
	padding: 10px;
	border: 1px solid #c4b493;
	border-radius: 2px;
	background: #fffaf2;
	font: 400 15px/1.5 Arial, Helvetica, sans-serif;
	color: #1e2118;
	resize: vertical;
}
.aav-p-dialog .aav-p-enquire {
	height: 50px;
	font-size: 16px;
	gap: 12px;
}
.aav-p-dialog .aav-p-enquire .aav-p-wa {
	width: 24px;
	height: 24px;
}
.aav-p-dialog .aav-p-enquire > svg:last-child {
	width: 16px;
	height: 16px;
	margin-left: 16px;
}
.aav-p-dialog .aav-p-story-dialog-cta {
	margin-top: 6px;
	font-size: 15px !important;
}
.aav-p-dialog .aav-p-link svg {
	width: 16px;
	height: 16px;
}
html.aav-dialog-open {
	overflow: hidden;
}

/* ---------- Phones ---------- */
@media (max-width: 767px) {
	.aav-p-crumb {
		gap: 7px;
		padding: 14px 20px;
		font-size: 11px;
		line-height: 1.5;
	}
	.aav-p-overview {
		grid-template-columns: 1fr;
		gap: 28px;
		padding: 0 20px 30px;
	}
	.aav-p-gallery {
		grid-template-columns: 1fr;
		gap: 10px;
	}
	.aav-p-main {
		grid-row: 1;
		height: auto;
		aspect-ratio: 420 / 580;
	}
	.aav-p-thumbs {
		flex-direction: row;
		gap: 9px;
		overflow-x: auto;
	}
	.aav-p-thumb {
		flex: 0 0 calc((100% - 27px) / 4);
		height: 88px;
	}
	/* No room beside the photo on phones: no hover zoom window. */
	.aav-p-lens,
	.aav-p-zoom-pane {
		display: none !important;
	}
	/* YITH gallery on phones: photo first, thumbnails in a row underneath. */
	.aav-p-gallery--yith div.images {
		grid-template-columns: minmax(0, 1fr);
		gap: 10px;
	}
	.aav-p-gallery--yith .woocommerce-product-gallery__image {
		grid-column: 1;
		grid-row: 1;
	}
	.aav-p-gallery--yith .thumbnails {
		grid-column: 1;
		grid-row: 2;
		max-height: none;
		overflow-x: auto !important;
		overflow-y: hidden !important;
	}
	.aav-p-gallery--yith .yith_magnifier_gallery {
		flex-direction: row;
		gap: 9px;
	}
	.aav-p-gallery--yith .yith_magnifier_gallery li {
		flex: 0 0 calc((100% - 27px) / 4);
		width: calc((100% - 27px) / 4) !important;
	}
	.aav-p-gallery--yith .yith_magnifier_gallery li a { height: 88px !important; }
	.aav-p-arrow { width: 36px; height: 36px; font-size: 26px !important; }
	.aav-p-prev { left: 12px; }
	.aav-p-next { right: 12px; }
	.aav-p-zoom { width: 34px; height: 34px; right: 12px; bottom: 12px; }
	.aav-p-zoom svg { width: 18px; height: 18px; }
	.aav-p-badge { font-size: 10px; padding: 5px 8px; margin-bottom: 12px; }
	.aav-p-title { font-size: 29px !important; }
	.aav-p-save { flex-basis: 26px; margin-top: 6px !important; }
	.aav-p-save svg { width: 22px; height: 22px; }
	.aav-p-intro { margin: 14px 0 18px; font-size: 14px; }
	.aav-p-price-block { padding: 18px 0; }
	.aav-p-price { font-size: 28px; margin-bottom: 6px !important; }
	.aav-p-price-note { font-size: 13px; }
	.aav-p-specs {
		grid-template-columns: 110px minmax(0, 1fr);
		gap: 13px 0;
		margin: 8px 0 25px !important;
		font-size: 13px;
	}
	.aav-p-enquire { height: 52px; padding: 0 18px; font-size: 16px; gap: 12px; }
	.aav-p-enquire .aav-p-wa { width: 25px; height: 25px; }
	.aav-p-enquire > svg:last-child { width: 18px; height: 18px; margin-left: auto; }
	.aav-p-note { margin-top: 13px !important; font-size: 12px; align-items: flex-start; }
	.aav-p-note svg { flex-basis: 16px; width: 16px; height: 18px; }

	.aav-p-story,
	.aav-p-story.no-options {
		grid-template-columns: 1fr;
		gap: 23px;
		padding: 25px 20px;
	}
	.aav-p-story-img { height: 240px !important; }
	.aav-p-story-copy { padding: 0; }
	.aav-p-story-copy h2 { font-size: 26px !important; margin-bottom: 12px !important; }
	.aav-p-story-copy p { font-size: 14px; line-height: 1.65; margin-bottom: 12px !important; }
	.aav-p-link { font-size: 14px !important; gap: 6px; }
	.aav-p-link svg { width: 16px; height: 16px; }
	.aav-p-options { border-left: 0; border-top: 1px solid #dfd1c0; padding: 24px 0 0; }
	.aav-p-options h2 { font-size: 23px !important; margin-bottom: 14px !important; }
	.aav-p-options ul { gap: 12px; margin-bottom: 20px !important; font-size: 14px; line-height: 1.4; }
	.aav-p-options li::before { font-size: 16px; margin-right: 10px; }

	.aav-p-look { padding: 28px 20px 35px; }
	.aav-p-look > h2 { font-size: 27px !important; margin-bottom: 18px !important; padding-right: 70px; }
	.aav-p-look-track { grid-auto-columns: 100%; gap: 20px; padding: 0 1px 4px; }
	.aav-p-look-card { grid-template-columns: 125px minmax(0, 1fr); gap: 16px; }
	.aav-p-look-card + .aav-p-look-card { border-left: 0; padding-left: 0; }
	.aav-p-look-card img { height: 140px !important; }
	.aav-p-look-card > div { padding-top: 15px; }
	.aav-p-look-card h3 { font-size: 14px !important; margin-bottom: 6px !important; }
	.aav-p-look-card p { font-size: 13px; }
	.aav-p-view { font-size: 12px; padding: 7px 16px; margin-bottom: 8px; }
	.aav-p-look-arrow { top: 30px; width: 30px; height: 30px; font-size: 22px !important; }
	.aav-p-look-back { left: auto; right: 58px; }
	.aav-p-look-forward { right: 20px; }

	.aav-p-dialog { padding: 36px 20px 24px; }
	.aav-p-dialog h2 { font-size: 25px; }
}