/** Shopify CDN: Minification failed
Line 94:0 Unexpected "<"
Line 682:24 Expected identifier but found "!"
Line 728:11 Expected identifier but found whitespace
Line 728:17 Unexpected ";"
Line 3055:9 Expected identifier but found "addEventListener("
Line 5992:0 Comments in CSS use "/* ... */" instead of "//"
Line 8237:1 Expected "}" to go with "{"
**/
/* TEST 123 */
html { border: 10px solid blue !important; }
/* Аккордеон для футера */
.footer-accordion__header {
width: 100%;
padding: 12px 0;
font-weight: 600;
cursor: pointer;
border: none;
background: none;
text-align: left;
}
.footer-accordion__content {
display: none;
padding: 8px 0;
}
.footer-accordion__content.active {
display: block;
}
@media (max-width: 767px) {
.footer-column {
margin-bottom: 12px;
}
.footer-column h4 {
font-size: 10px !important;
font-weight: 600;
cursor: pointer;
position: relative;
padding-right: 20px;
}
.footer-column h4::after {
content: "+";
position: absolute;
right: 0;
top: 0;
}
.footer-column.active h4::after {
content: "–";
}
.footer-column ul,
.footer-column p,
.footer-column form {
display: none;
}
.footer-column.active ul,
.footer-column.active p,
.footer-column.active form {
display: block;
margin-top: 8px;
}
}
/* === MOBILE FOOTER ACCORDION (<=767px) === */
@media (max-width: 767px) {
.mjs-footer__container details { border-radius: 12px; border: 1px solid rgba(0,0,0,.06); background:#f1e3dc; }
.mjs-footer__container details + details { margin-top: 12px; }
.mjs-footer__container summary.footer-accordion__header {
list-style: none; /* убирает маркер iOS */
display: flex; align-items: center; justify-content: space-between;
width: 100%; padding: 14px 16px; margin: 0; font-weight: 600; cursor: pointer;
}
.mjs-footer__container summary.footer-accordion__header::-webkit-details-marker { display:none; }
.mjs-footer__container summary.footer-accordion__header::after {
content: "▾"; transition: transform .2s ease; opacity: .7;
}
.mjs-footer__container details[open] > summary.footer-accordion__header::after { transform: rotate(180deg); }
/* Внутренности колонки */
.mjs-footer__container .footer-accordion__content { padding: 8px 16px 14px; }
}
/* Десктоп — косметика */
@media (min-width: 768px) {
.mjs-footer__container summary.footer-accordion__header { padding: 0; background: transparent; border: 0; cursor: default; }
.mjs-footer__container summary.footer-accordion__header::after { content: none; }
}
/* Галерея разделов */
.section_gallery__4 .gallery_item { position: relative; overflow: hidden; }
.section_gallery__4 .item_caption { position: static; } /* убрать встроенные стили темы */
.section_gallery__4 .caption_text{
position:absolute; left:18px; right:18px; bottom:14px;
background:transparent!important; box-shadow:none!important; border:0!important;
color:color:#000000;
text-transform:uppercase; letter-spacing:.06em; font-weight:600; font-size:14px;
display:flex; flex-direction:column; align-items:flex-start; gap:8px;
}
.section_gallery__4 .caption_text::before{
content:""; width:96px; height:1px; background:currentColor; opacity:.55;
}
@media (max-width:768px){
.section_gallery__4 .caption_text{left:12px; right:12px; bottom:10px; font-size:12px;}
.section_gallery__4 .caption_text::before{width:72px;}
}
/* лёгкий нижний градиент для читаемости, без плашки */
.section_gallery__4 .img_placeholder__wrap::after{
content:""; position:absolute; inset:0;
background:linear-gradient(0deg, rgba(0,0,0,.14) 0%, rgba(0,0,0,0) 60%);
pointer-events:none;
}
/* ===== Подписи разделов (как на "БРАСЛЕТЫ") ===== */
.section_gallery__4 .gallery_item{ position:relative; overflow:hidden; }
.section_gallery__4 .gallery_item .caption_text{
position:absolute; left:18px; right:18px; bottom:22px;
background:transparent!important; box-shadow:none!important; border:0!important;
color:#5c4339; /* темнее, менее "меловато" */
text-transform:uppercase; letter-spacing:.04em;
font-weight:600; font-size:14px; line-height:1;
display:flex; flex-direction:column; align-items:flex-start; gap:8px;
}
.section_gallery__4 .gallery_item .caption_text::before{
content:""; width:84px; height:1px; background:#5c4339; opacity:.65;
}
/* отключаем старую плашку/эффекты темы (в т.ч. при hover) */
.section_gallery__4 .item_caption,
.section_gallery__4 .item_caption:hover,
.section_gallery__4 .gallery_item:hover .item_caption{
background:transparent!important; box-shadow:none!important; transform:none!important; opacity:1!important;
}
.section_gallery__4 .item_caption::before,
.section_gallery__4 .item_caption::after{
display:none!important;
}
/* лёгкий градиент для читаемости (без плашки) */
.section_gallery__4 .img_placeholder__wrap::after{
content:""; position:absolute; inset:0;
background:linear-gradient(0deg, rgba(0,0,0,.14) 0%, rgba(0,0,0,0) 60%);
pointer-events:none;
}
@media (max-width:768px){
.section_gallery__4 .gallery_item .caption_text{ left:12px; right:12px; bottom:14px; font-size:12px; }
.section_gallery__4 .gallery_item .caption_text::before{ width:68px; }
}
/* ===== Подписи разделов ===== */
.section_gallery__4 .gallery_item{position:relative;overflow:hidden}
.section_gallery__4 .gallery_item .caption_text{
position:absolute;left:18px;right:18px;bottom:34px; /* выше */
background:transparent!important;box-shadow:none!important;border:0!important;
color:#8a6b5d; /* светлее и контрастнее */
text-transform:uppercase;letter-spacing:.04em;font-weight:600;font-size:14px;line-height:1;
display:flex;flex-direction:column;align-items:flex-start;gap:8px;
}
.section_gallery__4 .gallery_item .caption_text::before{
content:"";width:84px;height:1px;background:currentColor;opacity:.65
}
/* убить старую плашку (включая hover) — повышенная специфичность */
.section_gallery__4 .gallery_item a.item_caption,
.section_gallery__4 .gallery_item a.item_caption:hover,
.section_gallery__4 .gallery_item:hover a.item_caption,
.section_gallery__4 .gallery_item:hover a.item_caption .caption_text,
.section_gallery__4 .gallery_item a.item_caption::before,
.section_gallery__4 .gallery_item a.item_caption::after{
background:transparent!important;box-shadow:none!important;border:none!important;
opacity:1!important;transform:none!important;transition:none!important
}
/* легкий градиент снизу для читаемости */
.section_gallery__4 .img_placeholder__wrap::after{
content:"";position:absolute;inset:0;
background:linear-gradient(0deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,0) 60%);
pointer-events:none
}
@media (max-width:768px){
.section_gallery__4 .gallery_item .caption_text{left:12px;right:12px;bottom:20px;font-size:12px}
.section_gallery__4 .gallery_item .caption_text::before{width:68px}
}
/* Фон карточек блога */
.blog-card {
background: #f8f3ef; /* светлый беж */
border-radius: 12px;
padding: 20px;
}
.blog-card p {
color: #3a2a2a; /* мягкий тёмный текст */
}
/* Убираем тёмный фон внутри карточек блога */
.article_item .layer_1,
.article_item .layer_2 {
background: #f8f3ef !important; /* светлый беж */
}
/* Текст в карточке */
.article_item .layer_2 p,
.article_item .layer_2 h2,
.article_item .layer_2 h3 {
color: #3a2a2a !important; /* мягкий тёмный */
}
/* Убираем тёмную рамку вокруг карточек блога */
.blog_listing__main,
.blog_listing__list,
.blog_listing__list .row > div {
background: transparent !important;
}
.article_item {
background: #f8f3ef !important; /* общий беж фон */
border-radius: 12px;
padding: 16px;
}
/* Внутренние слои оставляем прозрачными */
.article_item .layer_1,
.article_item .layer_2 { background: transparent !important; }
/* Читаемый текст */
.article_item .layer_2 p,
.article_item .layer_2 h2,
.article_item .layer_2 h3 { color: #3a2a2a !important; }
/* Кнопки "Читать дальше" в блоге */
.blog-card .btn,
.article_item .btn {
background-color: #C49A8D !important; /* как на главной */
color: #fff !important;
border: none !important;
border-radius: 6px;
padding: 12px 24px;
font-weight: 600;
text-transform: uppercase;
transition: background-color 0.3s ease;
}
.blog-card .btn:hover,
.article_item .btn:hover {
background-color: #6B4A3D !important; /* hover как на главной */
}
/* Единый стиль кнопок по всему сайту */
.btn,
button,
.shopify-payment-button__button,
.add-to-cart,
.product-form__submit,
.article_item .btn {
background-color: #C49A8D !important; /* карамельно-розовый */
color: #fff !important;
border: none !important;
border-radius: 6px !important;
padding: 12px 24px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.2s ease;
}
.btn:hover,
button:hover,
.shopify-payment-button__button:hover,
.add-to-cart:hover,
.product-form__submit:hover,
.article_item .btn:hover {
background-color: #6B4A3D !important; /* тёмный при наведении */
transform: translateY(-2px);
}
/* Блок "You may also like" */
.related-products,
.product-recommendations,
.product-recommendations__inner {
background: #C49A8D !important; /* как хедер */
color: #fff !important;
padding: 30px 20px;
border-radius: 12px;
}
.related-products h2,
.product-recommendations h2 {
color: #fff !important;
text-transform: uppercase;
letter-spacing: 1px;
}
/* Блок "Вам также могут понравиться" */
.widget_related_products {
background: #C49A8D !important; /* фон как у хедера */
border-radius: 12px;
padding: 40px 20px; /* больше воздуха сверху/снизу */
color: #fff;
text-align: center;
}
.widget_related_products h2,
.widget_related_products .title,
.widget_related_products .widget-title {
color: #fff !important; /* белый для контраста */
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
}
/* ===== Cart added modal (Fancybox) ===== */
#cart_added { font-family: inherit; }
.fancybox-skin { background:#fff !important; border-radius:16px !important; box-shadow:0 10px 30px rgba(0,0,0,.2) !important; }
#cart_added h4 { margin:0 0 14px; font-size:20px; font-weight:700; color:#2a1f1f; }
/* Левая колонка с фото */
#cart_added .cart_added__1 { width:96px; }
#cart_added .cart_added__1 img { width:96px; height:96px; object-fit:cover; border-radius:10px; border:1px solid #E7D1C9; background:#fff; }
/* Правая колонка */
#cart_added .cart_added__2 { padding-left:14px; }
#cart_added .product_name { display:block; max-width:220px; font-weight:600; color:#2a1f1f; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#cart_added #cart_added__quantity { color:#8c7c74; margin:6px 0 12px; }
/* Кнопки — единый стиль */
#cart_added a.btn,
#cart_added a.btn-alt,
#cart_added .btn,
#cart_added .btn-alt {
display:block; width:100%;
border-radius:8px !important; padding:10px 16px !important; font-weight:700; text-transform:uppercase;
text-align:center; border:none;
}
#cart_added a.btn,
#cart_added .btn { background:#C49A8D !important; color:#fff !important; }
#cart_added a.btn:hover,
#cart_added .btn:hover { background:#6B4A3D !important; }
/* Вторая кнопка — светлая (контур) */
#cart_added a.btn-alt,
#cart_added .btn-alt { background:transparent !important; color:#6B4A3D !important; border:2px solid #C49A8D !important; margin-top:10px; }
#cart_added a.btn-alt:hover,
#cart_added .btn-alt:hover { background:#E7D1C9 !important; }
/* Крестик */
.fancybox-close { top:8px !important; right:8px !important; opacity:.7; }
.fancybox-close:hover { opacity:1; }
/* Небольшая «тень» у самого окна */
.fancybox-inner { border-radius:16px; }
/* TikTok banner refined size */
.tiktok-banner h4 {
font-family: 'Montserrat', sans-serif !important;
font-weight: 400;
font-size: clamp(18px, 1.4vw, 22px); /* был 22–26px */
line-height: 1.2;
margin-bottom: 6px;
}
.tiktok-banner h5 {
font-family: 'Montserrat', sans-serif !important;
font-weight: 300;
font-size: clamp(14px, 1.2vw, 18px); /* был 16–20px */
line-height: 1.3;
margin-bottom: 6px;
}
.tiktok-banner p {
font-family: 'Montserrat', sans-serif !important;
font-weight: 300;
font-size: clamp(12px, 1vw, 14px); /* ещё компактнее */
line-height: 1.4;
margin-bottom: 8px;
}
/* Заголовок */
.tiktok-banner h4 {
font-family: 'Montserrat', sans-serif !important;
font-weight: 500;
font-size: clamp(20px, 1.6vw, 26px);
line-height: 1.3;
margin-bottom: 8px;
}
/* Подзаголовок — сильно меньше */
.tiktok-banner h5 {
font-family: 'Montserrat', sans-serif !important;
font-weight: 300;
font-size: clamp(12px, 0.9vw, 16px); /* намного меньше */
line-height: 1.4;
margin-bottom: 6px;
opacity: 0.9; /* делает текст «легче» */
}
/* Маленькое описание */
.tiktok-banner p {
font-family: 'Montserrat', sans-serif !important;
font-weight: 300;
font-size: clamp(11px, 0.8vw, 14px);
line-height: 1.4;
}
/* Только для RU */
html[lang="ru"] .tiktok-banner h4{
font-weight: 400;
font-size: clamp(22px, 1.7vw, 28px);
line-height: 1.18;
letter-spacing: .01em; /* меньше растяжение — меньше переносов */
text-transform: none; /* без лишнего upper, кириллица так смотрится легче */
margin-bottom: 8px;
}
html[lang="ru"] .tiktok-banner h5.tiktok-subtitle{
font-weight: 300;
font-size: clamp(14px, 1.1vw, 18px); /* заметно меньше второго текста */
line-height: 1.35;
letter-spacing: .02em;
margin: 8px 0 6px;
}
html[lang="ru"] .tiktok-banner p.tiktok-text{
font-weight: 300;
font-size: clamp(12px, .95vw, 14px);
line-height: 1.4;
opacity: .9;
}
/* Gallery: оставить текст, убрать только коричневую подложку */
.section_gallery__2 .img_placeholder__wrap::after,
.section_gallery__3 .img_placeholder__wrap::after,
.section_gallery__4 .img_placeholder__wrap::after{
content: none !important;
display: none !important;
}
/* Подпись показываем, фон и тень убираем */
.section_gallery__2 .caption_text,
.section_gallery__3 .caption_text,
.section_gallery__4 .caption_text{
display: block !important;
background: transparent !important;
box-shadow: none !important;
height: auto !important;
padding: 0 !important; /* можно убрать/подобрать */
}
/* На всякий случай отключим псевдоэлементы у самой подписи */
.section_gallery__2 .caption_text::before,
.section_gallery__2 .caption_text::after,
.section_gallery__3 .caption_text::before,
.section_gallery__3 .caption_text::after,
.section_gallery__4 .caption_text::before,
.section_gallery__4 .caption_text::after{
content: none !important;
display: none !important;
}
/* ============== GALLERY: фикс мобилки ============== */
/* Родитель для подписи и прозрачный фон карточки */
.section_gallery__2 .gallery_item,
.section_gallery__3 .gallery_item,
.section_gallery__4 .gallery_item{
position: relative;
background: transparent !important;
overflow: hidden; /* на всякий случай */
}
/* Само изображение-фоном: без коричневой подложки, всегда cover */
.section_gallery__2 .img_placeholder__wrap,
.section_gallery__3 .img_placeholder__wrap,
.section_gallery__4 .img_placeholder__wrap{
background-color: transparent !important;
background-size: cover !important;
background-position: center !important;
}
/* Убить «служебные» полосы-псевдоэлементы темы */
.section_gallery__2 .col-xs-3::after,
.section_gallery__3 .col-xs-3::after,
.section_gallery__4 .col-xs-3::after{
content: none !important;
display: none !important;
}
/* Мобилка: аккуратно фиксируем подписи внутри карточки */
@media (max-width: 768px){
.section_gallery__2 .caption_text,
.section_gallery__3 .caption_text,
.section_gallery__4 .caption_text{
position: absolute;
left: 16px;
right: 16px;
bottom: 16px;
text-align: center;
}
}
/* ==== Gallery — убрать подложки и вернуть подписи поверх картинки ==== */
/* Карточка */
.section_gallery__2 .gallery_item,
.section_gallery__3 .gallery_item,
.section_gallery__4 .gallery_item{
position: relative;
background: transparent !important;
overflow: hidden;
}
/* Элемент с инлайн-фоном (Shopify сам пишет style="background-image:…") */
.section_gallery__2 .img_placeholder__wrap,
.section_gallery__3 .img_placeholder__wrap,
.section_gallery__4 .img_placeholder__wrap{
background-color: transparent !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
/* Убить любые декоративные псевдо-элементы (полосы/оверы) */
.section_gallery__2 .gallery_item::before,
.section_gallery__2 .gallery_item::after,
.section_gallery__3 .gallery_item::before,
.section_gallery__3 .gallery_item::after,
.section_gallery__4 .gallery_item::before,
.section_gallery__4 .gallery_item::after,
.section_gallery__2 .col-xs-3::after,
.section_gallery__3 .col-xs-3::after,
.section_gallery__4 .col-xs-3::after{
content: none !important;
display: none !important;
background: transparent !important;
box-shadow: none !important;
}
/* Ссылка с подписью (иногда фон задаётся именно сюда) */
.section_gallery__2 .item_caption,
.section_gallery__3 .item_caption,
.section_gallery__4 .item_caption{
position: absolute;
left: 0; right: 0; bottom: 0;
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
z-index: 3;
}
/* Текст подписи — аккуратный, без плашки */
.section_gallery__2 .caption_text,
.section_gallery__3 .caption_text,
.section_gallery__4 .caption_text{
display: flex;
align-items: center;
justify-content: center;
background: transparent !important;
color: #2a1f19; /* элегантный тёмно-шоколадный */
letter-spacing: 0.10em;
font-weight: 500;
font-size: clamp(12px, 1.7vw, 18px);
text-shadow: 0 0 2px rgba(255,255,255,.4); /* легкая подсветка, чтобы читалось */
padding: 12px 10px;
}
/* Мобилка — подпись остаётся поверх картинки */
@media (max-width: 768px){
.section_gallery__2 .item_caption,
.section_gallery__3 .item_caption,
.section_gallery__4 .item_caption{
position: absolute;
left: 0; right: 0; bottom: 0;
}
.section_gallery__2 .caption_text,
.section_gallery__3 .caption_text,
.section_gallery__4 .caption_text{
padding: 10px 8px;
font-size: 14px;
letter-spacing: .12em;
}
}
/* Gallery (style_3 / style_4): подпись на фото с мягкой защитой снизу */
.section_gallery__4 .gallery_item,
.section_gallery__3 .gallery_item{ position: relative; }
/* Лёгкий градиент снизу, почти незаметный, но спасает читаемость */
.section_gallery__4 .img_placeholder__wrap::after,
.section_gallery__3 .img_placeholder__wrap::after{
content: "";
position: absolute;
left: 0; right: 0; bottom: 0;
height: 84px;
background: linear-gradient(to top, rgba(244,231,220,.75), rgba(244,231,220,0));
pointer-events: none;
}
/* Подпись — внизу-слева */
.section_gallery__4 .caption_text,
.section_gallery__3 .caption_text{
position: absolute !important;
left: 22px; bottom: 18px;
margin: 0;
text-align: left;
color: #4f4039;
font-size: 18px;
font-weight: 500;
letter-spacing: .16em;
text-transform: uppercase;
}
/* На телефонах делаем компактнее */
@media (max-width: 767px){
.section_gallery__4 .caption_text,
.section_gallery__3 .caption_text{
left: 16px; bottom: 14px;
font-size: 14px;
letter-spacing: .12em;
}
}
:is(.section_gallery__3,.section_gallery__4) .img_placeholder__wrap::after{
content:"";position:absolute;inset:auto 0 0;height:84px;
background:linear-gradient(0deg,#f4e7dcc0,transparent);
pointer-events:none
}
:is(.section_gallery__3,.section_gallery__4) .caption_text{
position:absolute;left:22px;bottom:18px;margin:0;color:#4f4039;
font-weight:500;font-size:18px;letter-spacing:.16em;text-transform:uppercase
}
@media(max-width:767px){
:is(.section_gallery__3,.section_gallery__4) .caption_text{transform:translateY(12px)}
}
/* ========== Галерея: улучшение читаемости подписей ========== */
/* Общие стили (оставляем как были) */
:is(.section_gallery__3,.section_gallery__4) .img_placeholder__wrap::after{
content:"";
position:absolute;inset:auto 0 0;height:84px;
background:linear-gradient(0deg,#f4e7dcc0,transparent);
pointer-events:none
}
:is(.section_gallery__3,.section_gallery__4) .caption_text{
position:absolute;left:22px;bottom:18px;margin:0;color:#4f4039;
font-weight:500;font-size:18px;letter-spacing:.16em;text-transform:uppercase
}
/* Мобилки: усилить градиент и дать деликатную подложку под текстом */
@media (max-width: 767px){
/* Градиент чуть выше и плотнее у кромки */
:is(.section_gallery__3,.section_gallery__4) .img_placeholder__wrap::after{
height:120px;
background:linear-gradient(
0deg,
rgba(244,231,220,.92) 0%,
rgba(244,231,220,.55) 40%,
rgba(244,231,220,0) 100%
);
}
/* Небольшая «капсула» под подписью */
:is(.section_gallery__3,.section_gallery__4) .caption_text{
bottom:14px;
padding:6px 10px;
border-radius:12px;
background:rgba(255,255,255,.62); /* почти невидимо, но читабельно */
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
}
}
/* Цвет текста-логотипа/названия магазина под иконкой */
.header .site-logo a,
.header .site-logo .logo__text,
.header .site-branding .site-title,
.header .logo .logo__text {
color: color:#000000; !important;
}
/* (опционально) при наведении слегка теплее */
.header .site-logo a:hover { color: #6B534A !important; }
/* Спрятать старую заглушку, которая больше не нужна */
#pseudo_sticky_block { display: none !important; }
/* Фиксируем весь хедер (включая верхнюю полоску) */
#page_header{
position: fixed;
top: 0; left: 0; right: 0;
z-index: 1100; /* выше контента/слайдера/оверлеев */
will-change: transform; /* сглаживает перерисовку при скролле */
}
/* Прокладка под хедер: высоту отдаём через CSS-переменную */
#pseudo_sticky_block{
height: var(--headerH, 120px) !important;
}
/* На всякий случай — не блокируем наложение */
#shopify-section-header,
.page_wrapper{
overflow: visible !important;
}
/* Фиксируем весь секционный блок хедера целиком */
#shopify-section-header{
position: fixed;
top: 0; left: 0; right: 0;
z-index: 1100;
}
/* Прокладка, чтобы контент не подпрыгивал */
#pseudo_sticky_block{
height: var(--headerH, 120px) !important;
}
/* На всякий случай уберём возможные сдвиги внутр. слоёв */
.top_pannel.inverted,
.header_wrap1.inverted{
transform: none !important;
}
/* --- Fixed header (полоска + меню) --- */
#shopify-section-header,
position: fixed;
top: 0; left: 0; right: 0;
z-index: 9999;
}
/* Фоны, чтобы хедер не становился прозрачным */
.top_pannel.inverted{ background:#c49a8d !important; } /* верхняя узкая плашка */
.header_wrap1.inverted{ background:#FBEDF2 !important; } /* блок с логотипом/меню */
/* Небольшая тень, чтобы отделить от контента (опционально) */
#page_header{ box-shadow: 0 2px 10px rgba(0,0,0,.06); }
/* Отступ под фикс-хедер. Значение ставим через переменную,
скрипт ниже будет подставлять реальную высоту хедера */
:root{ --hdrH: 140px; }
body{ padding-top: var(--hdrH); }
/* Делаем липким весь