/* ============================================================================
   SHARED COMPONENT: warm form panel system (B6 vehicle) — STRUCTURE tier — from the 3 global files, original order
   Migrated 2026-07-05. Cluster: form_produc / valuation_form_box /
   consultation-form / btn-next / consultation_container / consultation_content —
   the shared entrance/manage/appraisal/consultation/funnel form chrome
   (26-63 templates → linked from the 8 base-*.html like the breadcrumb).
   Carries the --appraisal-* token system (see restyle8 art_appraisal notes).
   PHASE-A FIDELITY: verbatim relocation. Harness-diff before editing.
   ============================================================================ */
.consultation_content h6 {
	font-family: var(--font-title-accent);
	font-size: 4vh;
	font-weight: 400;
	line-height: 130%;
	color: #E8E5DC;
	text-align: center;
	position: relative;
	z-index:9;
}

.consultation_content h1 {
	font-family: var(--font-title);
	font-size: 8vh;
	line-height: 100%;
	font-weight: 400;
	color: #E8E5DC;
	text-align: center;
	position: relative;
z-index:9;
}

.consultation_content p {
	margin: 33px 85px;
	font-size: 14px;
	line-height: 24px;
	color: #E8E5DC;
	text-align: center;
	position: relative;
z-index:9;
}

.consultation_container {
	width: 100%;
	height: 100%;
}

.consultation_container ul.breadcrumb-navigation-list li,
.consultation_container ul.breadcrumb-navigation-list li a {
	color: #EDE9DE;
}

.btn-next {
	min-width: 100px;
}

.btn-next {
	width: 200px;
	height: 50px;
	font-family: var(--font-body);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
}

.btn-next.btn-next {
	background: #875D2A;
	color: #EDE9DE;
	border: 1px solid #835e2c;
}

.form_produc .image-upload-box {
	width: 150px;
	height: 180px;
}

.search_more a.btn-next {
    width: 100%;
    height: auto;
    display: inline-block;
    border: 1px solid #875D2A;
    background: transparent;
    color: #875D2A;
    padding: 15px;
    transition: 0.4s;
}

.atlas-page .consultation_content h1 {
  max-width:100%;
  overflow-wrap:break-word;
  text-align:center;
}

.atlas-page .full_width_hero_banner_with_background_image .consultation_content h1 a,
.atlas-page .full_width_hero_banner_with_background_image .consultation_content h1 a:hover,
.atlas-page .full_width_hero_banner_with_background_image .consultation_content h1 a:focus {
  color:inherit;
  text-decoration:none;
}

.chr-page .consultation_content h1 {
  max-width: 100%;
  overflow-wrap: break-word;
  text-align: center;
}

.chr-page .full_width_hero_banner_with_background_image .consultation_content h1 a,
.chr-page .full_width_hero_banner_with_background_image .consultation_content h1 a:hover {
  color: inherit;
  text-decoration: none;
}

.spectral-page .consultation_content h1 {
  max-width:100%;
  overflow-wrap:break-word;
  text-align:center;
}

.spectral-page .full_width_hero_banner_with_background_image .consultation_content h1 a,
.spectral-page .full_width_hero_banner_with_background_image .consultation_content h1 a:hover,
.spectral-page .full_width_hero_banner_with_background_image .consultation_content h1 a:focus {
  color:inherit;
  text-decoration:none;
}

.artist-hero-banner .consultation_content h1,
.atlas-page .consultation_content h1,
.chr-page .consultation_content h1,
.tl-page .consultation_content h1,
.spectral-page .consultation_content h1 {
  max-width: 100%;
  overflow-wrap: break-word;
  text-align: center;
}

.artist-hero-banner .consultation_content h1 a,
.artist-hero-banner .consultation_content h1 a:hover,
.artist-hero-banner .consultation_content h1 a:focus,
.atlas-page .full_width_hero_banner_with_background_image .consultation_content h1 a,
.atlas-page .full_width_hero_banner_with_background_image .consultation_content h1 a:hover,
.atlas-page .full_width_hero_banner_with_background_image .consultation_content h1 a:focus,
.chr-page .full_width_hero_banner_with_background_image .consultation_content h1 a,
.chr-page .full_width_hero_banner_with_background_image .consultation_content h1 a:hover,
.tl-page .consultation_content h1 a,
.tl-page .consultation_content h1 a:hover,
.spectral-page .full_width_hero_banner_with_background_image .consultation_content h1 a,
.spectral-page .full_width_hero_banner_with_background_image .consultation_content h1 a:hover,
.spectral-page .full_width_hero_banner_with_background_image .consultation_content h1 a:focus {
  color: inherit;
  text-decoration: none;
}

.form_produc {
	margin-top: 28px;
	background: #E8E2CD;
	border: 1px solid #DCD3BF;
	padding: 20px;
}

.form_produc 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;
}

.form_produc .repro_radio label {
    padding-left: 0;
    padding-top: 0;
}

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

.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_box .btn-next {
width:100%;
}

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

.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;
}

.art-appraisal-page .valuation_form_box p {
    color: var(--appraisal-help-text, #3E342A);
}

.art-appraisal-page .form_produc {
    background: var(--appraisal-panel-bg, #E8E2CD);
    border-color: var(--appraisal-panel-border, #DCD3BF);
}

.valuation_form_box #id_email {
    padding: 15px 10px 15px;
}

.valuation_form_box p a {
	color: #875D2A;

}

.consultation_content {
    height: 92.5%;
    display: flex
;
    width: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.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;
}

@media (min-width: 576px) {
.consultation_container {
    max-width: 540px;
  }

}
@media (min-width: 768px) {
.consultation_container {
    max-width: 720px;
  }

}
@media (min-width: 992px) {
.consultation_container {
    max-width: 960px;
  }

}
@media (min-width: 1200px) {
.consultation_container {
    max-width: 1140px;
  }

}
@media (min-width: 1400px) {
.consultation_container {
    max-width: 1320px;
  }

}
.full_width_hero_banner_with_background_image .consultation_content h1 {
	max-width: 100%;
	overflow-wrap: break-word;
	text-align: center;
}

.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;
}

.btn-next--inline { display: inline-block; }

@media only screen and (max-width: 991px) {
.consultation_content h6 {
		font-size: 1.5vh;
	}

.consultation_content h1 {
		font-size: 3vh;
	}

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.artist_by_section .consultation_content h1 {
        font-size: 43px;
        line-height: 46px;
    }

.artist_by_section .consultation_content p {
        margin: 33px 6px;
    }

}
@media only screen and (max-width: 767px) {
.consultation_container {
		padding: 20px 30px 0px;
	}

}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.artist_by_section .consultation_content h1 {
        font-size: 33px;
        line-height: 36px;
    }

.artist_by_section .consultation_content p {
        margin: 33px 6px;
    }

}
@media screen and (max-width: 575px) {
.consultation_content h6 {
    font-size: 38px;
    line-height: 100%;
}

.btn-next {
		font-size: 11px;
		height: 42px;
	}

.consultation_content.swiper-caption2 {
		width: 100%;
	}

.consultation_content h1 {
		font-size: 51px;
		line-height: 46px;
	}

}
@media screen and (min-width: 480px) and (max-width: 575px) {
.artist_by_section .consultation_content h1 {
		font-size: 43px;
		line-height: 43px;
	}

}
@media screen and (min-width: 270px) and (max-width: 479px) {
.artist_by_section .consultation_content h1 {
		font-size: 35px;
		line-height: 39px;
	}

.consultation_content h1 {
		font-size: 32px;
		line-height: 120%;
	}

.consultation_content p {
		margin: 0;
	}

}

/* Baseline-fidelity pin (B6): the hero-banner breadcrumb ink (global-custom)
   used to win by source order over the .consultation_container breadcrumb ink
   that moved into this file. Re-assert the hero value (WK's site !important
   hero overrides still win above this, as before). */
.full_width_hero_banner_with_background_image ul.breadcrumb-navigation-list li a,
.full_width_hero_banner_with_background_image ul.breadcrumb-navigation-list li {
	color: #E8E5DC;
}


/* ============================================================================
   RULE-4 RE-ASSERTION (2026-07-06, caught by the C6 immersive HEAD-ref diff):
   `.top100_banner h1` (kept in global-custom) used to beat the
   `.consultation_content h1` rules moved into this base-linked file (B6) by
   SOURCE ORDER. On hero banners that pair both scopes (artist immersive
   pages), the move flipped the winner. Repeat the kept winner here, after
   the moved rules.
   ========================================================================= */
.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;
}
@media (max-width: 992px) {
	.top100_banner h1 {
		font-size: 70px;
	}
}

/* ============================================================================
   SHARED LEGACY FORM FAMILY (2026-07-06): e_card_form / e_card_section /
   add_tocart_btn / art_quize_section - the shared form panel + quiz section
   used by ~35 templates (buy pages, user forms, checkout, detail pages).
   Folded into this base-linked component from the globals, original order.
   ========================================================================= */

.error-404 .e_card_form {
   max-width: 100%;
}

.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%;
}

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

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

.manual_cstm__box .add_tocart_btn {
	padding: 0px;
	width: 30%;
}

.manual_cstm__box .add_tocart_btn button {
	font-size: 13px;
	padding: 0px;
	height: 56px;
}

.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;
}

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

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

.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;
}

.e_card_form .form_heading {
font-size:40px;
padding-bottom:16px;
}

.e_card_form .form_content {
font-size:18px;
}

.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;
}

.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 */
}

.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; 
}

.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; 
}

@media screen and (min-width: 1024px) {
  .e_card_form form {
    max-width: 600px;
    /* margin: auto; */
     width: 600px; 
}

}
@media (max-width: 768px) {
  .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;
}

}
@media (max-width: 992px) {
  .e_card_form {
    width: -webkit-fill-available;
}

}
.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 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;
}

body.collectible-edit-page .e_card_section .e_card_form {
    display: block;
    padding: 32px 40px;
}

body.collectible-edit-page .e_card_form form {
    max-width: 720px;
    margin: 0;
}

body.collectible-edit-page .e_card_form .form_heading {
    text-align: left;
    font-size: 22px;
    line-height: 1.3;
    margin-top: 26px;
    margin-bottom: 8px;
    padding-bottom: 6px;
}

body.collectible-edit-page .e_card_form .form_content {
    text-align: left;
    font-size: 15px;
}

body.collectible-edit-page .e_card_form .ck.ck-content,body.collectible-edit-page .e_card_form .ck.ck-content h1,body.collectible-edit-page .e_card_form .ck.ck-content h2,body.collectible-edit-page .e_card_form .ck.ck-content h3,body.collectible-edit-page .e_card_form .ck.ck-content p,body.collectible-edit-page .e_card_form .ck.ck-content ul,body.collectible-edit-page .e_card_form .ck.ck-content ol,body.collectible-edit-page .e_card_form .ck.ck-content li {
    text-align: left;
}

body.collectible-edit-page .e_card_form .repro_radio {
    margin-bottom: 10px;
    gap: 10px;
}

body.auth-error-page .e_card_section .e_card_form {
    background: var(--auth-error-card-bg, #f1f1f1cf);
}

body.error-general-page .e_card_section .e_card_form {
    background: var(--error-card-bg, rgba(241,241,241,0.81)) !important;
}

body.error-404-page .e_card_section .e_card_form {
    background: var(--error-card-bg, rgba(255,255,255,0.95));
}

@media only screen and (min-width: 1700px) {
  .e_card_form {
/*     max-width: 83%; */
margin: 0 auto;
}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .partnership_page .add_tocart_btn {
		width: 100%;
	}

  .manual_cstm__box .add_tocart_btn {
		width: 100%;
	}

}
@media only screen and (max-width: 767px) {
  .e_card_form .form-control {
    width: 100%;
    margin-top: 8px;
    background: #F7F2E1;
    border: unset;
    padding: 12px 11px;
    color: #3E342A;
    font-size: 14px;
    font-weight: 400;
    border-radius: 0px;
}

  .valuation_request .add_tocart_btn {
    margin-top: 25px;
}

}
@media screen and (min-width: 270px) and (max-width: 479px) {
  .partnership_page .add_tocart_btn {
		width: 100%;
	}

  .manual_cstm__box .add_tocart_btn {
		width: 100%;
	}

  .e_card_section {
    margin-bottom: 24px;

}

  .add_tocart_btn button {
		font-size: 13px;
		line-height: 17px;
	}

}

/* -- jQuery UI DATEPICKER THEME (2026-07-06): JS-injected widget markup (census-invisible); base-linked coverage - verbatim, original order -- */

span.ui-datepicker-month {
	color: #3E342A;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.ui-datepicker th {
	font-weight: 400;
	font-size: 14px;
	color: #3E342A99;
	line-height: 20px;
}

span.ui-datepicker-year {
	display: none;
}

.ui-datepicker td span,.ui-datepicker td a {
	text-align: center;
}

.ui-datepicker .ui-datepicker-header {
	display: flex;
	justify-content: center;
	align-items: center;
}

.ui-datepicker .ui-datepicker-title {
	width: 20%;
}

.ui-datepicker .ui-datepicker-prev {
	left: 78px;
	top: 3px;
}

.ui-datepicker .ui-datepicker-next {
	right: 78px;
	top: 3px;
}


/* ============================================================================
   RULE-4 RE-ASSERTION (2026-07-06): the kept `.btn{font-weight:600}`
   (global-custom) used to beat the moved `.btn-next{font-weight:500}` by
   source order. Repeat the kept winner for the affected compound.
   ========================================================================= */
.btn.btn-next {
	font-weight: 600;
}