/*ГАЛЕРЕЯ*/
.unity-gallery-plugin,
.unity-gallery-plugin * {
  box-sizing: border-box;}

.unity-gallery-plugin {
  --arrow-color: #efe6d5;
  --arrow-hover: #dcbb78;
  --gold: #dcbb78;
  --white: #ffffff;
  position: relative;
  width: 100%;
  max-width: 980px;
  height: 300px;
  margin: 0px auto;
  isolation: isolate;
  font-family: Arial, sans-serif;}

.unity-gallery-stage {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;}

.unity-gallery-track {
  position: relative;
  width: 100%;
  height: 100%;}

.unity-gallery-item {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 220px;
  aspect-ratio: 1 / 1;
  padding: 2px;
  background: var(--gold);
  cursor: pointer;
  transition:
    transform 0.55s ease,
    opacity 0.55s ease,
    z-index 0.55s ease;
  clip-path: polygon(
    14px 0,
    100% 0,
    100% calc(100% - 14px),
    calc(100% - 14px) 100%,
    0 100%,
    0 14px  );}

.unity-gallery-inner {
  width: 100%;
  height: 100%;
  background: var(--white);
  padding: 10px;
  clip-path: polygon(
    14px 0,
    100% 0,
    100% calc(100% - 14px),
    calc(100% - 14px) 100%,
    0 100%,
    0 14px  );}

.unity-gallery-image-wrap {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  clip-path: polygon(
    14px 0,
    100% 0,
    100% calc(100% - 14px),
    calc(100% - 14px) 100%,
    0 100%,
    0 14px  );}

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

/* Центральное фото */
.unity-gallery-item[data-position="0"] {
  transform: translate(-50%, -50%) scale(1.25);
  z-index: 5;
  opacity: 1;}

/* Боковые фото */
.unity-gallery-item[data-position="-1"] {
  transform: translate(-125%, -50%) scale(0.92);
  z-index: 4;
  opacity: 1;}

.unity-gallery-item[data-position="1"] {
  transform: translate(25%, -50%) scale(0.92);
  z-index: 4;
  opacity: 1;}

/* Дальние фото */
.unity-gallery-item[data-position="-2"] {
  transform: translate(-162%, -50%) scale(0.82);
  z-index: 3;
  opacity: 0.9;}

.unity-gallery-item[data-position="2"] {
  transform: translate(62%, -50%) scale(0.82);
  z-index: 3;
  opacity: 0.9;}

.unity-gallery-item[data-position="hidden"] {
  transform: translate(-50%, -50%) scale(0.65);
  z-index: 1;
  opacity: 0;
  pointer-events: none;}

.unity-gallery-item.is-zoomed {
  transform: translate(-50%, -50%) scale(1.3) !important;
  z-index: 20 !important;}

/* Стрелки */
.unity-gallery-arrow {
  position: absolute;
  top: 50%;
  z-index: 30;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  color: var(--arrow-color);
  font-size: 72px;
  line-height: 1;
  cursor: pointer;
  padding: 0 12px;
  transition: color 0.25s ease, transform 0.25s ease;}

.unity-gallery-arrow:hover {
  color: var(--arrow-hover);
  transform: translateY(-50%) scale(1.08);}

.unity-gallery-prev {
  left: -10px;}

.unity-gallery-next {
  right: -10px;}

@media (max-width: 768px) {
  .unity-gallery-plugin {
    height: 280px;  }

  .unity-gallery-item {
    width: 154px;  }

  .unity-gallery-arrow {
    font-size: 54px;  }}


/*Коричневая рамка*/
.warning-brown{
    background: #dcbb78;
    padding: 14px 18px;
    margin-top: 20px;
    font-size: 14px;
    text-align:center;

    clip-path: polygon(
        14px 0%, 100% 0%, 
        100% calc(100% - 14px), 
        calc(100% - 14px) 100%, 
        0% 100%, 
        0% 14px
    );
}
/*вопрос-ответ*/
.faq-wrapper{
max-width:900px;
margin:40px auto;
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}

.faq-item{
background:#f4ead6;
margin-bottom:10px;
padding:14px 18px;
position:relative;

clip-path: polygon(
14px 0%, 100% 0%, 
100% calc(100% - 14px), 
calc(100% - 14px) 100%, 
0% 100%, 
0% 14px
);
}

.faq-question{
display:flex;
justify-content:space-between;
align-items:center;
font-weight:500;
cursor:pointer;
user-select:none;
}

.faq-icon{
font-size:22px;
transition:0.2s;
flex-shrink:0;
margin-left:10px;
}

.faq-answer{
max-height:0;
overflow:hidden;
transition:max-height 0.3s ease;
font-size:14px;
margin-top:0;
line-height:1.6;
cursor:text;
}

.faq-answer-inner{
padding-top:12px;
}

.faq-item.active .faq-answer{
max-height:2000px;
}

.faq-item.active .faq-icon{
transform:rotate(45deg);
}

.contact-btn{
display:inline-block;
margin-top:10px;
margin-right:10px;
padding:8px 14px;
background:#f4ead6;
color:#3e2c1c;
text-decoration:none;
border:none;
outline:none;
box-shadow:none;

clip-path: polygon(
10px 0%, 100% 0%, 
100% calc(100% - 10px), 
calc(100% - 10px) 100%, 
0% 100%, 
0% 10px
);

transition:0.2s;
}

.contact-btn:hover{
background:#dcbb78;
color:#3e2c1c; 
}

/*Калькулятор*/
.mug-calculator-wrapper{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;margin:20px 0}
.mug-calculator{max-width:900px;margin:auto}
.two-columns-for-calculator{display:flex;gap:40px;align-items:flex-start}
.left-column-for-calculator,.right-column-for-calculator{flex:1}
.right-column-for-calculator{background:#f9f9f9;padding:0 24px 24px;border-radius:16px}
.quantity-input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box}
.results{background:#fff;border:2px solid #f0f0f0;border-radius:16px;padding:20px;margin-top:20px}
.price-table{margin-top:0}
.price-row{display:flex;justify-content:space-between;border-bottom:1px dashed #ddd;padding:6px 0}
.price-row.header{font-weight:700;border-bottom:1px solid #ddd}
@media(max-width:640px){.two-columns{flex-direction:column}.right-column{padding:24px}.left-column,.right-column{width:100%;box-sizing:border-box}}


/* ВНЕШНЯЯ ЗОЛОТАЯ ФИГУРА */
.catalog-card-wrap {
    max-width: 340px;
    background: #dcbb78;
    padding: 2px;

    clip-path: polygon(
        14px 0,
        100% 0,
        100% calc(100% - 14px),
        calc(100% - 14px) 100%,
        0 100%,
        0 14px
    );
}

/* ВНУТРЕННЯЯ БЕЛАЯ ЧАСТЬ */
.catalog-card {
    background: #fff;
    padding: 24px;
    text-align: center;
    font-family: sans-serif;

    clip-path: polygon(
        14px 0,
        100% 0,
        100% calc(100% - 14px),
        calc(100% - 14px) 100%,
        0 100%,
        0 14px
    );
}

/* Фото */
.catalog-image-link {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    margin-bottom: 18px;

    clip-path: polygon(
        14px 0,
        100% 0,
        100% calc(100% - 14px),
        calc(100% - 14px) 100%,
        0 100%,
        0 14px
    );
}

.catalog-image-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.catalog-image-link:hover img {
    transform: scale(1.05);
}


/* Кнопка */
.catalog-button {
    display: inline-block;
    padding: 14px 28px;
    background: #efe6d5;
    color: #222;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    transition: 0.3s ease;
    text-align: center;

    clip-path: polygon(
        14px 0,
        100% 0,
        100% calc(100% - 14px),
        calc(100% - 14px) 100%,
        0 100%,
        0 14px
    );
}

.catalog-button:hover {
    background: #dcbb78;
    color: #222;
}
.warning-for-calculator{
    color:#e67e22;
    background:#fff4e5;
    padding: 14px 18px;
    margin-top: 20px;
    font-size: 14px;
    text-align:center;

    clip-path: polygon(
        14px 0%, 100% 0%, 
        100% calc(100% - 14px), 
        calc(100% - 14px) 100%, 
        0% 100%, 
        0% 14px
    );
}