/* Дополнительные секции: отзывы и преимущества — фиолетовая тема */
.reviews-section,.why-us-section{width:min(var(--content),calc(100% - 40px));margin:0 auto;padding:72px 0}
.reviews-heading,.why-us-heading{text-align:center;margin:0 auto 38px}
.section-pill{display:inline-flex;align-items:center;gap:12px;padding:8px 20px;border:1px solid rgba(168,121,255,.34);border-radius:999px;background:rgba(124,58,237,.10);color:#d6c1ff;font-size:10px;font-weight:800;letter-spacing:.28em}
.reviews-heading h2,.why-us-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,4.2vw,48px);line-height:1.12;letter-spacing:-.025em;margin:24px 0 18px;color:#fbf8ff}
.section-subtitle{font-family:monospace;font-size:17px;letter-spacing:.12em;color:#a99bbd;margin:0}
.reviews-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.review-card{min-height:238px;padding:24px;border:1px solid rgba(220,204,255,.14);border-radius:16px;background:linear-gradient(145deg,rgba(34,24,52,.84),rgba(20,14,31,.92));box-shadow:0 12px 34px rgba(0,0,0,.12);display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
.review-card:hover,.why-us-card:hover{transform:translateY(-4px);border-color:rgba(168,121,255,.48)}
.review-stars{color:#ffd84d;font-size:19px;letter-spacing:1px;margin-bottom:10px}
.review-card blockquote{margin:0 0 14px;color:#c9bfd5;font:italic 15px/1.65 Georgia,'Times New Roman',serif;flex:1}
.review-card strong{font-size:12px;color:#f8f3ff;margin-bottom:4px}
.review-card time{font:11px monospace;letter-spacing:.04em;color:#8e829f}
.why-us-section{padding-top:36px;padding-bottom:84px}
.why-us-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.why-us-card{padding:24px;border:1px solid rgba(220,204,255,.13);border-radius:16px;background:linear-gradient(145deg,rgba(30,22,45,.95),rgba(17,12,27,.96));min-height:210px;transition:transform .2s,border-color .2s}
.why-us-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:14px;border:1px solid rgba(168,121,255,.38);border-radius:14px;background:rgba(124,58,237,.17);color:#b991ff;font-size:25px;font-weight:700}
.why-us-card h3{margin:0 0 12px;color:#f6f0ff;font-size:17px;font-weight:800}
.why-us-card p{margin:0;color:#b5a9c6;font:13px/1.75 monospace}
@media(max-width:900px){.reviews-grid,.why-us-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reviews-section,.why-us-section{padding:52px 0}}
@media(max-width:560px){.reviews-section,.why-us-section{width:calc(100% - 28px);padding:42px 0}.reviews-grid,.why-us-grid{grid-template-columns:1fr;gap:14px}.review-card{min-height:0}.reviews-heading,.why-us-heading{margin-bottom:28px}.section-subtitle{font-size:14px}.review-card blockquote{font-size:14px}}

/* Основные информационные секции сайта — единая фиолетовая тема */
.main-nav{display:flex;align-items:center;gap:15px;white-space:nowrap}.main-nav a{font-size:11px;font-weight:700;color:#c6b7dc;transition:color .2s}.main-nav a:hover{color:#c6a6ff}
.section-center{text-align:center;margin:0 auto 36px}.section-center h2{margin:22px 0 14px;color:#fbf8ff;font-size:clamp(32px,4.2vw,48px)}
.delivery-section,.gallery-section,.faq-section,.hours-section,.about-section,.organizations-section,.contacts-section{padding-top:66px;padding-bottom:66px;scroll-margin-top:90px}
.delivery-intro{margin-bottom:24px}.info-panel{padding:28px;border:1px solid rgba(183,145,255,.22);border-radius:19px;background:linear-gradient(135deg,rgba(43,27,67,.88),rgba(21,14,34,.94));box-shadow:0 18px 48px rgba(0,0,0,.18)}.info-panel h3{color:#f6efff;font-size:clamp(18px,2vw,24px);margin-bottom:15px}.info-panel p{color:#bdb0d0;line-height:1.9;margin-bottom:14px}.info-panel p:last-child{margin-bottom:0}.info-panel a:not(.button){color:#d4bcff;text-decoration:underline;text-underline-offset:3px}
.delivery-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:18px;padding:20px;border:1px solid rgba(183,145,255,.2);border-radius:24px;background:linear-gradient(135deg,rgba(168,121,255,.11),rgba(30,19,46,.82));margin:24px 0}.delivery-step{min-height:165px;padding:20px;border:1px solid rgba(198,166,255,.25);border-radius:18px;background:linear-gradient(145deg,#241833,#171021)}.step-number{display:block;color:#c6a6ff;font:800 11px monospace;letter-spacing:.2em;margin-bottom:10px}.delivery-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;border:1px solid rgba(168,121,255,.4);background:rgba(124,58,237,.17);color:#c3a0ff;font-size:24px;margin-bottom:12px}.delivery-step h3{font-size:16px;margin:0 0 7px}.delivery-step p{color:#b7a9ca;margin:0}.step-arrow{font-size:27px;color:#b991ff}.delivery-info-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:16px}.delivery-info-card{padding:19px;border:1px solid rgba(183,145,255,.18);border-radius:16px;background:linear-gradient(145deg,rgba(37,25,56,.95),rgba(20,13,31,.98));min-width:0}.delivery-info-card .delivery-icon{width:43px;height:43px;color:#c3a0ff}.delivery-info-card h3{font:800 10px/1.6 monospace;letter-spacing:.08em;color:#e4d7f7;margin:10px 0}.delivery-info-card p{font-size:12px;line-height:1.75;color:#b7a9ca;margin:0;overflow-wrap:anywhere}.delivery-info-card a{color:#d4bcff}
.gallery-hint{color:#9988b0;font-size:12px;margin:16px 0 0}.gallery-hint code{color:#d6c1ff}.gallery-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.gallery-grid figure{position:relative;grid-column:span 2;margin:0;min-height:210px;overflow:hidden;border:1px solid rgba(183,145,255,.22);border-radius:18px;background:#1a1128;box-shadow:0 15px 40px rgba(0,0,0,.2)}.gallery-grid figure:nth-child(4){grid-column:2/span 2}.gallery-grid figure:nth-child(5){grid-column:4/span 2}.gallery-grid img{width:100%;height:100%;min-height:210px;position:absolute;inset:0;object-fit:cover;transition:transform .35s,filter .35s;filter:saturate(.9)}.gallery-grid figure:hover img{transform:scale(1.05);filter:saturate(1.12)}.gallery-grid figcaption{position:absolute;right:0;bottom:0;left:0;padding:30px 16px 14px;background:linear-gradient(transparent,rgba(16,8,28,.95));font-size:11px;font-weight:800;color:#f6efff;letter-spacing:.06em}
.faq-list{max-width:900px;margin:0 auto;display:grid;gap:12px}.faq-list details{padding:0 20px;border:1px solid rgba(183,145,255,.2);border-radius:15px;background:linear-gradient(135deg,rgba(40,26,61,.8),rgba(20,13,31,.94));transition:border-color .2s}.faq-list details[open]{border-color:rgba(168,121,255,.55)}.faq-list summary{position:relative;padding:19px 32px 19px 0;cursor:pointer;list-style:none;color:#f4edff;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;top:13px;color:#c3a0ff;font-size:24px}.faq-list details[open] summary:after{content:'−'}.faq-list details p{margin:0;padding:0 0 20px;color:#bdb0d0;line-height:1.8}.faq-list a{color:#d4bcff}
.hours-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px;border:1px solid rgba(183,145,255,.2);border-radius:20px;background:linear-gradient(130deg,rgba(39,25,58,.95),rgba(19,12,30,.96))}.hours-grid article{text-align:center;padding:20px 12px;border-right:1px solid rgba(183,145,255,.14)}.hours-grid article:last-child{border:0}.hours-grid h3{font-size:12px;color:#e5d8f8;text-transform:uppercase;margin-bottom:16px}.hours-grid strong{display:block;font:16px monospace;color:#d4bcff}.hours-grid p{margin:12px 0 0;color:#a99bbd;font-size:11px}
.about-quote{font:italic 18px/1.8 Georgia,serif!important;color:#d2c5e1!important}.about-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-top:22px}.about-columns article{padding:23px;border:1px solid rgba(183,145,255,.18);border-radius:16px;background:rgba(11,7,20,.22)}.contacts-card{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:25px;border:1px solid rgba(183,145,255,.2);border-radius:20px;background:linear-gradient(135deg,rgba(38,25,57,.92),rgba(20,13,31,.95))}.contacts-card>div:first-child p{display:grid;grid-template-columns:100px 1fr;gap:14px;align-items:center;margin:0;padding:14px 0;border-bottom:1px solid rgba(183,145,255,.12)}.contacts-card>div:first-child p:last-child{border:0}.contacts-card p span{color:#a998c1;font:10px monospace;text-transform:uppercase}.contacts-card strong,.contacts-card a{color:#eee5fb;font-size:13px}.contacts-card a:hover{color:#c6a6ff}.map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:240px;border:1px solid rgba(168,121,255,.25);border-radius:16px;background:radial-gradient(circle at 50% 45%,rgba(124,58,237,.2),transparent 60%),linear-gradient(135deg,#201431,#130d20);color:#c6a6ff;font-size:30px}.map-placeholder strong{font-size:18px;color:#f4edff}.map-placeholder span{font-size:12px;color:#b7a9ca}
.site-footer{width:min(var(--content),calc(64% - 40px));margin:30px auto 24px;padding:32px;display:grid;grid-template-columns:1.15fr 1fr 1fr 1.1fr;gap:28px;align-items:start;border:1px solid rgba(183,145,255,.32);border-radius:22px;background:linear-gradient(135deg,rgba(40,27,59,.96),rgba(18,12,29,.98));box-shadow:0 20px 60px rgba(0,0,0,.25)}.footer-logo{width:34px;height:42px;flex-shrink:0}.footer-brand-column p{margin:18px 0 8px;color:#a99bbd;font:11px/1.9 monospace}.footer-policy{font-size:10px;color:#c6a6ff;text-decoration:underline;text-underline-offset:4px}.footer-pages{display:flex;flex-direction:column;gap:11px;margin:0}.footer-pages a{font-size:12px;color:#b7a9ca}.footer-pages a:hover{color:#d4bcff}.footer-hours{font-size:12px;color:#b7a9ca}.footer-hours strong{color:#eee5fb}.footer-hours p{margin:14px 0}.footer-contact{display:flex;flex-direction:column;gap:15px}.footer-contact a{font-size:12px;color:#d2c5e1;overflow-wrap:anywhere}.footer-contact a:hover{color:#c6a6ff}.footer-contact .footer-email{padding:12px;border:1px solid rgba(168,121,255,.25);border-radius:12px;background:rgba(168,121,255,.08);font-weight:800}
@media(max-width:1100px){.main-nav{gap:9px}.main-nav a{font-size:10px}.delivery-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.main-nav{order:3;width:100%;overflow-x:auto;padding:8px 0 2px;gap:17px}.site-header{flex-wrap:wrap}.site-header .search{max-width:none}.delivery-section,.gallery-section,.faq-section,.hours-section,.about-section,.organizations-section,.contacts-section{padding-top:45px;padding-bottom:45px}.delivery-steps{grid-template-columns:1fr;gap:10px;padding:13px}.step-arrow{transform:rotate(90deg);text-align:center;line-height:1}.delivery-step{min-height:0}.delivery-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-grid figure,.gallery-grid figure:nth-child(4),.gallery-grid figure:nth-child(5){grid-column:auto;min-height:160px}.gallery-grid img{min-height:160px}.hours-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.hours-grid article{border-right:0;border-bottom:1px solid rgba(183,145,255,.14)}.hours-grid article:nth-child(odd){border-right:1px solid rgba(183,145,255,.14)}.hours-grid article:nth-last-child(-n+2){border-bottom:0}.about-columns,.contacts-card{grid-template-columns:1fr}.contacts-card>div:first-child p{grid-template-columns:80px 1fr}.site-footer{width:calc(100% - 28px);padding:22px;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:82px}.footer-brand-column{grid-column:1/-1}.footer-pages{gap:9px}.footer-pages a,.footer-contact a{font-size:11px}}
@media(max-width:420px){.delivery-info-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.footer-brand-column{grid-column:auto}.hours-grid h3{font-size:10px}.hours-grid strong{font-size:13px}}


/* Refinements: violet neon, logo without outlines, FAQ and mail picker */
.brand, .brand:focus, .brand:focus-visible, .brand svg, .footer-brand, .footer-brand:focus-visible { outline: none !important; box-shadow: none !important; border: 0 !important; }
.brand { text-decoration:none; }
.faq-list details { overflow:hidden; border:1px solid rgba(167,116,255,.22); border-radius:15px; background:linear-gradient(135deg,rgba(35,22,55,.82),rgba(17,14,25,.95)); margin:10px 0; box-shadow:0 8px 24px rgba(0,0,0,.18); transition:border-color .25s, box-shadow .25s, transform .25s; }
.faq-list details[open] { border-color:rgba(169,119,255,.7); box-shadow:0 0 22px rgba(139,76,255,.13); }
.faq-list summary { list-style:none; cursor:pointer; position:relative; padding:19px 52px 19px 22px; font-weight:700; }
.faq-list summary::-webkit-details-marker {display:none}
.faq-list summary:after { content:'+'; position:absolute; right:20px; color:#b58aff; font-size:22px; top:50%; transform:translateY(-50%); transition:transform .25s; }
.faq-list details[data-open="true"] summary:after { content: '−'; }
.faq-list details .faq-answer {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows .32s ease, visibility .32s;
}
.faq-list details[data-open="false"] .faq-answer {
  grid-template-rows: 0fr;
  visibility: hidden;
}
.faq-list details[data-open="true"] summary:after { content: '−'; }
.faq-list details p { margin:0; padding:0 22px 19px; color:#c2b8d0; line-height:1.75; animation:faqFade .25s ease; }
@keyframes faqFade {from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
body.page-leaving main, body.page-leaving .site-header, body.page-leaving .site-footer { opacity:.25; transform:translateY(5px); transition:opacity .16s,transform .16s; }
.site-header, main, .site-footer { transition:opacity .2s,transform .2s; }

/* ============================================================
 * Выбор почты (Email Picker) — в стиле сайта
 * ============================================================ */
.email-picker {
  position: relative;
  font-family: 'Manrope', sans-serif; /* Вернули современный шрифт */
  width: 100%;
}

/* Кнопка, на которую нажимают */
.email-picker-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 12px 14px;
  color: #f6f1ff;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(220, 204, 255, 0.12);
  border-radius: 12px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
}

.email-picker-trigger:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(168, 121, 255, 0.5);
  transform: translateY(-1px);
}

.email-chevron {
  color: #a879ff;
  transition: transform 0.3s ease;
}

.email-picker-trigger[aria-expanded="true"] .email-chevron {
  transform: rotate(180deg);
}

/* Выпадающее меню */
.email-provider-list {
  position: absolute;
  z-index: 50;
  bottom: calc(100% + 8px);
  right: 0px;
  width: 265px;
  max-height: 500px; /* Ограничили высоту, чтобы не растягивалось на весь экран */
  overflow-y: auto;
  padding: 6px;
  background: #161022;
  border: 1px solid rgba(168, 121, 255, 0.3);
  border-radius: 14px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(20px);
}

/* Красивый тонкий скроллбар */
.email-provider-list::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.email-provider-list::-webkit-scrollbar-thumb {
  background: rgba(168, 121, 255, 0.4);
  border-radius: 10px;
}

.email-provider-list[hidden] {
  display: none;
}

/* Ссылки на почты */
.email-provider-list a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  margin-bottom: 2px;
  color: #f6f1ff;
  text-decoration: none;
  border-radius: 8px;
  background: transparent;
  border: 1px solid transparent;
  transition: all 0.2s ease;
}

.email-provider-list a:hover {
  background: rgba(168, 121, 255, 0.1);
  border-color: rgba(168, 121, 255, 0.2);
  transform: translateX(2px);
}

.email-provider-list span {
  display: flex;
  flex-direction: column;
  gap: 1px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.email-provider-list small {
  font-size: 10px;
  font-weight: 500;
  color: #a49ab8;
}

/* Точки-индикаторы (без свечения, аккуратные) */
.mail-dot {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
}
.gmail { background: #ea4335; }
.outlook { background: #0078d4; }
.yahoo { background: #6001d2; }
.icloud { background: #3693f3; }
.proton { background: #6d4aff; }
.zoho { background: #e42527; }
.yandex { background: #fc3f1d; }
.mailru { background: #005ff9; }
.rambler { background: #315efb; }

@media (max-width: 480px) {
  .email-provider-list { width: min(250px, calc(100vw - 40px)); }
}

/* ============================================================
 * FAQ — плавное раскрытие/закрытие по data-open
 * ============================================================ */
.faq-list details .faq-answer {
  display: grid;
  grid-template-rows: 1fr;
  overflow: hidden;
  transition: grid-template-rows .32s ease, visibility .32s;
}
.faq-list details[data-open="false"] .faq-answer {
  grid-template-rows: 0fr;
  visibility: hidden;
}

/* плюс/минус — по data-open, а не по open */
.faq-list details summary:after {
  content: '+';
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #b58aff;
  font-size: 22px;
  transition: transform .25s;
}
.faq-list details[data-open="true"] summary:after {
  content: '−';
}

/* перебиваем старые правила, которые ломают вид */
.faq-list details[open] summary:after { content: '+'; }
.faq-list details[open][data-open="true"] summary:after { content: '−'; }
.faq-list details[open] .faq-answer { grid-template-rows: 1fr; }
.faq-list details[open][data-open="false"] .faq-answer { grid-template-rows: 0fr; }

/* ============================================================
 * Новый FAQ-аккордеон (div/button)
 * ============================================================ */
.faq-item {
  border: 1px solid rgba(167, 116, 255, .22);
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(35, 22, 55, .82), rgba(17, 14, 25, .95));
  margin: 5px 0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
  transition: border-color .25s, box-shadow .25s;
  overflow: hidden;
}

.faq-item.is-open {
  border-color: rgba(169, 119, 255, .7);
  box-shadow: 0 0 22px rgba(139, 76, 255, .13);
}

.faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 19px 22px;
  background: transparent;
  border: none;
  color: #f4edff;
  font: inherit;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}

.faq-question::after {
  content: '+';
  color: #b58aff;
  font-size: 22px;
  line-height: 1;
  transition: transform .25s;
}

.faq-item.is-open .faq-question::after {
  content: '−';
}

.faq-answer {
  height: 0;
  overflow: hidden;
  transition: height .3s ease;
}

.faq-answer-content {
  padding: 0 22px 19px;
  color: #c2b8d0;
  line-height: 1.75;
}
.faq-answer-content p {
  margin: 0;
}

.gallery-grid figure { 
  position: relative; 
  grid-column: span 2; 
  margin: 0; 
  min-height: 210px; 
  overflow: hidden; 
  border: 1px solid rgba(183,145,255,.22); 
  border-radius: 18px; 
  background-color: #1a1128; 
  
  /* УБИРАЕМ ТЕНЬ */
  box-shadow: none; 
  
  transition: transform 0.5s ease;
}

.gallery-grid figure:hover {
  transform: scale(1.03);
}

/* Подпись оставляем читаемой, но убираем тяжелый черный градиент */
.gallery-grid figcaption { 
  position: absolute; 
  right: 0; 
  bottom: 0; 
  left: 0; 
  padding: 30px 16px 14px; 
  
  /* Делаем градиент легким и прозрачным, только чтобы текст не сливался с фото */
  background: linear-gradient(transparent, rgba(16, 8, 28, 0.6)); 
  
  font-size: 11px; 
  font-weight: 800; 
  color: #f6efff; 
  letter-spacing: .06em; 
  z-index: 2;
  pointer-events: none;
  text-shadow: 0 1px 3px rgba(0,0,0,0.8); /* Тень только для текста */
}