/*
 * custom-V1.9.css — Shared theme (all sites): typography, palette, layout, forms, cart, buy/info
 * structure. Viewport overrides: responsive-V1.9.css.
 *
 * Per-site identity (link hover on buy/info pages, WA corner-brackets, ADC red nav):
 *   static/css/wahooart-V1.9.css | artsdot-V1.9.css | … (see base.html load order)
 *   Doc: -Documentation Project/DOC_APS_THE_7_SITES.md → "Frontend CSS: text-link hover"
 *
 * Do NOT add WA vs ADC :hover text colors here — only shared transitions where noted.
 * Updated: 18 OCT 2025
 */

/* Site-wide base: font, list reset, section padding, links, design tokens, .btn */
body {
	font-family: var(--font-body);
/*     padding-left: 2em;
    padding-right: 2em; */
}


/* Long-form article listing / reader: .article_main_page gutters by breakpoint */
@media (min-width: 576px) {
	.article_main_page {
		padding-left: 15px;
		padding-right: 15px;
    	margin: 0px;
	}
}  

@media (min-width: 768px) {
	.article_main_page {
		padding-left: 40px;
		padding-right: 40px;
    	margin: 0px;
	}
}  

@media (min-width: 992px) {
	.article_main_page {
		padding-left: 80px;
		padding-right: 80px;
    	margin: 0px;
	}
}  

@media (min-width: 1400px) {
	.article_main_page {
		padding-left: 160px;
		padding-right: 160px;
    	margin: 0px;
	}
}  


/* Lists, links, vertical rhythm — shared across marketing and catalog pages */
ul {
	padding-left: 0px;
}

li {
	list-style-type: none;
}

a {
	text-decoration: none;
	color: var(--site-link, #3E342A);
}

section {
	padding: 47px 0px;

}

input:focus {
	outline: 0;
}

:root {
	--btn-color: var(--site-btn, #875D2A);
	--btn-text-color: var(--site-btn-text, #EDE9DE);
}

.btn {
	background: var(--btn-color);
	color: var(--btn-text-color);
	line-height: 20px;
	border-radius: 0px;
	font-weight: 600;
	border: 1px solid var(--btn-color);
	padding: 9px;
}

.btn:hover {
	border: 1px solid var(--btn-color);
	color: var(--btn-text-color);
	background: var(--btn-color);
}

/* Homepage / marketing hero: full-bleed Swiper, captions, overlay, pagination, arrows */
.hero_swiper {
	position: relative;
	z-index: 0;
}

.hero_swiper .swiper {
	width: 100%;
	height: 100%;
}

.hero_swiper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #444;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 643px;
}

.hero_swiper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
    max-height: max-content;
}

.hero_swiper .swiper-text {
	margin: 33px 0px;
	font-size: 17px;
	line-height: 26px;
	color: #E8E5DC;
	text-align: center;
}

.hero_swiper .swiper-caption h3 {
	font-family: var(--font-title-accent);
	font-size: 45px;
	font-weight: 400;
	line-height: 40px;
	color: #E8E5DC;
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
}

.hero_swiper .swiper-caption p {
	font-family: var(--font-title);
	font-size: 80px;
	line-height: 65px;
	font-weight: 400;
	color: #E8E5DC;
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	box-sizing: border-box;
}

/* Semi-transparent scrim over hero slides and thumbnail hovers */
.overlay_img {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #09050587;
	top: 0;
	left: 0;
}

.hero_swiper .swiper-caption button img {
	width: auto;
}

/* Single hero slide wrapper (class name typo: swipr); holds image + caption stack */
.hero_swiper .swipr-item {
	position: relative;
	height: 100%;
	width: 100%;
}

.hero_swiper .swiper-caption {
	position: absolute;
	z-index: 9;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
	max-width: 720px;
	padding: 0 24px;
	box-sizing: border-box;
}

.hero_swiper .swiper-caption button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	margin: auto;
	font-family: var(--font-body);
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	padding: 14px 15px;
	color: #30271D;
	letter-spacing: 1px;
	background: #E7C685;
}

.hero_swiper .swiper-pagination-fraction {
	color: #E8E5DC;
	text-align: left;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 44px;
	left: 89px;
}

.hero_swiper .swiper-button-next,
.hero_swiper .swiper-button-prev {
	color: #E8E5DC;
	top: 91%;
	z-index: 99;
}

.hero_swiper .swiper-button-prev {
	left: 88%;
}

.hero_swiper .swiper-button-next {
	right: 6%;
}

/* Default section headings used under swipers and content bands (not hero-specific) */
.heading_text {
	text-align: center;
	font-size: 35px;
	color: #3E342A;
	font-family: var(--font-title);
	line-height: 34px;
	text-transform: capitalize;
}

.heading_paragrap {
	text-align: center;
	color: #3E342A;
	font-size: 13px;
	line-height: 22px;
}

/* Swiper defaults reused on inner carousels (not only the hero) */
.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
/*	background: #444;*/
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
    max-height: 30vh; 
	object-fit: cover;
}

/* Homepage “elevated” artwork strip: fixed-height thumb + gradient overlay + hover copy */
.elevated_image {
	height: 243px;
	position: relative;
	width: 92%;
}

.elevated_image .overlay_img {
	/* background: #09050526; */
	left: 0;
	width: 100%;
	transition: all 2s ease;
	background: linear-gradient(185.7deg, rgba(18, 16, 16, 0) 52.78%, rgba(18, 16, 16, 0.8) 92.05%);
}

.elevated_image img {
	width: 100%;
	margin: auto;
	height: 100%;
	object-fit: cover;
	transition: all 2s ease;
}

.elevated_slid {
	margin-top: 60px;
}

.elevated_img_title {
	position: absolute;
	bottom: 20px;
	left: 30px;
	color: #EDE9DE;
	font-size: 22px;
	font-family: var(--font-title);
	z-index: 9;
	line-height: 27px;
}

.elvatee_content_box {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #E4DDC7F2;
	z-index: 99;
	text-align: center;
	display: none;
}

.elvatee_content_box p {
	margin-top: 0;
	padding: 0px 19px;
	color: #3E342A;
	font-weight: 500;
}

.elvatee_content_box a {
	color: #875D2A;
	text-transform: uppercase;
}

.elevated_image,
.elvatee_content_box {
	transition: all 2s ease;
}

.elevated_image:hover .elvatee_content_box {
	display: flex;
	transition-property: display;
	transition: all 2s ease;
	flex-direction: column;
	justify-content: center;

}

.slider-nav {
	margin-bottom: 29px;
}

.white_back {
	background: #E4DDC8;
}

.signature_info {
	padding: 88px 0px;
	height: 592px;
}

.signature-caption {
	text-align: center;
}

.signature-caption h3 {
	font-family: var(--font-title-accent);
	font-size: 35px;
	font-weight: 400;
	line-height: 42px;
	color: #875D2A;
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
}

.signature-caption p {
	font-family: var(--font-title);
	font-size: 55px;
	line-height: 48px;
	font-weight: 400;
	color: #3E342A;
	text-transform: capitalize;
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	box-sizing: border-box;

}

.signature-caption .signature-text {
	font-family: var(--font-body);
	color: #3E342A;
	font-size: 14px;
	width: 59%;
	margin: 47px auto 50px;

}


.signature-caption button {
	font-family: var(--font-body);
	background: transparent;
	color: #875D2A;
	border: 1px solid #875D2A;
	font-size: 13px;
	padding: 11px 15px;
	text-transform: uppercase;
	letter-spacing: 1px;

}

.signature-caption button:hover {
	background: transparent;
	color: #875D2A;
	border: 1px solid #875D2A;
}

.signature_img {
	height: 592px;
}

.signature_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.black_back {
	background: #504943;
}

.black_back p {
	color: #E8E5DC;
}

.black_back .signature-text {
	color: #E8E5DC;
}

.black_back .signature-caption h3 {
	color: #F0B653;
}

.black_back .signature-caption button {
	color: #F0B653;
	border: 1px solid #F0B653;
}

button.btn img {
	margin-left: 8px;
}

.curators_inner {
	width: 20%;
}

.curators_edit {
	gap: 33px;
	display: flex;
	justify-content: center;
}

.curators_inner {
	width: 20%;
	/* text-align: center; */
}

.curator_image {
	width: 90%;
	margin: 33px auto;
	/* box-shadow: rgba(0, 0, 0, 0.15) 4.95px 4.95px 4.6px; */
}

.curator_image img {
	width: 100%;
	/* box-shadow: 16px 16px 25px 0px #00000026; */
	box-shadow: 6px 6px 10px 0px #3E342A4D;
}

.curator_rating ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	color: #B23333;
}

.curator_rating ul li i {
	font-size: 11px;
}

.cur_heading {
	font-family: var(--font-title);
	font-size: 18px;
	line-height: 23px;
	font-weight: 400;
	color: #3E342A;
	text-align: center;
}

.cur_text {
	color: #3E342A;
	font-size: 14px;
	margin: 15px 0px;
	text-align: center;
}

.cur_button {
	text-align: center;
}

.cur_button a {
	color: #875D2A;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
}

.why_choose_left {
	height: 600px;
}

.why_choose_left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.why_choose_right {
	padding: 70px;
	height: 600px;
}

.why_choose_right .heading_text {
	text-align: left;
	font-size: 45px;
	margin-bottom: 15px;
}

.why_choose_right .heading_paragrap {
	text-align: left;
}

.why_choose_box {
	margin-top: 44px;
	/* padding-right: 100px; */
}

.why_choose_box_inner {
	display: flex;
	gap: 20px;
	margin-bottom: 30px;
}

.why_choose_icon {
	margin-top: 6px;
}

.why_choose_icon img {
	background: #675F59;
	padding: 5px;
	outline: 1px solid gray;
	outline-offset: 2px;
	width: 36px;
	height: 36px;
}

.why_choose_info h5 {
	font-size: 16px;
	color: #3E342A;
}

.why_choose_info p {
	color: #3E342A;
	font-size: 14px;
	opacity: 0.8;
}

.visual_guide_photo_gallery {
	display: grid;
	grid-template-columns: 3fr 1fr;
	height: 549px;
	gap: 32px;
	margin-top: 40px;
}

div#swiper_thumb {
	display: grid;
	gap: 32px;
	overflow-y: auto;
}

div#swiper_thumb .swiper-slide {
	height: 220px;
	width: 100%;
}

#swiper_thumb::-webkit-scrollbar {
	width: 4px;
	height: 3px;
}

#swiper_thumb::-webkit-scrollbar-thumb {
	background: #fff;
}

.thumb_over_img {
	position: absolute;
	left: 14px;
	top: 22px;
	width: 20px;
}

.thumb_overlay_cont {
	position: absolute;
	left: 0;
	bottom: 0px;
	padding: 18px 18px 0px;
}

.thumb_overlay_cont .heading_text {
	text-align: left;
	font-size: 17px;
	color: #EDE9DE;
}

.thumb_overlay_cont .heading_paragrap {
	text-align: left;
	color: #EDE9DE;
	font-size: 12px;
	line-height: 17px;
}

/* “Meet the masters” / thumb carousel: play icon + label centered on slide */
.swiper_main_thumb {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 32px;
	height: 32px;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	gap: 11px;
}

.swiper_main_thumb span {
	color: #EDE9DE;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}

/* Lower third overlay on homepage thumb swiper: title + short copy */
.swiper_bottom_content {
	position: absolute;
	bottom: 20px;
	left: 33px;
	right: 33px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.swiper_bottom_content .heading_text {
	text-align: left;
	font-size: 25px;
	color: #EDE9DE;
	line-height: 26px;
	width: 30%;
}

.swiper_bottom_content .heading_paragrap {
	text-align: right;
	color: #EDE9DE;
	width: 33%;
}

/* Homepage “meet the artist” hero column: large portrait image */
.meet_img {
	height: 645px;
}

.meet_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Adjacent panel: signature, CTA, bullet list over background image */
.meet_info {
	padding: 88px;
	height: 645px;
	background: url(/static/images/homepage/meet_bckground.jpg);
	background-position: center;
	background-repeat: no-repeat;
	/* background-size: cover; */
	position: relative;
	display: flex;
	/* justify-content: center; */
	align-items: center;
}

.meet_info .signature-caption {
	text-align: left;
	position: relative;
	z-index: 9;
}

.meet_info .signature-caption h3 {
	color: #DE9C28;
}

.meet_info .signature-caption p {
	color: #E8E5DC;
}

.meet_info .signature-text {
	width: 100%;
	margin: 29px auto 34px;
	color: #E8E5DC;
}

.meet_info .signature-caption button {
	color: #DE9C28;
	border: 1px solid #DE9C28;
	text-transform: uppercase;
	letter-spacing: 1px;
	/* padding: 11px 15px; */
	font-weight: 500;
}

.meet_info ul {
	margin-top: 20px;
}

.meet_info li {
	list-style-type: square;
	list-style-position: inside;
}

.meet_info li::marker {
	color: #DE9C28;
}

.meet_info .overlay_img {
	background: #504943e3;
}

.meet_button_box {
	display: flex;
	align-items: center;
	gap: 33px;
}

.book_call {
	font-size: 14px;
	font-weight: 500;
	color: #EDE9DE;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
}

.book_call img {
	width: 18px;
	height: 18px;
	margin-right: 9px;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	display: none;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	display: none;
}







/******************* New Css Start Here ***********************/
/* Forms, grids, and flows added after the original theme block. Prefer scoped selectors
   for admin-adjacent pages (see note below). */


/*
Scope your selectors
Bad idea to leave it global — it will interfere with debugging tools and admin pages.


*/

/* Checkout / account style inputs on primary flows and main-grid forms */
.primary-input , .main-grid-row input {
    background: #F7F2E1;
    border: unset;
    border-radius: unset;
    width: 100%;
    color: #3E342A;
    font-size: 14px;
    font-weight: 500;
    height: clamp(46px , 2.917vw , 56px);
    text-transform: uppercase;
    padding: 12px 14px;
    outline: unset;
}
.primary-input , .main-grid-row input[type="checkbox"] {
	width: auto;
    height: auto;
}

/* Profile message / contact forms — compact spacing */
.text-center.sendmsg_textt {
    padding-top: 32px;
    padding-bottom: 32px;
}
.text-center.sendmsg_textt h1 {
    margin-bottom: 16px;
}
.text-center.sendmsg_textt p {
    margin-bottom: 20px;
}
.userprofile-page .sendmsg_textt form,
.userprofile-page .suceesfulmsg_textt form {
    text-align: left;
}
.userprofile-page .email-body-editor-wrapper .ck-editor {
    margin-top: 16px;
    margin-bottom: 16px;
}
@media (min-width: 768px) {
    .userprofile-page .message_form {
        padding-left: 32px;
        padding-right: 32px;
    }
}
.userprofile-page .sendmsg_textt .upload_img_form {
    margin-top: 12px;
    margin-bottom: 8px;
}
.userprofile-page .sendmsg_textt button.btn,
.userprofile-page .sendmsg_textt .btn.btn-primary {
    padding: 14px;
}

/* Profile sidebar: SVG menu icons aligned with sidelink <img> icons */
.userprofile-page .sidebar_box .sidebar_menu_link li a svg {
    width: clamp(20px, 1.25vw, 24px);
    height: clamp(20px, 1.25vw, 24px);
    flex: 0 0 clamp(20px, 1.25vw, 24px);
    flex-shrink: 0;
    display: block;
    color: #EDE9DE;
}
.userprofile-page .sidebar_menu_link li.active a svg,
.userprofile-page .sidebar_menu_link li:hover a svg {
    color: #F0B653;
}


.primary-label , .main-grid-row input
 {
    font-size: 16px;
    font-weight: 500;
    color: #3E342A;
    margin-bottom: 11px;
}





/* Custom reproduction order page: main carousel block under breadcrumbs / product steps */
.reproduction_section {
	margin-top: 34px;
	margin-bottom: 100px;
}

/* Breadcrumb-style step links above reproduction / product forms */
.page_navigation_menu a {
	color: #3E342A;
}

.page_navigation_menu a {
	color: #3E342A;
	font-weight: 400;
	opacity: 0.6;
}

/* Framed panel for reproduction product options (size, medium, etc.) */
.form_produc {
	margin-top: 28px;
	background: #E8E2CD;
	border: 1px solid #DCD3BF;
	padding: 20px;
}
.form_produc h3 , .valuation_form_boxs h3 {
font-family: var(--font-title);
font-weight: 400;
font-style: Regular;
font-size: 48px;
leading-trim: NONE;
line-height: 56px;
letter-spacing: 0%;
text-align: center;

}
.form_produc .btn-next 
{
width:100%;
margin-bottom:16px;
}
.black-hover {
    color: #B23333;
    font-family: var(--font-body);
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
}

.black-hover:hover {
    color: #D37575; /* #B23333 ka light version */
}
.form-check-inline .form-check-label {
    padding-top: 3px;
    padding-left: 9px;
}
.steps_count span {
	background: #3E342A;
	padding: 4px 11px;
	font-size: clamp(14px , 0.833vw , 16px);
	font-weight: 600;
	color: #EDE9DE;
	line-height: 20px;
	text-transform: uppercase;
}

/* Custom reproduction order form: step titles and lead paragraph */
.buy_production_form .form_heading {
font-size: 40px;
margin-bottom:20px;
}
.buy_production_form .form_content {
font-size: 18px;

}
.form_heading {
	text-align: center;
	font-size: 32px;
	color: #3E342A;
	font-family: var(--font-title);
	line-height: 33px;
	font-weight: 400;
	margin-top: 6px;
	margin-bottom: 16px;
}

.form_content {
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	line-height: 20px;
	letter-spacing: 0;
	color: #3E342A;
}

/* Order summary card on reproduction checkout and cart sidebar */
.summery_checkout {
	margin-top: 28px;
	background: #F7F2E1;
	border: 1px solid #DCD3BF;
	margin-bottom: 11px;
}

.sum_chek_text {
	padding: 24px;
	border-bottom: 1px solid #DCD3BF;
	font-family: var(--font-title);
	color: #3E342A;
	font-size: 28px;
	line-height: 30px;
	font-weight: 400;
}

.summary_detail_box {
	border-bottom: 1px solid #DCD3BF;
	padding: 14px 24px 0px;
}

.summary_detail {
	display: flex;
	gap: 14px;
	margin-top: 5px;
}

.detail_img {
	width: 24px;
	height: 24px;
}

.detail_img img {
/* 	width: 100%;
	height: 100%;
	object-fit: cover; */
}

.detail_content {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.summary-tab .detail_content_bottom {
border-top:1px solid #DCD3BF;
padding-top:20px;
margin-top:20px;
}

.summary-tab 
.dtl_con h4 {
font-size:16px;
}
.summary-tab .dtl_con .total_price {
font-size:20px;
    font-weight: 600;
}
.dtl_con h4 {
	color: #3E342A;
	font-family: var(--font-body);
font-weight: 500;
font-style: Medium;
font-size: 18px;
leading-trim: NONE;
line-height: 26px;
letter-spacing: 0%;
	margin-bottom: 5px;
}

.dtl_con p {
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	color: #3E342A;
	margin-bottom: 0px;
}

.detail_cont_right {
	text-align: right;
}

.dtl_gap {
	margin-bottom: 12px;
}

span.green_include {
	color: #57920A;
}

h4.total_price {
font-family: var(--font-body);
font-weight: 500;
font-style: Medium;
font-size: 24px;
leading-trim: NONE;
line-height: 26px;
letter-spacing: 0%;
color:#3E342A;

}

.total_price_box {
	padding: 24px;
}

.add_tocart_btn {
	padding: 0px 24px 14px;
	text-align: center;
}

.add_tocart_btn button {
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	background: #875D2A;
	color: #EDE9DE;
	border: unset;
	text-transform: uppercase;
	padding: 10px;
	width: 100%;
}
.confirmation_notice {
	padding: 14px 24px;
	display: flex;
	gap: 6px;
}

.confirmation_notice img {
	width: 24px;
	height: 24px;
}

.confirmation_notice p {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	font-style: italic;
	color: #3E342A;
	opacity: 0.8;
}

.repro-size {
	text-align: center;
}

.select_size {
	margin-bottom: 40px;
}

select:focus {
	outline: unset;
}

.select_size select {
	width: 400px;
	height: 56px;
	background: #F7F2E1;
	padding: 12px 14px;
	border: 0;
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
	color: #3E342A;
	text-transform: uppercase;
	opacity: 0.6;
	appearance: none;
	background-image: url('../../assets/images/selectarrow.png');
	background-position: right 10px center;
	background-repeat: no-repeat;
}

select:focus>option:checked {
	background: #875D2A;
	color: #e7e3cd;
}

select option {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: #3E342A;
}
.image-upload-container {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.production_form .image-preview {
    width: 150px;
    height: 180px;
    overflow: hidden;
    position: relative;
    /* margin-bottom: 12px; */
}
.enter_manually_box {
    width: 400px;
    margin: auto;
    justify-content: center;
    display: flex;
    gap: 12px;
}

.manuall_box input {
    width: 100%;
    height: 56px;
    background: #F7F2E1;
    text-align: left;
    padding: 0px 14px;
    color: #3E342A;
    font-size: 14px;
    font-weight: 500;
    line-height: 56px;
    text-transform: uppercase;
    border: unset;
    border: 0;
    border-radius: 0;
}

.repro-size__manual-label {
	width: 400px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.repro-size__manual-label p {
	color: #3E342A;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
}

.switches-container {
	width: 116px;
	height: 32px;
	position: relative;
	display: flex;
	padding: 0;
	position: relative;
	background: #DCD3BF;
	line-height: 3rem;
	border-radius: 3rem;
	margin-left: auto;
	margin-right: auto;
}

.switches-container input {
	visibility: hidden;
	position: absolute;
	top: 0;
}

.switches-container label {
	width: 50%;
	padding: 0;
	margin: 0;
	text-align: center;
	cursor: pointer;
	color: #3E342A;
	font-size: 14px;
	font-weight: 500;
	line-height: 34px;
}

.switch-wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	padding: 0.15rem;
	z-index: 3;
	transition: transform .5s cubic-bezier(.77, 0, .175, 1);
}

.switch {
	border-radius: 100px;
	background: #61574F;
	width: 56px;
	height: 28px;
}

.switch .switchbox {
	width: 100%;
	text-align: center;
	opacity: 0;
	display: block;
	color: #EDE9DE;
	transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s;
	will-change: opacity;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 34px;
}

/* slide the switch box from right to left */
.switches-container input:nth-of-type(1):checked~.switch-wrapper {
	transform: translateX(0%);
}

/* slide the switch box from left to right */
.switches-container input:nth-of-type(2):checked~.switch-wrapper {
	transform: translateX(100%);
}

/* toggle the switch box labels - first checkbox:checked - show first switch div */
.switches-container input:nth-of-type(1):checked~.switch-wrapper .switch .switchbox:nth-of-type(1) {
	opacity: 1;
}

/* toggle the switch box labels - second checkbox:checked - show second switch div */
.switches-container input:nth-of-type(2):checked~.switch-wrapper .switch .switchbox:nth-of-type(2) {
	opacity: 1;
}

span.optional_text {
	color: #3E342A;
	font-size: 16px;
	line-height: 28px;
	opacity: 0.8;
	font-style: italic;
	font-family: var(--font-body);
	font-weight: 400;
}

.frame_wrapper {
	padding: 0px 18px;
}

.frame_section {
	display: flex;
	gap: 18px;
	flex-wrap: wrap;
	justify-content: center;
}

.frame_box {
	position: relative;
	border: 1px solid #F7F1E0;
background-color:#F7F1E0;
}

.checked_box {
	border: 1px solid #3E342A;
}

.production_form input[type="radio"] {
	height: 18px;
	width: 18px;
	appearance: none;
	background: #e7e3cd;
	border-radius: 50%;
}

.production_form input[type="radio"]:after {
	background-color: #e7e3cd;
	border-radius: 25px;
	content: '';
	display: block;
	height: 20px;
	left: 0px;
	position: relative;
	top: 0px;
	width: 21px;
	border: 1px solid #877F76;
}

.production_form input[type="radio"]:checked:after {
	background-color: #3E342A;
	width: 12px;
	height: 12px;
	position: relative;
	top: 3px;
	left: 3px;
	outline: 1.5px solid #3E342A;
	outline-offset: 3px;
}

/* 
.frame_box img {
	width: 84px;
	height: 84px;
} */

h6.frame_text {
	color: #3E342A;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	text-transform: uppercase;
	margin: 8px 0px;
}

h6.frame_text span {
	margin-left: 4px;
}

.frame_details {
	padding: 0px 18px;
}

.frame_details h5 {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-transform: uppercase;
	color: #3E342A;
}

.frame_details p {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: #3E342A;
}

.pace_paint_section {
	display: flex;
	gap: 11px;
}

.repro-faces__option {
	background: #F7F2E1;
	border: 1px solid #F7F2E1;
	padding: 12px 12px 8px 12px;
	width: 25%;
	position: relative;
	display: flex;
	gap: 26px;
}

.repro-faces__option img {
	height: 20px;
	width: 20px;
}

.paint_parent {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.repro-faces__count p {
	margin-bottom: 0px;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
}

.repro-faces__free-badge {
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
}

.production_form .repro-faces__option input[type="radio"] {
	top: 12px;
	left: 9px;
}

.face_color_red {
	font-size: 14px;
	font-weight: 500;
	color: #B23333;
	line-height: 24px;
}

/* Spacing between stacked panels inside the reproduction product form */
.produc_space {
	margin: 40px auto 18px;
}

/* Reproduction form: grid of optional portrait / face thumbnails with radio labels */
.repro-styles__option {
	background: #F7F1E0;
	border: 1px solid #F7F1E0;
	position: relative;
}

/* Container for the portrait/face thumbnail grid (columns set here) */
.repro-styles {
	padding: 0px 18px;
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
	/* Top 100 artworks — enforce a minimum image width in the zigzag gallery */
.top100-artwork-card .top100-artwork-card__inner img {
    min-width: 23vw;
}

.repro-styles__option img {
	width: 100%;
}

.repro-styles__radio {
	padding: 12px 8px;
font-family: var(--font-body);
font-weight: 500;
font-style: Medium;
font-size: 16px;
leading-trim: NONE;
line-height: 24px;
letter-spacing: 0%;
    display: flex;
    gap: 8px;
    align-items: center;

}

.production_form .repro-styles__radio input[type="radio"] {
	top: unset;
	bottom: 7px;
	left: 8px;
}

.repro-styles__radio label {
	font-size: 14px;
line-height: 130%;
}

.artistic_img {
	position: relative;
}

.artistic_img .overlay_img {
	background: #3E342ACC;
	display: none;
}

.overlay_content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 14px;
	color: #fff;
	z-index: 99;
	width: 85%;
	text-align: center;
	display: none;
}

.repro-styles__option:hover .overlay_content {
	display: block
}

.repro-styles__option:hover .overlay_img {
	display: block
}
.default_img {
    width: 48px;
    height: 48px;
}
.artis_custome_img {
    height: 180px;
    text-align: center;
    border: 1px dashed #3E342A80;
    display: flex;
}
.artis_custome_img span.picture__image {
    width: 100%;
}
.artis_custome_img .picture {
    height: unset;
}
.artis_custome_img .picture__img {
    max-width: 100%;
    height: 180px;
    width: 100%;
}
.artistic_img.artis_custome_img p {
	margin-bottom: 0px;
	font-size: 14px;
}

.repro-customization__box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.repro-price-tag {
	font-size: 14px;
flex-shrink: 0;
	font-weight: 500;
	color: #B23333;
	line-height: 24px;
}

.custome_check label {
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	color: #3E342A;
}
/* div-qualified so the 12px gutter out-ranks the responsive-file 6px/8px overrides
   (this margin was previously forced with !important) */
div.custome_check label {
	margin-left: 12px;
}

.custome_check {
	display: flex;
}
.repro-summary__row .detail_img {
    width: 24px;
    height: 24px;
    margin-right: 15px;
    flex-shrink: 0;
}

/* ============================================================================
   Custom reproduction / photo-to-painting — extracted from the inline <style>
   and inline style="" attributes of buy_photo_to_painting_form.html (restyle8).
   Shared STRUCTURE + neutral defaults live here; per-brand COLOURS are set in
   site-{brand}-V1.9.css scoped to .production_form / .summery_checkout.
   Responsive overrides for these live in global-responsive-V1.9.css.
   ============================================================================ */

/* Read-more CTA default colour (brands override under .production_form scope) */
.yellow_cont a {
    color: #875D2A;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    width: fit-content;
}

/* Frame thumbnails / previews: blend white PNG backgrounds onto tinted panels */
.frame_dropdown .frame_box img,
.streched_dropdown .frame_box img,
.frame_details img,
#summary_frame_row .detail_img img {
    mix-blend-mode: multiply;
}
.antique_wood_gesso_dropdown .frame_box img {
    mix-blend-mode: multiply;
    padding: 5px;
    height: 85px;
    width: auto;
}

/* Summary rows (layout + neutral defaults) */
.repro-summary__row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    padding: 10px;
    border-bottom: 1px solid #DCD3BF;
}
.repro-summary__row:last-child {
    border-bottom: none;
}
.repro-summary__row .detail_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 4px;
}
.repro-summary__row .detail_content {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.repro-summary__row .dtl_con h4 {
    margin: 0 0 5px 0;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}
.repro-summary__row .dtl_con p {
    margin: 0;
    font-size: 12px;
    color: #666;
    line-height: 1.3;
}
.repro-summary__row .detail_cont_right h4 {
    text-align: right;
    color: #3E342A;
    font-weight: 600;
}

/* Loading spinner shown inside SEND / Add-to-Cart buttons during submit */
.button-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: button-spin 0.8s linear infinite;
}
@keyframes button-spin {
    to { transform: rotate(360deg); }
}

/* Step 03 aspect-ratio mismatch warning (was inline on #reproduction_ratio_warning) */
.reproduction_ratio_warning {
    margin-top: 12px;
    padding: 10px 12px;
    background: #fff8e6;
    border: 1px solid #e6c84c;
    border-radius: 6px;
}
.reproduction_ratio_warning p {
    margin: 0 0 8px 0;
    font-size: 14px;
    color: #856404;
}
.reproduction_ratio_warning p:last-child {
    margin-bottom: 0;
}

/* Required-field asterisk (was a repeated inline style on <span>*</span>) */
.repro-required {
    color: #dc3545;
    font-size: 12px;
}

/* Summary / checkout action buttons (was inline) */
.summery_checkout .add_tocart_btn {
    display: flex;
    gap: 15px;
    justify-content: center;
}
#emailConfigButton {
    flex: 0 0 auto;
    width: 120px;
}
#addToCartButton {
    flex: 1;
    max-width: 250px;
}

/* Step 05 frame preview image height (was inline) */
#frame-image {
    height: 150px;
}

/* Step 01 customization checkbox + preloaded-image row + remove button (was inline) */
.production_form .artis_check {
    margin-bottom: 5px;
}
.repro-preloaded-row {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}
.repro-remove-image-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    background: red;
    color: white;
    border: none;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    z-index: 20;
}
.repro-message-alert {
    margin: 20px 0;
}

.accordion-item:last-of-type {
    border-radius: 0;
    /* border-bottom-right-radius: var(--bs-accordion-border-radius); */
    /* border-bottom-left-radius: var(--bs-accordion-border-radius); */
}
.optionalsecton input {
}

.production_form .form-check .form-check-input {
	background-color: #f7f2e2;
	width: 20px;
    height: 20px;
	flex-shrink: 0;
}

.production_form .form-check-input:checked {
	background-color: #3E342A;
	border-color: #3E342A;
}

.production_form .form-check-input:checked[type=checkbox] {
    /* --bs-form-check-bg-image: url("../img/checked.svg"); */
    background-size: inherit;
    height: 20px;
    width: 20px;
    flex-shrink: 0;
}

.repro-customization__section {
	padding: 16px;
	background: #F7F2E1;
}

.custom_detail {
	border: 1px solid #DCD3BF;
	background: #EFE9D4;
	padding: 8px 10px;
	margin-top: 14px;
	display: none;
}

.custom_detail p {
	margin-bottom: 0px;
	font-size: 14px;
}

.repro-customization {
	padding: 0px 18px;
}

.optionalsecton {
	padding: 0px 18px;
}

.optional_box {
	padding: 11px 13px;
	display: flex;
	gap: 12px;
}

/* Keep the checkbox column visible: sibling .optional_add uses width:100% in flex. */
.optional_box > .form-check {
	flex-shrink: 0;
	align-self: flex-start;
}

.optional_add {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.option_text label {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #3E342A;
}

.option_text span {
	font-size: 14px;
}

.option_gap {
	margin-bottom: 11px;
}


/********image upload css **********/
.upload_image_box {
	text-align: center;
	width: 292px;
	height: 180px;
	background: #F7F2E1;
	border: 1px dashed #3E342A80;
	padding: 14px;
}

.drad-drop {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #3E342A;
	margin: 14px 0px;
}

.file_upload_input {
	position: relative;
}

.browse_img {
	position: absolute;
	top: 3px;
	left: 0;
	width: 100%;
	display: grid;
	justify-content: center;
	z-index: 9;
}

.browse_img div {
	line-height: 38px;
	text-transform: capitalize;
	color: #EDE9DE;
	font-size: 16px;
	font-weight: 500;
	width: 129px;
	height: 40px;
	background: #875D2A;
	cursor: pointer;
}

.imageInput {
	opacity: 0;
	width: 100%;
	height: 47px;
	position: absolute;
	z-index: 99;
	left: 0;
}

.image_upld_flex {
	display: flex;
	gap: 15px;
	margin: 40px 0px 18px;
	justify-content: center;
	padding: 0px 18px;
}

.preview-container {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.image-box {
	position: relative;
	width: 150px;
	height: 180px;
	border: 1px solid #ddd;
	border-radius: 0;
	overflow: hidden;
}

.image-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.overlay-loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0F1114B2;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.delete-btn {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: white;
	border: none;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 3;
}

.rotate-btn {
	position: absolute;
	bottom: 10px;
	right: 50px;
	color: white;
	border: none;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 3;
}

.img_after_load img {
	width: 36px;
	height: 26px;
}

.overlay-loader img {
	width: 36.63px;
	height: 40px
}

.img_load {
	-webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(359deg);
	}
}

.upload_new_img {
	width: 150px;
	height: 180px;
	background: #F7F2E1;
	border: 1px dashed #9A9385;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	display: none;
	text-align: center;
	line-height: 180px;
}

.imageInput2 {
	position: absolute;
	width: 150px;
	height: 180px;
	top: 0;
	left: 0;
	opacity: 0;
}

.image-box {
	position: relative;
	display: inline-block;
}

.rotatable-image {
	transition: transform 0.3s ease;
	max-width: 200px;
	display: block;
}

.file_upload_input_new input {
	top: 0;
	height: 100%;
}

.form-floating label span {
	color: #B23333;
}

/********image upload css **********/


/***************Re production page css *************/
.reproduction_main_page {
/* 	padding: 0px 160px 20px; */
}

/* Academic block (Quick Facts, story): same horizontal rhythm as .reproduction_section — no nested container/article gutters */
.reproduction_main_page > .container {
	max-width: none;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}
.reproduction_main_page .article_main_page,
.reproduction_main_page .article_main_page.p-0 {
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	max-width: none;
	width: 100%;
}
.reproduction_main_page .academicism_wrapper,
.reproduction_main_page .acadamic_inner_box {
	padding-left: 0;
	padding-right: 0;
	max-width: none;
	width: 100%;
}
.reproduction_main_page .article_main_page .artwork_section {
	padding-left: 0;
	padding-right: 0;
	background: transparent;
}

/* Reproduction buy page: neutral gray frame tiles (ADC — see site-artsdot; WA beige in site-wahooart) */
.reproduction_main_page .frame_box {
	background-color: #e8e8e8;
	border-color: #d6d6d6;
}

.reproduction_main_page .commn_strache_frame input[type="radio"],
.reproduction_main_page .commn_strache_frame input[type="radio"]:after {
	background: #d6d6d6;
	background-color: #d6d6d6;
}

.reproduction_section .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #444;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-position: center;
	height: 483.44px;
}

.reproduction_section .swiper {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

.reproduction_section .swiperrepro2 {
	height: 80%;
	width: 100%;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.reproduction_section .swiperrepro {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
	margin-top: 16px;
}

.reproduction_section .swiperrepro .swiper-slide {
	/* width: 25%; */
	/* height: 100%; */
	/* opacity: 0.4; */
	width: 74px;
	height: 65px;
	border: 1px solid #CCC2AE;
}

.reproduction_section .pro2frame .swiper-slide img {
	border: 25px solid transparent;
	border-image: url('../../assets/images/borderFrame.jpg') 50 round;
}

.swiperrepro2 .swiper-button-prev {
	left: 21px;
	width: 56px;
	height: 56px;
}

.swiperrepro2 .swiper-button-prev img {
	width: 100%;
}

.swiperrepro2 .swiper-button-next {
	right: 21px;
	width: 56px;
	height: 56px;
}

.swiperrepro2 .swiper-button-next img {
	width: 100%;
}

.reproduction_section .swiperrepro .swiper-slide-thumb-active {
	opacity: 1;
}

.reproduction_section .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: inherit;
}

.menu_icon {
	display: none;
	color: #3E342A;
	background: #e3dec7;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	border-radius: 50%;
}

/* Dimmed full-screen layer when mobile nav drawer is open */
.mobile-menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0006;
	z-index: 9;
	opacity: 0;
	transition: opacity .3s ease-in-out;
	display: none;
}

/* Off-canvas drawer: primary nav + search on small screens */
.side_nav {
	position: fixed;
	top: 0;
	left: -250px;
	width: 250px;
	height: 100%;
	background: #e3dec7;
	color: #fff;
	padding: 20px;
	transition: left 0.3s ease;
	z-index: 1000;
	overflow-y: auto;
}

.side_nav.open {
	left: 0;
}

.close_btn {
	position: absolute;
	top: 5px;
	right: 21px;
	font-size: 38px;
	cursor: pointer;
	color: #875D2A;
}

.side_inner-nav {
	display: none;
}

.sorting_content select {
	border: none;
	background: unset;
	color: #3E342A;
	appearance: none;
	background-image: url('');
	background-position: right 0px center;
	background-repeat: no-repeat;
	width: 150px;
	padding: 5px;
}

.badge-filter img {
	cursor: pointer;
}

.form-floating input {
	padding-top: 40px;
	padding-left: 2px;
	font-size: 14px;
	text-transform: capitalize;
}
/* keep the 40px label clearance on floating inputs (empty, focused and filled states) —
   mirrors Bootstrap's own selectors, which this padding used to beat via !important */
.form-floating > .form-control,
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
	padding-top: 40px;
	padding-left: 2px;
}

.form-floating input::placeholder {
	color: #7069698a;
}

.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
	padding-top: 1.2rem;
	padding-bottom: 8px;
}

 

.vincent_color {
	color: #B23333;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 11px;
}
.vincent_color a {
	color: #B23333;
}

.repro_heading,
.buy_sale_channel_heading {
	color: #3E342A;
	font-weight: 500;
	font-size: 28px;
	margin-bottom: 11px;
}


.buy_sale_channel_heading_container {
	padding-top: 14px;
}
.buy_sale_channel_heading {
	margin-top: 0.5em;
	margin-bottom: 0px;
}

.buy_sale_channel_short_description {
	color: #6E665C;
	font-size: 15px;
	line-height: 1.45;
	margin: 8px 0 12px 0;
	max-width: 42em;
}

.buy_sale_channel_heading_container .buy_sale_channel_cross_channel_links {
	margin-top: 2px;
}

.buy_sale_channel_heading_alternate_buy {
	border-bottom: 1px solid #DCD3BF;
	padding-bottom: 18px;
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}

.buy_sale_channel_heading_alternate_buy a {
	display: flex;
	align-items: center;
	gap: 6px;
	font-family: var(--font-body);
	font-weight: 500;
	font-style: Medium;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0%;
	text-transform: capitalize;
	color: #875D2A;
}
	/* Artwork PDP: wishlist + partner purchase links */
.fav-icon-artwork {
   border-bottom: 1px solid #DCD3BF;
   padding-bottom: 20px;
   margin-bottom: 30px;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 0;
   /* Whitespace/BOM text nodes between includes must not create a left flex gap */
   font-size: 0;
   line-height: 0;
}
.fav-icon-artwork > a,
.fav-icon-artwork > .artwork-share-wrapper {
   font-size: 16px;
   line-height: 24px;
   margin: 0 16px 8px 0;
}
.fav-icon-artwork > script {
   display: none;
   width: 0;
   height: 0;
   margin: 0;
   padding: 0;
   flex: 0 0 0;
}
/* Floating share-toast container spacing (was Bootstrap p-3; explicit class so the
   buy-page zeroing rule below can win on ID specificity without !important) */
.artwork-share-toast-floating-container {
   padding: 1rem;
}
/* Toast must not occupy a flex slot (buy pages still include it inside the bar) */
.fav-icon-artwork > #artworkShareToastContainer {
   position: fixed;
   width: 0;
   height: 0;
   min-width: 0;
   min-height: 0;
   margin: 0;
   padding: 0;
   border: none;
   flex: 0 0 0;
   overflow: visible;
}
.fav-icon-artwork a {
   display: flex;
   align-items: center;
   gap: 6px;
   font-family: var(--font-body);
   font-weight: 500;
   font-style: Medium;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0%;
   text-transform: capitalize;
   color: #875D2A;
}

/* Horizontal list of reproduction perks (shipping, museum quality, returns, etc.) */
.details_reproducton {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	align-items: center;
	max-width: 100%;
}

.details_reproducton li {
	color: #6E665C;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	margin: 5px 0px;
	display: flex;
	align-items: center;
	gap: 8px;
	max-width: 100%;
}

.details_reproducton li img {
	width: 18px;
	height: 18px;
}

.repruct_content_collapse button.accordion-button,
.repruct_content_collapse button.accordion-button:not(.collapsed) {
	background: transparent;
	padding: 12px 20px;
	color: #3E342A;
	text-transform: capitalize;
	font-size: 19px;
}

.repruct_content_collapse .accordion-body {
	padding: 0 20px 16px;
	color: #6E665C;
	font-size: 16px;
	font-weight: 400;
}

.repruct_content_collapse .accordion-item {
	background-color: transparent;
	border: 0;
    padding-bottom:30px;
}

.repruct_content_collapse {
	border-top: 1px solid #DCD3BF;
	border-bottom: 1px solid #DCD3BF;
}
.accordion-collapse {
}
.repruct_content_collapse .accordion-body span {
	color: #875D2A;
	margin-left: 3px;
	font-weight: 500;
	font-size: 14px;
	text-transform: capitalize;
	cursor: pointer;
}

.reproduc_tabs {
	margin-top: 30px;
}

.reproduc_tabs .tab-content > .tab-pane.container {
	max-width: 100%;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}

.reproduc_tabs .nav.nav-pills {
	gap: 30px;
	margin-bottom: 14px;
}

.reproduc_tabs .nav-pills .nav-link {
	border-radius: 0px;
	padding: 0px;
	font-size: 16px;
	color: #B89F7B;
	text-transform: uppercase;
	font-weight: 500;
	padding-bottom: 6px;
}

.reproduc_tabs .nav-pills .nav-link.active,
.reproduc_tabs .nav-pills .show>.nav-link {
	color: #875D2A;
	background-color: unset;
	border-bottom: 1px solid #875D2A;
}

.reproduc_tabs .tab-pane {
	padding: 0;
}

.reproduc_tabs .accordion-item {
	margin-top: 8px;
    border-radius: 0;
	border: 1px solid #DCD3BF;
}
#summary_checkout .detail_cont_left {

}
.reproduc_tabs button.accordion-button {
	color: #3E342A;
	text-transform: capitalize;
	font-weight: 500;
	padding: 12px 20px;
	font-size: 19px;
}

.repro_radio {
	position: relative;
margin-bottom:5px;
gap:12px;
    display: flex;
    align-items: center;
}
.form_produc .repro_radio label {
    padding-left: 0;
    padding-top: 0;
}
.repro_radio label {
	color: #3E342A;
	font-size: 14px;
	font-weight: 400;
	line-height: 29px;
}

.repro_radio label span {
	margin-left: 3px;
}

.repro_radio input[type="radio"] {
	height: 20px;
	width: 21px;
	appearance: none;
	background: #e7e3cd;
	border-radius: 50%;
    flex-shrink: 0;
}

.repro_radio input[type="radio"]:after {
	background-color: #e7e3cd;
	border-radius: 25px;
	content: '';
	display: block;
	height: 20px;
	left: 0px;
	position: relative;
	top: 0px;
	width: 21px;
	border: 1px solid #877F76;
}

.repro_radio input[type="radio"]:checked:after {
    background-color: #3E342A;
    width: 15px;
    height: 15px;
    position: relative;
    top: 3px;
    left: 3px;
    outline: 1.5px solid #3E342A;
    outline-offset: 3px;
}

.repro_radio.gesso-disabled {
    cursor: not-allowed;
}
.repro_radio.gesso-disabled input[type="radio"] {
    cursor: not-allowed;
    opacity: 0.45;
}
.repro_radio.gesso-disabled label {
    cursor: not-allowed;
    color: #aaa;
}
.gesso-not-available-msg {
    font-size: 11px;
    color: #999;
    font-style: italic;
    white-space: nowrap;
    flex-shrink: 0;
}

.reproduc_tabs .green_include {
	font-style: italic;
	font-weight: 500;
	font-size: 14px;
}

/*.collapse_inner_box .accordion-button::after {*/
/*	transform: rotate(-180deg);*/
/*	margin-top: -11px;*/
/*}*/

/*.collapse_inner_box .accordion-button:not(.collapsed)::after {*/
/*	transform: rotate(-90deg);*/
/*	margin-top: -11px;*/
/*	margin-right: -9px;*/
/*}*/

.reproduction_button_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 30px 0;
gap:12px;
}
#size-dropdown-list {
    display: none; /* Default hide */
}

#size-dropdown-list.is-open {
    display: block; 
}

/* Reproduction size preset dropdown — paint above the next accordion panel.
   Accordion items use overflow:hidden for border-radius; the list is absolute
   and extends past the panel without a stacking lift. */
.reproduction_main_page .reproduc_tabs .accordion-item:has(#panelsStayOpensize .custom-dropdown.open),
.reproduction_main_page .reproduction_image_detail .accordion-item:has(#panelsStayOpensize .custom-dropdown.open),
.reproduction_main_page .reproduc_tabs .accordion-item:has(#panelsStayOpensize #size-dropdown-list.is-open),
.reproduction_main_page .reproduction_image_detail .accordion-item:has(#panelsStayOpensize #size-dropdown-list.is-open) {
	overflow: visible;
	position: relative;
	z-index: 19;
}

.reproduc_tabs .custom-dropdown.open {
	position: relative;
	z-index: 20;
}

.reproduc_tabs .custom-dropdown.open .dropdown-list,
#size-dropdown-list.is-open {
	z-index: 21;
}
.reproduction_button_box .total_price_box {
	padding: 0px;
	width: 43%;
}

.reproduction_button_box .detail_content {
	display: block;
}

.reproduction_button_box .detail_cont_right {
	text-align: left;
}

.reproduction_button_box .add_tocart_btn {
	width: 200px;
	padding: 0;
}

.reproduction_button_box h4.total_price {
	margin-bottom: 0px;
}

.reproduction_button_box .dtl_con h4 {
	margin-bottom: 8px;
    font-size: 16px;
}
 .reproduction_button_box .dtl_con .total_price {
font-family: var(--font-body);
opacity:1;
font-weight: 500;
font-style: Medium ;
font-size: 30px;
leading-trim: NONE;
line-height: 24px;
letter-spacing: 0%;
color:#3E342A;

}

.reproduction_button_box .add_tocart_btn button {
	line-height: 32px;
	font-size: 16px;
    border: 1px solid #875D2A;
}

/*.repruct_content_collapse .accordion-button:not(.collapsed)::after {*/
/*	transform: rotate(267deg);*/
/*	margin-right: 0px;*/
/*}*/

/*.repruct_content_collapse .accordion-button::after {*/
/*	transform: rotate(180deg);*/
/*	margin-top: -11px;*/
/*	margin-right: 10px;*/
/*}*/

.reproduc_tabs .optional_box {
	/*background: #e8e2ce;*/
	padding: 0px;
}

.reproduc_tabs .custome_check input[type="checkbox"] {
	margin-top: 4px;
}

.reproduc_tabs .custome_check {
	align-items: flex-start;
}

/* doubled class to out-rank .option_text label (was !important) */
.nft_cert_label.nft_cert_label {
	color: #3E342A;
	font-size: 14px;
	font-weight: 400;
	line-height: 29px;
	margin-left: 0;
}

/* Artwork detail “story” column: description, specs list, optional HR to gallery */
.artwork_section {
	background: #E8E2CD;
	padding: 48px;
}

.art_heading {
	font-size: 28px;
	color: #3E342A;
	font-family: var(--font-title);
	line-height: 33px;
	font-weight: 400;
	margin-bottom: 30px;
}

.art_text {
	font-size: 16px;
	font-weight: 600;
	color: #3E342A;
	margin-top: 23px;
	margin-bottom: 11px;
}

.art_detail {
	color: #3E342A;
	font-size: 14px;
	font-weight: 400;
}

.art-point {
	padding-left: 9px;
	margin-top: 15px;
}

.art-point li {
	list-style-type: disc;
	list-style-position: inside;
}

.art-point li::marker {
	color: #875D2A;
	font-size: small;
}

.art-point li a {
	color: #875D2A;
	text-decoration: underline;
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
}

.artwork_section hr {
	color: #CCC2AE;
	margin: 55px 0px;
}

.artwork_img {
	padding-top: 59px;
    padding-left: 20%;
    padding-right: 20%;

}

.artwork_img img {
    width: 100%;
    max-height: 240px;
    object-fit: cover;
    object-position: top;
}

.art_img_content {
	text-align: left;
	font-style: italic;
	color: #3E342A;
	padding-top: 8px;
}

.art_img_content h4 {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0;
}

.art_img_content p {
	font-size: 11px;
	font-weight: 400;
}

.image_select_box {
	/* background: #EDE9DE00; */
	padding: 92px 0px;
	background-image: url('../images/artworks/artworkback.jpg');
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	/* width: 50%; */
	margin: auto;
	gap: 11px;
	background-position: center;
	background-size: 100% 100%;
}

.img_select {
	width: 47%;
}

.img_select img {
	width: 100%;
	box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
	border: 70px solid transparent;
	border-image: url(../../assets/images/borderFrame.jpg) 50 round;
}

.choose_color div {
	width: 11px;
	height: 11px;
	margin: 0px auto 6px;
	border-radius: 50%;
}

.clr1 {
	background: #A2D3E5;
}

.clr2 {
	background: #F4F2ED;
}

.clr3 {
	background: #C1D4C7;
}

.clr4 {
	background: #7A6B48;
}

.clr5 {
	background: #F7E5B5;
}
.profile-photo-section .profile-photo-upload .form-control {
    display: block;
    width: 100%;
    background-color: var(--up-profile-photo-input-bg, #ffffff);
    border-radius: var(--up-profile-photo-input-radius, 4px);
    padding: var(--up-profile-photo-input-padding, 10px);
    border: 1px solid var(--up-profile-photo-input-border, #d6d6d6);
    color: var(--up-profile-photo-input-ink, inherit);
    font-size: var(--up-profile-photo-input-font-size, 14px);
}
.img_color_icon {
	width: 33px;
	height: 33px;
}

.img_color_icon img {
	width: 100%;
}

.full_collection_section {
	text-align: center;
	padding: 35px 40px;
	color: #EDE9DE;
	background: url(/static/images/artworks/collecton_background.jpg);
    background-repeat: repeat;
    background-size: cover;
}

.collec_heading {
	font-family: var(--font-title);
	font-size: 40px;
	font-weight: 400;
	margin-bottom: 8px;
}

.collec_text {
	font-size: 18px;
	font-weight: 400;
}

.collection_tabs .nav-pills {
	width: 76%;
	margin: 35px auto 38px;
	gap: 12px;
	justify-content: center;
}

.collection_tabs .nav-pills .nav-link {
	border-radius: 0px;
	border: 1px solid #E8E2CD66;
	font-size: 16px;
	color: #EDE9DE;
	padding: 5px 10px;
}

.collection_tabs .nav-pills .nav-link.active,
.collection_tabs .nav-pills .show>.nav-link {
	color: #3E342A;
	background-color: #E8E2CD;
}

.collection_tabs .tab-content {
	width: 86%;
	margin: auto;
}

/* Font Awesome required */
.collection_tabs .slick-prev::before {
	content: "\f104";
	/* fa-angle-left */
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 22px;
	color: #EDE9DE;
}

.collection_tabs .slick-next::before {
	content: "\f105";
	/* fa-angle-right */
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 22px;
	color: #EDE9DE;
}

.collection_tabs .slick-prev {
	left: -29px;
}

.collection_tabs .slick-next {
	right: -29px;
}

/* Gap between artworks in the Full Collection slick carousel (variableWidth slides) */
.slider-collection .slick-slide {
	margin-right: 18px;
}

.collection_image {
	width: 96%;
	height: 214px;
	position: relative;
}

.collection_image img {
	height: 100%;
	object-fit: cover;
	box-shadow: rgba(0, 0, 0, 0.35) 10px 5px 10px;
}

.collection_details {
	margin-top:16px;
	max-width: 300px
}

.collection_details h4 {
    text-transform: uppercase;
    font-family: var(--font-body);
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 24px;
    text-align: left;
    letter-spacing: 0%;
    margin-bottom: 0.8rem;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}

/* Text-link hover COLOR is site-specific — see wahooart-V1.9.css / artsdot-V1.9.css
   (DOC_APS_THE_7_SITES.md → "Frontend CSS: text-link hover"). Transition only here. */
.collection_details h4 a {
    color: inherit;
    text-decoration: none;
    transition: color 0.25s ease;
}

.collection_details p {
	font-size: 12px;
	font-weight: 500;
	color: #FFFFFF;
	text-align: left;
}

.collection_other_detail {
	padding: 60px 160px 83px;
}

.collection_other_detail .form_heading {
	font-size: 29px;
	font-family: inherit;
	text-transform: capitalize;
	font-weight: 500;
	margin-bottom: 12px;
}

.form_img_colum {
	padding: 32px 16px 11px;
}

.form_img_colum .row {
	justify-content: center;
}

.clm_img {
	width: 100px;
	height: 100px;
	margin: auto;
	position: relative;
}

.clm_img span {
	background: #B23333;
	color: #FFFFFF;
	font-size: 13px;
	padding: 2px 5px;
	position: absolute;
	right: -20px;
	top: -14px;
}

.gift_img {
	width: 83px;
}

.clm_img img {
	width: 100%;
	height: 100%;
}

.img_colum_box h4 {
	font-size: 14px;
	font-weight: 600;
	color: #3E342A;
	margin-top: 26px;
}

.img_colum_box p {
	font-size: 12px;
	font-weight: 400;
	color: #3E342A;
	margin-top: 11px;
	width: 97%;
}

.form_img_colum .confirmation_notice {
	padding: 0px;
	gap: 5px;
	align-items: center;
	margin-top: 11px;
}

.form_img_colum .confirmation_notice img {
	width: 20px;
	height: 20px;
}

.form_img_colum .confirmation_notice p {
	font-size: 13px;
	margin-bottom: 0;
}

.premium_service .why_choose_right {
	padding: 70px 160px;
}

.premium_service .why_choose_right h3 {
	font-family: var(--font-title-accent);
	font-size: 35px;
	font-weight: 400;
	line-height: 42px;
	color: #F0B653;
	text-align: center;
}

.premium_service .why_choose_right .heading_text {
	text-align: center;
	color: #E8E5DC;
	margin: 11px 0px 23px;
}

.premium_service .why_choose_right .heading_paragrap {
	text-align: center;
}

.premium_service .why_choose_icon img {
	background: #EDE9DE;
	outline: 1px solid #EDE9DE;
}

.premium_service .why_choose_box_inner {
	margin-bottom: 14px;
}

.premium_service .why_choose_info p {
	color: #EDE9DE;
	line-height: 17px;
	font-size: 13px;
	width: 90%;
}

.premium_service .why_choose_info h5 {
	color: #EDE9DE;
}

.premium_service .why_choose_box {
	margin-top: 52px;
}

.include_benifits_box .why_choose_box_inner {
	align-items: center;
	gap: 12px;
	margin-bottom: 6px;
}

.include_benifits_box .why_choose_icon img {
	background: #F7F1E0;
	padding: 6px;
	outline: unset;
	outline-offset: unset;
	width: 35px;
	height: 35px;
}

.include_benifits_box .why_choose_info h5 {
	font-size: 14px;
	margin-bottom: 0px;
}

.yellow_cont {
	margin-top: 0px;
    flex-shrink: 0;
	color: #875D2A;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
}
.yellow_cont a {
    display: flex;
	color: #875D2A;
    align-items: center;
    gap: 8px;
    transition: color 0.25s ease;
}

.yellow_cont img {
    width: 30px;
    height: 27px;
    margin-left: -2px;
    /* margin-top: 2px; */
}

.gift_input input {
	width: 100%;
	margin-top: 11px;
	background: #F7F2E1;
	border: unset;
	padding: 0px 11px;
	height: 38px;
	color: #3E342A;
	font-size: 14px;
	font-weight: 400;
}

.commn_strache_frame {
	display: none;
	margin-top: 11px;
}

.commn_strache_frame button {
	width: 100%;
	text-align: left;
	color: #3E342A;
	font-weight: 500;
	font-size: 13px;
	text-transform: uppercase;
	background: #F7F2E1;
	border: unset;
	line-height: 25px;
	opacity: 0.6;
}

.streched_dropdown .frame_box img.frame-angle-thumb {
	width: auto;
	margin-left: 5px;
   padding: 12px;
    margin-left: 15px;
    height: clamp(90px, 6.25vw, 120px);
}

/* ── Shared frame angle hover preview (see frame_angle_hover_preview-V1.9.js) ── */
#frame-angle-preview {
	position: fixed;
	z-index: 9999;
	width: 25vw;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.15s ease, visibility 0.15s ease;
	box-shadow: 0 8px 28px rgba(62, 52, 42, 0.22);
}

#frame-angle-preview.visible {
	opacity: 1;
	visibility: visible;
}

#frame-angle-preview img {
	width: 100%;
	height: auto;
	max-height: 65vh;
	object-fit: contain;
	display: block;
}

.commn_strache_frame .btn:hover {
	border: unset;
	color: #3E342A;
	background: #F7F2E1;
}

.commn_strache_frame .btn:focus-visible {
	color: #3E342A;
	background-color: #F7F2E1;
	border-color: unset;
	outline: 0;
	box-shadow: unset;
}

.commn_strache_frame .btn-check:checked+.btn,
.commn_strache_frame .btn.active,
.commn_strache_frame .btn.show,
.commn_strache_frame .btn:first-child:active,
:not(.btn-check)+.btn:active {
	color: #3E342A;
	background-color: #F7F2E1;
	border-color: unset;
}

.commn_strache_frame .dropdown-menu {
	width: 100%;
	background: #F7F1E0;
	border-radius: 0px;
	border: 0px;
	padding: 6px 11px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.commn_strache_frame button[aria-expanded="true"].dropdown-toggle::after {
	transform: rotate(180deg);
}

.commn_strache_frame .dropdown-toggle::after {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 0;
	background: url('../../assets/images/strecharrow.png') no-repeat center center;
	background-size: contain;
	border: none;
	position: absolute;
	right: 11px;
	top: 13px;
	display: none;
}

.commn_strache_frame .frame_section {
	justify-content: start;
}

.commn_strache_frame input[type="radio"] {
	height: 18px;
	width: 18px;
	position: absolute;
	top: 5px;
	left: 6px;
	appearance: none;
	background: #e7e3cd;
	border-radius: 50%;
}

.commn_strache_frame input[type="radio"]:after {
	background-color: #e7e3cd;
	border-radius: 25px;
	content: '';
	display: block;
	height: 18px;
	left: 0px;
	position: relative;
	top: 0px;
	width: 18px;
	border: 1px solid #877F76;
}

.commn_strache_frame input[type="radio"]:checked:after {
	background-color: #3E342A;
	width: 12px;
	height: 12px;
	position: relative;
	top: 3px;
	left: 3px;
	outline: 1.5px solid #3E342A;
	outline-offset: 3px;
}

.commn_strache_frame h6.frame_text {
	font-weight: 500;
	text-transform: capitalize;
}
.frame_dropdown h6.frame_text {
    font-size: clamp(14px , 0.833vw , 16px);
}

.frame_dropdown .frame_section {
	gap: 16px;
}

.frame_dropdown .face_color_red {
	font-size: 11px;
}

.frame_dropdown .frame_box img.frame-angle-thumb {
	width: auto;
    padding: 12px;
	margin-left: 15px;
	height: clamp(90px , 6.25vw , 120px);
}


.frame_dropdown input[type="radio"] {
	height: 14px;
	width: 14px;
}

.frame_dropdown input[type="radio"]:after {
	width: 14px;
	height: 14px;
}

.frame_dropdown input[type="radio"]:checked:after {
	width: 8px;
	height: 8px;
}

.valueslct {
	margin-top: -11px;
	font-size: 10px;
}

.detail_select_frame {
	margin-top: 11px;
	display: none;
	/*padding-left: 32px;*/
    padding-bottom: 8px;
}

.detail_select_frame h5 {
	font-size: 14px;
	font-weight: 500;
	color: #3E342A;
	text-transform: uppercase;
}

.detail_select_frame p span {
	color: #875D2A;
	margin-left: 3px;
	font-weight: 500;
	font-size: 14px;
	text-transform: capitalize;
	cursor: pointer;
}

.detail_select_frame p {
	font-size: 13px;
	font-weight: 400;
	color: #6E665C;
	margin-bottom: 0px;
}

.detail_select_frame .confirmation_notice {
	padding: 14px 0px;
}

.size_box {
	display: flex;
	justify-content: space-between;
	margin-top: 11px;
}

.size_box_left .switches-container {
	width: 200px;
	text-transform: uppercase;
}

.size_box_left .switch {
	width: 98px;
}

.manual_cstm__box {
	display: none;
}

.manual_values_box p {
	margin-top: 21px;
	color: #6E665C;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 14px;
}

.manual_values_box .commn_strache_frame {
	display: block;
	box-shadow: unset;
}

.manual_cstm__box .enter_manually_box {
	width: 100%;
}


.manual_cstm__box .input_label_text {
    height: 56px;
    padding: 9px 14px;
    width: 30%;
    background: #f1ecda;
}
.manual_cstm__box .add_tocart_btn {
	padding: 0px;
	width: 30%;
}

/*.manual_cstm__box .manuall_box input {*/
/*	width: 100%;*/
/*	opacity: 0.6;*/
/*	height: 44px;*/
/*}*/

/*.manual_cstm__box .manuall_box span {*/
/*	position: absolute;*/
/*	top: 30px;*/
/*	width: 100%;*/
/*	left: 13px;*/
	/* padding-bottom: 20px; */
/*	font-size: 13px;*/
/*	font-weight: 400;*/
/*}*/
.text-muted a {
color:#30271D;
}
.manual_cstm__box .add_tocart_btn button {
	font-size: 13px;
	padding: 0px;
	height: 56px;
}

.size_valueslct {
	display: block;
	margin-top: -7px;
	color: #3E342A;
	font-size: 13px;
	font-weight: 400;
}

.delivery_days {
	font-size: 14px;
	color: #389544;
	background: #DBE1CF;
	width: 150px;
	padding: 7px 0px;
	text-align: center;
	font-weight: 500;
	margin-top: 21px;
}

.para_partner {
	margin-top: 22px;
}

.para_partner p {
	color: #6E665C;
	font-size: 14px;
	font-weight: 400;
}

.para_partner h3 {
	font-size: 21px;
	font-weight: 500;
	color: #3E342A;
	margin-bottom: 15px;
}

.para_partner ul {
	padding-left: 11px;
}

.para_partner ul li {
	color: #6E665C;
	font-size: 14px;
	font-weight: 400;
	list-style-type: disc;
	list-style-position: inside;
}

.mrgn_botm {
	margin-bottom: 8px;
}

.buy_partner_shipping .why_choose_icon img {
	background: var(--cart-icon-bg, #E2DAC4);
	padding: 8px;
	outline: unset;
	outline-offset: unset;
	width: unset;
	height: unset;
}

.buy_partner_shipping {
	border-top: 1px solid #DCD3BF;
	margin-top: 26px;
	padding-top: 26px;
}

.buy_partner_shipping .why_choose_info h5 {
	margin-top: 8px;
}

.buy_partner_shipping .why_choose_box_inner {
	gap: 16px;
	margin-bottom: 0px;
}

.buy_partner_shipping .why_choose_info p {
	margin-bottom: 8px;
}

.incremwnt_decrement_box {
	display: flex;
}

.in_dec_box {
	width: 52px;
	height: 52px;
	border: 1px solid #3E342A33;
	line-height: 48px;
	text-align: center;
	font-size: 29px;
	color: #3E342A;
	cursor: pointer;
}

.value {
	width: 52px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	font-size: 18px;
	color: #3E342A;
}

.partnership_page {
	gap: 11px;
}

.partnership_page .total_price_box {
	width: 30%;
}

.partner_section {
	margin-bottom: 42px;
}
.e_card_form h1,
.e_card_form h2 {
font-family: var(--font-title);
font-weight: 400;
font-style: Regular;
font-size: 56px;
leading-trim: NONE;
line-height: 60px;
letter-spacing: 0%;
text-align: center;
color:#3E342A;
}

.buy_production_form .e_card_section .e_card_form {
height:auto;
}
.buy_production_form .card-content {
max-width:600px
}
.explore_similar_section {
	padding: 74px 160px 60px;
	background: #E8E2CD;
}

.explore_paintings_main {
	display: flex;
	gap: 0px;
	margin-top: 47px;
	flex-wrap: wrap;
}

.explore_similar_section .heading_text {
	margin-bottom: 20px;
}

.painting_box {
	width: 20%;
	text-align: center;
}

.painting_box img {
	width: 90%;
	margin-bottom: 29px;
	border: 20px solid transparent;
	padding: 11px;
	border-image: url('../../assets/images/borderFrame.jpg') 50 round;
}

.painting_box h5 {
	font-family: var(--font-title);
	font-size: 18px;
	font-weight: 400;
	color: #3E342A;
}
.painting_box h5 a {
	color: #3E342A;
}
.painting_box p {
	font-style: italic;
	font-size: 13px;
	font-weight: 400;
	color: #3E342A;
}
.painting_box p a {
	color: #3E342A;
}

.artist_skill_level {
	display: none;
}

.wrapper_see_more {
	position: relative;
	width: 100%;
	cursor: pointer;
	margin-bottom: 20px;
}

.text_see_more {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 1.5em;
	max-height: calc(1.3em * 2.5);
	position: relative;
	transition: all 0.3s ease;
}

/* Gradient overlay for the last 0.5 line */
.wrapper_see_more::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1.5em;
	width: 100%;
	pointer-events: none;
}

/* Expanded state */
.wrapper_see_more.expanded_see_more .text_see_more {
	-webkit-line-clamp: unset;
	max-height: none;
	overflow: visible;
}

/* Remove gradient when expanded */
.wrapper_see_more.expanded_see_more::after {
	display: none;
}

.rolledframe_details {
	display: none;
}

.rolledframe_details img {
	margin: 11px 0px;
	width: 100%;
}

.rolledframe_details p {
	margin-bottom: 0px;
}

.rolledframe_details p span {
	color: #d71015;
}



.art_history_wrapper {
	text-align: center;
	padding-bottom: 35px;
}

.art_his_text {
	display: inline;
	background: #e4ddc7;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
	padding: 5px;
}

.art_history_wrapper .heading_text {
	line-height: 43px;
	font-weight: 400;
	margin: 20px 0px;
}

.taggart {
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
	color: #776E62;
	margin-bottom: 29px;
}

.history_art_img img {
	width: 100%; 
}

/* Article detail hero: full-width image, natural aspect ratio (no fixed-height crop) */
.article-hero-image {
	margin: 0 0 29px;
}

.article-hero-image img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}

.acadamic_inner_box {
	padding-top: 25px;
	/*display: flex;*/
	gap: 38px;
	padding-top: 25px;
}








/* .tableContent {
	width: 20%;
	max-width:320px;
	min-width: 200px;
}
 */
.historycle_overview {
	width: auto;
}


.side_headings {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	color: #3E342A;
	opacity: 0.5;
	margin-bottom: 20px;
}

.historycle_overview .tab-content {
	margin: 0px auto;
}

.historicle_box {
	margin-bottom: 55px;
}

.historicle_box h2[id^="tablecontent"],
.historicle_box h3[id^="tablecontent"] {
	scroll-margin-top: 120px;
}

#artist-biography .historicle_box {
	padding-bottom: 1.5em;
}

.historicle_box .heading_text {
	font-size: 29px;
	text-align: left;
	line-height: 38px;
	margin-bottom: 32px;
	font-weight: 400;
}

/* DigitalImage & ArtistReproduction buy pages — article typography (extracted from inline <style>; structure here, colors per brand in site CSS) */
.adc-buy-page-section .historicle_box,
.reproduction_main_page .historicle_box {
	font-family: var(--font-body);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5em;
	text-align: justify;
	list-style: none;
}

.adc-buy-page-section .historicle_box ul,
.reproduction_main_page .historicle_box ul {
	padding-left: 26px;
}

.adc-buy-page-section .historicle_box ul li,
.reproduction_main_page .historicle_box ul li {
	list-style-type: disc;
	line-height: normal;
}

.adc-buy-page-section .historicle_box ul li b,
.reproduction_main_page .historicle_box ul li b {
	font-weight: 600;
}

.adc-buy-page-section .historicle_box h1,
.adc-buy-page-section .historicle_box h2,
.adc-buy-page-section .historicle_box h3,
.reproduction_main_page .historicle_box h1,
.reproduction_main_page .historicle_box h2,
.reproduction_main_page .historicle_box h3 {
	clear: right;
	font-family: var(--font-body);
	font-size: 16px;
	font-weight: 600;
	margin-top: 23px;
	margin-bottom: 11px;
}

/* DigitalImage buy page — hero image layout (extracted from inline styles) */
.reproduction_img--digital {
	height: 100%;
	width: 100%;
}

.reproduction_img--digital img {
	display: block;
	width: 100%;
	object-fit: scale-down;
}

.related_img_box {
}

.related_img_box img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    object-position: center;
}

.related_aricle_box h4 {
	font-size: 20px;
	font-weight: 500;
	line-height: 130%;
	color: #3E342A;
	margin-top: 21px;
}

.related_aricle_box p {
	font-size: 16px;
	font-weight: 400;
	color: #3E342A;
	line-height: 21px;
}

.explore_techniques {
	font-size: 13px;
	font-weight: 500;
	line-height: 15px;
	text-transform: uppercase;
	color: #875D2A;
	cursor: pointer;
}

.related_aricle_box {
	padding: 0px 0px 20px;
	border-bottom: 1px solid #D3C8AF;
	margin-bottom: 27px;
}

.tableContent .nav-link {
	font-size: 16px;
	font-weight: 400;
	color: #3E342A;
	border-radius: unset;
}

.tableContent .nav-link:hover {
	text-decoration: none;
}

.tableContent li.nav-item {
	border-left: 2px solid #3E342A26;
}

.tableContent .nav-pills .nav-link.active,
.tableContent .nav-pills .show>.nav-link {
	color: unset;
    font-weight: 500;
	background-color: unset;
	border-left: 2px solid #3E342A;
}

.historycle_img {
	width: 100%;
	height: 366px;
	margin-bottom: 16px;
}

.historycle_img img {
	width: 100%;
	height: 100%;
}

.italic_text {
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
	color: #776E62;
	line-height: 21px;
}

.italic_text span {
	color: #B23333;
}

.text_mrgn {
	margin-bottom: 21px;
}

.historicle_box ,.historicle_box p {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	color: #3E342A;
}

.historicle_box p b {
	font-weight: 600;
}

.cabanel_img {
	display: flex;
	justify-content: center;
}

.cabanel_img {
	display: flex;
	justify-content: start;
	margin-bottom: 16px;
}

.cabanel_img img {
	width: 100%;
	height: 100%;
}

.centuary_box_details {
	padding-right: 11px;
}

.centuary_box_details p {
	margin-bottom: 21px;
}

.century_box {
	padding-left: 11px;
}

.century_box .text_mrgn {
	margin-top: 8px;
}

.century_img {
	width: 100%;
	height: 421px;
	margin-bottom: 16px;
}

.century_img img {
	width: 100%;
	height: 100%;
}

.oilPaintings_img {
	width: 100%;
	height: 170px;
	margin-bottom: 16px;
}

.oilPaintings_img img {
	width: 100%;
	height: 100%;
}

.centuary_box_details ul {
	padding-left: 26px;
}

.centuary_box_details ul li {
	font-size: 16px;
	font-weight: 400;
	line-height: 29px;
	color: #3E342A;
	list-style-type: disc;
	margin-bottom: 6px;
}

.centuary_box_details ul li b {
	font-weight: 600;
}

.Interiors_img {
	width: 100%;
	height: 142px;
	margin-bottom: 16px;
}

.Interiors_img img {
	width: 100%;
	height: 100%;
}

.legacy_img {
	width: 100%;
	height: 394px;
	margin-bottom: 33px;
}

.legacy_img img {
	width: 100%;
	height: 100%;
}

span.text-red-span {
	color: #B23333;
}

.language-selector {
	position: relative;
	
}

.lang-selected {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 8px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	cursor: pointer;
	font-weight: bold;
}

.lang-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	width: 134px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	display: none;
	z-index: 100;
}

.lang-option {
	display: flex;
	align-items: center;
	padding: 8px 12px;
	cursor: pointer;
	gap: 8px;
	color: #504943;
	font-weight: 500;
	font-size: 14px;
}

.lang-option:hover {
	background-color: #f0f0f0;
}

.lang-option img {
	width: 25px;
	height: 17px;
	border-radius: 2px;
}

.lang-dropdown.show {
	display: block;
}

.lang-selected span {
	color: #504943;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lang-selected img {
	width: 11px;
}

.oilPaintings_img a span {
	color: #776E62;
}

.taggart a {
	color: #776E62;
	text-decoration: underline;
}
.artwork_img-details {
    width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.quick_facts_section {
	background: #E8E2CD;
	padding: 20px;
	width: 100%;
}

.quick_facts_section h4 {
	font-size: 14px;
	font-weight: 500;
	line-height: 28px;
	color: #3E342A;
	text-transform: uppercase;
}

/* Artist/article sidebar: Browse, TOC, Quick Facts — uniform 32px gaps */
.tableContent > * + *,
.tableContent .artist_sidebar_links + .table_of_contents_section,
.tableContent .artist_sidebar_links + .side_headings,
.tableContent .table_of_contents_section + .related_artworks_sidebar,
.tableContent #table-of-contents + .related_artworks_sidebar,
.tableContent .table_of_contents_section + .quick_facts_section,
.tableContent .artist_sidebar_links + .quick_facts_section,
.tableContent ul.nav.nav-pills + .side_headings,
.tableContent .quick_facts_section + .side_headings,
.tableContent .side_headings.side_headings--section-gap,
.tableContent .side_headings + .quick_facts_section,
.tableContent .side_headings + .art_quize_section {
	margin-top: 32px;
}

/* Sidebar Quick Facts card styling — see site-{brand}-V1.9.css (.tableContent .quick_facts_section) */

.tableContent .artist_sidebar_links .nav-link {
	font-size: 14px;
}

.box_facts ul li {
	font-size: 13px;
	font-weight: 400;
	color: #3E342A;
	line-height: 20px;
	margin-bottom: 7px;
}

.box_facts ul li b {
	font-weight: 600;
}

.box_facts ul li a {
	color: #875D2A;
	text-decoration: underline;
	font-weight: 500;
}

/* Nested list inside a multi-value quick fact (extracted from artist_detail inline style) */
.box_facts .qf-fact-sublist {
	margin: 5px 0;
	padding-left: 20px;
}

.qf-more-trigger {
    cursor: pointer;
    color: #875D2A;
    font-weight: 600;
    font-size: 13px;
    text-decoration: underline;
    list-style: none;
    margin-top: 6px;
    user-select: none;
}

.qf-more-trigger:hover {
    color: #3E342A;
}

.qf-more-content {
    display: none;
}

.qf-more-content.open {
    display: block;
}

.art_quize_section {
	margin-top: 29px;
	background: #3E342A;
	padding: 20px 20px 25px;
}

.art_header h4 {
	font-family: var(--font-title);
	font-size: 24px;
	font-weight: 400;
	line-height: 32px;
	color: #EDE9DE;
}

.art_header p {
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	color: #EDE9DEB2;
}

.ques_box {
	margin-bottom: 15px;
}

.ques_heading {
	font-size: 14px;
	line-height: 23px;
	font-weight: 500;
	color: #875D2A;
	text-transform: uppercase;
}

.ques_text {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	color: #EDE9DE;
	margin: 10px 0px;
}

.ques_box .repro_radio label {
	color: #EDE9DE;
}

.question_option .repro_radio input[type="radio"]:after {
	background-color: #3e342b;
	border: 1px solid #877F76;
}

.submit_quiz .add_tocart_btn button {
	font-size: 14px;
}

.submit_quiz .add_tocart_btn {
	padding: 0;
}

.listOf_artwork_section {
	text-align: center;
	background: #E8E2CD;
	padding: 51px 160px;
}

.listOf_artwork_section h4 {
	margin-bottom: 42px;
	font-size: 39px;
	line-height: 38px;
	font-weight: 400;
	font-family: var(--font-title);
	color: #3E342A;
	text-transform: capitalize;
}

.listOf_artwork_tabs ul {
	justify-content: center;
}

.listOf_artwork_tabs a.nav-link {
	font-weight: 500;
	font-size: 15px;
	line-height: 26px;
	color: #3E342A;
	text-transform: capitalize;
	border-bottom: 1px solid #3E342A1F;
	border-radius: 0px;
}

.listOf_artwork_tabs .nav-pills .nav-link.active,
.listOf_artwork_tabs .nav-pills .show>.nav-link {
	color: #875D2A;
	background-color: unset;
	font-weight: 700;
	border-color: #875D2A;
}

.listOf_artwork_tabs .nav-link:hover {
	color: #3E342AB8;
}

.tabPane_inner_box {
	margin: 43px 0px 18px;
}

.tabPane_inner_box .row {
	align-items: center;
}

.tabPane_inner_box .vincent_color {
    font-size: 12px;
    margin-bottom: 6px;
    margin-top: 43px;
}
.view_all_art {
	margin-top: 34px;
}

.view_all_art a {
	font-size: 14px;
	font-weight: 500;
	color: #875D2A;
	text-transform: uppercase;
	text-decoration-line: none;
	transition: color 0.25s ease;
}

.artOf_paneBox p {
	font-size: 14px;
	font-weight: 500;
	line-height: 26px;
	color: #3E342A;
}
.artOf_paneBox p a{
	color: #3E342A;
}


.aeraof_img1 {
	width: 85%;
	margin: 0px auto 0px;
}

.aeraof_img2 {
	width: 85%;
	margin: 0px auto 0px;
}

.aeraof_img3 {
	width: 85%;
	margin: 0px auto 0px;
}



.aeraof_img1 img {
    box-shadow: rgba(0, 0, 0, 0.15) -9px 11px 14px;
	width: 100%;
}

.aeraof_img2 img {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 11px 14px;
	width: 100%;
}

.aeraof_img3 img {
    box-shadow: rgba(0, 0, 0, 0.15) 9px 11px 14px;
	width: 100%;
}


 



.henri_img_section img {
	width: 100%;
	height: 650px;
}

.artOf_paneBox .vincent_color {
    margin-top: 43px;
}

/* Article detail — left sidebar column: no Bootstrap gutter (page pad only) */
.article_main_page .acadamic_inner_box > .row > .tableContent[class*="col-"] {
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}

/* Article detail — related artworks sidebar (override artOf_paneBox rhythm) */
.article_main_page .tableContent .related_artwork_box .related_artwork_img_box {
	margin-bottom: 0;
	line-height: 0;
}
.article_main_page .tableContent .related_artwork_box .related_artwork_img_box img {
	display: block;
}
.article_main_page .tableContent .related_artwork_box .vincent_color {
	margin-top: 8px;
	margin-bottom: 2px;
}
.article_main_page .tableContent .related_artwork_box p {
	line-height: normal;
	margin-bottom: 12px;
}

/* Left sidebar: space before related / exhibited block below TOC & quick facts */
.article_main_page .tableContent + .related_articles {
	margin-top: 20px;
}

/* Artist landing hero: background image + consultation swiper overlay */
.artist_by_section {
	background: url(../images/Vinci.jpg);
	height: 500px;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	padding: 0px;
}

.artist_by_section .consultation_content h1 {
	font-size: 68px;
	line-height: 74px;
	text-transform: capitalize;
}

.artist_by_section .swiper-caption2::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 265%;
	height: 165%;
	transform: translate(-50%, -50%);
	opacity: 1;
	z-index: -1;
}

/* Label for each painting tile in list_paint grids on artist pages */
.painting_text {
    color: #3E342A;
    font-family: var(--font-body);
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 26px;
    letter-spacing: 0%;
}
.list_paint .painting_box img {
	border: 0px solid transparent;
	padding: 0px;
	border-image: unset;
}

/* Artist page: customer reference photo manager (upload / select thumbnails) */
.manage_imags_section {
	padding: 80px 160px 1px;
	background: #E8E2CD;
	margin-bottom: 28px;
}

.img_heading {
	display: flex;
	justify-content: space-between;
}

.img_left_head {
	width: 54%;
}

.img_right_head {
	width: 46%;
}

.img_heading h4 {
	font-family: var(--font-title);
	font-size: 34px;
	font-weight: 400;
	color: #3E342A;
	text-transform: capitalize;
}

.img_heading p {
	font-size: 13px;
	font-weight: 400;
	color: #3E342A;
	margin-bottom: 11px;
}

.img_heading a {
	text-transform: uppercase;
	color: #875D2A;
	font-size: 14px;
	font-weight: 500;
}

.img_heading img {
	margin-left: 6px;
}

.imgs_mng_vin {
	display: flex;
	padding: 50px 0px 0px;
	gap: 60px;
	border-bottom: 1px solid #DCD3BF;
}

.vib_box {
	width: 20%;
}

.vib_box img {
    width: 100%;
    height: 245px;
    object-fit: cover;
}

.vib_box p {
	text-align: center;
	padding: 25px 0px;
	color: #3E342A;
	font-size: 14px;
	font-weight: 500;
	text-transform: capitalize;
	margin-bottom: 14px;
}
.vib_box p a {
	color: #3E342A;
}

.manage_img_box {
	margin-bottom: 50px;
}

.remove_border {
	margin-bottom: 20px;
}

.remove_border .imgs_mng_vin {
	border-bottom: 0px;
}

.artistPage_Slider_section {
	background: #E8E2CD;
	padding: 18px 120px;
	text-align: center;
}

.artistPage_Slider_section .swiper-slide {
	background: unset;
}

/* Artist detail — artwork carousels (height set per brand in site-*.css; ADC uses −20%) */
.article_main_page .artistPage_Slider_section .swiper-wrapper,
.article_main_page .artistPage_Slider_section .swiper-slide {
	height: 450px;
	box-sizing: border-box;
}


.parent_slid_box h4 {
	margin-bottom: 65px;
	font-size: 46px;
	line-height: 33px;
	font-weight: 400;
	font-family: var(--font-title);
	color: #3E342A;
	text-transform: capitalize;
}

/* Artist / article detail sliders — tighter gap under section titles */
.article_main_page .artistPage_Slider_section .parent_slid_box h4 {
	margin-bottom: 0px;
	font-size: clamp(1.25rem, 2vw, 1.75rem);
	line-height: 1.25;
	text-transform: none;
}

.swp_btn {
	width: 49px;
	height: 49px;
}

.swp_btn img {
	width: 100%;
}

.swiper-button-next.swp_btn.swiper-button-disabled,
.swiper-button-prev.swp_btn.swiper-button-disabled {
	opacity: 0;
}


.swiper-button-prev.swp_btn {
    transform: rotate(180deg);
}

.artist_slid_box .vincent_color {
	margin-top: 35px;
	margin-bottom: 4px;
}

.artist_slider {
	position: relative;
}

.artist_slider .swiper-button-next,
.artist_slider .swiper-button-prev {
	top: var(--swiper-navigation-top-offset, 44%);
}

.artist_slider .swiper-button-next,
.swiper-rtl .artist_slider .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, -11px);
}

.artist_slider .swiper-button-prev,
.swiper-rtl .artist_slider .swiper-button-next {
	left: var(--swiper-navigation-sides-offset, -11px);
	right: auto;
}

.artist_slid_box .painting_text {
	line-height: 17px;
}
.artist_slid_box .painting_text a{
    color: #3E342A;
}
.parent_slid_box {
	border-bottom: 1px solid #DCD3BF;
	padding: 50px 0px;
}

.artistPage_Slider_section .parent_slid_box:last-child {
	border-bottom: 0px;
}

.appraisel_main_section {
    padding: 20px 160px 52px;
    background: #E8E2CD;
}

.apprisel_table_section {
    margin-top: 38px;
}

.apprisel_table_section .form_heading {
    text-align: left;
}

.table_box {
    margin-top: 40px;
}

tbody, td, tfoot, th, thead, tr {
    border-color: #CCC2AE;
    border-style: solid;
    border-width: 0;
}

.table>:not(caption)>*>* {
    padding: 12px 15px;
    background-color: #F7F2E1;
}

table th {
    color: #875D2A;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
}

table td {
    text-align: center;
    vertical-align: middle;
}

table td h4 {
    font-size: 16px;
    font-weight: 600;
    color: #3E342A;
    margin-bottom: 4px;
}

table td p {
    font-size: 14px;
    font-weight: 400;
    color: #3E342A;
    margin-bottom: 0px;
}

table .custome_check {
    justify-content: center;
}

table th:first-child {
    text-align: left;
    /*min-width: 555px;
    width: 555px;*/
}

table td:first-child {
    text-align: left;
}

.interaction-card table th:first-child, 
.interaction-card table th {
    text-align: left;
    min-width: 150px;
    width: 25%;
}

.usd_heading {
    font-size: 14px;
    font-weight: 600;
    color: #3E342A;
}

.table_price_color {
    font-size: 13px;
    font-weight: 600;
    color: #A83320;
} 

table td b {
    color: #3E342A;
    font-size: 18px;
    font-weight: 600;
}

.valuation_request {
    width: 52%;
    margin: 54px auto 83px;
}

.valuation_request h4 {
    text-align: center;
    font-size: 38px;
    color: #3E342A;
    font-family: var(--font-title);
    line-height: 33px;
    font-weight: 400;
    margin-top: 6px;
    margin-bottom: 44px;
}

.valuation_form_box {
    width: 96%;
    margin: 30px auto 16px;
}

.valuation_form_box .dropdown-header {
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 13px;
}

.valuation_form_box .custom-dropdown .dropdown-header {
    height: 50px;
    line-height: 27px;
}
.valuation_form_boxs {
max-width:400px;
margin:0 auto;
}
.valuation_form_box .btn-next {
width:100%;
}
.fome_sec {
    margin-bottom: 20px;
}

.input_box {
    margin-bottom: 8px;
}

.input_box input {
    background: #F7F2E1;
    border: unset;
    border-radius: unset;
    width: 100%;
    color: #3E342A;
    font-size: 14px;
    font-weight: 500;
    height: clamp(46px , 2.917vw , 56px);
    text-transform: uppercase;
    padding: 12px 14px;
    outline: unset;
}

.pr_input {
    padding-right: 4px;
}

.pl_input {
    padding-left: 4px;
}

.form-control:focus {
    color: #3E342A;
    background-color: #f7f2e2;
    box-shadow: unset;
}

.valuation_form_box label {
    font-size: 16px;
    font-weight: 500;
    color: #3E342A;
    margin-bottom: 11px;
    margin-top: 5px;
    margin-left: 10px;
}

.input_box textarea {
    background: #F7F2E1;
    border: unset;
    border-radius: unset;
    color: #3E342A;
    font-size: 13px;
    font-weight: 500;
    height: 120px;
    text-transform: uppercase;
    padding: 12px 14px;
    outline: unset;
    resize: none;
}

.valuation_form_box p {
    font-size: 14px;
    font-weight: 400;
    color: #3E342A;
    margin-bottom: 14px;
}

.valuation_form_box .upload_image_box {
    text-align: center;
    width: 100%;
    height: 168px;
    background: #F7F2E1;
    border: 1px dashed #3E342A80;
    padding: 14px;
}

.upload_image_box h3 {
    font-size: 16px;
    font-weight: 600;
    color: #3E342A;
    margin-top: 18px;
}

.upload_image_box p {
    margin-bottom: 8px;
    font-size: 14px;
}

.upload_image_box .imageInput {
    width: 18%;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}

.input_box .file_upload_input_new input {
    height: 100%;
}

.valuation_request .add_tocart_btn {
    padding: 0;
    margin-top: 38px;
}

.valuation_request .add_tocart_btn button {
    font-size: 14px;
    height: 47px;
}

.input_box .image_upld_flex {
    margin: 0px;
}

.input_label_text {
    background: #F7F2E1;
    border: unset;
    border-radius: unset;
    color: #3E342A;
    font-size: 13px;
    font-weight: 400;
    height: 50px;
    text-transform: uppercase;
    padding: 6px 14px;
    outline: unset;
}

.input_label_text input {
    padding: 0px;
    border: 0;
    background: transparent;
    text-transform: uppercase;
    font-size: 13px;
    color: #3E342A;
    opacity: 0.6;
    font-weight: 500;
}

/* ============================================================================
   ART APPRAISAL — shared structure extracted from template inline styles.
   Scoped to body.art-appraisal-page. Colours use var(--appraisal-*, <ADC fallback>)
   so the default look is unchanged; each site-<brand>-V1.9.css overrides the
   tokens (and/or the scoped rules) to match its UI Kit. Do NOT hardcode brand
   colours here — only neutral/ADC fallbacks.
   ============================================================================ */
.art-appraisal-page .appraisel_main_section {
    display: flex;
    justify-content: center;
}

/* Was inline: box-shadow: -15px 15px 0px #2e2823 on each step image */
.art-appraisal-page .step .step-image {
    box-shadow: -15px 15px 0px var(--appraisal-step-shadow, #2E2823);
}

/* Was inline: <span style="color:red">*</span> required markers */
.art-appraisal-page .required-asterisk {
    color: var(--appraisal-required, #D00);
}

/* Small italic help/hint text under form labels + the upload file-type hint.
   Was a hardcoded warm brown (#3E342A in global-style/global-custom) that
   leaked into every brand; tokenised here with the ADC-warm fallback so WA/ADC
   keep their look and each site-<brand>-V1.9.css overrides --appraisal-help-text. */
.art-appraisal-page .valuation_form_box p,
.art-appraisal-page .img_extention {
    color: var(--appraisal-help-text, #3E342A);
}

/* Step form panels. Was a hardcoded beige (#E8E2CD bg / #DCD3BF border in the
   shared .form_produc rule) that no brand overrode — the dominant residual
   beige on this page. Tokenised with the ADC-warm fallback (WA/ADC keep it);
   each non-warm brand sets --appraisal-panel-* to its own surface. */
.art-appraisal-page .form_produc {
    background: var(--appraisal-panel-bg, #E8E2CD);
    border-color: var(--appraisal-panel-border, #DCD3BF);
}

/* Plan selector — moved from the template <style> block, scoped + tokenised */
.art-appraisal-page .custom-dropdown {
    position: relative;
}
.art-appraisal-page .custom-dropdown .dropdown-header {
    cursor: pointer;
    padding: 10px;
    border: 1px solid var(--appraisal-input-border, #ddd);
    border-radius: 4px;
    background: var(--appraisal-surface, #fff);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.art-appraisal-page .custom-dropdown .dropdown-list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--appraisal-surface, #fff);
    border: 1px solid var(--appraisal-input-border, #ddd);
    border-top: none;
    border-radius: 0 0 4px 4px;
    z-index: 1000;
    display: none;
    max-height: 200px;
    overflow-y: auto;
}
.art-appraisal-page .custom-dropdown .dropdown-list li {
    padding: 10px;
    cursor: pointer;
    list-style: none;
    border-bottom: 1px solid var(--appraisal-input-divider, #eee);
    transition: background-color 0.2s;
}
.art-appraisal-page .custom-dropdown .dropdown-list li:hover {
    background-color: var(--appraisal-hover, #f5f5f5);
}
.art-appraisal-page .custom-dropdown .dropdown-list li.selected {
    background-color: var(--appraisal-selected, #e3f2fd);
    font-weight: bold;
}
.art-appraisal-page .custom-dropdown .dropdown-list li:last-child {
    border-bottom: none;
}
.art-appraisal-page .custom-dropdown .arrow-icon {
    transition: transform 0.2s;
}
.art-appraisal-page .custom-dropdown .arrow-icon.active {
    transform: rotate(180deg);
}

/* Artwork PDP: outer section padding around image + purchase column */
.art_info_section {
    padding: 0px 160px 20px;
}
/* Two-column shell: hero image + right-hand purchase/spec card on artwork PDP */
.art_info_box {
    margin-top: 34px;
    margin-bottom: 100px;
}

/* Artwork info (/art/info/): purchase/share links below image, outside .art_info_details box */
.art_info_box .artwork-info-actions-bar {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 20px auto 30px;
    padding: 0 15px;
    box-sizing: border-box;
}
.art_info_box .artwork-info-actions-bar .fav-icon-artwork {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
    justify-content: center;
    max-width: 100%;
}


.art_info_img img {
	box-shadow: #00000040 2px 2px 10px 5px;
	max-height: 75vh;
    max-width: 80vw;
    height: auto;
    width: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto; /* optional: center horizontally */
}
/* Right column on artwork PDP: price, options, tabs, add-to-cart */
.art_info_details {
    background: #E8E2CD;
    padding: 40px 30px 15px;
    border: 1px solid #DCD3BF;
    box-shadow: #7D746E3D 4px 8px 20px 0px;
    min-width: 0;
    box-sizing: border-box;
    overflow-wrap: anywhere;
}
.art_info_box > .row > [class*="col-"] {
    min-width: 0;
}
.art_info_box .details_reproducton {
    width: 100%;
    row-gap: 10px;
    column-gap: 20px;
}
.art_info_box .details_reproducton li,
.art_info_box .details_reproducton li a {
    line-height: normal;
    margin: 0;
}
/* About-this-artwork infobox — same frame as .art_info_details; follows other sections */
.historicle_box.artwork-info-infobox {
    margin-top: 1rem;
    background: #E8E2CD;
    padding: 15px 30px 15px;
    border: 1px solid #DCD3BF;
    box-shadow: #7D746E3D 4px 8px 20px 0px;
    box-sizing: border-box;
    position: relative;
}
.artinfo_top h4,
.historicle_box.artwork-info-infobox .art-info-page-title {
    color: #3E342A;
    font-size: 32px;
    font-weight: 400;
    line-height: 34px;
    font-family: var(--font-title);
    margin-top: 0;
    margin-bottom: 18px;
}
.historicle_box.artwork-info-infobox {
    text-align: left;
}
.historicle_box.artwork-info-infobox ul li {
    line-height: 1.5em;
    margin-bottom: 0.25em;
}
.historicle_box.artwork-info-infobox .artwork-infobox-label {
    font-weight: 400;
}
.historicle_box.artwork-info-infobox .artwork-info-infobox-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(120px, 200px);
    gap: 24px 32px;
    align-items: start;
}
.historicle_box.artwork-info-infobox .artwork-info-infobox-col {
    min-width: 0;
    background: transparent;
}
.historicle_box.artwork-info-infobox .artwork-info-infobox-quick-facts ul,
.historicle_box.artwork-info-infobox .artwork-info-infobox-about ul {
    padding-left: 26px;
    margin: 0;
}
.historicle_box.artwork-info-infobox .artwork-info-infobox-quick-facts ul li {
    font-size: inherit;
    line-height: 1.5em;
}
/* Quick Facts column must read exactly like the About column — cancel the legacy
   .box_facts typography (13px / hard-coded brown) inside the infobox; both columns
   share the label-span + <b>value markup. */
.historicle_box.artwork-info-infobox .box_facts ul li {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: 1.5em;
    margin-bottom: 0.25em;
}
/* (0,2,3) — outranks the legacy .box_facts ul li b (0,1,3) for the QF column while
   still letting brand rules like WK's serif li b (0,3,2) win in BOTH columns. */
.historicle_box.artwork-info-infobox ul li b {
    font-weight: 600;
}
.historicle_box.artwork-info-infobox ul li b a,
.historicle_box.artwork-info-infobox .box_facts ul li a {
    color: inherit;
    font-weight: inherit;
    text-decoration: underline;
}
/* Quick-facts labels come from lowercase JSON keys — sentence-case them to match
   the About column labels ("Medium:" like "Original dimensions:"). */
.historicle_box.artwork-info-infobox .box_facts .artwork-infobox-label {
    display: inline-block;
}
.historicle_box.artwork-info-infobox .box_facts .artwork-infobox-label::first-letter {
    text-transform: uppercase;
}
.historicle_box.artwork-info-infobox .artwork-info-infobox-qf-sublist {
    margin: 4px 0 0;
    padding-left: 18px;
}
.historicle_box.artwork-info-infobox .artwork-info-infobox-qr-col {
    text-align: center;
}
.historicle_box.artwork-info-infobox .artwork-info-infobox-qr {
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
}
.historicle_box.artwork-info-infobox .artwork-info-infobox-qr img {
    width: 100%;
    height: auto;
    display: block;
}
@media (max-width: 991.98px) {
    .historicle_box.artwork-info-infobox .artwork-info-infobox-layout {
        grid-template-columns: 1fr 1fr;
    }
    .historicle_box.artwork-info-infobox .artwork-info-infobox-about {
        grid-column: 1 / -1;
    }
}
@media (max-width: 767.98px) {
    .historicle_box.artwork-info-infobox .artwork-info-infobox-layout {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .historicle_box.artwork-info-infobox .artwork-info-infobox-about {
        grid-column: auto;
    }
    .historicle_box.artwork-info-infobox .artwork-info-infobox-qr {
        max-width: 160px;
    }
}

/* Artwork info (/art/info/) — transition only. Hover COLOR → site-specific CSS files. */
.art_info_box .artwork-info-infobox a,
.art_info_box .historicle_box a,
.art_info_box .artinfo_top h4 a,
.art_info_box .art_info_inner h4 a,
.art_info_box .details_reproducton a,
.art_info_box .fav-icon-artwork a {
    transition: color 0.25s ease;
}

/* artwork_info: description text inside .historicle_box (scoped to info page) */
.art_info_section .historicle_box {
    font-size: 14px;
    font-family: var(--font-body);
    color: #3E342A;
    text-align: justify;
    margin: 0;
    padding: 0;
}
.art_info_section .historicle_box a { color: inherit; }
.art_info_section .historicle_box ul { padding-left: 26px; }
.art_info_section .historicle_box ul li { list-style-type: disc; line-height: normal; }
.art_info_section .historicle_box ul li b { font-weight: 600; }
.art_info_section .historicle_box h1,
.art_info_section .historicle_box h2,
.art_info_section .historicle_box h3 {
    clear: right;
    font-size: 16px;
    font-family: var(--font-body);
    font-weight: 600;
    color: #3E342A;
    margin-top: 10px;
    margin-bottom: 0;
}
.art_info_section .historicle_box p { margin: 0; line-height: 1.5em; }

/* Metadata list / famous-reference link color — overridden per-site */
.artwork-info-meta-link { color: #6E665C; transition: color 0.25s ease; }
.artwork-info-meta-link:hover { color: #3E342A; }

.artinfo_top p {
    font-size: 14px;
    color: #3E342A;
    font-weight: 400;
    margin-top: 18px;
}
.artinfo_top ul li {
    font-size: 14px;
    font-weight: 400;
}
.artinfo_top ul li b {
    font-weight: 600;
}
.art_info_inner {
    background: #F7F2E1;
    padding: 20px 23px;
    margin-bottom: 20px;
    font-family: var(--font-title);
}
.art_info_inner p {
    font-size: 14px;
    color: #3E342A;
    font-weight: 400;
    margin-bottom: 0px;
}
.art_info_details ul {
    margin-bottom: 23px;
}
.art_info_inner h4 {
    color: #B23333;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
}
.art_info_details.landscape_det {
    display: flex;
    gap: 30px;
    margin-top: 60px;
}
/* About-this-artwork: full width below title/description (not a flex column on the right) */
.art_info_box > .row > .col-md-12 .artwork-info-infobox {
    width: 100%;
    max-width: 100%;
}
.landscape_img {
    margin: auto; 
}
.alphabet_box {
    display: flex;
    margin: 29px auto 40px;
    width: 79%;
    justify-content: center;
}
.alpha_letter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 41px;
    height: 41px;
    line-height: 1;
    border: 1px solid #CCC2AE;
    text-align: center;
    font-size: 27px;
    font-weight: 400;
    color: #3E342A;
    font-family: var(--font-title);
    border-right: 0px;
    cursor: pointer;
    text-transform: uppercase;
}
.alpha_letter a {
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: 1;
    text-transform: uppercase;
}
.alpha_letter:last-child {
    border-right: 1px solid #CCC2AE;
}
.alpha_letter:hover {
    background: #CCC2AE;
}
.alphabet_indv {
    margin-bottom: 24px;
}
.alphabet_indv h4 {
    font-family: var(--font-title);
    font-size: 38px;
    font-weight: 600;
    line-height: 50px;
    color: #3E342A;
    margin-bottom: 16px;
}
.profile_box {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 20px;
}
.profile_img img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}
.profile_name a{
    font-size: 14px;
    font-weight: 400;
    color: #3E342A;
}
.profile_year {
    font-size: 12px;
    font-weight: 400;
    color: #3E342A;
}
.view_more_alpha {
    margin-top: 12px;
    text-align: right;
}
.view_more_alpha a {
    display: inline-flex;
    align-items: center;
    gap: 0.35em;
    color: #875D2A;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
}
.view_more_alpha a:hover,
.view_more_alpha a:focus {
    text-decoration: none;
}
.purchase-card-head .overflow-x-auto {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.valuation_form_box #id_email {
    padding: 15px 10px 15px;
}
.valuation_form_box p a {
	color: #875D2A;

}
h4.ind-alpha {
    margin-top: 20px;
    font-size: 34px;
}
.e_card_form .form-control {
    width: 100%;
    margin-top: 11px;
    background: #F7F2E1;
    border: unset;
    padding: 0px 11px 8px;
    color: #3E342A;
    font-size: 16px;
    font-weight: 400;
    border-radius: 0px;
}
.e_card_form {
    background: #E8E2CD;
    border: 1px solid #DCD3BF;
    padding: 50px 30px;
    margin: 48px;
}
.e_card_form form {
    max-width: 600px;
    margin: auto;
}
.e_card_form .add_tocart_btn {
    padding: 0px;
    margin-top: 42px;
}
.e_card_form .form-floating>.form-control-plaintext~label, .e_card_form .form-floating>.form-control:focus~label, .e_card_form .form-floating>.form-control:not(:placeholder-shown)~label, .e_card_form .form-floating>.form-select~label {
    color: #7b7b7b;
    opacity: 0.6;
}
.e_card_section .e_card_form {
    background: #E8E2CD;
    border: 1px solid #DCD3BF;
    padding: 50px 30px;
    margin: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.floating_left img {
    width: 60px;
    height: 56px;
    object-fit: cover;
    object-position: top;
}
.e_card_form .form_heading {
font-size:40px;
padding-bottom:16px;
}
.e_card_form .form_content {
font-size:18px;
}
.form-top_heading {
    width: 100%;
    background: #F7F2E1;
    height: 56px;
    display: flex;
    gap: 11px;
    align-items: center;
    margin-top: 29px;
}
.floating_right_heading h5 {
    color: #3E342A;
    text-transform: uppercase;
    font-size: 13px;
    opacity: 0.6;
    margin-bottom: 3px;
}
.floating_right_heading p {
    color: #3E342A;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0px;
}
#picture__input {
  display: none;
}
/* Search / browse: filter sidebar panel next to results */
.search_sec .sidebar_box {
padding:20px;
}
/* Artwork cards in catalog grids (search, similar works): image + body column widths */
.custom_search .search_card .search_img, .custom_search .search_card .searchCard_body {
    width: 100%;
    height: auto;
}
/* File-drop / preview surface for custom upload fields (reproduction, profile) */
.picture {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3E342A;
    width: 100%;
    cursor: pointer;
    font-family: sans-serif;
    transition: color 300ms ease-in-out, background 300ms ease-in-out;
    outline: none;
    overflow: hidden;
    height: 400px;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
}

.picture__img {
    max-width: 85%;
    height: 330px;
}
.e-card_img_upload_section {
    background: #F7F2E1;
    border: 1px solid #DCD3BF;
}
/* Ecard preview panel: center the heading + preview table (was an inline style on the wrapper) */
.ecard-preview-panel {
    text-align: center;
}
.e-card_img_upload_section h5 {
    font-size: 28px;
    color: #3E342A;
    font-family: var(--font-title);
    line-height: 29px;
    font-weight: 400;
    padding: 24px;
    text-align: left;
    border-bottom: 1px solid #DCD3BF;
    margin-bottom: 0px;
}
span.picture__image {
    text-align: center;
    width: 90%;
}
.float_drop_down label {
    color: #3E342A;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    padding: 9px 11px 0px;
    position: relative;
    top: 7px;
}
.cus_float_heading {
    font-size: 14px;
    color: #3E342A;
    font-weight: 500;
    text-transform: capitalize;
    display: block;
}
.cus_float_content {
    font-size: 13px;
    color: #3E342A;
    opacity: 0.8;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
}
.float_drop_down .custom-dropdown .dropdown-list li {
    border-bottom: 1px solid #CCC2AE;
}
.float_drop_down .custom-dropdown .dropdown-list {
    border-top: 1px solid #CCC2AE;
}
.float_drop_down .custom-dropdown {
    border: unset;
    border-radius: 0;
    height: 56px;
}
.custom-dropdown2 {
    width: 100%;
    border: 0px;
    border-radius: 0px;
    background: #f5f1df;
    font-family: sans-serif;
    position: relative;
    height: 56px;
}

.custom-dropdown2 .dropdown-header2 {
	display: flex;
	justify-content: space-between;
	padding: 0px 11px;
	cursor: pointer;
	background: #f5f1df;
	font-weight: bold;
	background: #F7F2E1;
	border: none;
	border-radius: 0px;
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 14px;
	lline-height: 21px;
	text-transform: uppercase;
	color: #3E342A;
	box-shadow: none;
	height: auto;
}
.custom-dropdown2 .arrow-icon img {
	transition: transform 0.3s ease;
}

.custom-dropdown2 .dropdown-list2 {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	border-top: 1px solid #ddd;
	position: absolute;
	z-index: 9;
	background: #f6f2e1;
	width: 100%;
}

.custom-dropdown2 .dropdown-list2 li {
	padding: 9px 11px;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	color: #3E342A;
}

.custom-dropdown2 .dropdown-list2 li:hover {
	background: #F3ECD5;
}

.custom-dropdown2.open span.arrow-icon {
	transform: rotate(180deg);
}
.float_drop_down .arrow-icon{
    position: relative;
    top: -15px;
}
.float_drop_down span {
    max-width: 100%;
    text-transform: capitalize;
}
/* Arrow rotate when open */
.custom-dropdown2 .custom-dropdown2.open .arrow-icon img {
	transform: rotate(180deg);
}

.reproduc_tabs .custom-dropdown .dropdown-header {
    height: auto;
    line-height: 10px;
}

.reproduc_tabs .custom-dropdown label {
    color: #3E342A;
    opacity: 0.6;
    text-transform: uppercase;
    font-size: 12px;
    padding: 9px 11px 5px;
}
.reproduc_tabs .arrow-icon{
    position: relative;
    top: -15px;
}

.reproduc_tabs .custom-dropdown {
    border: unset;
    border-radius: 0px;
}
.e-card-img {
    text-align: center;
}
.preview_img {
    width: 75%;
    margin: 29px auto;
    position: relative;
}
.preview_img p {
    position: absolute;
    top: 52%;
    left: 52%;
    transform: translate(-50%, -50%);
    color: #FFF6DC;
    font-size: 21px;
    font-family: var(--font-title-accent);
    width: 76%;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 0px;
}
.preview_img img {
    width: 100%;
    height: 405px;
}
.previe_padding {
    padding: 12px 14px;
    margin-top: 11px;
}
.previe_padding p {
    text-transform: capitalize;
}
.cart_summary_box .buy_partner_shipping {
    border-top: 0px;
    margin-top: 34px;
    padding-top: 0px;
}
.cart_summary_box .why_choose_info h5 {
    font-size: 16px;
    line-height: 16px;
color:#3E342A;
    font-weight: 600;
}
.cart_summary_box .why_choose_box_inner {
    gap: 16px;
    margin-bottom: 6px;
}
.cart_summary_box .why_choose_info p {
    font-size: 16px;
}
.cart_summary_box .why_choose_icon img {
    width: 35px;
    height: 35px;
}
/* Cart heading (“My cart”) */
.my_cart {
    font-family: var(--font-title);
    font-size: 40px;
    font-weight: 400;
    color: #3E342A;
    line-height: 31px;
}
/* Shopping cart page: line items + summary layout region */
.cart_section {
padding-bottom:150px;
    margin-top: 33px;
}
.table_in_dec .in_dec_box {
    width: 40px;
    height: 40px;
    font-size: 26px;
    line-height: 36px;
}
.table_in_dec .value {
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.item_count {
    color: #3E342A;
    font-size: 14px;
    opacity: 0.6;
    font-weight: 400;
    line-height: 24px;
}
.cart_item_box {
    margin-top: 33px;
}

.cart_item_box .summery_checkout {
    margin-top: 0px;
    border: 0px;
    padding: 0px 24px;
}
.cart_item_box .summary_detail_box {
    padding: 14px 0px 0px;
}
.cart_item_box .sum_chek_text {
    padding: 24px 0px;
}
.cart_item_box .total_price_box {
    padding: 24px 0px;
}
.cart_item_box  .add_tocart_btn {
    padding: 0px 0px 14px;
}
.cart_table_box table th {
    color: #3E342A;
font-family: var(--font-body);
font-weight: 400;
font-style: Regular;
font-size: 18px;
leading-trim: NONE;
line-height: 28px;
letter-spacing: 0%;
text-transform: uppercase;
    text-align: left;
    border-top: 1px solid var(--cart-table-border, #CCC2AE);
    min-width: 125px;
}
.cart_table_box .table>:not(caption)>*>* {
    padding: 20px 0px;
    background-color: unset;
}
.p_cart_table_box .table>:not(caption)>*>* {
    padding: 20px;
    background-color: unset;
border-top: 1px solid var(--cart-table-border, #CCC2AE);
}
.cart_table_box table th:first-child {
    min-width: 32px;
    width: 32px;
}
.cart_table_box table td:first-child {
    width: 32px;
    max-width: 32px;
    min-width: 32px;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
}
.cart_table_box .table_in_dec .in_dec_box { 
		width: 25px;
		height: 25px;
		line-height: 22px;
		font-size: 20px;
}
.p_cart_table_box table th:first-child {
    min-width: 155px;
    width: 56%;
}
.cart_table_box table th:last-child {
    text-align: right;
}
.p_cart_table_box table th:last-child {
 width:16%;
}
.cart_table_box table {
    width: 100%;
}
.cart_table_box .usd_text {
    font-size: 18px;
}
.usd_text {
    color: #3E342A;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}
.cart_table_box table td {
    border-bottom: 0px;
    padding: 38px 16px;
}
.item_data 
.item_data_img {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
}
.item_data_img img {
    height: 120px;
}
.item_data_detail .painting_text a {
    color: #3E342A;
}
.item_data_detail ul {
    margin-top: 3px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 4px;
    padding-right: 21px;
    margin-bottom: 0px;
}
.item_data_detail .vincent_color {
    margin-bottom: 0px;
}
.cart_table_box table td {
    vertical-align: top;
}

.item_data_detail ul li {
    list-style-type: none;
    list-style-position: inside;
    color: #3E342A;
    margin-right: 13px;
    font-family: var(--font-body);
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 20px;
    letter-spacing: 0%;
    opacity: 0.6;
}

.item_data_detail li span {
    opacity: 1;
    color: #3E342A;
    margin-right: 4px;
}

.item_data_detail li::marker {
    color: #9a9389;
}
.cart_summary_box .detail_img {
    width: 68px;
    height: 48px;
}
.promo_code_box {
    margin: 10px 0px 20px;
    background: #E8E2CD;
    padding: 30px;
    border: 1px solid #DCD3BF;
}
.promo_code_box h6 {
    color: #3E342A;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 14px;
}
.input_btn_box {
    display: flex;
    gap: 11px;
}
.input_btn_box input {
    background: #F7F2E1;
    border: unset;
    padding: 6px 14px;
    width: 70%;
}
button.apply_btn {
    background: #3E342A;
    border: unset;
    padding: 6px 14px;
    width: 30%;
    color: #EDE9DE;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
}






/* custome my css */


.background_color_bg{
    background: #EDE9DE;
    font-family: var(--font-body);
    color: #333;
    font-size: 14px;
    overflow-x: hidden;
}

.section-title span {
    width: 32px;
    height: 32px;
    background-color: #E8E2CD;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
}

.section-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

.section_all_card {
    border: 1px solid #DCD3BF;
    padding: 30px;
}

.card-custom {
    margin-bottom: 20px;
    padding: 18px;
    cursor: pointer;
}

.result_show h2 {
    font-size: 24px;
    font-weight: 500;
}
.consultation_content {
    height: 92.5%;
    display: flex
;
    width: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.result_show {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main-content-col {
min-height: 724px; 
}
.select_short_by select {
    border: none;
    background: none;
    font-size: 16px;
    line-height: 24px;
    outline: none;
    padding: 0 5px;
}

.select_short_by label {
    font-size: 16px;
    line-height: 24px;
}

.card-custom img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.Artworks_ection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.card-custom h6 {
    font-size: 13px;
    font-weight: 500;
    color: #B23333;
    margin-bottom: 0px;
}

.card-custom p {
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 24px;
}

.card-custom p span {
    display: block;
    font-size: 15px;
    margin-top: 7px;
    display: none;
}

.card-custom:hover p span {
    display: block;
}

.card-custom:hover {
    background: #E8E2CD;
    transition: all 0.5s;
}

.meta {
    font-size: 12px;
    color: #777;
}

.see-all {
    display: block;
    text-align: center;
    padding: 11px;
    border: 1px solid #875D2A;
    font-size: 16px;
    text-transform: uppercase;
    color: #875D2A;
    text-decoration: none
}

.artist-card {
    border: 1px solid #d7b7a6;
    background-color: #f5f1e6;
    padding: 45px;
    border-radius: 5px;
    margin: 15px auto;
}
.artist-card .Artworks_ection {
    margin-top: 40px;
    align-items: center;
}
.artist-card .Artworks_ection h6{
    font-size: 14px;
    color: #B23333;
    margin-bottom: 0;
}
.artist-card .Artworks_ection .meta{
    font-size: 15px;
}
.articals-caed_ef{
    font-size: 16px;
    text-align: left;
    margin-top: 10px;
}

.artist-card img {
    width: 100%;
    height: auto;
}


.artist-location {
    font-size: 20px;
    color: #333;
    font-weight: 600;
    text-align: left;
    margin: 3px 0;
}

.artist-years {
    font-size: 13px;
    color: #666;
}

.artist-desc {
    font-size: 16px;
    color: #938b7c;
    margin: 35px 0;
    font-weight: 500;
    font-style: italic;
    line-height: 24px;
    text-align: left;
}
.second_artist_card{
    background-color: #e8e2cd;
}
/* 1. Original input checkbox ko chupa dein aur click target rakhen */
.e_card_section input#profile_photo-clear_id {
    position: absolute;
    opacity: 0;
    width: 24px;  /* Size wahi rakhen taaki click target rahe */
    height: 24px;
    z-index: 1; 
    cursor: pointer;
    /* Important: Right side mein jo CSS diya gaya hai (height/width: 24px), usko bhi ismein shamil kar sakte hain */
    height: 24px;
    width: 24px;
}

/* 2. Label ko custom box shape dein ::before ke zariye */
/* Hum adjacent label ko target kar rahe hain */
.e_card_section input#profile_photo-clear_id + label {
    display: block; 
    position: relative;
    /* 'Clear' text ko chupa kar sirf box size dein */
    font-size: 0; 
    width: 24px; 
    height: 24px;
    line-height: 24px; /* Agar text bhi dikhana ho to */
}

/* Label ke liye box banaen */
.e_card_section input#profile_photo-clear_id + label::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    
    /* Box ka background color (Aapki image jaisa dark brownish grey) */
    background-color: #4B4643; 
}

/* 3. Jab input checked ho, tab tick mark show karen ::after se */
.e_card_section input#profile_photo-clear_id:checked + label::after {
    content: '\2713'; /* Unicode checkmark character (✓) */
    position: absolute;
    top: 0px;
    left: 0px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px; /* Tick ko vertically center karne ke liye */
    
    /* Tick mark ka color (Aapki image jaisa light color) */
    color: #E6E0D7; 
    font-size: 18px; 
    font-weight: bold; 
}


.btn-view {
    margin-top: 12px;
    background-color: #875D2A;
    color: #fff;
    display: block;
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 13px 20px;
    border-radius: 0;
}
.mobile_consultation a {
color:#8a5723;
}
.btn-view:hover {
    background-color: #4a3523;
    color: #fff;
}
.upgraded_card_headeing h2{
    font-size: 60px;
}
.upgraded_card_headeing svg {
    width: 100%;
}
@media screen (min-width: 600px) and (max-width: 767px)  { 
.container, .container-sm {
    max-width: 600px;
}
}

@media screen and  (max-width: 992px)  {
.popup-content {
padding:48px;
}
}
@media screen and (min-width: 760px) and (max-width: 1266px)  {
.popup-body h3 {
    color: #EDE9DE;
    font-family: var(--font-title);
    font-weight: 400;
    font-style: Regular;
    font-size: 34px;
    margin-bottom: 10px;
    line-height: 120%;
   
}

.popup-body .align-items-center img.img-fluid.w-100 {
height: 630px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1366px)  {
.artwork_section {
	background: #E8E2CD;
	padding: 30px;
}
}
@media screen and (min-width: 760px) and (max-width: 1024px) {
    .section_all_card {
        width: 50%;
    }
.text-center.sendmsg_textt {
padding:40px 0;
}
}

@media screen and (min-width: 1200px) and (max-width: 1699px) {
    .container {
        max-width: 95%;
    }
.text-center.sendmsg_textt {
padding:40px 0;
}
.mesg_textarea textarea {
    width: 100%;
    height: 100px;
    margin-top: 24px;
    margin-bottom: 24px;
    padding: 10px;
    font-size: 16px;
    font-family: var(--font-body);
    border: 1px solid #F7F2E1;
    resize: vertical;
    background: #F7F2E1;
    border-radius: 0;
}
.text-center.sendmsg_textt img {
    padding-bottom: 8px;
}
}

@media screen and (min-width: 1780px) { 
.container{
        max-width: 1700px;
}
.why_choose_right {
	padding-right: 160px;
}
}
@media screen and (min-width: 1024px) {
.e_card_form form {
    max-width: 600px;
    /* margin: auto; */
     width: 600px; 
}

}
@media screen and (min-width: 1700px) {
 

    .artist-desc {
    font-size: 20px;
    line-height: 33px;
}
    .card-custom h6 {
        font-size: 14px;
    }

    .meta {
        font-size: 16px;
    }

    .card-custom p {
        font-size: 20px;
        line-height: 30px;
    }

    .card-custom p span {
        font-size: 16px;
    }
}
/* header  */
.page-link:hover {
    border-color: #875D2A;
    background-color: transparent;
    color: #875D2A;
}
.active>.page-link, .page-link.active {
    z-index: 3;
    color: white;
    background-color: #875D2A;
    border-color: #875D2A;
}



.page-link {
    position: relative;
        color: #875D2A;
   }


/* /// */
select.form-select.form-select-sm {
    background-color: transparent;
    color: white;
    border: none;
    width: 130px;
    font-family: var(--font-body);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 0 -58px;
}

.topright_side.d-flex.align-items-center.gap-2 {
    gap: 55px;
}

   select option{
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 32px;
    font-weight: 500;
    color: #3E342A;
}
.form-select {  
 --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.art-cards {
border:0;
border-radius:0;
width:100%;
padding:0 ;
background-color:#E4DDC7;
}

.art-cards .art-main-img img
{
    width: 100%;
    height: 280px;
    object-fit: cover;
    object-position: center;
}
button.remove-btn {
    border-radius: 50%;
    background-color: #EDE9DEBF;
    height: 36px;
    width: 36px;
    display: flex
;
    border: 0;
    align-items: center;
    justify-content: center;
    padding: 8px;
    position: absolute;
    right: 8px;
    bottom: 8px;
}
.card-header-art  {
        padding: 12px;
    color: #875D2A;
    font-family: var(--font-body);
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 24px;
    letter-spacing: 6%;
    text-align: center;
    text-transform: uppercase;
}
.card-body-art-content {
padding:24px;
}
.card-body-art-content li{
    border-bottom: 1px solid #D8C9AF;
    padding-bottom: 20px;
    margin-bottom: 20px;
text-align:left;
gap:20px;
}
.card-body-art-content li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.card-body-art-content li .artwork-artist{
font-weight: 500;
font-style: Medium;
font-size: 14px;
leading-trim: NONE;
line-height: 20px;
letter-spacing: 6%;
text-transform: uppercase;
color:#B23333;
   display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.card-body-art-content li a {
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 26px;
    letter-spacing: 0%;
    color: #3E342A;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
padding-bottom:6px;
}

/* radius repeated for first/last-child to out-rank Bootstrap's rounded pagination corners */
.page-item:first-child a.page-link,
.page-item:last-child a.page-link {
    border-radius: 0;
}
a.page-link {
    background: transparent;
    border-color: #875D2A;
    border: 1px solid #DCD3BF;
    border-radius: 0;
    font-family: var(--font-body);
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 20px;
    letter-spacing: 0%;
    height: 56px;
    text-align: center;
    text-transform: uppercase;
    width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-item:first-child .page-link {
    background-color: #875D2A;
    color: #ffffff;
    border-radius:0px;
  
}
.section-title-art {
color:#3E342A;
font-family: var(--font-title);
font-weight: 400;
font-style: Regular;
font-size: 56px;
leading-trim: NONE;
line-height: 60px;
letter-spacing: 0%;
text-align: center;

}

.section-description-art {
color:#3E342A;
font-weight: 400;
font-style: Regular;
font-size:  18px;
leading-trim: NONE;
line-height: 26px;
letter-spacing: 0%;
text-align: center;

}
.card-body-art-content-img {
    width: 90px;
flex-shrink:0;
}

button.popup-submint {
    border: 1px solid #DE9C28;;
    font-family: var(--font-body);
    font-weight: 500;
    font-size: 16px;;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #DE9C28;
    padding: 13px 20px;
    text-decoration: none;
background-color:transparent;
}


label.footer-label-custom {
    display: none;
}

/* suggestion color */

/* Input autofill (jab browser suggest kare) */
input.form-control:-webkit-autofill {
    background-color: #E4DDC7;   
    -webkit-box-shadow: 0 0 0px 1000px #E4DDC7 inset;
    -webkit-text-fill-color: #3E342A;  /* text color */
    caret-color: #3E342A;
}

input.form-control:-webkit-autofill:hover {
    background-color: #3E342A;
    -webkit-box-shadow: 0 0 0px 1000px #E4DDC7 inset;
    -webkit-text-fill-color: #3E342A;
}



.text-op-20 {
color:#875D2A;
}

.out-side-slider .swiper-slide {
height:auto;
}
.highlight-text {
color:#875D2A;
margin:0;
font-family: var(--font-body);
font-weight: 500;
font-style: Medium;
font-size: 16px;
leading-trim: NONE;
line-height: 24px;
letter-spacing: 6%;
text-transform: uppercase;

}

.out-side-slider .elevated_slider .swiper-slide {
    width: auto; /* allow flexible width if needed */
}


/* Top 100 */
/* .top100_banner {
    padding: 60px 0;
    text-align: center;
    background: url(/static/images/top100.jpg) no-repeat;
    background-size: cover;
} */
.top100_banner h2 {
    font-family: var(--font-title-accent);
    font-weight: 400;
    font-size: 70px;
    line-height: 1;
    color: #E8E5DC;
    text-align: center;
position: relative;
    z-index: 9;
    margin: 0;
    padding-bottom: 25px;
}
.top100_banner h1 {
    font-weight: 400;
    font-size: clamp(120px , 7.292vw , 145px );
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #EDE9DE;
position: relative;
    z-index: 9;
}
/* ===== top_100_artworks (zigzag gallery) =====
   Structure is shared by all 8 sites and lives here. Per-site brand colours are
   supplied via the --top100-* tokens (or deeper overrides) inside each
   site-{brand}-V1.9.css. Fallbacks keep the page styled if a token is unset. */
.top100-artwork-list {
    width: 100%;
    padding: 170px 0 70px;
}
.top100-artwork-list__container {
    max-width: 1400px;
}
.top100-artwork-list__row {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.top100-artwork-list__col {
    position: relative;
    width: 50%;
    margin-top: -140px;
}
.top100-artwork-list__col:nth-child(1) {
    margin: 0;
}
.top100-artwork-list__col:nth-child(odd) {
    align-self: flex-start;
}
.top100-artwork-list__col:nth-child(even) {
    align-self: flex-end;
    display: flex;
    justify-content: center;
}
.top100-artwork-card__rank {
    position: absolute;
    top: -125px;
    font-size: 240px;
    font-family: var(--font-title);
    line-height: 165px;
    margin: 0;
    color: var(--top100-rank-color, #DFDBD0);
}
.top100-artwork-list__col:nth-child(odd) .top100-artwork-card__rank {
    right: -50px;
}
.top100-artwork-list__col:nth-child(even) .top100-artwork-card__rank {
    left: -50px;
}
.top100-artwork-card {
    width: max-content;
    position: relative;
}
.top100-artwork-card__inner {
    padding: 30px;
    position: relative;
    transition: all 0.4s;
    border: 1px solid transparent;
    z-index: 99;
}
.top100-artwork-card:hover .top100-artwork-card__inner {
    border: 1px solid var(--top100-card-border, #DCD3BF);
    background: var(--top100-card-bg, #E8E2CD);
}
.top100-artwork-card__tilt {
    display: block;
    perspective: 1000px;
    transition: transform 0.2s ease;
}
.top100-artwork-card__photo {
    display: block;
    width: 100%;
    border-radius: 8px;
    transform: scale(1);
    transition: transform 0.4s cubic-bezier(0.3, 0.7, 0.4, 1), filter 0.3s ease;
    will-change: transform, filter;
}
.top100-artwork-card__photo--framed {
    width: auto;
    border: 2vw solid transparent;
    border-image-slice: 500;
    border-image-repeat: round;
}
.top100-artwork-card__details {
    margin-top: 40px;
    transition: all 0.4s;
    opacity: 0;
}
.top100-artwork-card:hover .top100-artwork-card__details {
    opacity: 1;
}
.top100-artwork-card__meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: center;
}
.top100-artwork-card__meta p {
    margin: 0;
    color: var(--top100-ink, #3E342A);
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}
.top100-artwork-card__artist a {
    font-size: 14px;
    color: var(--top100-accent, #B23333);
    text-transform: uppercase;
}
.top100-artwork-card__year {
    opacity: 0.5;
}
.top100-artwork-card__title {
    font-size: clamp(20px , 1.4vw , 28px );
    line-height: 120%;
    font-weight: 500;
    color: var(--top100-ink, #3E342A);
    display: inline-block;
    max-width: 18ch;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.top100-artwork-card__title a {
    color: inherit;
}

/* ===== top_100_artists (portrait card grid) =====
   Structure shared by all 8 sites; per-site brand colours come from the
   --top100-* tokens (or deeper overrides) in each site-{brand}-V1.9.css. */
.top100-artist-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    align-items: stretch;
}
.top100-artist-grid__item {
    display: flex;
}
.top100-artist-card {
    width: 250px;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 1.25rem;
    background: var(--top100-card-bg, #ffffff);
    border: 1px solid var(--top100-card-border, #eeeeee);
    border-radius: var(--top100-card-radius, 0);
    transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
}
.top100-artist-card__media {
    display: block;
    margin: 0 auto 1rem;
}
.top100-artist-card__photo {
    width: 140px;
    height: 140px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid var(--top100-card-border, #eeeeee);
    margin: 0 auto;
}
.top100-artist-card__name {
    margin-bottom: 1rem;
    font-weight: 700;
}
.top100-artist-card__name a {
    text-decoration: none;
    color: var(--top100-ink, #212529);
}
.top100-artist-card__desc {
    flex-grow: 1;
    margin: 0;
    color: var(--top100-muted, #6c757d);
    font-size: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 768px) {
.cart_section {
padding-bottom:50px;
    margin-top: 33px;
}
.option_text div {
    font-size: 14px;
}
.text-center.sendmsg_textt {
padding:24px 0;
}
.preferences .e_card_section label, .e_card_form label, .e_card_form .form-group label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0.6;
    color: #3E342A;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 500;
    padding: 1rem .75rem;
    pointer-events: none;
    transform-origin: 0 0;
    transition: transform .15s ease-in-out, font-size .15s ease-in-out;
}
.preferences .e_card_form .form-control {
    padding: 17px 13px;
}
.buy_production_form span#id_profile_photo_helptext {
    top: 61%;
    left: 13px;
}
.fav-icon-artwork,
.buy_sale_channel_heading_alternate_buy {
    border-bottom: 1px solid #DCD3BF;
    padding-bottom: 14px;
    margin-bottom: 14px;
    margin-top: 24px;
    display: flex;
    gap: 0;
    flex-wrap: wrap;
}
.fav-icon-artwork > a,
.fav-icon-artwork > .artwork-share-wrapper,
.buy_sale_channel_heading_alternate_buy > a {
    margin: 0 10px 8px 0;
}
.switch-wrapper {
    position: absolute;
    top: -2px;
    bottom: 0px;
    width: 46%;
    padding: 0.15rem;
    z-index: 3;
    transition: transform .5s cubic-bezier(.77, 0, .175, 1);
}
.switch .switchbox {
    width: 100%;
    text-align: center;
    opacity: 0;
    display: block;
    color: #EDE9DE;
    transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s;
    will-change: opacity;
    position: absolute;
    top: 0px;
    left: 7px;
    font-size: 11px;
    font-weight: 500;
    /* line-height: 34px; */
}
.repro_radio label {
    color: #3E342A;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
}
.repruct_content_collapse .accordion-item {
    padding-bottom:16px;
}

.fav-icon-artwork a,
.buy_sale_channel_heading_alternate_buy a {
    gap: 4px;
    font-size: 14px;
}
.gap-sm-2 {
gap:10px;
}
.card-body-art-content li .artwork-artist{

font-size: 12px;
}
.card-body-art-content li a{

font-size: 16px;
}
}
@media (max-width: 992px) {
a.page-link {
    font-size: 14px;
    height: 36px;
    width: 32px;
}
}

@media (max-width: 992px) {
	.top100-artwork-list__col {
    width: 100%;
    align-self: flex-start;
    margin: 0;
    display: flex;
    justify-content: center;
}
.e_card_form {
    width: -webkit-fill-available;
}
.top100-artwork-card {
    width: 100%;
}
.top100-artwork-card__rank {
    right: auto;
    left: auto;
    top: -150px;
}
.top100_banner h2 {
    font-size: 50px;
}
.top100_banner h1 {
    font-size: 70px;
}
}

@media (min-width: 992px) {
	.out-side-slider .elevated_slider_wrapper {
    margin-left: 0px;
        margin-right: -175px;
    overflow: visible;
}
}
/* top100  */
/* Quiz */
.repro_radio.mark_right_answer, .repro_radio.mark_wrong_answer {
    position: relative;
    border-radius: 0;
}
.article_main_page  .repro_radio label {
    line-height: 24px;
font-size:16px;
}
.repro_radio.mark_wrong_answer {
    border: 1px solid #D7352C;
}
.repro_radio.mark_right_answer {
    border: 1px solid #76C92B;
}
.repro_radio.mark_right_answer.mark_right_answer2 {
    border: 0;
}
.repro_radio.mark_right_answer:after, .repro_radio.mark_wrong_answer:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    right: 10px;
}
.repro_radio.mark_wrong_answer:after {
    background: url(https://dev.allpaintingsstore.com/static/images/cross.png);
    background-size: 100%;
}
.repro_radio.mark_right_answer:after {
    background: url("https://dev.allpaintingsstore.com/static/images/checkCirrcle.png");
    background-size: 100%;
}
.quiz_result_text {
    padding: 20px;
    border: 2px solid #63AF1F;
    color: #EDE9DE;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
}

.newsletter-checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

#id_newsletter_subscription {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  padding-left: 30px;
  position: relative;
  font-family: Arial, sans-serif;
  color: #333;
}

#id_newsletter_subscription::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  /* Dimensions aur Color */
  width: 24px;
  height: 24px;
  border: 1px solid #3E342A;
  border-radius: 4px;
}

.newsletter-checkbox:checked + #id_newsletter_subscription::after {
  content: '';
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  
  /* Checkmark (White color CSS se banaaya gaya) */
  width: 12px;
  height: 6px;
  border: 2px solid #FFFFFF;
  border-top: none;
  border-right: none;
}
.col-md-6 .card {
    border: 1px solid #DCD3BF;
    padding: 20px;
    border-radius: 0;
    background-color: #E8E2CD;
    margin-bottom: 24px;
    height: -webkit-fill-available;
}

.col-md-6 .card .card-title {
   font-family: var(--font-title);
font-weight: 400;
font-style: Regular;
font-size: 40px;
leading-trim: NONE;
line-height: 40px;
letter-spacing: 0%;
text-align: center;
color:#3E342A;
margin-bottom:16px;
}
.col-md-6 .card-content.text-center img{
display:none;
}
.dropdown-inner .column {
    border-right: 1px solid #D5CBA9;
    padding-right: 40px;
}

 .dropdown-inner .column:last-child {
    border-right: none;
}

.success_card {
    border-radius: 0;
    border: 1px solid #DCD3BF;
    background-color: #E8E2CD;
    padding: 20px;
}
.success_card .success_content .success_title {
color: #3E342A ;
font-family: var(--font-title);
font-weight: 400;
font-style: Regular;
font-size: 40px;
leading-trim: NONE;
line-height: 40px;
letter-spacing: 0%;
text-align: center;

}
.success_card .success_content .success_message {
font-family: var(--font-body);
font-weight: 400;
font-style: Regular;
font-size: 18px;
leading-trim: NONE;
line-height: 28px;
letter-spacing: 0%;
text-align: center;
color:#3E342A;

}
.success_card .success_actions .btn {
	width: 100%;
	height: 50px;
	background: #875D2A;
	font-family: var(--font-body);
	font-weight: 500;
    border-radius:0;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	color: #EDE9DE;
	border: 1px solid #835e2c;
}
.success_card .success_icon svg circle {
fill:#3E342A;
}

/* artwork_ecard_success — page structure (extracted from embedded <style>;
   colors/surface come from the .success_card rules above) */
.success_section {
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
}
.success_card {
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.success_card .success_icon {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}
.success_card .success_content .success_title { margin-bottom: 20px; }
.success_card .success_content .success_message { margin-bottom: 40px; }
.success_card .success_actions {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}
.success_card .success_actions .btn {
    padding: 12px 24px;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
}
@media (max-width: 768px) {
    .success_card .success_actions {
        flex-direction: column;
        align-items: center;
    }
    .success_card .success_actions .btn {
        max-width: 250px;
    }
}

.row.mt-30 .col-md-12 .card {
background: #E8E2CD;
    border: 1px solid #DCD3BF;
    padding: 18px ;
border-radius:0;
max-width:610px;
margin:auto;
}

.row.mt-30 .col-md-12 .card h3 {
    font-family: var(--font-title);
    font-weight: 400;
    font-style: Regular;
    font-size: 40px;
    leading-trim: NONE;
    line-height: 40px;
    letter-spacing: 0%;
    color: #3E342A;
}

.row.mt-30 .col-md-12 .card label {
    font-size: 16px;
    font-weight: 500;
    color: #3E342A;
    margin-bottom: 11px;
}


.row.mt-30 .col-md-12 .card input {
    background: #F7F2E1;
    border: unset;
    border-radius: unset;
    width: 100%;
    color: #3E342A;
    font-size: 14px;
    font-weight: 500;
    height: clamp(46px, 2.917vw, 56px);
    text-transform: uppercase;
    padding: 12px 14px;
    outline: unset;
}

/* 
.item_data_img .cart_order_image_item {
	float: left;
	width: 5vw;
	height: auto;
	max-height:5vh;
	object-fit: cover;
	object-position: center;
	margin: 0.1vw;
}
 */


/* 1. search_card ko relative position dein */
.search_card {
    position: relative; 
}
.same-space-card .search_img {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

/* Catalog / FTS grid: keep thumbnails anchored to the top of the image cell. */
.custom_search .search_img {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.custom_search .search_img > a {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    text-decoration: none;
    color: inherit;
    box-sizing: border-box;
}

/* Size image cell to the thumbnail; text sits directly underneath. */
.custom_search .search_img img {
    width: 100%;
    height: auto;
    max-height: 285px;
    object-fit: cover;
    object-position: top center;
}

.custom_search .search_card .searchCard_body {
    margin-top: 12px;
}

.stretched-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1; 
}

.card_bottom a {
    position: relative; 
    z-index: 2; 
}

/* label  */
.buy_production_form span#id_profile_photo_helptext {
    position: absolute;
    top: 56%;
    left: 13px;
    font-size: 14px;
    font-weight: 500;
    color: #3E342A;
    opacity: 0.6;
}
#id_profile_photo {
    padding: 45px 14px 50px;
}
#id_email {
    padding: 41px 10px 15px;
}
.e_card_section p {
font-family: var(--font-body);
font-weight: 400;
font-style: Regular;
font-size: 18px;
leading-trim: NONE;
line-height: 26px;
letter-spacing: 0%;
text-align: center;
color:#3E342A;
}
.e_card_section p,
.e_card_form p,
.e_card_form .form-group {
    position: relative;
    margin-bottom: 1rem;

    padding-top: 6px;
}
.e_card_section input[type="text"],
.e_card_form input[type="text"] {
    width: 100%;
    padding: 1.7rem .75rem .1rem .75rem;
    line-height: 100%;
    height: calc(3.5rem + 2px);
}


/*
.e_card_section label,
.e_card_form label ,
.e_card_form .form-group label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
	opacity: 0.6;
    color: #3E342A;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    padding: 1rem .75rem;
    pointer-events: none;
    transform-origin: 0 0;
    transition: transform .15s ease-in-out, font-size .15s ease-in-out;
}
*/



.e_card_section p:focus-within label,
.e_card_form p:focus-within label,
.e_card_form .form-group:focus-within label,
.e_card_section input:not(:placeholder-shown) + label,
.e_card_form input:not(:placeholder-shown) + label {
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); 
    font-size: 12px;
    opacity: 0.8;
}


.custom_search .search_card {
    cursor: default;
}


/* No media query for `xs` (Extra small devices - less than 576px) */
.consultation_container {
  width: 100%; /* Default width */
  padding-right: var(--bs-gutter-x, 0.75rem); /* Default padding */
  padding-left: var(--bs-gutter-x, 0.75rem);  /* Default padding */
  margin-right: auto;
  margin-left: auto;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .consultation_container {
    max-width: 540px;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .consultation_container {
    max-width: 720px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .consultation_container {
    max-width: 960px;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .consultation_container {
    max-width: 1140px;
  }
}

/* Extra extra large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .consultation_container {
    max-width: 1320px;
  }
}





/* 

.article_main_page {
    padding: 0px 100px 20px;
}

 */








.alert-info {
    color: #504943;
    background-color: #f7f3e7;
    border-color: #c9c9c9;
    border-radius: 0px;
}



.full_width_hero_banner_with_background_image ul.nav-list li a , .full_width_hero_banner_with_background_image ul.nav-list li {
	color:#E8E5DC;
}


.custom_search .col-sm-12.col-md-6.col-lg-4.col-xl-3 {
    border: 1px solid #DCD3BF;
}

.full_width_hero_banner_with_background_image .container {
	height: 100%;
}

/* Hero artist name — long names wrap and stay centred (extracted from artist_detail inline <style>) */
.full_width_hero_banner_with_background_image .consultation_content h1 {
	max-width: 100%;
	overflow-wrap: break-word;
	text-align: center;
}

/* ===== Full-width hero banner — consistent service-page hero typography ×8
   Service/order pages share the same .full_width_hero_banner_with_background_image
   hero shell as the top-100 reference but had smaller text and, on some brands,
   dark ink that was invisible against the dark video background.
   This block:
     • Bumps h6/h2 (subtitle) and h1 (headline) to a scale similar to top-100.
     • Forces light parchment colour as the default so text is always readable
       over dark video or dark-image backgrounds.
   :not(.top100_banner) excludes top100 pages (artists/artworks/museums/articles)
   and artist-detail variants (atlas/chronicle/spectral/timeline) which already
   carry .top100_banner and are correctly sized.
   Specificity (0,3,1) wins over brand (0,2,1) page-scoped rules that do NOT use
   !important — automatically fixing WA, APS, MFP, WK, OUA colour bugs.
   Brands that DO use !important on a rule retain their own value for that prop.  ===== */
.full_width_hero_banner_with_background_image .consultation_content:not(.top100_banner) h6,
.full_width_hero_banner_with_background_image .consultation_content:not(.top100_banner) h2 {
	font-size: clamp(28px, 4.5vh, 70px);
	color: #E8E5DC;
	margin: 0;
	padding-bottom: 16px;
}
.full_width_hero_banner_with_background_image .consultation_content:not(.top100_banner) h1 {
	font-size: clamp(60px, 6vw, 110px);
	color: #EDE9DE;
	margin: 0;
}
.full_width_hero_banner_with_background_image .consultation_content:not(.top100_banner) p {
	color: #E8E5DC;
}

/* ============================================================================
   Top-bar selector dropdowns (language / country / currency) z-index fix
   ----------------------------------------------------------------------------
   The main header (.header_container) is position:relative; z-index:1000 and
   sits AFTER the top-bar in the DOM. The open selector list resolves to the
   same root-level stacking value (1000), so on a z-index tie the later element
   (the header) wins and the list paints BEHIND the header.
   Lifting the open selector's container to 1001 puts the whole dropdown
   (it's an absolutely-positioned child) above the header. Only while open, so
   the closed top bar keeps its normal stacking.
   ============================================================================ */
.top_dropdown_custom_dropdown_container_box.open {
	z-index: 1001;
}

/* ============================================================================
   Group-by browse — brand-neutral structural rules (colours live in site-*.css)
   ----------------------------------------------------------------------------
   Extracted from inline styles in the group-by templates (artists/artworks/…)
   so the markup stays clean. Scoped to .catalog-groupby-page; layout only.
   ============================================================================ */
.search_sec.catalog-groupby-page #groupby-selector {
	display: inline-block;
	width: auto;
	margin-left: 5px;
}
.search_sec.catalog-groupby-page .no-data {
	text-align: center;
	padding: 50px;
	font-size: 18px;
}
.search_sec.catalog-groupby-page .alert-warning {
	margin: 20px 0;
}
.search_sec.catalog-groupby-page .search_filters {
	margin-bottom: 1rem;
}

/* ============================================================================
   Shopping cart (orders/viewcart.html) — brand-neutral structure
   (colours live in site-*.css)
   ----------------------------------------------------------------------------
   Extracted from inline styles + the <style> block in viewcart.html so the
   markup stays clean and identical across the 8 brands. Layout only here; each
   brand tunes the alert / placeholder colours via the --cart-* tokens below
   (neutral fallbacks keep the default ADC look).
   ============================================================================ */
/* Table-cell alignment + horizontal inset (matches .summery_checkout 24px gutters) */
.cart_table_box .table > :not(caption) > * > .cart-cell--remove,
.cart_table_box .table > :not(caption) > * > .cart-cell--details,
.cart_table_box .table > :not(caption) > * > .cart-cell--amount,
.cart_table_box .table > :not(caption) > * > .cart-th--remove,
.cart_table_box .table > :not(caption) > * > .cart-th--details,
.cart_table_box .table > :not(caption) > * > .cart-th--amount {
	padding: 20px 24px !important;
}
.cart_table_box .table > :not(caption) > tbody > tr > .cart-cell--remove,
.cart_table_box .table > :not(caption) > thead > tr > .cart-th--remove {
	width: auto;
	max-width: none;
	min-width: 32px;
}
.cart-cell--remove,
.cart-th--remove  { text-align: center; vertical-align: middle; }
.cart-cell--details,
.cart-th--details { text-align: left; }
.cart-cell--amount,
.cart-th--amount  { text-align: right; white-space: nowrap; }

/* User profile cart/purchases tables (user_in_cart.html, user_purchases.html) */
.p_cart_table_box .table > :not(caption) > * > .cart-cell--item,
.p_cart_table_box .table > :not(caption) > * > .cart-th--item {
	padding-left: 24px !important;
}
.p_cart_table_box .cart-cell--item,
.p_cart_table_box .cart-th--item,
.p_cart_table_box .cart-cell--details,
.p_cart_table_box .cart-th--details { text-align: left; vertical-align: top; }
.p_cart_table_box .cart-cell--amount,
.p_cart_table_box .cart-th--amount { text-align: right; white-space: nowrap; vertical-align: top; }

/* Total-price label (was inline opacity:0.8) */
.total_price_box .total_price-label { opacity: 0.8; }

/* Discount-code status line (was inline min-height/font-size) */
.cart-discount-status { min-height: 20px; font-size: 14px; }

/* Missing-image placeholder (was inline box + grey palette) */
.cart-image-placeholder {
	max-width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--cart-placeholder-bg, #f8f9fa);
	border: 1px solid var(--cart-placeholder-border, #dee2e6);
}
.cart-image-placeholder i {
	font-size: 24px;
	color: var(--cart-placeholder-icon, #6c757d);
}

/* Payment-error alert (structure; colours tokenised) */
.cart_section .alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}
.cart_section .alert i { margin-right: 8px; }
.cart_section .alert-warning {
	color: var(--cart-alert-warning-text, #856404);
	background-color: var(--cart-alert-warning-bg, #fff3cd);
	border-color: var(--cart-alert-warning-border, #ffeaa7);
}

/* Cart-item access-error row highlight (was inline <style> block) */
.cart-item-error {
	background-color: var(--cart-alert-warning-bg, #fff3cd);
	border-left: 3px solid var(--cart-alert-warning-accent, #ffc107);
}
.cart-item-error .painting_text {
	color: var(--cart-alert-warning-text, #856404);
}

/* Cart summary sidebar — parchment panel + benefit icons (tokens in site-*.css) */
:root {
	--cart-surface: #F7F2E1;
	--cart-surface-border: #DCD3BF;
	--cart-inset: #F3EFE6;
	--cart-icon-bg: #E2DAC4;
	--cart-table-border: #CCC2AE;
	--cart-summary-ink: #3E342A;
	--cart-summary-ink-2: #3E342A;
	--cart-summary-accent: #57920A;
}
.cart_section .cart_table_box table th {
	border-top-color: var(--cart-table-border, #CCC2AE) !important;
}
.cart_section .p_cart_table_box .table > :not(caption) > * > * {
	border-top-color: var(--cart-table-border, #CCC2AE) !important;
}
.cart_section .summery_checkout {
	background: var(--cart-surface) !important;
	border: 1px solid var(--cart-surface-border) !important;
}
.cart_section .summery_checkout .sum_chek_text {
	border-bottom-color: var(--cart-surface-border) !important;
	color: var(--cart-summary-ink) !important;
}
.cart_section .summery_checkout .summary_detail_box {
	border-bottom-color: var(--cart-surface-border) !important;
}
.cart_section .summery_checkout .dtl_con h4,
.cart_section .summery_checkout .dtl_con p,
.cart_section .summery_checkout h4.total_price,
.cart_section .summery_checkout .total_price-num {
	color: var(--cart-summary-ink) !important;
}
.cart_section .summery_checkout span.green_include,
.cart_section .summery_checkout .green_include,
.cart_section .summery_checkout #summary_shipping {
	color: var(--cart-summary-accent) !important;
}
.cart_section .summery_checkout .form-container input,
.cart_section .summery_checkout #discount_code_input {
	background: var(--cart-inset) !important;
	border: 1px solid var(--cart-surface-border) !important;
	color: var(--cart-summary-ink) !important;
	box-shadow: none !important;
}
.cart_section .summery_checkout .form-container input:focus,
.cart_section .summery_checkout #discount_code_input:focus {
	background: var(--cart-inset) !important;
	border-color: var(--cart-summary-accent) !important;
	color: var(--cart-summary-ink) !important;
	box-shadow: none !important;
}
.cart_section .cart_summary_box .buy_partner_shipping .why_choose_icon img {
	background: var(--cart-icon-bg) !important;
	padding: 8px;
}
.cart_section .cart_summary_box .why_choose_info h5 {
	color: var(--cart-summary-ink) !important;
}
.cart_section .cart_summary_box .why_choose_info p {
	color: var(--cart-summary-ink-2) !important;
}




/* =====================================================================
   photo_to_restyled_masterpiece — shared structure / layout
   (extracted from template inline styles; identical for the 8 brands)
   Brand colours live in each site-<marque>-V1.9.css under
   body.photo-restyle-page. Only NEUTRAL fallbacks are defined here.
   ===================================================================== */

/* --- Step 01: photo upload box ---------------------------------------- */
body.photo-restyle-page .image-upload-container.photo-restyle-upload {
    gap: 15px;
    align-items: flex-start;
    flex-wrap: wrap;
}
body.photo-restyle-page #add-image {
    position: relative;
    overflow: hidden;
}
/* full-box spinner overlay shown by JS (style.display = 'flex') */
body.photo-restyle-page #upload-spinner {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    /* brand cream overlay — overridden per site */
    background: var(--pr-spinner-overlay, rgba(247, 241, 224, 0.9));
}
body.photo-restyle-page #uploaded-image-preview-container {
    display: none;                 /* shown by JS once a file is chosen */
    width: 50%;
    flex-shrink: 0;
    position: relative;            /* offset parent for the remove button */
}
body.photo-restyle-page #uploaded-image-preview {
    display: block;
    width: 100%;
}
body.photo-restyle-page #remove-image-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 50%;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    z-index: 20;
    color: #fff;
    /* generic "danger" — overridable per site via --pr-remove-bg */
    background: var(--pr-remove-bg, #dc3545);
}
body.photo-restyle-page #remove-image-btn:hover {
    background: var(--pr-remove-bg-hover, #c82333);
}
body.photo-restyle-page #image-input {
    display: none;
}
body.photo-restyle-page #upload-message {
    margin-top: 10px;
    display: none;                 /* shown by JS on error */
}

/* --- Step 02: edit-request textarea + examples intro ------------------ */
body.photo-restyle-page #image_edit_requests {
    min-height: 120px;
}
body.photo-restyle-page .edit-request-examples-intro {
    font-size: 0.9em;
    margin-top: -10px;
    margin-bottom: 0;
    color: var(--pr-muted-text, #6c757d);
}

/* --- Step 04: style cards are fully clickable ------------------------- */
body.photo-restyle-page .style-card,
body.photo-restyle-page .style-card * {
    cursor: pointer;
}

/* =====================================================================
   customers_reviews — SHARED STRUCTURE (brand colors via --cr-* tokens)
   Layout is identical for the 8 brands; each site-<brand>-V1.9.css only
   sets the --cr-* tokens under .customers-reviews-page to match its UI Kit.
   Classes are SHARED with homepage_topimpressionists.html, so every rule
   is scoped under .customers-reviews-page to avoid leaking to the homepage.
   ===================================================================== */
.customers-reviews-page .ArtShopReviews-Container {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
    padding: 0 1rem;
}
.customers-reviews-page .ArtShopReviews-Review-Block {
    display: flow-root;
    box-sizing: border-box;
    width: calc(33.333% - 1rem);
    min-width: 300px;
    max-width: 460px;
    margin: 0;
    padding: 1.25rem 1.4rem;
    font-family: var(--cr-font, Arial, sans-serif);
    background-color: var(--cr-card-bg, #fff);
    border: var(--cr-card-border, 1px solid #e5e5e5);
    border-radius: var(--cr-card-radius, 0);
    box-shadow: var(--cr-card-shadow, none);
    transition: box-shadow 0.18s ease, transform 0.18s ease;
}
.customers-reviews-page .ArtShopReviews-Review-Block:hover {
    box-shadow: var(--cr-card-shadow-hover, var(--cr-card-shadow, none));
}
.customers-reviews-page .ArtShopReviews-Review-Block a {
    display: flow-root;
    color: var(--cr-text-color, #000);
    text-decoration: none;
}
.customers-reviews-page .ArtShopReviews-Review-Block hr {
    width: 95%;
    border: 1px inset var(--cr-divider-color, #DDD);
}
.customers-reviews-page .ArtShopReviews-Review-Header {
    margin: 0.5rem 0;
    font-size: 0.85rem;
    text-align: center;
}
.customers-reviews-page .ArtShopReviews-Review-Text {
    margin-top: 0.85rem;
    font-size: 0.9rem;
    line-height: 1.5;
    text-align: left;
    color: var(--cr-text-color, #000);
}
.customers-reviews-page .CustomersReviews-HomePage-Single-Review-Information {
    margin-bottom: 0.6rem;
}
.customers-reviews-page .CustomersReviews-HomePage-Single-Review-Information-DisplayName {
    color: var(--cr-name-color, #000);
    font-size: 0.95rem;
    font-weight: bold;
}
.customers-reviews-page .CustomersReviews-HomePage-Single-Review-Information-Country_Date {
    color: var(--cr-meta-color, grey);
    font-size: 0.8rem;
    white-space: nowrap;
}
.customers-reviews-page .CustomersReviews-HomePage-Single-Review-Information-Country_Date:before {
    content: " | ";
    margin: 0 0.3rem;
    color: var(--cr-divider-color, #ddd);
}
.customers-reviews-page .CustomersReviews-HomePage-Single-Review-Information-NewLine {
    margin-top: 0.55rem;
    line-height: 0;
}
.customers-reviews-page .CustomersReviews-HomePage-Single-Review-Information-NewLine img {
    vertical-align: middle;
}
.customers-reviews-page .CustomersReviews-HomePage-Single-Review-Information-Overall_Image {
    height: 42px;
    width: auto;
    margin-right: 0.6rem;
}
.customers-reviews-page .CustomersReviews-Photo {
    float: right;
    width: 96px;
    height: 96px;
    object-fit: cover;
    margin: 0 0 0.5rem 1rem;
    border-radius: var(--cr-card-radius, 0);
}
/* loading / empty / error messages + button row */
.customers-reviews-page .reviews-loading,
.customers-reviews-page .reviews-message {
    width: 100%;
    text-align: center;
    padding: 2rem;
    color: var(--cr-meta-color, grey);
}
.customers-reviews-page .customers-reviews-actions {
    text-align: center;
}

/* Mobile — 2-up then full width */
@media (max-width: 768px) {
    .customers-reviews-page .ArtShopReviews-Review-Block {
        width: calc(50% - 0.75rem);
        min-width: 0;
    }
}
@media (max-width: 480px) {
    .customers-reviews-page .ArtShopReviews-Container {
        gap: 1rem;
    }
    .customers-reviews-page .ArtShopReviews-Review-Block {
        width: 100%;
    }
    .customers-reviews-page .CustomersReviews-Photo {
        width: 72px;
        height: 72px;
    }
}

/* ===== start_selling_* — step image flat offset shadow =====
   Structure shared by the 8 brands (extracted from former inline style on
   .step-image in start_selling_private/artist/business). Each site sets its
   own --step-image-shadow tint in site-<brand>-V1.9.css. Neutral fallback
   keeps the legacy warm-cream look if a brand does not override the token. */
.start-selling-steps .step .step-image {
    box-shadow: -15px 15px 0px var(--step-image-shadow, #d5cbaf);
}

/* ===== search_by_color two-column layout (shared structure; brand colours stay in site-*.css) ===== */
.color-search-page .color-search-layout {
    display: flex;
    align-items: flex-start;
    gap: 32px;
}
.color-search-page .color-search-sidebar {
    flex: 0 0 320px;
    max-width: 320px;
    position: sticky;
    top: 16px;
}
.color-search-page .color-search-main {
    flex: 1 1 auto;
    min-width: 0;
}
/* The sidebar is narrow, so force the compact vertical filter layout at every width
   (overrides the per-brand horizontal .filter-row via higher specificity). */
.color-search-page .color-search-sidebar .filter-row {
    flex-direction: column;
    gap: 8px;
}
.color-search-page .color-search-sidebar .filter-row-label {
    min-width: auto;
}
/* Colour choosers: lay the swatch chips several per row instead of one-per-line. */
.color-search-page .color-search-sidebar .main-color-list,
.color-search-page .color-search-sidebar .hue-gradient-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.color-search-page .color-search-sidebar .main-color-list > li,
.color-search-page .color-search-sidebar .hue-gradient-list > li {
    margin-bottom: 0;
}
.color-search-page .color-search-sidebar .main-color-list label,
.color-search-page .color-search-sidebar .hue-gradient-list label {
    width: auto;
}
.color-search-page .color-search-empty {
    padding: 32px 0;
}
@media (max-width: 991px) {
    .color-search-page .color-search-layout {
        flex-direction: column;
    }
    .color-search-page .color-search-sidebar {
        position: static;
        flex: 1 1 auto;
        max-width: none;
        width: 100%;
    }
}

/* ===== artwork_buy_ArtistReproduction — extracted from inline <style> blocks ===== */

/* Artist skill level: globally hidden via .artist_skill_level { display:none };
   ArtistReproduction is the only buy page that shows it — use scoped override class. */
.artist_skill_level--show {
    display: block;
}

/* Summary / price box label minimum width */
.reproduction_button_box .dtl_con h4,
.summary-tab .dtl_con h4 {
    min-width: 80px;
}

/* Full-collection section — heading link inherits color (brand hover color in site CSS) */
.collec_heading > a,
a.collection-link--inherit {
    color: inherit;
    text-decoration: none;
}

/* Frame detail preview image (#frame-image-1, toggled by JS) */
#frame-image-1 {
    display: block;
    height: 150px;
    mix-blend-mode: multiply;
}

/* Narrow action wrapper used in the buy-page order summary row */
.reproduction_main_page .add_tocart_btn--narrow {
    width: 40%;
}

/* Size input validation error messages (color revealed when JS removes display:none) */
.size-error-message {
    color: var(--error-red, #dc3545);
    font-size: 12px;
    margin-top: 5px;
}

/* Frame picker thumbnail base sizing (mix-blend-mode already set above;
   angle-thumb specific rules override height via .frame-angle-thumb selectors) */
.frame_dropdown .frame_box img,
.streched_dropdown .frame_box img {
    padding: 5px;
    width: auto;
}

/* ============================================================================
   restyle8 — residual inline-style extractions (system-check template sweep)
   ============================================================================ */

/* Artwork-list active-filter & sidebar colour swatches.
   Only the dynamic background-color stays inline; structure/border move here.
   NB: `.color-search-page .color-dot` is themed separately in each site CSS
   (higher specificity), so those pages are unaffected. Brands may theme the
   border on other pages via --color-dot-border. */
.color-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid var(--color-dot-border, #ccc);
    vertical-align: middle;
}
.color-dot--summary { margin: 0 4px 2px; }
.color-dot--inline  { margin-right: 4px; }
.color-dot--lg      { width: 18px; height: 18px; margin-right: 8px; }

/* Orders showcase list — moved out of an embedded <style> in
   core/orders_page_show_case.html. Heading colour is brand-themeable. */
.show-case-title {
    font-size: 1vw;
    font-weight: bold;
    color: var(--show-case-title-color, #000);
    text-decoration: none;
    padding-bottom: 0.5vh;
}
.show-case-block {
    padding-bottom: 2vh;
    padding-top: 2vh;
}
.show-case-content img {
    width: 100%;
}

/* ============================================================================
   restyle8 sweep — userprofile sub-pages: rules extracted from embedded
   <style> blocks (user_sell, user_interactions, user_send_email,
   user_profile_email_us, collectible add/edit flow, success pages).
   Structure + neutral fallbacks live here; brands can theme via the
   --up-* tokens in their site-*-V1.9.css. The per-brand image-upload
   widget rules (body.userprofile-page .image-upload-box etc.) already
   exist in each site CSS and keep winning the cascade.
   ============================================================================ */

/* --- Seller dashboard (user_sell.html) --- */
body.userprofile-page .filter-checkboxes {
    background: var(--up-panel-bg, #f8f9fa);
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
}
body.userprofile-page .filter-checkboxes label {
    margin-right: 20px;
    cursor: pointer;
}
body.userprofile-page .product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}
body.userprofile-page .seller-type-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    width: 100%;
}
@media (max-width: 767px) {
    body.userprofile-page .seller-type-cards {
        grid-template-columns: 1fr;
    }
}
body.userprofile-page .seller-status-under-review {
    display: block;
    width: 100%;
}
/* Keep form and Important Information stacked vertically (e_card_form uses display:flex) */
body.userprofile-page .e_card_form .sell-form-and-info {
    width: 100%;
    display: flex;
    flex-direction: column;
}
/* Sell/seller-profile pages: show ID/verification photos uncropped (no circle) */
body.userprofile-page .profile-photo-section .profile-photo-display img.profile-photo-uncropped {
    max-width: 100%;
    max-height: 320px;
    width: auto;
    height: auto;
    object-fit: contain;
}
/* Cancel-application buttons (Bootstrap palette kept as fallback) */
body.userprofile-page .seller-cancel-btn {
    background-color: var(--up-muted-btn-bg, #6c757d);
    color: #fff;
}
body.userprofile-page .seller-cancel-btn--danger {
    background-color: var(--up-danger-btn-bg, #dc3545);
}

/* --- Status badges (user_sell list; larger variant on collectible edit pages) --- */
body.userprofile-page .status-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: bold;
}
body.collectible-edit-page .status-badge {
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 0.9em;
}
body.userprofile-page .status-approved { background: var(--up-status-approved-bg, #d4edda); color: var(--up-status-approved-ink, #155724); }
body.userprofile-page .status-pending  { background: var(--up-status-pending-bg, #fff3cd); color: var(--up-status-pending-ink, #856404); }
body.userprofile-page .status-rejected { background: var(--up-status-rejected-bg, #f8d7da); color: var(--up-status-rejected-ink, #721c24); }
body.userprofile-page .status-oos      { background: var(--up-status-oos-bg, #e2e3e5); color: var(--up-status-oos-ink, #383d41); }

/* --- Activity dashboard (user_interactions.html) --- */
body.userprofile-page .interaction-row { position: relative; }
body.userprofile-page .message-tooltip {
    display: none;
    position: absolute;
    background-color: var(--up-tooltip-bg, #fff);
    border: 1px solid var(--up-tooltip-border, #ccc);
    border-radius: 4px;
    padding: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    max-width: 500px;
    max-height: 400px;
    overflow-y: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-size: 13px;
    line-height: 1.5;
    color: var(--up-tooltip-ink, #333);
    top: 100%;
    left: 0;
    margin-top: 5px;
}
body.userprofile-page .interaction-row:hover .message-tooltip { display: block; }

/* --- Email composer pages (user_send_email, user_profile_email_us) --- */
/* CKEditor: default left alignment so global rules (e.g. .e_card_section p) don't
   override; editor alignment (right/center/justify) uses inline styles and wins. */
body.userprofile-page .email-body-editor-wrapper .ck-content p,
body.userprofile-page .email-body-editor-wrapper .ck-editor__editable p {
    text-align: left;
}
body.userprofile-page .document-preview {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--up-surface, #F7F2E1);
}
/* Composer pages: full-width form (override userprofile .message_form max-width) */
body.email-compose-page .message_form {
    max-width: none;
    width: 100%;
}

/* --- Collectible sell/edit flow: channel sections --- */
body.userprofile-page .channel-section {
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid var(--up-panel-border, #DCD3BF);
    border-radius: 5px;
    background: var(--up-surface, #F7F2E1);
}
body.userprofile-page .channel-section.hidden { display: none; }
body.userprofile-page .channel-title {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.1em;
}
body.userprofile-page .channel-description {
    color: var(--up-ink-soft, #666);
    margin-bottom: 15px;
    font-size: 0.9em;
}
body.userprofile-page .info-message {
    padding: 10px;
    background: var(--up-info-bg, #e7f3ff);
    border-left: 4px solid var(--up-info-accent, #2196F3);
    margin-top: 10px;
}
body.userprofile-page .readonly-field {
    background-color: var(--up-readonly-bg, #f5f5f5);
    cursor: not-allowed;
}
body.userprofile-page .sales-channel-mode-radios ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
body.userprofile-page .sales-channel-mode-radios li { margin-bottom: 0.5rem; }
body.userprofile-page .channel-fields { margin-left: 1rem; margin-top: 0.5rem; }
/* Radio labels on collectible edit forms (base .repro_radio look lives at the top
   of this file; this keeps the label flush + clickable like the custom-repro form) */
body.userprofile-page .e_card_form .repro_radio label {
    padding-left: 0;
    padding-top: 0;
    cursor: pointer;
}

/* --- Collectible step-3 submitted confirmation --- */
body.userprofile-page .success-message { text-align: center; padding: 40px 20px; }
body.userprofile-page .success-message .success-icon {
    font-size: 64px;
    color: var(--up-success-accent, #4CAF50);
    margin-bottom: 20px;
}
body.userprofile-page .success-message .success-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
    color: var(--up-ink, #333);
}
body.userprofile-page .success-message .success-text {
    font-size: 16px;
    color: var(--up-ink-soft, #666);
    margin-bottom: 30px;
    line-height: 1.6;
}
body.userprofile-page .action-buttons {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}
body.userprofile-page .action-buttons a {
    padding: 12px 24px;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
}
body.userprofile-page .action-buttons .btn-primary-custom {
    background: var(--up-primary-btn-bg, #948574);
    color: #fff;
}
body.userprofile-page .action-buttons .btn-primary-custom:hover {
    background: var(--up-primary-btn-bg-hover, #875D2A);
    color: #fff;
}
body.userprofile-page .action-buttons .btn-secondary-custom {
    background: var(--up-secondary-btn-bg, #D3D3D3);
    color: var(--up-ink, #333);
}
body.userprofile-page .action-buttons .btn-secondary-custom:hover {
    background: var(--up-secondary-btn-bg-hover, #B0B0B0);
    color: var(--up-ink, #333);
}

/* --- Success / confirmation two-column pages (send-email, unsubscribe) --- */
body.userprofile-page .success-col {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

/* --- Cart page: image placeholder (user_in_cart.html) --- */
body.userprofile-page .cart-image-placeholder {
    max-width: 100px;
    height: 100px;
    background-color: var(--up-placeholder-bg, #f8f9fa);
    border: 1px solid var(--up-placeholder-border, #dee2e6);
    display: flex;
    align-items: center;
    justify-content: center;
}
body.userprofile-page .cart-image-placeholder .cart-image-placeholder-icon {
    font-size: 24px;
    color: var(--up-placeholder-icon, #6c757d);
}

/* --- Generated-art page: image + placeholder --- */
body.userprofile-page .generated-art-image {
    max-height: 425px;
    width: 100%;
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.35) 10px 5px 10px;
}
body.userprofile-page .generated-art-placeholder {
    max-height: 425px;
    width: 100%;
    height: 300px;
    background-color: var(--up-placeholder-bg-strong, #f0f0f0);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(0, 0, 0, 0.35) 10px 5px 10px;
}

/* --- account/email_confirm.html: verification status alerts --- */
.email-confirm-alert {
    padding: 15px;
    border-radius: 5px;
}
.email-confirm-alert p { margin: 0; }
.email-confirm-alert .email-confirm-alert-sub {
    margin: 10px 0 0;
    font-size: 0.9em;
}
.email-confirm-alert i { margin-right: 8px; }
.email-confirm-alert.alert-success {
    background-color: var(--alert-success-bg, #d4edda);
    border-color: var(--alert-success-border, #c3e6cb);
    color: var(--alert-success-ink, #155724);
}
.email-confirm-alert.alert-warning {
    background-color: var(--alert-warning-bg, #fff3cd);
    border-color: var(--alert-warning-border, #ffeeba);
    color: var(--alert-warning-ink, #856404);
}
.email-confirm-alert.alert-danger {
    background-color: var(--alert-danger-bg, #f8d7da);
    border-color: var(--alert-danger-border, #f5c6cb);
    color: var(--alert-danger-ink, #721c24);
}
.btn-next--inline { display: inline-block; }

/* --- socialaccount/authentication_error.html: translucent card on photo bg --- */
body.auth-error-page .e_card_section .e_card_form {
    background: var(--auth-error-card-bg, #f1f1f1cf);
}

/* --- artwork_ecard.html: CKEditor message composer + preview pane ---
   Default left alignment so .e_card_section p { text-align: center } doesn't
   apply; editor alignment (right/center/justify) uses inline styles and wins.
   The #HTML_TO_SEND table keeps its inline styles: it is the e-mail payload. */
.ecard-message-editor-wrapper .ck-content p,
.ecard-message-editor-wrapper .ck-editor__editable p,
.ecard-preview-panel #content_message p {
    text-align: left;
}

/* --- artwork_diaporama.html: slide/scale/rotate/blur transition states ---
   (extracted from embedded <style>; the JS toggles these classes on
   .art_info_section). Scoped: .art_info_section is also used on artwork_info.
   The light/dark background stays in the template ({% if %} on a GET param). */
body.artwork-diaporama-page .art_info_section {
    opacity: 1;
    transform: translateX(0) translateY(0) scale(1) rotateX(0) rotateY(0);
    transition: all 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform-style: preserve-3d;
    perspective: 1000px;
}
body.artwork-diaporama-page .art_info_section.slide-out-left  { opacity: 0; transform: translateX(-120%) scale(0.9); }
body.artwork-diaporama-page .art_info_section.slide-in-right  { opacity: 1; transform: translateX(0) scale(1); }
body.artwork-diaporama-page .art_info_section.slide-out-right { opacity: 0; transform: translateX(120%) scale(0.9); }
body.artwork-diaporama-page .art_info_section.slide-in-left   { opacity: 1; transform: translateX(0) scale(1); }
body.artwork-diaporama-page .art_info_section.slide-out-up    { opacity: 0; transform: translateY(-100%) scale(0.95); }
body.artwork-diaporama-page .art_info_section.slide-in-down   { opacity: 1; transform: translateY(0) scale(1); }
body.artwork-diaporama-page .art_info_section.slide-out-down  { opacity: 0; transform: translateY(100%) scale(0.95); }
body.artwork-diaporama-page .art_info_section.slide-in-up     { opacity: 1; transform: translateY(0) scale(1); }
body.artwork-diaporama-page .art_info_section.scale-out       { opacity: 0; transform: scale(0.7) rotateZ(5deg); }
body.artwork-diaporama-page .art_info_section.scale-in        { opacity: 1; transform: scale(1) rotateZ(0deg); }
body.artwork-diaporama-page .art_info_section.scale-out-large { opacity: 0; transform: scale(1.3); }
body.artwork-diaporama-page .art_info_section.scale-in-small  { opacity: 1; transform: scale(1); }
body.artwork-diaporama-page .art_info_section.rotate-out-y    { opacity: 0; transform: rotateY(-90deg) scale(0.8); }
body.artwork-diaporama-page .art_info_section.rotate-in-y     { opacity: 1; transform: rotateY(0deg) scale(1); }
body.artwork-diaporama-page .art_info_section.rotate-out-x    { opacity: 0; transform: rotateX(90deg) scale(0.8); }
body.artwork-diaporama-page .art_info_section.rotate-in-x     { opacity: 1; transform: rotateX(0deg) scale(1); }
body.artwork-diaporama-page .art_info_section.diagonal-out-tl { opacity: 0; transform: translateX(-100%) translateY(-100%) scale(0.8) rotateZ(-10deg); }
body.artwork-diaporama-page .art_info_section.diagonal-in-br  { opacity: 1; transform: translateX(0) translateY(0) scale(1) rotateZ(0deg); }
body.artwork-diaporama-page .art_info_section.diagonal-out-tr { opacity: 0; transform: translateX(100%) translateY(-100%) scale(0.8) rotateZ(10deg); }
body.artwork-diaporama-page .art_info_section.diagonal-in-bl  { opacity: 1; transform: translateX(0) translateY(0) scale(1) rotateZ(0deg); }
body.artwork-diaporama-page .art_info_section.fade-blur-out   { opacity: 0; filter: blur(10px); transform: scale(1.05); }
body.artwork-diaporama-page .art_info_section.fade-blur-in    { opacity: 1; filter: blur(0px); transform: scale(1); }
body.artwork-diaporama-page .art_info_section.blur-rotate-scale-out {
    opacity: 0;
    filter: blur(8px);
    transform: scale(0.6) rotateZ(-15deg);
    transform-origin: center;
}
body.artwork-diaporama-page .art_info_section.blur-rotate-scale-in {
    opacity: 1;
    filter: blur(0px);
    transform: scale(1) rotateZ(0deg);
    transform-origin: center;
}
body.artwork-diaporama-page .art_info_section.blur-rotate-scale-reverse-out {
    opacity: 0;
    filter: blur(8px);
    transform: scale(0.6) rotateZ(15deg);
    transform-origin: center;
}
body.artwork-diaporama-page .art_info_section.blur-rotate-scale-reverse-in {
    opacity: 1;
    filter: blur(0px);
    transform: scale(1) rotateZ(0deg);
    transform-origin: center;
}

/* --- orders/photo_to_restyled_masterpiece_wait.html ---
   (extracted from inline styles + embedded <style>) */
body.photo-restyle-wait-page { opacity: 0.8; }
body.photo-restyle-wait-page .photo-restyle-wait-container {
    margin-top: 40px;
    margin-bottom: 40px;
}
body.photo-restyle-wait-page .photo-restyle-wait-heading {
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
}
body.photo-restyle-wait-page .photo-restyle-wait-subtext {
    text-align: center;
    font-size: 16px;
    color: var(--ptr-wait-muted, #666);
}
body.photo-restyle-wait-page textarea.form-control[readonly] {
    min-height: 120px;
    background-color: var(--ptr-wait-surface, #f8f9fa);
}
body.photo-restyle-wait-page #loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.10);
    z-index: 9999;
}
body.photo-restyle-wait-page .photo-restyle-wait-spinner {
    width: 5vw;
    height: auto;
}

/* --- artist_genome.html: empty state when no colour data exists --- */
.genome-wrap .genome-empty-state {
    text-align: center;
    padding: 80px 24px;
    font-family: var(--genome-serif, 'Cormorant Garamond', serif);
    font-size: 22px;
    color: var(--genome-muted, #7A7266);
    font-style: italic;
}

/* --- includes/artwork_similar_slider_section.html --- */
.artworksimilarslider ~ .swiper-button-next.swp_btn.swiper-button-disabled,
.artworksimilarslider ~ .swiper-button-prev.swp_btn.swiper-button-disabled {
    opacity: 0.3;
}
.artworksimilarslider .view_all_art .vincent_color {
    margin-top: 0;
    margin-bottom: 6px;
    text-align: center;
}

/* ==========================================================================
   PLATE OF AFFINITIES — similar-artworks study plate
   (apps/artworks/templates/artworks/artwork_similar_plate_of_affinities.html
    + static/js/plate_of_affinities.js)
   Shared structure/layout for the 8 brands. Brand identity comes ONLY from
   the --poa-* tokens defined per brand in each site-*-V1.9.css under
   .plate-of-affinities-page-shell. Every token has a neutral fallback.
   ========================================================================== */
.plate-of-affinities-page-shell {
    width: 100%;
    padding: 12px 160px 48px;
}
@media only screen and (min-width: 992px) and (max-width: 1500px) {
    .plate-of-affinities-page-shell {
        padding: 12px 60px 44px;
    }
}
@media only screen and (max-width: 991px) {
    .plate-of-affinities-page-shell {
        padding: 10px 20px 36px;
    }
    .plate-of-affinities-index__columns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.plate-of-affinities-empty-state {
    margin: 48px auto;
    text-align: center;
    font-family: var(--poa-serif-font, Georgia, 'Times New Roman', serif);
    font-style: italic;
    color: var(--poa-ink-muted, #6e675d);
}

/* --- The plate (figure = scale column + scrollable strip) ----------------- */
.plate-of-affinities-figure {
    display: flex;
    margin: 24px 5px 0;
    outline: 1px solid var(--poa-hairline, rgba(43, 38, 32, 0.18));
    outline-offset: 4px;
    border: 1px solid var(--poa-plate-border, rgba(43, 38, 32, 0.25));
}
.plate-of-affinities-scale-column {
    position: relative;
    flex: none;
    width: 46px;
    border-right: 1px solid var(--poa-hairline, rgba(43, 38, 32, 0.18));
}
.plate-of-affinities-scale-column__tick {
    position: absolute;
    right: 8px;
    font-family: var(--poa-serif-font, Georgia, 'Times New Roman', serif);
    font-size: 11px;
    color: var(--poa-ink-muted, #6e675d);
}
.plate-of-affinities-scale-column__tick--top { top: 48px; }
.plate-of-affinities-scale-column__tick--middle { top: 50%; }
.plate-of-affinities-scale-column__tick--bottom { bottom: 90px; }
.plate-of-affinities-scale-column__axis-name {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 220px;
    margin-left: -110px;
    text-align: center;
    transform: rotate(-90deg);
    transform-origin: center;
    font-family: var(--poa-serif-font, Georgia, 'Times New Roman', serif);
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--poa-ink-faint, rgba(43, 38, 32, 0.35));
    pointer-events: none;
}
.plate-of-affinities-scroll-strip {
    position: relative;
    flex: 1;
    height: 75vh;
    min-height: 360px;
    cursor: grab;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--poa-ink-faint, rgba(43, 38, 32, 0.35)) transparent;
}
.plate-of-affinities-scroll-strip--dragging {
    cursor: grabbing;
    scroll-behavior: auto;
    user-select: none;
}
.plate-of-affinities-scroll-strip:focus {
    outline: none;
}
.plate-of-affinities-scroll-strip:focus-visible {
    outline: 2px solid var(--poa-accent, #7a5c2e);
    outline-offset: -2px;
}
.plate-of-affinities-scroll-inner {
    width: max-content;
    height: 100%;
}
.plate-of-affinities-canvas {
    position: relative;
    width: 1700px;
    height: 100%;
}

/* --- Spine (5 anchors + 4 intermediary ticks + labels) -------------------- */
.plate-of-affinities-spine-baseline {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 44px;
    border-top: 1px solid var(--poa-hairline, rgba(43, 38, 32, 0.18));
}
.plate-of-affinities-spine-anchor {
    position: absolute;
    bottom: 38px;
    height: 12px;
    border-left: 1px solid var(--poa-ink-muted, #6e675d);
}
.plate-of-affinities-spine-anchor--1 { left: 10%; }
.plate-of-affinities-spine-anchor--2 { left: 30%; }
.plate-of-affinities-spine-anchor--3 { left: 50%; }
.plate-of-affinities-spine-anchor--4 { left: 70%; }
.plate-of-affinities-spine-anchor--5 { left: 90%; }
.plate-of-affinities-spine-midtick {
    position: absolute;
    bottom: 41px;
    height: 6px;
    border-left: 1px solid var(--poa-ink-faint, rgba(43, 38, 32, 0.35));
}
.plate-of-affinities-spine-midtick--1 { left: 20%; }
.plate-of-affinities-spine-midtick--2 { left: 40%; }
.plate-of-affinities-spine-midtick--3 { left: 60%; }
.plate-of-affinities-spine-midtick--4 { left: 80%; }
.plate-of-affinities-spine-label {
    position: absolute;
    bottom: 12px;
    transform: translateX(-50%);
    font-family: var(--poa-serif-font, Georgia, 'Times New Roman', serif);
    font-size: 12px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--poa-ink-muted, #6e675d);
    white-space: nowrap;
}
.plate-of-affinities-spine-label--1 { left: 10%; }
.plate-of-affinities-spine-label--2 { left: 30%; }
.plate-of-affinities-spine-label--3 { left: 50%; }
.plate-of-affinities-spine-label--4 { left: 70%; }
.plate-of-affinities-spine-label--5 { left: 90%; }
.plate-of-affinities-footnote-shelf {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 92px;
    display: none;
    border-top: 1px dashed var(--poa-shelf-line, rgba(43, 38, 32, 0.3));
}
.plate-of-affinities-footnote-shelf--visible {
    display: block;
}
.plate-of-affinities-footnote-shelf__label {
    position: absolute;
    top: 2px;
    left: 12px;
    font-family: var(--poa-serif-font, Georgia, 'Times New Roman', serif);
    font-size: 10px;
    font-style: italic;
    letter-spacing: 0.08em;
    color: var(--poa-ink-faint, rgba(43, 38, 32, 0.35));
}

/* --- Works pinned on the plate (positioned by plate_of_affinities.js) ----- */
.plate-of-affinities-work {
    position: absolute;
    display: block;
    transform: translateX(-50%);
    transform-origin: bottom center;
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.25s ease-out, box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    border: var(--poa-work-frame-width, 3px) solid var(--poa-work-frame, #8a8378);
    background: var(--poa-work-mat, #ffffff);
    box-shadow: var(--poa-work-shadow, none);
    cursor: pointer;
}
.plate-of-affinities-work__image {
    display: block;
    height: 64px;
    width: auto;
    max-width: 110px;
    object-fit: cover;
}
.plate-of-affinities-work:hover {
    border-color: var(--poa-work-frame-hover, var(--poa-accent, #7a5c2e));
    box-shadow: var(--poa-work-shadow-hover, 0 14px 30px -10px rgba(20, 16, 12, 0.45));
}
.plate-of-affinities-work--entering {
    animation: plate-of-affinities-work-enter 0.6s ease-out backwards;
}
@keyframes plate-of-affinities-work-enter {
    from { opacity: 0; }
    to { opacity: 1; }
}
.plate-of-affinities-work--centered {
    border-color: var(--poa-work-frame-hover, var(--poa-accent, #7a5c2e));
}
.plate-of-affinities-work--on-footnote-shelf {
    opacity: 0.8;
}

/* --- Study card (6-criteria match vector of the centered work) ------------ */
.plate-of-affinities-study-card {
    display: flex;
    gap: 20px;
    max-width: 780px;
    margin: 20px auto 0;
    padding: 16px 20px;
    background: var(--poa-card-bg, transparent);
    border-top: 1px solid var(--poa-hairline, rgba(43, 38, 32, 0.18));
    border-bottom: 1px solid var(--poa-hairline, rgba(43, 38, 32, 0.18));
    visibility: hidden;
}
.plate-of-affinities-study-card--populated {
    visibility: visible;
}
.plate-of-affinities-study-card--swap-animation {
    animation: plate-of-affinities-study-card-swap 0.28s ease-out;
}
@keyframes plate-of-affinities-study-card-swap {
    from { opacity: 0.35; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}
.plate-of-affinities-study-card__thumb-link {
    flex: none;
    align-self: flex-start;
    display: block;
    border: 3px solid var(--poa-work-frame, #8a8378);
    background: var(--poa-work-mat, #ffffff);
}
.plate-of-affinities-study-card__thumb-image {
    display: block;
    height: 96px;
    width: auto;
    max-width: 150px;
    object-fit: cover;
}
.plate-of-affinities-study-card__body {
    flex: 1;
    min-width: 0;
}
.plate-of-affinities-study-card__title-line {
    margin: 0 0 10px;
    font-family: var(--poa-serif-font, Georgia, 'Times New Roman', serif);
    font-size: 16px;
    color: var(--poa-ink, #2b2620);
}
.plate-of-affinities-study-card__title {
    font-style: italic;
}
.plate-of-affinities-study-card__meta {
    font-family: var(--poa-serif-font, Georgia, 'Times New Roman', serif);
    font-size: 13px;
    color: var(--poa-ink-muted, #6e675d);
}
.plate-of-affinities-study-card__criteria {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 28px;
}
.plate-of-affinities-study-card__criterion-label {
    font-family: var(--poa-serif-font, Georgia, 'Times New Roman', serif);
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--poa-ink-muted, #6e675d);
}
.plate-of-affinities-study-card__criterion-value {
    float: right;
    font-family: var(--poa-serif-font, Georgia, 'Times New Roman', serif);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    color: var(--poa-ink, #2b2620);
}
.plate-of-affinities-study-card__criterion-track {
    display: block;
    clear: both;
    height: 3px;
    margin-top: 3px;
    background: var(--poa-bar-track, rgba(43, 38, 32, 0.12));
    overflow: hidden;
}
.plate-of-affinities-study-card__criterion-fill {
    display: block;
    height: 100%;
    width: 0;
    background: var(--poa-bar-fill, #5a5346);
    transition: width 0.3s ease-out;
}
.plate-of-affinities-study-card__criterion--unmeasured {
    opacity: 0.5;
}

/* --- Academic index of works (server-rendered, SEO) ------------------------ */
.plate-of-affinities-index {
    margin: 32px 0 0;
}
.plate-of-affinities-index__columns {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px 28px;
}
.plate-of-affinities-index__column-heading {
    margin: 0 0 8px;
    font-family: var(--poa-serif-font, Georgia, 'Times New Roman', serif);
    font-size: 12px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--poa-ink-muted, #6e675d);
    border-bottom: 1px solid var(--poa-hairline, rgba(43, 38, 32, 0.18));
    padding-bottom: 6px;
}
.plate-of-affinities-index__list {
    margin: 0;
    padding-left: 22px;
    font-family: var(--poa-serif-font, Georgia, 'Times New Roman', serif);
    font-size: 13px;
    line-height: 1.7;
    color: var(--poa-ink, #2b2620);
}
.plate-of-affinities-index__work-link {
    font-family: var(--poa-serif-font, Georgia, 'Times New Roman', serif);
    color: var(--poa-ink, #2b2620);
    font-style: italic;
    text-decoration: none;
    border-bottom: 1px solid var(--poa-ink-faint, rgba(43, 38, 32, 0.35));
}
.plate-of-affinities-index__work-link:hover {
    color: var(--poa-accent, #7a5c2e);
    border-bottom-color: var(--poa-accent, #7a5c2e);
}
.plate-of-affinities-index__work-meta {
    font-family: var(--poa-serif-font, Georgia, 'Times New Roman', serif);
    color: var(--poa-ink-muted, #6e675d);
}

/* --- Responsive ------------------------------------------------------------ */
@media (max-width: 767px) {
    .plate-of-affinities-page-shell {
        padding: 8px 12px 36px;
    }
    .plate-of-affinities-canvas {
        width: 1300px;
    }
    .plate-of-affinities-scale-column {
        width: 34px;
    }
    .plate-of-affinities-work__image {
        height: 52px;
        max-width: 90px;
    }
    .plate-of-affinities-study-card {
        gap: 14px;
        padding: 12px 12px;
    }
    .plate-of-affinities-study-card__thumb-image {
        height: 72px;
        max-width: 110px;
    }
    .plate-of-affinities-study-card__criteria {
        grid-template-columns: minmax(0, 1fr);
    }
    .plate-of-affinities-index__columns {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Catalog list / list_category / groupby cards — full meta_description text */
.search_sec.catalog-list-page .custom_search .search_card .hover_visible p.catalog-card-meta-description,
.search_sec.artwork-list-page .custom_search .search_card .hover_visible p.catalog-card-meta-description,
.search_sec.catalog-categories-page .custom_search .search_card .hover_visible p.catalog-card-meta-description,
.search_sec.artwork-categories-page .custom_search .search_card .hover_visible p.catalog-card-meta-description,
.search_sec.article-list-page .article-list-grid .article-list-card__content p.catalog-card-meta-description,
.search_sec.catalog-groupby-page .showMainResulsImage p.catalog-card-meta-description,
.search_sec.article-groupby-page .showMainResulsImage p.catalog-card-meta-description,
.custom_search .artwork-catalog-card .artwork-catalog-card__content p.catalog-card-meta-description {
    display: block;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
    text-overflow: unset;
    max-height: none;
}

/* Catalog card hover panel — the panel is just the floating surface; horizontal
   inset is set per brand in site-*-V1.9.css alignment blocks; vertical inset
   (symmetric top/bottom) lives there too. Neutralises the global
   `.hover_visible { padding: 0 18px 25px }` base inset, which otherwise stacks
   on top of the inner content padding and pushes the snippet ~18px in from the
   body text (double padding). */
.custom_search .artwork-catalog-card .artwork-catalog-card__hover {
    padding: 0;
}
/* Cancel global .hover_visible margin-top — otherwise body bottom padding + 15px
   margin reads as double space above the snippet (notably on WahooArt). */
.custom_search .search_card.artwork-catalog-card .hover_visible.artwork-catalog-card__hover {
    margin-top: 0;
}

/* article_list hover panel — float below card without shifting grid rows */
.article-list-page .article-list-grid .article-list-card,
.search_sec.article-list-page .article-list-grid .article-list-card {
    overflow: visible; /* hover extends below card; image zoom clipped by __media */
    position: relative;
    padding: 0; /* reset global .search_card 25px 15px inset so hover matches card width */
}
.article-list-page .article-list-grid .article-list-card:hover,
.search_sec.article-list-page .article-list-grid .article-list-card:hover {
    z-index: 20; /* paint hover panel above cards in the row below */
}
.article-list-page .article-list-grid .article-list-card__inner,
.search_sec.article-list-page .article-list-grid .article-list-card__inner {
    position: static;
}
.article-list-page .article-list-grid .article-list-card__hover,
.search_sec.article-list-page .article-list-grid .article-list-card__hover {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 0;
    box-sizing: border-box;
    z-index: 1;
}