/* ============================================================================
   SITE CHROME: header + top bar + footer + bottom bar (D1/D2/D3) - STRUCTURE
   tier - from the global files, original order. BASE-LINKED x8 right after the
   brand css link. 204 chrome-exclusive classes from the 48
   base_<brand>_{header,header_links,top_bar,footer,footer_links,bottom_bar}
   includes. Migrated 2026-07-06. PHASE-A FIDELITY: verbatim relocation.
   ========================================================================= */

.container_content {
	background-color: var(--site-topbar-bg, #504943);
}

.topbar_menu {
    display: flex;
    gap: 30px;
    align-items: center;
}

.top-bar {
	color: #fff;
	font-size: 14px;
	padding: 10px 0px;
}

.top-bar a {
	color: #EDE9DE;
	text-decoration: none;
	font-family: var(--font-body);
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
}

.topright_side {
    display: flex;
    gap: 24px;
    align-items: center;
}

.topright_side a {
	font-family: var(--font-body);
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #EDE9DE;

}

.header_container {
	background-color: var(--site-header-bg, #EDE9DE);
	position: relative;
	z-index: 1000;
	overflow: visible;
}

.main-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:20px 0;
}

.search-bar {
	width: 420px;
	position: relative;
	min-width: 420px;
}

.search-bar input {
	border-radius: 0;
	padding: 5px 10px;
	margin: auto;
	background: #E4DDC7;
	height: 48px;
	border: 1px solid #CCC3AE;
	outline: none;
	box-shadow: none;
	padding-left: 40px;
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #3E342A;
}

.search-bar input:focus,.search-bar input:autofill,.search-bar input:-webkit-autofill,.search-bar input:-webkit-autofill:hover {
	background-color: #FFFCF3;
}

.search-bar input::placeholder {
	color: #3E342A66;
}

.search-bar img {
	top: 15px;
	position: absolute;
	left: 14px;
}

.search-bar form {
	position: relative;
}

.search-bar .voice-search-microphone-button {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.search-bar form:has(.voice-search-microphone-button) input[name="q"] {
	padding-right: 36px;
}

.search-bar form:has(.bpa-search-btn) .voice-search-microphone-button {
	right: 48px;
}

.search-bar form:has(.bpa-search-btn):has(.voice-search-microphone-button) input[name="q"] {
	padding-right: 72px;
}

.ti-search,.aps-navbar__search {
	position: relative;
}

.ti-search .voice-search-microphone-button {
	position: absolute;
	right: 44px;
	top: 50%;
	transform: translateY(-50%);
	width: auto;
	height: auto;
}

.ti-search:has(.voice-search-microphone-button) input[name="q"] {
	padding-right: 36px;
}

.aps-navbar__search .voice-search-microphone-button {
	position: absolute;
	right: 58px;
	top: 50%;
	transform: translateY(-50%);
}

.consultation {
	font-family: var(--font-body);
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	margin-right: 24px;
	color: #8a5723;
	font-weight: bold;
	text-decoration: none;
}

.icon-group {
	display: flex;
	align-items: center;
	gap: 10px;
}

.navbar {
    background-color: var(--site-nav-bg, #EDE9DE);
	padding:0;
	border-bottom: 1px solid var(--site-nav-border, #CCC2AE);
	border-top: 1px solid var(--site-nav-border, #CCC2AE);
	position: relative;
	z-index: 1001;
	overflow: visible;
}

.nav-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    gap: 30px;
    justify-content: space-between;
    width: 100%;
}

.nav-menu>li {
	position: relative;
	padding:20px 0;
}

.nav-menu>li>a {
	font-family: var(--font-body);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	color: #3E342A;
	text-decoration: none;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.nav-menu .dropdown:hover .dropdown-content,.wa-nav .dropdown:hover .dropdown-content {
	display: none;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.nav-menu .dropdown .dropdown-content,.wa-nav .dropdown .dropdown-content {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.nav-menu .dropdown.dropdown-open .dropdown-content,.nav-menu .dropdown.dropdown-closing .dropdown-content,.wa-nav .dropdown.dropdown-open .dropdown-content,.wa-nav .dropdown.dropdown-closing .dropdown-content {
	display: block;
}

.nav-menu .dropdown.dropdown-open:not(.dropdown-closing) .dropdown-content,.wa-nav .dropdown.dropdown-open:not(.dropdown-closing) .dropdown-content {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition: none;
}

.nav-menu .dropdown.dropdown-closing .dropdown-content,.wa-nav .dropdown.dropdown-closing .dropdown-content {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

.nav-menu .dropdown > a.nav-dropdown-toggle {
	cursor: pointer;
}

.nav-menu > li.dropdown::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	height: 20px;
	pointer-events: auto;
}

.nav-menu>li:first-child {
	padding-right: 51px;
	margin-right: -51px;
}

.nav-menu>li:last-child {
	padding-left: 51px;
	margin-left: -51px;
}

.nav-menu>li:not(:first-child):not(:last-child) {
	padding-left: 25px;
	padding-right: 25px;
	margin-left: -25px;
	margin-right: -25px;
}

.dropdown-content.full-width {
    display: none;
    position: absolute;
    top: 60px;
    left: 0%;
    width: max-content;
    background-color: #EDE9DE;
    padding: 40px;
    z-index: 1002;
    transform: translateX(-45%);
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

.dropdown:first-child .dropdown-content.full-width {
    left: 0;
    transform: translateX(0);
}

.dropdown:last-child .dropdown-content.full-width {
    right: 0;
    left: auto;
    transform: translateX(0);
}

.dropdown-inner {
    display: flex;
    max-width: 1200px;
    gap: 40px;
    flex-wrap: wrap;
}

.column {
	display: flex;
	flex-direction: column;
	gap: 15px;
	min-width: 220px;
}

.column a {
	font-family: var(--font-body);
	font-weight: 500;
	font-size: clamp(16px , 0.938vw , 18px);
	line-height: 15px;
	color: #3E342A;
	text-decoration: none;
}

.footer_sec {
	background: var(--site-footer-bg, #2E2823);
	padding-top: 60px;
	border-bottom: 1px solid var(--site-footer-border, #EDE9DE33);
}

.ft_heading {
	font-family: var(--font-title);
	font-weight: 400;
	font-size: 25px;
	line-height: 36px;
	text-transform: capitalize;
	color: #EDE9DE;
}

.ft_pera {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #EDE9DE;
	margin: 20px 0 40px;
}

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

.social_icons {
	margin-top: 40px;
	display: flex;
	gap: 25px;
}

.links_heading {
	font-family: var(--font-body);
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	color: #EDE9DE;
	opacity: 0.5;
	margin-bottom: 20px;
}

.footer_list {
	padding: 0px;
}

.footer_list li {
	margin-bottom: 5px;
}

.footer_list a {
	font-family: var(--font-body);
	font-weight: 500;
	font-size: 15px;
	line-height: 24px;
	color: #EDE9DE;
	text-decoration: none;
	opacity: 0.8;
}

.paymentList {
	padding: 0;
	display: flex;
	gap: 5px;
	margin: 0;
}

.copyRight_sec {
	background: var(--site-copyright-bg, #2E2823);
	padding: 20px 0;
	display: flex;
}

.copyRight_sec,.copyRight_sec  a {
	font-size: 16px;
font-weight: 400;
	color: #EDE9DE;
}

.rightSide {
	display: flex;
	align-items: center;
}

.copyRight_sec span {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 15px;
	color: #EDE9DE;
	opacity: 0.8;
}

.copyRight_text {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 15px;
	color: #EDE9DE;
	opacity: 0.6;
	margin-left: auto;
	text-align: right;
}

.user-menu-wrapper {
width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E4DDC7;
    border-radius: 50%;
}

.user-menu-wrapper .aps-user-initial {
	font-family: var(--font-body);
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	color: inherit;
	user-select: none;
	letter-spacing: -0.02em;
}

.user-menu-wrapper .aps-user-initial--compact {
	font-size: 15px;
}

.user-menu-wrapper > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: inherit;
}

@media (min-width: 992px) {
  .mobile_menu_toggle {
display:none;
}

}
@media (min-width: 768px) {
  .popup-content {
padding:0 80px;
}

}
@media (max-width: 567px) {
  .subscription-popup-custom .popup-content-modal-window-centered-positioning-active-state {
    max-width: 340px;
}

}
@media (max-width: 768px) {
  .nav-menu>li:last-child {
	padding-left: 0;
	margin-left: 0;
}

  .subscription-popup-custom .popup-content-modal-window-centered-positioning-active-state {
    max-width: 440px;
}

}
@media (max-width: 991px) {
  .dropdown-content.full-width {
    position: relative;
    top: 0;
    left: 0%;
    width: fit-content;
    padding: 16px;
    margin-top: 7px;
    z-index: 999;
    transform: translateX(0%);
}

}
@media (max-width: 992px) {
  .popup-badge {

    display: none;

}

}
@media (max-width: 768px) {
  .popup-body h3 {
    color: #EDE9DE;
    font-size: 36px;
    margin-bottom: 14px;
    line-height: 120%;
}

  .popup-badge {

    display: none;

}

  .btn-popup {
    border: 1px solid #F0B653;
    font-weight: 500;
    font-size: 14px;
    width: max-content;
    color: #F0B653;
    padding: 10px 16px;

}

  .popup-content {
padding: 34px;
}

  .popup-body {
    background-color: #504943;
}

  .dropdown-inner {
    flex-direction: column;
    gap: 16px;

}

  .dropdown-inner .column {
    border-right:0;
    padding-right: 0px;
    min-width: fit-content;
}

  .column a {
font-size: 13px;
}

}
#art-suggestions-popup .popup-content.popup-content-modal-window-centered-positioning-active-state {
    max-width: min(960px, calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.btn-popup {
    border: 1px solid #F0B653;
    font-family: var(--font-body);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    width: fit-content;
    color: #F0B653;
    padding: 13px 20px;
    display: flex;
    margin: auto;
    text-decoration: none;
    background-color: transparent;
    border-radius: 0;
}

.popup-badge {
    height: 70px;
    position: absolute;
    top: -21px;
    width: 96px;
    left: 50%;
    transform: translateX(-50%);
}

button.popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    background-color: transparent;
    border: none;
    color: #EDE9DE;
    width: auto;
    font-size: 30px;
    z-index: 10;
    cursor: pointer;
}

.popup-body h3 {
    color: #EDE9DE;
    font-family: var(--font-title);
    font-weight: 400;
    font-style: Regular;
    font-size: 56px;
    margin-bottom: 24px;
    leading-trim: NONE;
    line-height: 56px;
    letter-spacing: 0%;
    text-align: center;
}

.popup-body {
    background-color: #504943;
}

.popup-body .form-control {
    background-color: #F7F2E1;
    border-radius: 0;
    color: #3E342A;
}

.popup-body .form-control::placeholder {

    color: #3E342A;

}

.popup-body .pop-para {
    font-family: var(--font-body);
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
color:#EDE9DE;
    leading-trim: NONE;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    
}

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

a.mouseover_effect_texts {
    transition: color 0.25s ease, opacity 0.25s ease;
}

a.mouseover_effect_texts:hover {
    opacity: 0.8;
}

.aps-cart-icon-wrap {
    position: relative;
    display: inline-flex;
}

.aps-cart-count-badge {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 9px;
    background: #c0392b;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    pointer-events: none;
}

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

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

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

.mobile_consultation a {
color:#8a5723;
}

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

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

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

@media (max-width: 768px) {
  .gap-sm-2 {
gap:10px;
}

}
.dropdown-inner .column {
    border-right: 1px solid #D5CBA9;
    padding-right: 40px;
}

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

@media only screen and (min-width: 992px) and (max-width: 1500px) {
  .dropdown:nth-child(2) .dropdown-content.full-width {
    left: 0;
  transform: translateX(-29%);
}

  .footer_sec {
		padding-top: 60px ;
	}

  .copyRight_sec {
		padding: 20px 0;
	}

}
@media only screen and (min-width: 992px) and (max-width: 1268px) {
  .search-bar input {
		width: 100%;
	}

  .nav-menu>li>a {
		font-size: 12px;
	}

  .nav-menu {
		gap: 16px
	}

  .search-bar {
		width: 30%;
		min-width: 30%;
		max-width: 30%;
	}

}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
  .consultation_btn {
    font-size: 13px;
}

}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .copyRight_sec span {
		font-size: 13px;
	}

  .copyRight_text {
		font-size: 13px;
	}

  .consultation_btn {
		font-size: 13px;
	}

}
@media only screen and (min-width: 992px) {
  .side_nav.open {
		display: none;
	}

  .mobile-menu-overlay {
		opacity: 0;
	}

}
@media only screen and (max-width: 991px) {
  .container_content {
		display: none;
	}

  .navbar {
		display: none;
	}

  .rightSide {
		display: block;
		text-align: center;
	}

  .footer_sec {
		padding-top: 70px;
	}

  .copyRight_sec {
		padding: 16px 0px;
		display: block;
	}

  .copyRight_text {
		text-align: center;
		margin-top: 5px;
	}

  .paymentList {
		justify-content: center;
		margin-bottom: 11px;
	}

  .search-bar input {
		width: 100%;
	}

  .menu_icon {
		display: block;
	}

  .side_nav {
		display: block;
	}

  .logo {
		margin-left: 0px;
	}

  .search-bar {
		width: 36%;
		min-width: 36%;
		max-width: 36%;
	}

  .mobile_consultation {
		display: none;
	}

  .side_inner-nav {
		display: block;
	}

  .side_inner-nav ul.nav-menu {
		display: block;
		margin-top: 47px;
	}

  .side_inner-nav .nav-menu>li {
		margin-bottom: 12px;
    padding:0;
	}

  .side_inner-nav .top-bar a {
		color: #3E342A;
		text-transform: uppercase;
		font-weight: 500;
		font-size: 14px;
		margin-bottom: 12px;
	}

  .side_inner-nav .top-bar {
		display: block;
	}

  .topbar_menu {
		display: block;
	}

  .topbar_menu a {
		width: 100%;
		display: block;
	}

  ..side_inner-nav .mobile_consultation a {
color:#875D2A;
}

  .side_inner-nav .mobile_consultation {
		display: block;
		font-size: 14px;
	}

  .topright_side {
		gap: 8px;
	}

  .ft_heading {
		font-size: 20px;
		line-height: 29px;
	}

  .consultation_btn {
		font-size: 10px;
	}

  .social_icons {
		gap: 16px;
	}

}
@media only screen and (min-width: 1520px) {
  .dropdown:nth-child(2) .dropdown-content.full-width {
    left: 0;
  transform: translateX(-30%);
}

}
@media only screen and (max-width: 767px) {
  .main-header {
    padding: 14px 0;
}

  .nav-menu>li {
    position: relative;
    padding: 0 0 7px;
    margin-bottom: 12px;
    border-bottom: 1px solid #875D2A;
}

  .nav-menu>li>a {
    font-size: 13px;
}

  .search-bar input {
		padding-left: 26px;
		font-size: 13px;
	}

  .search-bar img {
		left: 11px;
		width: 11px;
	}

  .logo img {
		width: 120px;
    height: auto;
	}

  .search-bar input {
		height: 40px;
	}

  .icon-group img {
		width: 34px;
		height: 34px;
	}

  .menu_icon {
		width: 34px;
		height: 34px;
		line-height: 34px;
		font-size: 11px;
	}

  .footer_container {
		text-align: center;
	}

  .social_icons {
		justify-content: center;
	}

}
@media screen and (min-width: 576px) {
  .side_inner-nav .search-bar {
		display: none;
	}

}
@media screen and (max-width: 575px) {
  .user-menu-wrapper {
    width: 34px;
    height: 34px;
}

  .user-menu-wrapper .aps-user-initial {
    font-size: 14px;
}

  .user-menu-wrapper .aps-user-initial--compact {
    font-size: 12px;
}

  .search-bar {
		display: none;
	}

  .side_inner-nav .search-bar {
		display: block;
		margin: 0px;
		margin-top: 40px;
	}

  .search-bar {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}

  .side_inner-nav ul.nav-menu {
		margin-top: 15px;
	}

}
@media screen and (min-width: 270px) and (max-width: 479px) {
  .logo img {
		width: 125px;
	}

}