.msp-calculator{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
@media only screen and (max-width: 600px) {
	.entry-content{
		padding-top: 0px;
	}
}
.msp-calculator .calculator-d-none{
	display: none !important;
}

.msp-calculator .calculator-row{
 	display: flex;
    flex-direction: row;
	gap: 30px;
}
@media only screen and (max-width: 600px) {
	.msp-calculator .calculator-row{
		display: grid;
	}
}
.msp-calculator select.select2-hidden-accessible{
	width: 1px !important;
}
.msp-calculator .calculator-row .calculator-column{
	max-width: 100%;
}
@media only screen and (max-width: 600px) {
	.msp-calculator .calculator-row{
		flex-direction: column;
	}
	.msp-calculator .calculator-row.frames{
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 15px;
	}
	.msp-calculator .calculator-row.lightning-type{
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 15px;
	}
}

.msp-calculator .calculator-row.shapes{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

@media only screen and (max-width: 600px) {
	.msp-calculator .calculator-row.shapes{
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
}

.msp-calculator .calculator-row.shapes .calculator-column{
	text-align: center;
}

.msp-calculator .calculator-row.sizes .calculator-column:not([shape-key-available="circle"]) {
  flex: 1; 
}

.msp-calculator .calculator-row.sizes .calculator-column[shape-key-available="circle"] {
  flex: 1 0 100%; 
}

.msp-calculator .calculator-row.frames .calculator-column{
	flex: 1;
	
	text-align: center;
}

.msp-calculator .calculator-row.frame-size .calculator-column{
	flex: 1;
	gap: 10px;
    display: flex;
    flex-direction: column;
}

.msp-calculator .calculator-row.lightning-type .calculator-column{
	flex: 1;
	text-align: center;
}

.msp-calculator .calculator-row.lightning-back, .msp-calculator .calculator-row.lightning-front{
	flex-direction: column;
}

.msp-calculator .calculator-sub-row.lightnings{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}

.checkbox-input input[type="checkbox"]{
	opacity: 0;
}

@media only screen and (max-width: 600px) {
	.msp-calculator .calculator-sub-row.lightnings{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.msp-calculator .calculator-row.ligthning-stats{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
@media only screen and (max-width: 600px) {
	.msp-calculator .calculator-row.ligthning-stats{
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
.msp-calculator .calculator-row.additional .calculator-column{
	flex: 1;
	gap: 10px;
    display: flex;
    flex-direction: column;
	min-width: 0;
	max-width: 100%;
}

.msp-calculator .calculator-row.ligthning-stats .calculator-column{
	flex: 1;
	gap: 10px;
    display: flex;
    flex-direction: column;
}

.msp-calculator .calculator-row.lightning-type{
	gap: 15px;
}

.msp-calculator button{
	display: flex;
	flex-direction: column;
	text-align: center;
}

.msp-calculator input[type="number"]{
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
}

.msp-calculator .calculator-row.sizes .calculator-column{
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.msp-calculator .checkbox-input{
	display: flex;
	flex-direction: row;
	gap: 15px;
}

.msp-calculator .blocked{
	opacity: .4;
}

.msp-add-to-cart-container .wc-forward{
	display: none;
}

.msp-calculator label{
	font-weight: 600;
	display: flex;
	gap: 10px;
}

.msp-calculator label img{
	width: 24px;
}

.title-calculator{
	font-size: 22px;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 0px;
}

.custom-input{
	display: flex;
    flex-direction: column;
    gap: 10px;
}

.shapes button, .frames button, .lightning-type button{
	padding: 5px;
	border-radius: 20px;
	overflow: hidden;
	background-color: #f6f5f8;
	color: #242424;
	font-size: 15px;
	font-weight: 600;
	border: 2px solid #f6f5f8;
}
.shapes button p, .frames button p, .lightning-type button p{
	margin-bottom: 0px;
	margin-top: 5px;
}

.shapes .is-active button, .frames .is-active button, .lightning-type .is-active button{
	background-color: rgb(215, 235, 245);
	border: 2px solid rgb(215, 235, 245);
	color: #014b8f;
}

.shapes button img, .frames button img, .lightning-type button img{
	border-radius: 20px;
}


.msp-accessories-row{
	display: none !important;
}

.msp-calculator input[type='email'], 
.msp-calculator input[type='date'], 
.msp-calculator input[type='search'], 
.msp-calculator input[type='number'], 
.msp-calculator input[type='text'], 
.msp-calculator input[type='tel'], 
.msp-calculator input[type='url'], 
.msp-calculator input[type='password'], 
.msp-calculator select,
.msp-calculator .select2-container--default .select2-selection--single{
	padding: 0 15px !important;
    max-width: 100% !important;
    width: 100% !important;
    height: 42px !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 35px !important;
    background-color: #f6f5f8 !important;
    box-shadow: none !important;
    color: #242424 !important;
    vertical-align: middle !important;
    font-size: 14px !important;
    transition: border-color .5s ease !important;
	font-weight: 400 !important;
	outline: none !important;	
}
.msp-calculator .select2-container--default .select2-selection--single .select2-selection__rendered{
	color: #242424 !important;
	line-height: 42px !important;
}

.msp-calculator .select2.select2-container.select2-container--default.select2-container--below.select2-container--open .selection:before{
	height: 21px;
    width: 100%;
    content: '';
    background-color: #f6f5f8;
    bottom: 0px;
    position: absolute;
	border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.msp-calculator .select2.select2-container.select2-container--default.select2-container--above.select2-container--open .selection:before{
	height: 21px;
    width: 100%;
    content: '';
    background-color: #f6f5f8;
    top: 0px;
    position: absolute;
	border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.select2-dropdown{
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-top-width: 0px !important;
	border-radius: 0 0 20px 20px;
	overflow: hidden;
}
.m-custom-size{
	font-weight: 600;
}

.smap-select2-option {
    display: flex;
    align-items: center;
    gap: 8px;
}
.msp-calculator .calculator-row .checkbox-input label{
	position: relative;
	cursor: pointer;
}
.msp-calculator .calculator-row .checkbox-input label .checkmark{
	position: absolute;
    width: 22px;
    height: 22px;
    background-color: #f6f5f8;
    left: -33px;
    top: 50%;
    transform: translateY(-50%);
	border: 2px solid rgb(215, 235, 245);
	border-radius: 4px;
}
.msp-calculator .calculator-row .checkbox-input label .checkmark img{
	position: absolute;
    width: 24px;
    max-width: unset;
    bottom: 0px;
}
.msp-calculator .calculator-row .checkbox-input input[type="checkbox"]:checked + label .checkmark{
	background-color: rgb(215, 235, 245);
}

.msp-calculator .calculator-row .checkbox-input input[type="checkbox"]:not(:checked) + label .checkmark img{
    display: none;
}

.msp-calculator .calculator-row .checkbox-input input[type="checkbox"]:checked + label .checkmark{
    display: block;
}

.smap-select2-option-img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    flex-shrink: 0;
	aspect-ratio: 1 / 1; 
	border-radius: 12px;
}

.smap-select2-option-text {
    line-height: 1.2;
}

.msp-calculator .select2-container--default.select2-container--open.select2-container--below .select2-selection--single{
	z-index: 10;
	position: relative;
}
.msp-calculator .select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 8px;
}
.select2-results__option--selectable {
	color: #242424;
	background-color: #f6f5f8;
}
.select2-container--default .select2-results__option--selected{
	color: #014b8f;
	background-color: rgb(215, 235, 245);
	font-weight: 600;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
	color: #ffffff;
	background-color: #014b8f;
	font-weight: 600;
}

.select2-container--default .with-images .select2-results__option--highlighted.select2-results__option--selectable{
	color: #014b8f;
	background-color: rgb(215, 235, 245);
	font-weight: 600;
}

.select2-container--open .select2-dropdown--above{
	 border-top-left-radius: 20px !important;
	 border-top-right-radius: 20px !important; 
}

.select2-results__options.with-images .select2-results__option {
    font-weight: 600;
	font-size: 17px;
	line-height: 1.2;
	padding-left: 10px;
	gap: 12px;
}

.select2-results__option{
	padding-right: 23px;
	padding-left: 23px;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;

  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.4) transparent;
}

/* WebKit (Chrome, Edge, Safari) */
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
  width: 6px;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
  background: transparent;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 6px;
  border: 2px solid transparent; /* создаёт отступ */
  background-clip: content-box;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.msp-add-to-cart{
	width: 100%;
	height: 42px;
	font-weight: 700 !important;
	border-radius: 5px;
	font-size: 13px;
	text-transform: uppercase;
	background: rgb(215, 235, 245);
	color: #014b8f;
}
.msp-mirror-preview{
	background: #f6f5f8;
	border-radius: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.msp-add-to-cart-container{
	margin-top: 20px;
}
.test{
	font-size: 1px;
}

/*************************************************************************************/

:root {
  color-scheme: dark;
  --gold: #d6a23c;
  --gold-soft: #f2cf8a;
  --text: #f7f3ed;
  --muted: rgba(247, 243, 237, 0.62);
  --line: rgba(255, 255, 255, 0.14);
  --panel: rgba(11, 11, 10, 0.95);
  --control: rgba(255, 255, 255, 0.055);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  background:
    radial-gradient(circle at 14% 8%, rgba(211, 151, 74, 0.18), transparent 28rem),
    linear-gradient(135deg, #070706, #171511 42%, #050505);
}

button,
select,
input {
  font: inherit;
}

button {
  color: inherit;
  cursor: pointer;
}

.app-shell {
  display: grid;
  grid-template-columns: minmax(45rem, 1fr) minmax(28rem, 35rem);
  min-height: calc(100vh - 135px);
}

.showcase {
  position: sticky;
  top: 0;
  min-height: 100vh;
  overflow: hidden;
}

.brand {
  display: none;
}

.brand p {
  margin: 0 0 0.4rem;
  color: var(--gold-soft);
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.brand h1 {
  margin: 0 0 0.9rem;
  max-width: 22rem;
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 1;
  font-weight: 650;
  letter-spacing: 0;
}

.badge {
  display: inline-flex;
  border: 1px solid rgba(214, 162, 60, 0.45);
  border-radius: 0.45rem;
  padding: 0.42rem 0.7rem;
  background: rgba(10, 10, 9, 0.62);
  color: #f7d899;
  font-size: 0.85rem;
}

.bathroom-scene {
  position: absolute;
  inset: 0;
  background: #151310;
}

.wall {
  position: absolute;
  inset: 0 13% 19% 0;
  background:
    linear-gradient(90deg, transparent 32.9%, rgba(0, 0, 0, 0.35) 33%, transparent 33.3%),
    linear-gradient(90deg, transparent 65.9%, rgba(0, 0, 0, 0.22) 66%, transparent 66.3%),
    linear-gradient(0deg, transparent 32.9%, rgba(0, 0, 0, 0.25) 33%, transparent 33.3%),
    linear-gradient(0deg, transparent 65.9%, rgba(0, 0, 0, 0.2) 66%, transparent 66.3%),
    radial-gradient(circle at 48% 42%, rgba(255, 199, 128, 0.21), transparent 28rem),
    linear-gradient(90deg, #17130f, #4a4034 42%, #2c2823);
}

.wall::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .24;
  background-image:
    radial-gradient(circle at 12% 20%, rgba(255, 255, 255, .12) 0 1px, transparent 1.5px),
    radial-gradient(circle at 68% 35%, rgba(0, 0, 0, .28) 0 1px, transparent 1.5px);
  background-size: 3.2rem 3.2rem, 4.7rem 4.7rem;
}

.ceiling {
  position: absolute;
  top: 0;
  left: 32%;
  right: 10%;
  height: 5.5rem;
  clip-path: polygon(0 0, 100% 0, 83% 100%, 24% 66%);
  background: linear-gradient(100deg, #8b6a4d, #c5a17c 30%, #766150);
}

.side-wall {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 18%;
  width: 14%;
  background: linear-gradient(90deg, rgba(73, 68, 59, 0.55), #9d7853);
}

.counter {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10.5%;
  height: 8.5%;
  background: linear-gradient(180deg, #d6c9b8, #746c63);
  box-shadow: 0 -1.5rem 2rem rgba(0, 0, 0, 0.35);
}

.basin {
  position: absolute;
  left: 50%;
  bottom: 13.2%;
  width: min(23rem, 36vw);
  height: 4.4rem;
  transform: translateX(-50%);
  border-radius: 50% / 36%;
  background: linear-gradient(180deg, #fff4e0, #c7b8a7 52%, #6d625b 55%, #1f1d1b);
  box-shadow: 0 1.8rem 1.9rem rgba(0, 0, 0, 0.45);
}

.tap {
  position: absolute;
  left: 50%;
  bottom: 21.3%;
  width: 7.5rem;
  height: 2.8rem;
  transform: translateX(-50%);
}

.tap::before,
.tap::after {
  content: "";
  position: absolute;
  bottom: 0.1rem;
  background: linear-gradient(90deg, #201712, #bc8145, #392317);
  box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .45);
}

.tap::before {
  left: 1.2rem;
  width: 4.6rem;
  height: 1rem;
  border-radius: 1rem;
}

.tap::after {
  left: 4rem;
  width: 1.1rem;
  height: 2.2rem;
  border-radius: 1rem 1rem .4rem .4rem;
}

.plant {
  position: absolute;
  left: 17%;
  bottom: 15.5%;
  width: 9rem;
  height: 13rem;
  filter: drop-shadow(0 1rem 1.2rem rgba(0, 0, 0, .45));
}

.plant::after {
  content: "";
  position: absolute;
  left: 2.8rem;
  bottom: 0;
  width: 4rem;
  height: 3.6rem;
  border-radius: 45% 45% 38% 38%;
  background: linear-gradient(135deg, #11120e, #403525);
}

.plant i {
  position: absolute;
  bottom: 3.2rem;
  left: 4.5rem;
  width: .13rem;
  background: #56441e;
  transform-origin: bottom;
}

.plant i::after {
  content: "";
  position: absolute;
  top: .8rem;
  left: -.4rem;
  width: 1.2rem;
  height: 2.1rem;
  border-radius: 90% 20%;
  background: linear-gradient(120deg, #8d842f, #2c361c);
}

.plant i:nth-child(1) { transform: rotate(-40deg); height: 7rem; }
.plant i:nth-child(2) { transform: rotate(-22deg); height: 9rem; }
.plant i:nth-child(3) { transform: rotate(-5deg); height: 8rem; }
.plant i:nth-child(4) { transform: rotate(18deg); height: 9.6rem; }
.plant i:nth-child(5) { transform: rotate(36deg); height: 7.7rem; }

.preview-card {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 8%;
  width: min(34rem, 47vw);
  height: min(42rem, 69vh);
  transform: translateX(-50%);
  display: grid;
  place-items: center;
}

.luxury-preview {
  pointer-events: auto;
}

.luxury-mirror {
  --mirror-w: 18rem;
  --mirror-h: 32rem;
  --glow-color: 255, 211, 122;
  --glow-alpha: .74;
  position: relative;
  width: var(--mirror-w);
  height: var(--mirror-h);
  padding: var(--frame-padding, .12rem);
  border: var(--frame-width, 1px) solid var(--frame-color, rgba(255, 242, 218, .28));
  border-radius: 1rem;
  background: var(--frame-bg, linear-gradient(120deg, rgba(255,255,255,.12), rgba(255,255,255,.03)));
  box-shadow:
    0 0 1.3rem rgba(var(--glow-color), .72),
    0 0 5.5rem rgba(var(--glow-color), var(--glow-alpha)),
    0 0 9rem rgba(var(--glow-color), .22);
  transition: width .22s ease, height .22s ease, border-radius .22s ease, clip-path .22s ease, box-shadow .22s ease;
}

.mirror-glow {
  position: absolute;
  inset: -1.2rem;
  z-index: -1;
  border-radius: inherit;
  background: rgba(var(--glow-color), .22);
  filter: blur(1.2rem);
  opacity: var(--glow-alpha);
}

.mirror-glass {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(255, 240, 212, .2);
  border-radius: inherit;
  background:
    linear-gradient(105deg, rgba(255,255,255,.07) 0 31%, transparent 31.5%),
    radial-gradient(circle at 62% 22%, rgba(255,255,255,.16), transparent 1.6rem),
    linear-gradient(90deg, #201915, #463a2f 42%, #151310 42.5%, #090908 70%, #30271f);
  box-shadow: inset 0 0 3rem rgba(0,0,0,.72);
}

.side-glow {
  position: absolute;
  display: none;
  pointer-events: none;
}

.side-glow.visible {
  display: block;
}

.side-glow.back {
  z-index: -1;
  background: rgba(var(--glow-color), .95);
  filter: blur(.85rem);
  box-shadow:
    0 0 1.4rem rgba(var(--glow-color), .95),
    0 0 3.4rem rgba(var(--glow-color), .86),
    0 0 5.2rem rgba(var(--glow-color), .42);
}

.side-glow.front {
  z-index: 6;
  background: rgba(var(--glow-color), .82);
  box-shadow: 0 0 .8rem rgba(var(--glow-color), .65);
}

.side-glow.top,
.side-glow.bottom {
  left: 1.1rem;
  right: 1.1rem;
  height: .34rem;
}

.side-glow.left,
.side-glow.right {
  top: 1.1rem;
  bottom: 1.1rem;
  width: .34rem;
}

.side-glow.back.top { top: -.85rem; }
.side-glow.back.bottom { bottom: -.85rem; }
.side-glow.back.left { left: -.85rem; }
.side-glow.back.right { right: -.85rem; }

.side-glow.front.top,
.side-glow.front.bottom {
  left: 1.4rem;
  right: 1.4rem;
}

.side-glow.front.left,
.side-glow.front.right {
  top: 1.4rem;
  bottom: 1.4rem;
}

.side-glow.front.top { top: 1.4rem; }
.side-glow.front.bottom { bottom: 1.4rem; }
.side-glow.front.left { left: 1.4rem; }
.side-glow.front.right { right: 1.4rem; }

.side-glow.front.top.visible + .side-glow.front.bottom.visible,
.side-glow.front.top.visible,
.side-glow.front.bottom.visible {
  left: 1.4rem;
  right: 1.4rem;
}

.side-glow.front.left.visible,
.side-glow.front.right.visible {
  top: 1.4rem;
  bottom: 1.4rem;
}

.side-glow.back.top,
.side-glow.back.bottom {
  height: .9rem;
}

.side-glow.back.left,
.side-glow.back.right {
  width: .9rem;
}

.luxury-mirror.side-back-active .mirror-glow {
  display: none !important;
}

.luxury-mirror.side-front-active .mirror-glass::before {
  content: "";
  position: absolute;
  inset: 1.4rem;
  display: block !important;
  border-style: solid;
  border-color: rgba(var(--glow-color), .82);
  border-width:
    var(--front-top-width, 0)
    var(--front-right-width, 0)
    var(--front-bottom-width, 0)
    var(--front-left-width, 0);
  border-radius: inherit;
  filter: drop-shadow(0 0 .8rem rgba(var(--glow-color), .65));
  pointer-events: none;
}

.luxury-mirror.side-back-active,
.luxury-mirror.side-front-active {
  box-shadow: 0 2rem 3rem rgba(0,0,0,.5);
}

.luxury-mirror.shape-quarterCircle .mirror-glass {
  background:
    linear-gradient(108deg, rgba(255,255,255,.08) 0 28%, transparent 28.5% 100%),
    radial-gradient(circle at 62% 28%, rgba(255,255,255,.12), transparent 2.4rem),
    radial-gradient(circle at 80% 78%, rgba(0,0,0,.28), transparent 11rem),
    linear-gradient(125deg, #3d332b 0%, #241f1b 44%, #0d0c0b 100%);
}

.luxury-mirror.shape-quarterCircle .mirror-glass::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 0 100%, transparent 0 66%, rgba(255,255,255,.12) 66.5%, transparent 68%);
  pointer-events: none;
}

.luxury-mirror.shape-rectangle {
  border-radius: .35rem;
}

.luxury-mirror.shape-rectangleR50 {
  border-radius: var(--rounded-radius, 2rem);
}

.luxury-mirror.shape-oval {
  border-radius: 50% / 50%;
}

.luxury-mirror.shape-circle {
  --mirror-w: 24rem;
  --mirror-h: 24rem;
  border-radius: 50%;
}

.luxury-mirror.shape-quarterCircle {
  --mirror-w: 23rem;
  --mirror-h: 23rem;
  border-radius: 0;
  clip-path: none;
  -webkit-mask: none;
  mask: none;
}

.luxury-mirror.quarter-upper-left {
  border-radius: 0;
  clip-path: none;
  -webkit-mask: none;
  mask: none;
}

.luxury-mirror.quarter-upper-left .mirror-glass::after {
  background: radial-gradient(circle at 100% 100%, transparent 0 66%, rgba(255,255,255,.12) 66.5%, transparent 68%);
}

.luxury-mirror.quarter-lower-right {
  border-radius: 0;
  clip-path: none;
  -webkit-mask: none;
  mask: none;
}

.luxury-mirror.quarter-lower-right .mirror-glass::after {
  background: radial-gradient(circle at 0 0, transparent 0 66%, rgba(255,255,255,.12) 66.5%, transparent 68%);
}

.luxury-mirror.quarter-lower-left {
  border-radius: 0;
  clip-path: none;
  -webkit-mask: none;
  mask: none;
}

.luxury-mirror.quarter-lower-left .mirror-glass::after {
  background: radial-gradient(circle at 100% 0, transparent 0 66%, rgba(255,255,255,.12) 66.5%, transparent 68%);
}

.luxury-mirror.shape-semicircle {
  border-radius: 50% 50% .35rem .35rem / 100% 100% .35rem .35rem;
}

.luxury-mirror.semi-lower {
  border-radius: .35rem .35rem 50% 50% / .35rem .35rem 100% 100%;
}

.luxury-mirror.semi-left {
  border-radius: 100% .35rem .35rem 100% / 50% .35rem .35rem 50%;
}

.luxury-mirror.semi-right {
  border-radius: .35rem 100% 100% .35rem / .35rem 50% 50% .35rem;
}

.luxury-mirror.shape-arched {
  border-radius: 50% 50% 1.2rem 1.2rem / 38% 38% 1.2rem 1.2rem;
}

.luxury-mirror.arch-lower {
  border-radius: 1.2rem 1.2rem 50% 50% / 1.2rem 1.2rem 38% 38%;
}

.luxury-mirror.arch-left {
  border-radius: 38% 1.2rem 1.2rem 38% / 50% 1.2rem 1.2rem 50%;
}

.luxury-mirror.arch-right {
  border-radius: 1.2rem 38% 38% 1.2rem / 1.2rem 50% 50% 1.2rem;
}

.luxury-mirror.shape-threeQuarter {
  --mirror-w: 24rem;
  --mirror-h: 24rem;
  border-radius: 0;
  clip-path: none;
  -webkit-mask: none;
  mask: none;
}

.luxury-mirror.shape-quarterCircle,
.luxury-mirror.shape-threeQuarter {
  border: 0;
  padding: 0;
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
  overflow: visible;
}

.luxury-mirror.shape-quarterCircle .mirror-glow,
.luxury-mirror.shape-quarterCircle .shape-contour,
.luxury-mirror.shape-threeQuarter .mirror-glow,
.luxury-mirror.shape-threeQuarter .shape-contour {
  display: none;
}

.luxury-mirror.shape-quarterCircle .mirror-glass,
.luxury-mirror.shape-threeQuarter .mirror-glass {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 3;
  overflow: visible;
  border: 0;
  background: transparent !important;
  box-shadow: none;
  pointer-events: none;
}

.luxury-mirror.shape-quarterCircle .ceiling-light,
.luxury-mirror.shape-threeQuarter .ceiling-light {
  display: none;
}

.luxury-mirror.shape-quarterCircle .mirror-glass::before,
.luxury-mirror.shape-quarterCircle .mirror-glass::after,
.luxury-mirror.shape-threeQuarter .mirror-glass::before,
.luxury-mirror.shape-threeQuarter .mirror-glass::after {
  display: none !important;
  content: none !important;
}

.special-shape {
  display: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  background: none;
  z-index: 2;
}

.luxury-mirror.shape-quarterCircle .special-shape,
.luxury-mirror.shape-threeQuarter .special-shape {
  display: block;
}

.special-shape path {
  vector-effect: non-scaling-stroke;
  stroke-linejoin: round;
  stroke-linecap: round;
}

#specialGlow {
  fill: rgba(var(--glow-color), .12);
  stroke: rgba(var(--glow-color), .34);
  stroke-width: 24;
  filter: url(#specialSoftGlow);
  opacity: var(--glow-alpha);
}

#specialGlowWide {
  fill: rgba(var(--glow-color), .26);
  stroke: rgba(var(--glow-color), .22);
  stroke-width: 42;
  filter: url(#specialWallGlow);
  opacity: var(--glow-alpha);
}

.luxury-mirror.light-off #specialGlow,
.luxury-mirror.light-off #specialGlowWide,
.luxury-mirror.front-only #specialGlow,
.luxury-mirror.front-only #specialGlowWide {
  opacity: 0;
}

#specialFrame {
  fill: transparent;
  stroke: var(--special-frame-stroke, rgba(255, 242, 218, .32));
  stroke-width: var(--special-frame-width, 1.2);
  filter: var(--special-frame-filter, none);
  paint-order: stroke;
}

#specialGlass {
  fill: url(#specialGlassGradient);
  stroke: rgba(226, 232, 240, .38);
  stroke-width: 3.2;
  filter:
    drop-shadow(0 1rem 1.4rem rgba(0,0,0,.34))
    drop-shadow(0 0 0 rgba(255,240,212,.08));
}

#specialShine {
  fill: rgba(255,255,255,.14);
  stroke: none;
  opacity: .72;
}

#specialLampGlow {
  fill: rgba(255,255,255,.16);
  filter: blur(3.2px);
}

#specialLamp {
  fill: #fff8e8;
  filter: drop-shadow(0 0 .35rem rgba(255, 244, 211, .78));
}

#specialFrontLight {
  fill: none;
  stroke: rgba(var(--glow-color), .62);
  stroke-width: 5.4;
  filter: drop-shadow(0 0 .8rem rgba(var(--glow-color), .45));
  opacity: 0;
}

.luxury-mirror.front-light #specialFrontLight {
  opacity: 1;
}

.luxury-mirror.edge-light #specialFrame {
  stroke: rgba(var(--glow-color), .9);
  stroke-width: 7.2;
  filter: drop-shadow(0 0 .8rem rgba(var(--glow-color), .8)) drop-shadow(0 0 1.35rem rgba(var(--glow-color), .68));
}

.luxury-mirror.shape-quarterCircle.edge-light #specialGlow,
.luxury-mirror.shape-threeQuarter.edge-light #specialGlow {
  fill: rgba(var(--glow-color), .18);
  stroke: rgba(var(--glow-color), .5);
  stroke-width: 24;
  filter: url(#specialSoftGlow);
}

.luxury-mirror.shape-quarterCircle.edge-light #specialGlowWide,
.luxury-mirror.shape-threeQuarter.edge-light #specialGlowWide {
  fill: rgba(var(--glow-color), .34);
  stroke: rgba(var(--glow-color), .42);
  stroke-width: 42;
  filter: url(#specialWallGlow);
}

#specialSwitch {
  display: none;
}

.luxury-mirror.light-off {
  box-shadow: 0 2rem 3rem rgba(0,0,0,.5);
}

.luxury-mirror.light-off .mirror-glow {
  opacity: 0;
}

.luxury-mirror.front-only {
  box-shadow: 0 2rem 3rem rgba(0,0,0,.5);
}

.luxury-mirror.front-only .mirror-glow {
  opacity: 0;
}

.luxury-mirror.front-light .mirror-glass::before,
.luxury-mirror.edge-light .mirror-glass::before {
  content: "";
  position: absolute;
  inset: 1.4rem;
  border: .34rem solid rgba(var(--glow-color), .82);
  border-radius: inherit;
  filter: drop-shadow(0 0 .8rem rgba(var(--glow-color), .65));
}

.luxury-mirror.side-front-active.front-light .mirror-glass::before {
  display: block !important;
  border-style: solid !important;
  border-color: rgba(var(--glow-color), .82) !important;
  border-width:
    var(--front-top-width, 0)
    var(--front-right-width, 0)
    var(--front-bottom-width, 0)
    var(--front-left-width, 0) !important;
}

.luxury-mirror.edge-light .mirror-glass::before {
  display: none;
}

.luxury-mirror.edge-light::after {
  content: "";
  position: absolute;
  inset: calc(var(--frame-padding, .12rem) * -1 - .08rem);
  border: .42rem solid rgba(var(--glow-color), .9);
  border-radius: inherit;
  pointer-events: none;
  filter: drop-shadow(0 0 .85rem rgba(var(--glow-color), .8));
  z-index: 4;
}

.luxury-mirror.shape-quarterCircle.edge-light::after,
.luxury-mirror.shape-threeQuarter.edge-light::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
}

.luxury-mirror.shape-quarterCircle .mirror-glass::before,
.luxury-mirror.shape-quarterCircle .mirror-glass::after,
.luxury-mirror.shape-threeQuarter .mirror-glass::before,
.luxury-mirror.shape-threeQuarter .mirror-glass::after {
  display: none !important;
  content: none !important;
}

.ceiling-light {
  position: absolute;
  right: 29%;
  top: 18%;
  width: 1.1rem;
  height: .45rem;
  border-radius: 50%;
  background: #fff9eb;
  box-shadow: 0 0 1rem #fff2ca;
}

.switch-dot {
  position: absolute;
  left: 50%;
  bottom: 7%;
  width: .58rem;
  height: .58rem;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.82);
  box-shadow: 0 0 .75rem rgba(var(--glow-color), .85);
  opacity: 0;
  pointer-events: none;
  touch-action: none;
}

.switch-dot.visible {
  opacity: 1;
}

.cosmetic-dot {
  position: absolute;
  top: 44%;
  left: 24%;
  width: var(--cosmetic-size, calc(3.8rem * var(--addon-scale, 1)));
  height: var(--cosmetic-size, calc(3.8rem * var(--addon-scale, 1)));
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.78);
  box-shadow: 0 0 1rem rgba(var(--glow-color), .65);
  opacity: 0;
  pointer-events: none;
  touch-action: none;
}

.option-switch {
  position: static;
  display: grid;
  place-items: center;
  width: var(--button-cell-size, 1.6rem);
  height: var(--button-cell-size, 1.6rem);
  flex: 0 0 var(--button-cell-size, 1.6rem);
  border-radius: .12rem;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.option-switch::after {
  content: "";
  width: .58rem;
  height: .58rem;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.86);
  background: #fff7df;
  box-shadow: 0 0 .55rem rgba(var(--glow-color), .75);
}

.switch-dot {
  border-color: rgba(183, 218, 255, .9);
  background: #8fc9ff;
  box-shadow: 0 0 .65rem rgba(103, 173, 255, .82);
}

.main-switch-copy::after {
  border-color: rgba(183, 218, 255, .9);
  background: #8fc9ff;
  box-shadow: 0 0 .65rem rgba(103, 173, 255, .82);
}

.demister-switch {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.demister-switch::after {
  border-color: rgba(255, 132, 132, .92);
  background: #ff5f5f;
  box-shadow: 0 0 .65rem rgba(255, 88, 88, .82);
}

.extra-switches {
  position: absolute;
  left: 50%;
  top: auto;
  display: flex;
  align-items: center;
  gap: .5rem;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  touch-action: none;
}

.extra-switches.vertical {
  flex-direction: column;
}

.extra-switches.visible {
  opacity: 1;
  pointer-events: auto;
  cursor: grab;
}

.extra-switches.rotated {
  flex-direction: column;
}

.option-switch.hidden {
  display: none;
}

.cosmetic-dot.right {
  left: auto;
  right: 24%;
}

.cosmetic-dot.visible,
.clock-chip.visible,
.anti-fog-zone.visible {
  opacity: 1;
}

.switch-dot.visible,
.cosmetic-dot.visible {
  pointer-events: auto;
  cursor: grab;
}

.dragging {
  cursor: grabbing !important;
}

.drag-measure {
  position: absolute;
  z-index: 12;
  transform: translate(-50%, calc(-100% - .55rem));
  padding: .2rem .38rem;
  border-radius: .3rem;
  background: rgba(15, 23, 42, .86);
  color: #fff;
  font-size: .56rem;
  font-weight: 700;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
}

.drag-measure.visible {
  opacity: 1;
}

.switch-dot.manual-position,
.cosmetic-dot.manual-position {
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
}

.clock-chip {
  position: static;
  display: grid;
  place-items: center;
  width: var(--clock-cell-size, 1.9rem);
  height: var(--clock-cell-size, 1.9rem);
  flex: 0 0 var(--clock-cell-size, 1.9rem);
  padding: 0;
  border-radius: .24rem;
  background: rgba(0,0,0,.58);
  color: rgba(255,255,255,.88);
  font-size: .58rem;
  font-weight: 650;
  line-height: 1;
  opacity: 0;
}

.clock-chip.left {
  left: auto;
}

.clock-chip.right {
  left: auto;
}

.anti-fog-zone {
  display: none;
}

.luxury-mirror.has-demister .mirror-glass {
  box-shadow:
    inset 0 0 0 999rem rgba(255, 70, 70, .055),
    inset 0 0 4rem rgba(255, 70, 70, .12);
}

.luxury-mirror.shape-quarterCircle.has-demister .mirror-glass,
.luxury-mirror.shape-threeQuarter.has-demister .mirror-glass {
  box-shadow: none;
}

.luxury-mirror.shape-quarterCircle.has-demister #specialGlass,
.luxury-mirror.shape-threeQuarter.has-demister #specialGlass {
  filter: saturate(1.08) sepia(.12) hue-rotate(315deg);
}

.dimension-pill {
  display: none;
}

.spec-card {
  position: absolute;
  z-index: 6;
  left: 2rem;
  right: 2rem;
  bottom: 2rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(7rem, 1fr));
  margin: 0;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: .65rem;
  background: rgba(21, 21, 20, .78);
  backdrop-filter: blur(18px);
}

.spec-card div {
  padding: 1rem 1.2rem;
}

.spec-card div + div {
  border-left: 1px solid rgba(255, 255, 255, .11);
}

.spec-card dt {
  color: rgba(255, 255, 255, .7);
  font-size: .86rem;
}

.spec-card dd {
  margin: .3rem 0 0;
  font-size: 1.1rem;
  font-weight: 650;
}

.panel {
  position: relative;
  z-index: 10;
  max-height: 100vh;
  overflow-y: auto;
  padding: 2rem;
  background:
    radial-gradient(circle at 70% 8%, rgba(255, 255, 255, .08), transparent 8rem),
    radial-gradient(circle at 20% 50%, rgba(214, 162, 60, .08), transparent 16rem),
    var(--panel);
  box-shadow: -2.4rem 0 6rem rgba(0, 0, 0, .5);
}

.panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid var(--line);
}

.panel-head p {
  margin: 0 0 .3rem;
  color: var(--gold-soft);
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.panel-head h2 {
  margin: 0;
  font-size: 1.55rem;
  font-weight: 650;
}

.panel-head strong {
  white-space: nowrap;
  font-size: 1.7rem;
}

form {
  display: grid;
  gap: 1rem;
  padding: 1rem 0 0;
}

.form-section {
  border-bottom: 1px solid var(--line);
  padding: 0 0 1rem;
}

.form-section h3,
.result-card h3 {
  margin: 0 0 .75rem;
  font-size: 1rem;
  font-weight: 700;
}

.shape-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .65rem;
}

.shape-card {
  display: grid;
  place-items: center;
  gap: .45rem;
  min-height: 5.2rem;
  border: 1px solid var(--line);
  border-radius: .55rem;
  background: var(--control);
}

.shape-card.active {
  border-color: var(--gold);
  box-shadow: inset 0 0 1.6rem rgba(214, 162, 60, .1), 0 0 0 1px rgba(214, 162, 60, .15);
}

.shape-card b {
  font-size: .72rem;
  font-weight: 650;
  line-height: 1.1;
  text-align: center;
}

.shape-mini {
  display: block;
  width: 2.25rem;
  height: 2.8rem;
  border: 1.5px solid rgba(255, 255, 255, .82);
  box-shadow: 0 0 .9rem rgba(245, 207, 136, .45);
}

.shape-mini.rounded { border-radius: .55rem; }
.shape-mini.oval {
  width: 2.15rem;
  height: 2.8rem;
  border-radius: 50% / 50%;
}
.shape-mini.circle { width: 2.8rem; border-radius: 50%; }
.shape-mini.arch { border-radius: 1.4rem 1.4rem .25rem .25rem; }
.shape-mini.quarter { border-radius: 0 100% 0 0; }
.shape-mini.semi { width: 2.8rem; border-radius: 1.4rem 1.4rem 0 0; height: 1.6rem; }
.shape-mini.three {
  width: 2.7rem;
  height: 2.05rem;
  border-radius: 2.7rem 2.7rem .22rem .22rem;
  clip-path: polygon(7% 100%, 0 76%, 0 44%, 6% 24%, 18% 10%, 34% 2%, 50% 0, 66% 2%, 82% 10%, 94% 24%, 100% 44%, 100% 76%, 93% 100%);
}

.control-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}

label {
  display: grid;
  gap: .38rem;
  color: rgba(255, 255, 255, .78);
  font-size: .86rem;
}

select,
input[type="range"],
input[type="number"] {
  width: 100%;
}

select,
input[type="number"] {
  min-height: 2.8rem;
  border: 1px solid var(--line);
  border-radius: .48rem;
  padding: 0 .75rem;
  color: var(--text);
  background: #151514;
}

.size-pair {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(7rem, .8fr);
  gap: .5rem;
}

.manual-size {
  appearance: textfield;
}

.manual-size::placeholder {
  color: rgba(255, 255, 255, .45);
}

select:focus,
button:focus-visible,
input:focus-visible {
  outline: 2px solid rgba(214, 162, 60, .7);
  outline-offset: 2px;
}

input[type="range"] {
  accent-color: var(--gold);
}

.toggle-list {
  display: grid;
  gap: .45rem;
}

.toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 2.4rem;
  color: rgba(255, 255, 255, .9);
}

.toggle-row input {
  position: absolute;
  opacity: 0;
}

.toggle-row span {
  position: relative;
  width: 2.55rem;
  height: 1.45rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, .23);
  transition: background .18s ease;
}

.toggle-row span::after {
  content: "";
  position: absolute;
  top: .22rem;
  left: .25rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #f8f8f8;
  transition: transform .18s ease;
}

.toggle-row input:checked + span {
  background: linear-gradient(90deg, #dfbc7b, #b7812c);
}

.toggle-row input:checked + span::after {
  transform: translateX(1rem);
}

.lighting-settings,
#switchSettings {
  margin-top: .75rem;
}

.side-picker {
  display: none;
  grid-template-columns: 1fr;
  gap: .5rem;
  margin-top: .75rem;
  padding: .7rem;
  border: 1px dashed rgba(255, 255, 255, .18);
  border-radius: .55rem;
}

.side-picker.visible {
  display: grid;
}

.side-group {
  display: none;
  grid-template-columns: repeat(4, 1fr);
  gap: .5rem;
}

.side-group.visible {
  display: grid;
}

.side-picker p {
  grid-column: 1 / -1;
  margin: 0 0 .2rem;
  color: var(--muted);
  font-size: .78rem;
}

.side-picker label {
  display: flex;
  align-items: center;
  gap: .35rem;
}

.result-card {
  padding-top: 1.2rem;
}

#breakdown {
  display: grid;
  gap: .55rem;
}

.line-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: rgba(255, 255, 255, .78);
  font-size: .9rem;
}

.line-item strong {
  color: var(--text);
}

.line-total {
  margin-top: .35rem;
  padding-top: .75rem;
  border-top: 1px solid var(--line);
  color: var(--text);
  font-size: 1.05rem;
}

.cart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 3rem;
  margin-top: 1rem;
  border: 0;
  border-radius: .5rem;
  background: linear-gradient(135deg, #d9a641, #e0b75f);
  color: #fffaf2;
  font-weight: 700;
}

.mount {
  fill: #f7f3ed;
  stroke: #1a1713;
  stroke-width: 2;
}

.dimension-text {
  fill: #7fb5ff;
  stroke: rgba(0, 0, 0, .35);
  stroke-width: 2;
  paint-order: stroke;
  font-weight: 700;
}

.dimension-line {
  stroke: #7fb5ff;
  stroke-width: 2;
  stroke-dasharray: 6 6;
}

.accessory {
  fill: rgba(255, 255, 255, .88);
  stroke: #111;
  stroke-width: 2;
}

@media (max-width: 1180px) {
  .app-shell {
    grid-template-columns: 1fr;
  }

  .showcase {
    position: relative;
    min-height: 48rem;
  }

  .panel {
    max-height: none;
  }
}

@media (max-width: 740px) {
  .brand {
    top: 1.4rem;
    left: 1.2rem;
  }

  .brand h1 {
    font-size: 2.1rem;
  }

  .showcase {
    min-height: 43rem;
  }

  .preview-card {
    width: 92vw;
    height: 27rem;
    top: 7.5rem;
  }

  .spec-card {
    left: 1rem;
    right: 1rem;
    grid-template-columns: repeat(2, 1fr);
  }

  .spec-card div:nth-child(3) {
    border-left: 0;
  }

  .panel {
    padding: 1.2rem;
  }

  .shape-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .control-grid,
  .side-picker {
    grid-template-columns: 1fr;
  }

  .plant {
    display: none;
  }
}

/* Legacy calculator color scheme */
:root {
  color-scheme: light;
  --gold: #3b82f6;
  --gold-soft: #2563eb;
  --text: #1f2937;
  --muted: #64748b;
  --line: #e2e8f0;
  --panel: rgba(255, 255, 255, .98);
  --control: #ffffff;
}

body {
  color: var(--text);
  background: linear-gradient(135deg, #eef4fb, #f8fafc 52%, #e8f1fb);
}

.panel {
  background:
    radial-gradient(circle at 70% 8%, rgba(59, 130, 246, .08), transparent 8rem),
    radial-gradient(circle at 20% 50%, rgba(14, 165, 233, .08), transparent 16rem),
    var(--panel);
  box-shadow: -1.2rem 0 3.5rem rgba(30, 41, 59, .12);
}

.panel-head,
.form-section {
  border-color: var(--line);
}

.panel-head p,
.brand p {
  color: #2563eb;
}

.panel-head strong,
.line-item strong,
.line-total,
.form-section h3,
.result-card h3,
.panel-head h2 {
  color: #1e293b;
}

label,
.toggle-row,
.line-item,
.shape-card b {
  color: #334155;
}

.shape-card,
select,
input[type="number"],
.side-picker,
.spec-card,
.dimension-pill {
  border-color: var(--line);
  background: #ffffff;
  color: #1e293b;
}

.shape-card.active {
  border-color: #3b82f6;
  box-shadow: inset 0 0 1.4rem rgba(59, 130, 246, .08), 0 0 0 1px rgba(59, 130, 246, .22);
}

.shape-mini {
  border-color: rgba(30, 41, 59, .72);
  box-shadow: 0 0 .75rem rgba(59, 130, 246, .18);
}

.toggle-row span {
  background: #cbd5e1;
}

.toggle-row span::after {
  background: #ffffff;
}

.toggle-row input:checked + span,
.cart {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
}

input[type="range"] {
  accent-color: #3b82f6;
}

select:focus,
button:focus-visible,
input:focus-visible {
  outline-color: rgba(59, 130, 246, .65);
}

.badge {
  border-color: rgba(59, 130, 246, .32);
  background: rgba(255, 255, 255, .82);
  color: #2563eb;
}

.spec-card {
  background: rgba(255,255,255,.88);
  border-color: rgba(226,232,240,.9);
}

.spec-card div + div {
  border-left-color: rgba(226,232,240,.9);
}

.spec-card dt {
  color: #64748b;
}

.spec-card dd {
  color: #1e293b;
}

.dimension-pill {
  background: rgba(255,255,255,.92);
  color: #1e293b;
}

.bathroom-scene {
  background: #2f3742;
}

.wall {
  background:
    linear-gradient(90deg, transparent 32.9%, rgba(15, 23, 42, 0.34) 33%, transparent 33.3%),
    linear-gradient(90deg, transparent 65.9%, rgba(15, 23, 42, 0.24) 66%, transparent 66.3%),
    linear-gradient(0deg, transparent 32.9%, rgba(15, 23, 42, 0.28) 33%, transparent 33.3%),
    linear-gradient(0deg, transparent 65.9%, rgba(15, 23, 42, 0.2) 66%, transparent 66.3%),
    radial-gradient(circle at 48% 42%, rgba(255,255,255,.16), transparent 28rem),
    linear-gradient(90deg, #343e4a, #5b6674 43%, #3b4652);
}

.wall::after {
  opacity: .12;
}

.ceiling {
  background: linear-gradient(100deg, #d6dee8, #f7f9fc 34%, #c4ceda);
}

.side-wall {
  background: linear-gradient(90deg, rgba(203, 213, 225, .62), #dbe3ec);
}

.counter {
  background: linear-gradient(180deg, #f7f9fc, #cbd5e1);
  box-shadow: 0 -1rem 2rem rgba(71, 85, 105, .18);
}

.basin {
  background: linear-gradient(180deg, #ffffff, #edf2f7 52%, #aeb9c6 55%, #707b87);
}

.tap {
  background: linear-gradient(90deg, #7b8794, #d6dee8, #8b98a6);
}

.mirror-glass {
  border-color: rgba(226, 232, 240, .38);
  background:
    linear-gradient(105deg, rgba(255,255,255,.14) 0 31%, transparent 31.5%),
    radial-gradient(circle at 62% 22%, rgba(255,255,255,.2), transparent 1.6rem),
    linear-gradient(90deg, #737373, #909090 42%, #666666 42.5%, #3f3f3f 70%, #7a7a7a);
}

.luxury-mirror.shape-quarterCircle .mirror-glass {
  background:
    linear-gradient(105deg, rgba(255,255,255,.14) 0 31%, transparent 31.5%),
    radial-gradient(circle at 62% 22%, rgba(255,255,255,.2), transparent 1.6rem),
    linear-gradient(90deg, #737373, #909090 42%, #666666 42.5%, #3f3f3f 70%, #7a7a7a);
}

.brand h1 {
  color: #1e293b;
}



/****************************************/

.page-id-3762 .inside-article{
	padding-left: 0px;
	padding-right: 0px;
}

.page-id-3762 .entry-header{
	display: none !important;
}

.add-to-cart-custom-mirror{
	width: 100%;
	height: 42px;
	font-weight: 700 !important;
	border-radius: 5px;
	font-size: 13px;
	text-transform: uppercase;
	background: rgb(215, 235, 245);
	color: #014b8f;
	display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
	margin-top: 20px;
}