.cart-badge, .header-wishlist-count, .bottom-nav .cart-badge, .swiper-pagination-bullet, .hero-slider .swiper-pagination-bullet { border-radius: var(--radius-round); } .topbar { background: var(--color-accent); font-size: 12.5px; } .topbar__link { color: rgba(255, 255, 255, 0.82); } .topbar__link:hover { color: #fff; } .site-header { border-bottom: 0; box-shadow: 0 1px 0 rgba(36, 36, 36, 0.06); } .site-header__inner { height: 80px; } .site-nav__link { font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase; padding: 10px 14px; border-radius: 0; position: relative; } .site-nav__link::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: -2px; height: 2px; background: var(--color-accent); transform: scaleX(0); transform-origin: left; transition: transform var(--dur) var(--ease); } .site-nav__link:hover, .has-dropdown.is-open .site-nav__link, .site-nav .current-menu-item > a .site-nav__link, .site-nav .current-menu-item > .site-nav__link { color: var(--color-accent); background: transparent; } .site-nav__link:hover::after, .has-dropdown.is-open .site-nav__link::after, .site-nav .current-menu-item .site-nav__link::after { transform: scaleX(1); } .site-nav__list > li { position: relative; } .site-nav__list .sub-menu { position: absolute; top: 100%; left: 0; z-index: 300; min-width: 220px; margin: 0; padding: 8px 0; list-style: none; background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius); box-shadow: var(--shadow-card); opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease), visibility var(--dur); } .site-nav__list .sub-menu .sub-menu { top: -9px; left: 100%; } .site-nav__list li:hover > .sub-menu, .site-nav__list li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; } .site-nav__list .sub-menu a { display: block; padding: 8px 18px; font-size: 0.875rem; color: var(--color-ink); text-decoration: none; } .site-nav__list .sub-menu a:hover { color: var(--color-accent); background: var(--color-accent-light); } .site-nav__list .sub-menu .site-nav__link { padding: 0; font-weight: 600; } .site-nav__list .sub-menu .site-nav__link::after { display: none; } .header-search-widget { flex: 1 1 360px; max-width: 460px; } .header-search-widget .dgwt-wcas-search-wrapp { max-width: none; } .header-search-widget .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input { height: 44px; border: 1px solid var(--color-border); border-radius: var(--radius-sm) 0 0 var(--radius-sm); background: #fff; font-family: var(--font-body); font-size: 0.875rem; } .header-search-widget .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:focus { border-color: var(--color-accent); box-shadow: 0 0 0 3px var(--color-accent-light); } .header-search-widget .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit { height: 44px; min-height: 44px; background: var(--color-ink); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; } .header-search-widget .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:hover { background: var(--color-accent); } .header-search-widget .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit::before { border-color: transparent var(--color-ink) transparent; } .header-search-widget .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:hover::before { border-right-color: var(--color-accent); } .cart-badge, .header-wishlist-count { background: var(--color-accent); color: #fff; font-weight: 700; } .section-label { color: var(--color-accent); letter-spacing: 1px; } .section-heading, .cat-intro__title, .related-products__head h2, .brand-products__head h2, .home-products__head h2 { position: relative; padding-bottom: 14px; font-weight: 600; } .section-heading::after, .cat-intro__title::after, .related-products__head h2::after, .brand-products__head h2::after, .home-products__head h2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 56px; height: 3px; border-radius: 2px; background: var(--color-accent); } [style*="text-align:center"] > .section-heading::after, .text-center .section-heading::after, .section-heading.is-centered::after { left: 50%; transform: translateX(-50%); } .home-products__head, .related-products__head, .brand-products__head { border-bottom: 0; padding-bottom: 0; } .hero-slide__cta, .hero-slide__cta2, .pc-cart-btn, .price-filter-btn, .single-product-info .single_add_to_cart_button, .single-product-info .button.single_add_to_cart_button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .checkout-payment__submit, .cart-sidebar-cta a.checkout-button, .home-newsletter__btn, .footer-newsletter__btn, .wc-tab-btn, .offer-btn { font-family: var(--font-body); font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; border-radius: var(--radius-btn); } .pc-cart-btn:hover, .single-product-info .single_add_to_cart_button:hover, .hero-slide__cta:hover, .price-filter-btn:hover { background: var(--color-accent-soft); } .btn--ghost, .hero-slide__cta2 { border-radius: var(--radius-btn); } .swiper-nav-btn { width: 40px; height: 40px; border-radius: var(--radius-round); box-shadow: var(--shadow-sm); } .swiper-nav-btn:hover:not(:disabled) { background: var(--color-accent); border-color: var(--color-accent); color: #fff; } .product-card { border: 0; border-radius: var(--radius-card); overflow: hidden; background: #fff; box-shadow: var(--shadow-rest); transition: box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease); } .product-card__media { background: #fff; border-bottom: 0; } .product-card__img { object-fit: cover; padding: 0; } .product-card:hover .product-card__img { transform: scale(1.04); } .product-card__body { padding: 14px 16px 16px; gap: 6px; } .product-card__cat { color: var(--color-accent); font-size: 10.5px; letter-spacing: 0.06em; } .product-card__title { font-family: var(--font-heading); font-size: 0.875rem; font-weight: 500; line-height: 1.45; color: var(--color-ink); } .product-card__title a { color: inherit; text-decoration: none; } .product-card__title a:hover { color: var(--color-accent); } .product-card__price { font-size: 1.0625rem; font-weight: 700; color: var(--color-accent-soft); } .product-card__price del { color: var(--color-muted); font-weight: 500; font-size: 0.8125rem; } .product-card__price ins { color: var(--color-sale); text-decoration: none; } .pc-cart-btn { width: 100%; min-height: 42px; font-size: 0.75rem; } .pc-cart-btn--oos, .product-card .pc-cart-btn--oos { background: var(--color-bg-soft); color: var(--color-muted); box-shadow: none; } .tanzanite-ship-badge { border-radius: var(--radius-sm); text-transform: uppercase; font-size: 10.5px; letter-spacing: 0.02em; padding: 5px 9px; } .tanzanite-ship-badge--archive, .tanzanite-ship-badge.is-free, .tanzanite-ship-badge--free { background: var(--color-success); color: #fff; } .product-card__sale-pct, .pc-badge { border-radius: var(--radius-sm); background: var(--color-discount); color: #fff; font-weight: 700; } .product-card__oos-overlay span { border-radius: var(--radius-sm); background: rgba(255, 255, 255, 0.94); color: var(--color-ink); font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; } .archive-shop .despre-hero { justify-content: flex-start; padding-block: 14px; background: transparent; text-align: left; } .archive-shop .despre-hero__inner { width: 100%; text-align: left; } .archive-shop .despre-hero:not([style*="background-image"]) .despre-hero__title { display: none; } .archive-shop .despre-hero__breadcrumb ol { justify-content: flex-start; font-size: 0.875rem; } .archive-shop .despre-hero__breadcrumb a { color: var(--color-ink); } .archive-shop .despre-hero__breadcrumb a:hover { color: var(--color-accent); } .cat-intro__title { font-size: var(--fs-h1); margin-bottom: 18px; } @media (min-width: 861px) { .shop-sidebar__inner { background: #fff; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); padding: 22px 22px 6px; } } .sidebar-widget { border-bottom: 0; margin-bottom: 26px; } .sidebar-widget__header { border-bottom: 0; position: relative; } .sidebar-widget__title { font-family: var(--font-heading); font-size: 1rem; font-weight: 700; text-transform: none; letter-spacing: 0; } .sidebar-widget__header::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 48px; height: 2px; background: var(--color-accent); } .sidebar-cats__link:hover, .sidebar-cats__item.is-current > .sidebar-cats__row .sidebar-cats__link { color: var(--color-accent); } @media (min-width: 861px) { .shop-layout:not(.shop-layout--no-sidebar) { grid-template-columns: var(--shop-sidebar-w, 300px) minmax(0, 1fr); gap: 32px; } .shop-layout > .shop-sidebar { order: -1; } } :root { --shop-sidebar-w: 330px; } @media (max-width: 1600px) { :root { --shop-sidebar-w: 310px; } } @media (max-width: 1366px) { :root { --shop-sidebar-w: 290px; } } @media (max-width: 1024px) { :root { --shop-sidebar-w: 250px; } } @media (min-width: 1800px) { .products-grid.view-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .products-grid.view-grid-3 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .mega-panel__grid { grid-template-columns: repeat(6, 1fr); } } @media (min-width: 2300px) { .products-grid.view-grid-4 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .products-grid.view-grid-3 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .product-card__oos-overlay { background: rgba(255, 255, 255, 0.55); } .woo-pagination .page-numbers { border-radius: var(--radius-sm); font-weight: 700; } .woo-pagination .page-numbers.current, .woo-pagination .page-numbers:hover { background: var(--color-accent); border-color: var(--color-accent); color: #fff; } .js-view-mode.is-active, .js-view-mode[aria-pressed="true"] { background: var(--color-accent); border-color: var(--color-accent); color: #fff; } .single-product-info .product_title { font-weight: 800; } .single-product-info .price, .single-product-info .price .woocommerce-Price-amount { color: var(--color-accent); font-weight: 800; } .single-product-info .price del .woocommerce-Price-amount { color: var(--color-muted); font-weight: 500; } .single-product-info .price .woocommerce-price-suffix, .product-card__price .woocommerce-price-suffix { color: var(--color-muted); font-size: 0.8125rem; font-weight: 600; } .single-product-info .single_add_to_cart_button { min-height: 48px; padding-inline: 30px; white-space: nowrap; } .qty-stepper, .woocommerce .quantity { border-radius: var(--radius-sm); } .single-product-info form.cart { flex-wrap: wrap; } .single-product-info .tbi_button_container2 { max-width: 100%; } @media (max-width: 600px) { .single-product-info .tbi_button_container2 { flex: 1 1 100%; } } .sp-whatsapp-btn { border-radius: var(--radius-btn); font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; } .wc-tab-btn { border-radius: var(--radius-sm); } .usp-item { background: #fff; border: 0; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); transition: box-shadow var(--dur) var(--ease); } .usp-item__icon { color: var(--color-accent); } .usp-item__title { font-family: var(--font-heading); font-weight: 600; } .hero-slide__title { font-weight: 600; letter-spacing: 0; } .cta-band__btn--ghost, .cta-band .btn--ghost { background: transparent; border-color: rgba(255, 255, 255, 0.55); color: #fff; } .cta-band__btn--ghost:hover, .cta-band .btn--ghost:hover { background: #fff; border-color: #fff; color: var(--color-ink); } @media (min-width: 1700px) { .products-swiper:not(.swiper-initialized), .related-swiper:not(.swiper-initialized), .brand-swiper:not(.swiper-initialized), .cs-swiper:not(.swiper-initialized) { --pre-n: 6; } } .home-products__swiper-wrap { padding-inline: var(--page-gutter); } .home-products__swiper-wrap .products-swiper { padding-inline: 0; overflow: hidden; padding-block: 8px 20px; margin-block: -8px -20px; } .compare-bar__inner { max-width: none; padding-inline: var(--page-gutter); } .site-footer { background: #1B1B1B; } .footer-nav__title { color: #fff; letter-spacing: 0.06em; } .site-footer a:hover { color: #fff; } .footer-newsletter__btn, .home-newsletter__btn { background: var(--color-accent); } .page-shop, .page-sitemap, .page-faq, .despre-about, .breadcrumb, .site-main, .archive-shop { background: transparent; } .blog-card, .testimonial-card, .contact-card, .valoare-card, .faq-item, .cart-offer, .sp-fbt, .brands__slide, .checkout-payment__method, .grid-blog-card { background: #fff; border: 0; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); overflow: hidden; } .blog-card:hover, .testimonial-card:hover, .brands__slide:hover { border-color: transparent; } @media (min-width: 901px) { .sp-gallery-premium { margin-left: 0; padding-left: clamp(16px, 2vw, 24px); border-radius: var(--radius-card); box-shadow: var(--shadow-rest); } } .swiper-nav-btn { border-color: transparent; background: #fff; } .btn--ghost { border-color: transparent; } .cta-band .btn--ghost, .cta-band__btn--ghost { border-color: rgba(255, 255, 255, 0.55); } .woocommerce-product-details__short-description.sp-desc-collapsed::after, .cat-primary-desc__fade { background: linear-gradient(to bottom, rgba(246, 247, 249, 0), var(--color-page)); } @media (min-width: 901px) { .sp-gallery-premium { margin-top: 24px; } } .shop-toolbar { border-bottom: 0; } .section-label, .product-card__cat, .blog-card__chip, .grid-blog-card__badge { color: var(--color-bleu-ink); } .blog-card__chip, .grid-blog-card__badge { background: var(--color-bleu-light); } .section-heading::after, .cat-intro__title::after, .related-products__head h2::after, .brand-products__head h2::after, .home-products__head h2::after { background: linear-gradient(90deg, var(--color-accent), var(--color-bleu)); } .sidebar-widget__header::after { background: var(--color-bleu); } .site-nav__link::after { background: var(--color-bleu); } .usp-item__icon { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: var(--radius-round); background: var(--color-bleu-light); color: var(--color-bleu-ink); } .usp-item__icon svg { width: 28px; height: 28px; } .testimonial-card__stars, .testimonial-card__stars svg { color: var(--color-bleu); fill: currentColor; } .swiper-pagination-bullet-active, .hero-swiper__pagination .swiper-pagination-bullet-active { background: var(--color-bleu); } .cart-badge, .header-wishlist-count { background: var(--color-bleu-ink); } .topbar__link svg { color: var(--color-bleu); } .site-footer a:hover { color: var(--color-bleu); } .sp-desc-toggle, .sidebar-show-more, .cat-description__toggle { color: var(--color-bleu-ink); } .sp-cat, .sp-cat a { color: var(--color-bleu-ink); } .sp-benefit__icon, .sp-benefit__icon svg { color: var(--color-bleu-ink); } .hero-area { --hero-h: clamp(400px, calc(100svh - 350px), 640px); --hero-cats-w: 270px; padding-top: 24px; } .hero-area__inner { position: relative; display: grid; grid-template-columns: var(--hero-cats-w) minmax(0, 1fr); gap: 20px; align-items: stretch; } .hero-area__inner:not(:has(.hero-cats)) { grid-template-columns: minmax(0, 1fr); } .hero-area .hero-slider { position: relative; border-radius: var(--radius-card); overflow: hidden; min-width: 0; box-shadow: var(--shadow-rest); } .hero-area .hero-slide { height: var(--hero-h); min-height: 0; max-height: none; } .hero-area .hero-slide__inner { padding-inline: clamp(28px, 4vw, 64px); padding-block: 40px; } .hero-area .hero-slide__title, .hero-area .hero-slide--text-only .hero-slide__title { font-size: clamp(1.75rem, 2.6vw, 2.75rem); } .hero-area .hero-swiper__prev, .hero-area .hero-swiper__next { top: auto; bottom: 18px; left: auto; transform: none; width: 34px; height: 34px; background: rgba(255, 255, 255, 0.14); border: 0; } .hero-area .hero-swiper__prev svg, .hero-area .hero-swiper__next svg { width: 14px; height: 14px; } .hero-area .hero-swiper__prev { right: 60px; } .hero-area .hero-swiper__next { right: 18px; } .hero-area .hero-swiper__prev:hover, .hero-area .hero-swiper__next:hover { background: var(--color-bleu-ink); } .hero-area .hero-swiper__pagination { bottom: 30px; } .hero-cats { display: flex; flex-direction: column; height: var(--hero-h); background: #fff; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); } .hero-cats__head { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; padding: 14px 18px; font-weight: 800; font-size: 0.9375rem; color: #fff; background: var(--color-accent); border-radius: var(--radius-card) var(--radius-card) 0 0; text-decoration: none; } .hero-cats__head:hover { color: #fff; background: var(--color-accent-soft); } .hero-cats__list { flex: 1 1 auto; display: flex; flex-direction: column; margin: 0; padding: 6px 0; list-style: none; min-height: 0; } .hero-cats__item { flex: 1 1 0; min-height: 0; display: flex; } .hero-cats__link { display: flex; align-items: center; gap: 12px; width: 100%; padding: 0 14px 0 16px; font-size: 0.84375rem; font-weight: 600; color: var(--color-ink); text-decoration: none; transition: background var(--dur) var(--ease), color var(--dur) var(--ease); } .hero-cats__icon { flex: 0 0 22px; width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; } .hero-cats__icon { color: #4A5163; } .hero-cats__item:hover .hero-cats__icon, .hero-cats__item:focus-within .hero-cats__icon { color: var(--color-accent); } .hero-cats__label { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .hero-cats__chev { flex: 0 0 auto; color: var(--color-muted); transition: transform var(--dur) var(--ease), color var(--dur) var(--ease); } .hero-cats__item:hover > .hero-cats__link, .hero-cats__item:focus-within > .hero-cats__link { background: var(--color-bleu-light); color: var(--color-accent); } .hero-cats__item:hover .hero-cats__chev, .hero-cats__item:focus-within .hero-cats__chev { color: var(--color-bleu-ink); transform: translateX(2px); } .hero-cats__panel { position: absolute; z-index: 30; top: 0; bottom: 0; left: calc(var(--page-gutter) + var(--hero-cats-w) + 20px); right: var(--page-gutter); overflow-y: auto; padding: 26px 30px; background: #fff; border-radius: var(--radius-card); box-shadow: var(--shadow-card); opacity: 0; visibility: hidden; transform: translateX(-6px); transition: opacity .15s var(--ease), transform .15s var(--ease), visibility .15s; } .hero-cats__panel::before { content: ""; position: absolute; top: 0; bottom: 0; left: -20px; width: 20px; } .hero-cats__item:hover > .hero-cats__panel, .hero-cats__item:focus-within > .hero-cats__panel { opacity: 1; visibility: visible; transform: none; } .hero-cats__panel-title { margin: 0 0 18px; font-size: 1.125rem; font-weight: 800; } .hero-cats__panel-title a { color: var(--color-ink); text-decoration: none; } .hero-cats__panel-title a:hover { color: var(--color-accent); } .hero-cats__groups { margin: 0; padding: 0; list-style: none; columns: 3 200px; column-gap: 32px; } .hero-cats__group { break-inside: avoid; margin-bottom: 18px; } .hero-cats__group-link { display: inline-block; margin-bottom: 6px; font-weight: 700; font-size: 0.875rem; color: var(--color-ink); text-decoration: none; } .hero-cats__group-link:hover { color: var(--color-accent); } .hero-cats__subs { margin: 0; padding: 0; list-style: none; } .hero-cats__subs a { display: block; padding: 3px 0; font-size: 0.8125rem; color: var(--color-muted); text-decoration: none; } .hero-cats__subs a:hover { color: var(--color-bleu-ink); } @media (max-width: 1366px) { .hero-area { --hero-cats-w: 240px; } } @media (max-width: 1024px) { .hero-area { --hero-h: clamp(360px, calc(100svh - 330px), 480px); padding-top: 16px; } .hero-area__inner { grid-template-columns: minmax(0, 1fr); } .hero-cats { display: none; } } @media (max-width: 600px) { .hero-area { --hero-h: clamp(330px, calc(100svh - 320px), 460px); padding-top: 12px; } .hero-area .hero-slide__inner { padding-inline: 22px; padding-block: 28px; } } .usp-band { padding-block: clamp(20px, 2.5vw, 32px); } .usp-band__grid { gap: 20px; } .usp-item { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; align-items: center; column-gap: 14px; row-gap: 2px; text-align: left; padding: 16px 18px; } .usp-item__icon { grid-row: 1 / span 2; align-self: center; width: 46px; height: 46px; } .usp-item__icon svg { width: 22px; height: 22px; } .usp-item__title { align-self: end; margin: 0; font-size: 0.9375rem; line-height: 1.3; } .usp-item__text { align-self: start; margin: 0; font-size: 0.78125rem; line-height: 1.45; } @media (max-width: 1100px) { .usp-band__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } } @media (max-width: 480px) { .usp-band__grid { gap: 10px; } .usp-item { padding: 12px; column-gap: 10px; } .usp-item__icon { width: 36px; height: 36px; grid-row: 1; } .usp-item__icon svg { width: 18px; height: 18px; } .usp-item__title { align-self: center; font-size: 0.8125rem; } .usp-item__text { display: none; } } .perks { position: relative; z-index: 2; padding-top: 20px; } .hero-area + .perks { margin-top: 0; padding-top: 16px; } .perks__list { display: grid; grid-template-columns: repeat(var(--perks-n, 4), minmax(0, 1fr)); margin: 0; padding: 18px 0; list-style: none; background: #fff; border-radius: var(--radius-lg); box-shadow: var(--shadow-float), 0 0 0 1px rgba(36, 36, 36, 0.04); } .perks__list:has(> :nth-child(3):last-child) { --perks-n: 3; } .perks__list:has(> :nth-child(2):last-child) { --perks-n: 2; } .perks__item { position: relative; display: flex; align-items: center; gap: 14px; min-width: 0; padding: 6px clamp(16px, 2vw, 28px); } .perks__item + .perks__item::before { content: ""; position: absolute; left: 0; top: 14%; bottom: 14%; width: 1px; background: var(--color-border); } .perks__icon { flex-shrink: 0; display: inline-flex; color: var(--color-accent); } .perks__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .perks__title { font-family: var(--font-heading); font-size: 0.9375rem; font-weight: 600; line-height: 1.3; color: var(--color-ink); } .perks__text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 0.78125rem; line-height: 1.45; color: var(--color-muted); } @media (max-width: 1100px) { .perks__list { --perks-n: 2; padding: 6px 0; } .perks__item { padding: 14px 20px; } .perks__item + .perks__item::before { display: none; } .perks__item:nth-child(even) { border-left: 1px solid var(--color-border); } .perks__item:nth-child(n + 3) { border-top: 1px solid var(--color-border); } } @media (max-width: 600px) { .hero-area + .perks { margin-top: 0; padding-top: 12px; } .perks__item { gap: 10px; padding: 12px 14px; } .perks__icon svg { width: 20px; height: 20px; } .perks__title { font-size: 0.8125rem; } .perks__text { display: none; } } .cat-rail { padding-block: clamp(40px, 5vw, 72px); overflow: hidden; } .cat-rail__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: clamp(20px, 2.5vw, 28px); } .cat-rail__titles .section-label { margin-bottom: 6px; } .cat-rail__titles .section-heading { margin: 0; padding-bottom: 0; } .cat-rail__titles .section-heading::after { display: none; } .cat-rail__tools { display: flex; align-items: center; gap: 20px; flex-shrink: 0; } .cat-rail__all { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.6px; text-transform: uppercase; color: var(--color-ink); text-decoration: none; transition: color var(--dur) var(--ease); } .cat-rail__all:hover { color: var(--color-accent); } .cat-rail__nav { display: flex; gap: 8px; } .cat-rail__prev, .cat-rail__next { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--color-border); border-radius: var(--radius-round); background: #fff; color: var(--color-ink); cursor: pointer; transition: background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease); } .cat-rail__prev:hover:not(.swiper-button-disabled), .cat-rail__next:hover:not(.swiper-button-disabled) { background: var(--color-accent); border-color: var(--color-accent); color: #fff; } .cat-rail__prev.swiper-button-disabled, .cat-rail__next.swiper-button-disabled { opacity: 0.35; cursor: default; } .cat-rail__track .cats-swiper { overflow: hidden; padding: 0; } .cat-rail__track .swiper-slide { height: auto; } .cat-tile { display: flex; flex-direction: column; height: 100%; padding: 10px; border-radius: var(--radius-lg); background: var(--color-bg-soft); color: var(--color-ink); text-decoration: none; transition: background var(--dur) var(--ease), transform var(--dur) var(--ease); } .cat-tile__media { display: block; aspect-ratio: 1 / 1; overflow: hidden; border-radius: calc(var(--radius-lg) - 6px); background: #fff; } .cat-tile__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s var(--ease); } .cat-tile__placeholder { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: var(--color-muted); } .cat-tile__foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 6px 6px; } .cat-tile__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .cat-tile__name { font-family: var(--font-heading); font-size: 0.9375rem; font-weight: 500; line-height: 1.3; } .cat-tile__count { font-size: 0.75rem; color: var(--color-muted); } .cat-tile__go { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 34px; height: 34px; border-radius: var(--radius-round); border: 1px solid var(--color-border); background: #fff; color: var(--color-ink); transition: background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur) var(--ease); } .cat-tile__go svg { width: 15px; height: 15px; } .cat-tile:hover { background: var(--color-accent-light); color: var(--color-ink); } .cat-tile:hover .cat-tile__media img { transform: scale(1.06); } .cat-tile:hover .cat-tile__go { background: var(--color-accent); border-color: var(--color-accent); color: #fff; transform: rotate(-45deg); } .cat-tile:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 3px; } @media (max-width: 700px) { .cat-rail__head { flex-direction: column; align-items: flex-end; gap: 12px; } .cat-rail__titles { align-self: stretch; } .cat-rail__tools { gap: 14px; } .cat-rail__prev, .cat-rail__next { width: 38px; height: 38px; } .cat-tile { padding: 8px; } .cat-tile__name { font-size: 0.875rem; } .cat-tile__go { display: none; } } .cats-swiper:not(.swiper-initialized) { --pre-n: 2.2; --pre-gap: 12px; } @media (min-width: 560px) { .cats-swiper:not(.swiper-initialized) { --pre-n: 3.2; --pre-gap: 14px; } } @media (min-width: 860px) { .cats-swiper:not(.swiper-initialized) { --pre-n: 4.2; --pre-gap: 18px; } } @media (min-width: 1100px) { .cats-swiper:not(.swiper-initialized) { --pre-n: 5.3; --pre-gap: 20px; } } @media (min-width: 1500px) { .cats-swiper:not(.swiper-initialized) { --pre-n: 6.3; --pre-gap: 24px; } } .site-nav__list > li.mega-nav__item { position: static; } .mega-panel { border-top: 0; border-bottom: 0; box-shadow: var(--shadow-float); } @media (min-width: 1101px) and (max-width: 1799px) { .mega-panel__grid { grid-template-columns: repeat(5, 1fr); gap: 26px 28px; } } .mega-panel__cat-title:hover { color: var(--color-accent); } .mega-panel__cat-icon { color: var(--color-accent); } .mega-panel__cat-title:hover .mega-panel__cat-icon { color: var(--color-bleu-ink); } .mega-panel__sub-link:hover { color: var(--color-bleu-ink); } .tzn-cat-icon { display: inline-block; flex: 0 0 16px; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: var(--icon) center / contain no-repeat; mask: var(--icon) center / contain no-repeat; transition: background-color var(--dur) var(--ease); } @media (min-width: 861px) { .shop-sidebar__inner { padding: 10px 16px 10px; } } .sidebar-widget { margin: 0; border-bottom: 1px solid #EFEFED; } .sidebar-widget:last-child { border-bottom: 0; } .sidebar-widget__header { padding: 13px 10px; margin: 4px -10px; width: calc(100% + 20px); border-radius: 8px; transition: background var(--dur) var(--ease); } .sidebar-widget__toggle, .sidebar-widget__toggle:hover, .sidebar-widget__toggle:focus, .sidebar-widget__toggle:active { background: transparent; } .sidebar-widget__toggle:hover .sidebar-widget__title { color: var(--color-accent); } .sidebar-widget__title { font-size: 0.9375rem; transition: color var(--dur) var(--ease); } .sidebar-widget__header::after { left: 10px; bottom: 4px; width: 32px; opacity: 0; transition: opacity var(--dur) var(--ease); } .sidebar-widget__toggle[aria-expanded="true"]::after { opacity: 1; } .sidebar-widget__toggle[aria-expanded="true"] .sidebar-widget__title { color: var(--color-accent); } .sidebar-widget__chevron { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: var(--radius-round); background: var(--color-page); color: var(--color-ink); transition: transform .2s var(--ease), background var(--dur) var(--ease), color var(--dur) var(--ease); } .sidebar-widget__chevron svg { width: 12px; height: 12px; } .sidebar-widget__toggle[aria-expanded="true"] .sidebar-widget__chevron { background: var(--color-accent-light); color: var(--color-accent); } .sidebar-widget__toggle:hover .sidebar-widget__chevron { background: var(--color-accent-light); color: var(--color-accent); } .sidebar-widget__body { padding: 4px 0 16px; } .btn:not(.btn--ghost):not(.btn--outline):not(.cta-band__btn--ghost), .hero-slide__cta, .pc-cart-btn:not(.pc-cart-btn--oos), .product-card__cart, .single_add_to_cart_button, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce a.button:not(.pc-cart-btn--oos), .woocommerce button.button, .checkout-payment__submit, #place_order, a.checkout-button, .price-filter-btn, .home-newsletter__btn, .footer-newsletter__btn, .offer-btn, .auth-submit, .account-panel__submit, .entry-content .wp-block-button:not(.is-style-outline) .wp-block-button__link, .entry-content .wpcf7-submit, .wc-tab-btn.is-active, .wc-tab-btn[aria-selected="true"], .hero-cats__head { background-image: var(--grad-brand) !important; background-size: 200% 100% !important; background-position: 0% 0 !important; background-color: #02B783; border-color: transparent !important; color: #fff; transition: background-position .35s var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease); } .btn:not(.btn--ghost):not(.btn--outline):not(.cta-band__btn--ghost):hover, .hero-slide__cta:hover, .pc-cart-btn:not(.pc-cart-btn--oos):hover, .product-card__cart:hover, .single_add_to_cart_button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce a.button:not(.pc-cart-btn--oos):hover, .woocommerce button.button:hover, .checkout-payment__submit:hover, #place_order:hover, a.checkout-button:hover, .price-filter-btn:hover, .home-newsletter__btn:hover, .footer-newsletter__btn:hover, .offer-btn:hover, .auth-submit:hover, .account-panel__submit:hover, .entry-content .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .entry-content .wpcf7-submit:hover, .hero-cats__head:hover { background-image: var(--grad-brand-hover) !important; color: #fff; } .pc-cart-btn:not(.pc-cart-btn--oos):not(.tanzanite-call-btn), .product-card__cart, .single_add_to_cart_button, .checkout-payment__submit, a.checkout-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; } .pc-cart-btn:not(.pc-cart-btn--oos):not(.tanzanite-call-btn)::before, .product-card__cart::before, .single_add_to_cart_button::before, .checkout-payment__submit::before, a.checkout-button::before { content: ""; flex: 0 0 auto; width: 17px; height: 17px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") center / contain no-repeat; } @media (max-width: 480px) { .pc-cart-btn:not(.pc-cart-btn--oos):not(.tanzanite-call-btn)::before, .product-card__cart::before { width: 14px; height: 14px; } .pc-cart-btn:not(.pc-cart-btn--oos):not(.tanzanite-call-btn), .product-card__cart { gap: 6px; } } .product-card:hover, .usp-item:hover, .blog-card:hover, .blog-card--feature:hover, .testimonial-card:hover, .brands__slide:hover { box-shadow: var(--shadow-rest); } .custom-select__trigger:hover { box-shadow: none; } .qv-modal .qv-cart .button, .qv-modal .qv-cart .button.alt, .qv-modal .qv-cart .single_add_to_cart_button, .qv-modal .qv-cart button[type="submit"] { height: 48px !important; min-height: 48px; padding: 0 26px !important; gap: 8px; font-family: var(--font-body) !important; font-size: 0.8125rem !important; font-weight: 700 !important; letter-spacing: 0.5px; text-transform: uppercase; color: #fff !important; background-color: #02B783 !important; background-image: var(--grad-brand) !important; background-size: 200% 100% !important; background-position: 0% 0 !important; border: 0 !important; border-radius: var(--radius-btn) !important; box-shadow: none !important; transition: background-position .35s var(--ease), color var(--dur) var(--ease); } .qv-modal .qv-cart .button:hover, .qv-modal .qv-cart .button.alt:hover, .qv-modal .qv-cart .single_add_to_cart_button:hover, .qv-modal .qv-cart button[type="submit"]:hover { background-color: var(--color-accent-soft) !important; background-image: var(--grad-brand-hover) !important; color: #fff !important; box-shadow: none !important; } .qv-modal .qv-cart .quantity, .qv-modal .qv-cart .qty-stepper { height: 48px; border-radius: var(--radius-btn); } .post-article__cover { border-radius: 0; overflow: visible; } .post-article__cover-img { border-radius: var(--radius-card); } .woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-error, .woocommerce-notices-wrapper .woocommerce-info, .woocommerce-message, .woocommerce-error, .woocommerce-info, .wishlist-toast, .compare-toast { border-radius: var(--radius); } .post-article__share-btn, .post-article__tag { background: #fff; border: 0; border-radius: var(--radius-btn); padding: 7px 13px; font-weight: 600; box-shadow: var(--shadow-rest); } .post-article__share-btn:hover, .post-article__tag:hover { color: var(--color-accent); border-color: transparent; } .post-article__share-btn svg { color: var(--color-bleu-ink); } .post-article__share-copy[data-copied="true"] { color: var(--color-success); border-color: transparent; } .post-nav { gap: 20px; } .post-nav__link { background: #fff; border: 0; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); padding: 18px 22px; text-decoration: none; } .post-nav__link:hover { border-color: transparent; } .post-nav__label { color: var(--color-bleu-ink); } .post-nav__title { transition: color var(--dur) var(--ease); } .post-nav__link:hover .post-nav__title { color: var(--color-accent); } @media (max-width: 640px) { .post-nav { grid-template-columns: 1fr; gap: 12px; } } .post-article__content img, .post-article__body img, .prose-article img { border-radius: var(--radius-card); } .page-despre .despre-hero, .page-contact .despre-hero, .page-faq .despre-hero { background-color: transparent; padding-block: clamp(24px, 3vw, 40px) 8px; justify-content: flex-start; text-align: left; } .page-despre .despre-hero__inner, .page-contact .despre-hero__inner, .page-faq .despre-hero__inner { width: 100%; text-align: left; } .page-despre .despre-hero__title, .page-contact .despre-hero__title, .page-faq .despre-hero__title { font-size: var(--fs-h1); font-weight: 800; margin: 0 0 8px; } .page-despre .despre-hero__breadcrumb ol, .page-contact .despre-hero__breadcrumb ol, .page-faq .despre-hero__breadcrumb ol { justify-content: flex-start; } .ab-intro, .ab-section { padding-block: clamp(20px, 2.5vw, 32px); } .ab-section--tight { padding-block: 8px; } .ab-intro__card { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); align-items: center; background: #fff; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); padding: clamp(24px, 3.5vw, 48px); } .ab-intro__card--text { grid-template-columns: minmax(0, 1fr); } .ab-intro__desc { color: var(--color-muted); line-height: 1.75; margin: 0 0 14px; } .ab-intro__desc:first-of-type { color: var(--color-ink); font-size: 1.0625rem; } .ab-intro__media img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius-card); } .ab-intro .section-heading, .ab-section .section-heading { margin-bottom: 22px; } .ab-grid { display: grid; gap: 20px; } .ab-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .ab-card { background: #fff; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); padding: 26px 26px 24px; } .ab-card__head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; } .ab-card__icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-bottom: 16px; border-radius: var(--radius-round); background: var(--color-bleu-light); color: var(--color-bleu-ink); } .ab-card__icon--sm { flex: 0 0 40px; width: 40px; height: 40px; margin: 0; } .ab-card__icon--sm svg { width: 18px; height: 18px; } .ab-card__title { font-size: 1.0625rem; margin: 0 0 8px; } .ab-card__head .ab-card__title { margin: 0; font-size: 1rem; } .ab-card__text { margin: 0; color: var(--color-muted); font-size: 0.875rem; line-height: 1.65; } .ab-perks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; } .ab-perk { display: flex; align-items: center; gap: 14px; background: #fff; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); padding: 16px 18px; } .ab-perk__icon { flex: 0 0 42px; width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--radius-round); background: var(--color-accent-light); color: var(--color-accent); } .ab-perk__icon svg { width: 19px; height: 19px; } .ab-perk__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .ab-perk__title { font-size: 0.9375rem; color: var(--color-ink); } .ab-perk__text { font-size: 0.8125rem; color: var(--color-muted); line-height: 1.45; } .ab-cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: clamp(24px, 3vw, 36px) clamp(24px, 3.5vw, 48px); border-radius: var(--radius-card); background: var(--color-ink); color: #fff; } .ab-cta__title { color: #fff; margin: 0 0 6px; font-size: var(--fs-h3); } .ab-cta__desc { margin: 0; color: rgba(255, 255, 255, 0.75); } .ab-company { margin: 18px 0 0; text-align: center; font-size: 0.8125rem; color: var(--color-muted); } .contact-layout { padding-block: clamp(20px, 2.5vw, 32px) clamp(40px, 5vw, 64px); } .contact-layout__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 20px; align-items: start; } .cl-card { background: #fff; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); padding: clamp(24px, 3vw, 40px); } .cl-card .section-heading { margin-bottom: 16px; } .cl-card__desc { color: var(--color-muted); line-height: 1.7; margin: 0 0 22px; } .cl-card--info .contact-meta { flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0; max-width: none; margin: 8px 0 0; } .cl-card--info .contact-meta__item { align-items: center; gap: 14px; padding: 14px 0; border-top: 1px solid #EFEFED; } .cl-card--info .contact-meta__item:first-child { border-top: 0; } .cl-card--info .contact-meta__item svg { box-sizing: content-box; width: 18px; height: 18px; padding: 11px; margin: 0; border-radius: var(--radius-round); background: var(--color-bleu-light); color: var(--color-bleu-ink); } .cl-card--info .contact-meta__value { font-size: 0.9375rem; font-weight: 600; } .cl-card--info .contact-meta__value a:hover { color: var(--color-accent); } .cl-card--info .team-grid { margin-bottom: 8px; } .cl-card--form .form-row--2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .cl-card--form .form-field { margin-bottom: 14px; } .cl-card--form .form-field input, .cl-card--form .form-field textarea { width: 100%; padding: 13px 15px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-page); font: inherit; font-size: 0.9375rem; transition: border-color var(--dur) var(--ease), background var(--dur) var(--ease); } .cl-card--form .form-field input:focus, .cl-card--form .form-field textarea:focus { outline: 0; border-color: var(--color-accent); background: #fff; } .cl-card--form .form-field--gdpr { font-size: 0.8125rem; color: var(--color-muted); } .cl-card--form .contact-form__submit { margin-top: 6px; background: none !important; background-image: none !important; box-shadow: none; } .cl-card--form .contact-form__submit .btn { width: 100%; min-height: 48px; } .contact-map { margin-top: 20px; border-radius: var(--radius-card); overflow: hidden; box-shadow: var(--shadow-rest); background: #fff; line-height: 0; } .contact-map iframe { width: 100%; height: 380px; border: 0; } .faq-main { padding-block: clamp(20px, 2.5vw, 32px) clamp(40px, 5vw, 64px); } .faq-main__inner { grid-template-columns: 320px minmax(0, 1fr); gap: 24px; } .faq-sidebar { top: 110px; background: #fff; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); padding: 28px; } .faq-sidebar__title { font-size: 1.25rem; font-weight: 800; } .faq-sidebar__desc { font-size: 0.875rem; } .faq-sidebar__cta { display: flex; width: 100%; margin-bottom: 0; } .faq-tabs { gap: 8px; border-bottom: 0; margin-bottom: 16px; } .faq-tab { padding: 10px 18px; font-size: 0.8125rem; letter-spacing: .03em; border: 0; margin: 0; border-radius: var(--radius-btn); background: #fff; color: var(--color-ink); box-shadow: var(--shadow-rest); } .faq-tab:hover { color: var(--color-accent); } .faq-tab.is-active { color: #fff; background-image: var(--grad-brand); background-size: 200% 100%; } .faq-accordion { gap: 10px; } .faq-item { border-radius: var(--radius-card); box-shadow: var(--shadow-rest); overflow: hidden; } .faq-item + .faq-item { border-top: 0; } .faq-item__question { padding: 18px 22px; font-size: 1rem; } .faq-item__question[aria-expanded="true"] { color: var(--color-accent); } .faq-item__icon { flex: 0 0 30px; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--radius-round); background: var(--color-page); transition: transform .2s var(--ease), background var(--dur) var(--ease); } .faq-item__icon svg { width: 15px; height: 15px; } .faq-item__question[aria-expanded="true"] .faq-item__icon { transform: rotate(180deg); background: var(--color-accent-light); } .faq-item__answer { padding: 0 22px 20px; color: var(--color-muted); line-height: 1.7; } @media (max-width: 1024px) { .ab-grid--3, .ab-perks { grid-template-columns: repeat(2, minmax(0, 1fr)); } .contact-layout__grid, .faq-main__inner { grid-template-columns: minmax(0, 1fr); } .faq-sidebar { position: static; } } @media (max-width: 640px) { .ab-intro__card { grid-template-columns: minmax(0, 1fr); } .ab-grid--3, .ab-perks { grid-template-columns: minmax(0, 1fr); } .ab-cta { flex-direction: column; align-items: flex-start; } .cl-card--form .form-row--2 { grid-template-columns: minmax(0, 1fr); gap: 0; } .contact-map iframe { height: 280px; } .faq-tabs { flex-wrap: nowrap; overflow-x: auto; } .faq-tab { flex: 0 0 auto; } } .inspiration__frame { width: 100%; max-width: 100%; } body.admin-bar { padding-top: 32px; } body.admin-bar .site-header { top: 32px; } @media (max-width: 782px) { body.admin-bar { padding-top: 46px; } body.admin-bar .site-header { top: 46px; } } @media (max-width: 600px) { body.admin-bar .site-header { top: 0; } } .contact-layout__grid { align-items: stretch; } .cl-left { display: flex; flex-direction: column; gap: 20px; min-width: 0; } .cl-left .team-grid { margin: 0; } .cl-left .contact-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; max-width: none; margin: 0; } .cl-left .contact-meta__item { align-items: flex-start; gap: 14px; padding: 20px; background: #fff; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); } .cl-left .contact-meta__item svg { box-sizing: content-box; width: 18px; height: 18px; padding: 11px; margin: 0; flex: none; border-radius: var(--radius-round); background: var(--color-bleu-light); color: var(--color-bleu-ink); } .cl-left .contact-meta__value { font-size: 0.9375rem; font-weight: 600; } .cl-left .contact-meta__value a:hover { color: var(--color-accent); } .cl-left .contact-map { flex: 1 1 auto; min-height: 240px; margin-top: 0; position: relative; } .cl-left .contact-map iframe { position: absolute; inset: 0; width: 100%; height: 100%; } .page-contact .cl-intro { max-width: 720px; margin: 10px 0 0; color: var(--color-muted); } @media (max-width: 1024px) { .cl-left .contact-map { min-height: 300px; } } @media (max-width: 480px) { .cl-left .contact-meta { grid-template-columns: minmax(0, 1fr); gap: 12px; } } .abx-section { padding-block: clamp(36px, 5vw, 72px); } .abx-eyebrow { margin: 0 0 14px; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-bleu-ink); } .abx-h2 { font-size: clamp(1.6rem, 2.6vw, 2.25rem); font-weight: 800; letter-spacing: -0.5px; margin: 0; } .abx-hero { padding-top: clamp(16px, 2vw, 24px); } .abx-crumbs { margin-bottom: 18px; } .abx-crumbs ol { justify-content: flex-start; } .abx-hero__frame { position: relative; min-height: clamp(420px, 42vw, 620px); display: flex; align-items: flex-end; border-radius: 18px; overflow: hidden; background: var(--color-ink); isolation: isolate; } .abx-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; } .abx-hero__frame::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(100deg, rgba(14, 20, 38, 0.92) 0%, rgba(14, 20, 38, 0.72) 38%, rgba(14, 20, 38, 0.12) 72%, rgba(14, 20, 38, 0) 100%); } .abx-hero__frame--plain::before { background: var(--grad-brand); opacity: .95; } .abx-hero__content { max-width: 640px; padding: clamp(28px, 5vw, 72px); color: #fff; } .abx-hero__content .abx-eyebrow { color: #6EDDBE; } .abx-hero__title { margin: 0 0 18px; color: #fff; font-size: clamp(2rem, 4vw, 3.4rem); font-weight: 800; line-height: 1.08; letter-spacing: -1px; } .abx-hero__lead { margin: 0; font-size: clamp(1rem, 1.3vw, 1.1875rem); line-height: 1.65; color: rgba(255, 255, 255, 0.82); } .abx-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: -44px clamp(16px, 4vw, 56px) 0; position: relative; background: #fff; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); } .abx-stat { padding: clamp(20px, 2.4vw, 32px) clamp(16px, 2vw, 28px); text-align: center; } .abx-stat + .abx-stat { border-left: 1px solid #EFEFED; } .abx-stat__value { font-size: clamp(1.75rem, 3vw, 2.6rem); font-weight: 800; line-height: 1; letter-spacing: -1px; background: var(--grad-brand); -webkit-background-clip: text; background-clip: text; color: transparent; } .abx-stat__label { margin: 8px 0 0; font-size: 0.875rem; color: var(--color-muted); } .abx-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 96px); align-items: start; } .abx-quote { margin: 0; padding: 0 0 0 28px; border-left: 3px solid; border-image: var(--grad-brand) 1; } .abx-quote p { margin: 0 0 16px; font-size: clamp(1.35rem, 2.1vw, 1.85rem); font-weight: 700; line-height: 1.4; letter-spacing: -0.3px; color: var(--color-ink); } .abx-quote cite { font-style: normal; font-size: 0.8125rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--color-muted); } .abx-text { margin: 0 0 18px; font-size: 1.0625rem; line-height: 1.8; color: var(--color-muted); } .abx-pillars { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin-top: 28px; padding-top: 28px; border-top: 1px solid var(--color-border); } .abx-pillar__title { margin: 0 0 8px; font-size: 1.0625rem; } .abx-pillar__text { margin: 0; font-size: 0.9rem; line-height: 1.7; color: var(--color-muted); } .abx-head { margin-bottom: clamp(24px, 3vw, 40px); } .abx-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(32px, 5vw, 80px); margin: 0; padding: 0; list-style: none; } .abx-list__item { display: flex; gap: 22px; padding: 26px 0; border-top: 1px solid var(--color-border); } .abx-list__num { flex: 0 0 auto; font-size: 0.875rem; font-weight: 800; letter-spacing: 0.05em; color: var(--color-bleu-ink); padding-top: 3px; } .abx-list__title { margin: 0 0 6px; font-size: 1.125rem; } .abx-list__text { margin: 0; font-size: 0.9375rem; line-height: 1.7; color: var(--color-muted); } .abx-band { border-radius: 18px; background: radial-gradient(120% 140% at 100% 0%, #1D3A8A 0%, #141B2D 55%); color: #fff; padding: clamp(28px, 4vw, 56px); } .abx-perks { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; margin: 0 0 clamp(28px, 3.5vw, 44px); padding: 0 0 clamp(28px, 3.5vw, 44px); list-style: none; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .abx-perk { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; } .abx-perk__icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: var(--radius-round); background: rgba(255, 255, 255, 0.08); color: #6EDDBE; } .abx-perk__title { font-size: 0.875rem; font-weight: 600; color: rgba(255, 255, 255, 0.9); } .abx-band__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; } .abx-band__title { margin: 0 0 6px; color: #fff; font-size: clamp(1.35rem, 2.2vw, 1.85rem); } .abx-band__text { margin: 0; color: rgba(255, 255, 255, 0.7); } @media (max-width: 1024px) { .abx-perks { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 24px; } .abx-split { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 760px) { .abx-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-inline: 12px; } .abx-stat:nth-child(3) { border-left: 0; } .abx-stat:nth-child(n+3) { border-top: 1px solid #EFEFED; } .abx-list { grid-template-columns: minmax(0, 1fr); } .abx-pillars { grid-template-columns: minmax(0, 1fr); } .abx-band__cta { flex-direction: column; align-items: flex-start; } .abx-hero__frame::before { background: linear-gradient(0deg, rgba(14, 20, 38, 0.94) 0%, rgba(14, 20, 38, 0.75) 55%, rgba(14, 20, 38, 0.2) 100%); } } @media (max-width: 480px) { .abx-perks { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .abx-hero__content { padding-bottom: calc(clamp(28px, 5vw, 72px) + 44px); } @media (max-width: 760px) { .abx-hero__content { padding-bottom: clamp(24px, 5vw, 40px); } .abx-stats { margin-top: 14px; } } .site-header.is-sticky { box-shadow: 0 1px 0 rgba(36, 36, 36, 0.06); } .hero-slide__badge, .hero-slide__cta, .hero-slide__cta:hover, .tanzanite-ship-badge--archive, .pc-variations, .pc-mp-note, .error404__badge, .sp-gallery-premium .woocommerce-product-gallery .flex-direction-nav a, .price-range-input::-webkit-slider-thumb, .btn:hover, .pc-cart-btn:hover { box-shadow: none; } .hotspot__pin { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); } .blog-card:hover, .blog-card--feature:hover, .product-card:hover, .campaign-shadow-medium .product-card, .campaign-shadow-strong .product-card { box-shadow: var(--shadow-rest); } .campaign-product-highlight .product-card { box-shadow: 0 0 0 2px var(--color-accent); } .mega-panel, .site-nav__list .sub-menu, .hero-cats__panel, .account-panel, .mini-cart-panel, .select2-dropdown, .custom-select__list, .cs__list, .hotspot__popup, .wishlist-toast, .compare-toast, .woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-error, .woocommerce-notices-wrapper .woocommerce-info { box-shadow: var(--shadow-float); } .qv-modal__dialog { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); } .bottom-nav, .compare-bar { box-shadow: 0 -1px 0 rgba(36, 36, 36, 0.08); } .abx-stats { margin: 20px 0 0; box-shadow: var(--shadow-rest); } .abx-hero__content { padding-bottom: clamp(28px, 5vw, 72px); } .abx-band { background: var(--color-ink); } @media (max-width: 760px) { .abx-stats { margin: 14px 0 0; } } .abx-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .abx-list__item { flex-direction: column; gap: 14px; padding: 28px 28px 26px; border-top: 0; background: #fff; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); } .abx-list__num { padding: 0; font-size: 1.75rem; line-height: 1; letter-spacing: -0.5px; background: var(--grad-brand); -webkit-background-clip: text; background-clip: text; color: transparent; } .abx-list__title { font-size: 1.0625rem; margin-bottom: 8px; } .abx-list__text { font-size: 0.9rem; } @media (max-width: 1024px) { .abx-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .abx-list { grid-template-columns: minmax(0, 1fr); gap: 12px; } } .abx-quote { position: relative; margin: 0; padding: clamp(28px, 3vw, 40px) clamp(24px, 3vw, 40px) clamp(24px, 2.6vw, 34px); border: 0; border-image: none; background: #fff; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); overflow: hidden; } .abx-quote::before { content: "\201C"; display: block; height: 56px; margin-bottom: 4px; font-family: Georgia, "Times New Roman", serif; font-size: 110px; font-weight: 700; line-height: 1; background: var(--grad-brand); -webkit-background-clip: text; background-clip: text; color: transparent; } .abx-quote::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--grad-brand); } .abx-quote p { margin: 0 0 20px; font-size: clamp(1.0625rem, 1.35vw, 1.25rem); font-weight: 600; line-height: 1.6; letter-spacing: 0; color: var(--color-ink); } .abx-quote cite { display: inline-flex; align-items: center; gap: 10px; color: var(--color-bleu-ink); } .abx-quote cite::before { content: ""; width: 28px; height: 2px; background: var(--grad-brand); } body .dpl-page, body .dpl-home, body .dpl-dialog { --dpl-gold: var(--color-accent); --dpl-gold-lt: var(--color-bleu-ink); --dpl-ink: var(--color-ink); --dpl-muted: var(--color-muted); --dpl-line: var(--color-border); --dpl-soft: var(--color-page); --c-fg: var(--color-ink); --c-muted: var(--color-muted); --c-line: var(--color-border); --c-media: #fff; } body .dpl-eyebrow, body .dpl-eyebrow--gold { color: var(--color-bleu-ink); letter-spacing: 0.12em; } body .dpl-eyebrow__dot { width: 6px; height: 6px; background: var(--color-bleu); box-shadow: none; animation: none; } body .dpl-home__label { color: var(--color-accent); } body .dpl-ribbon { top: 12px; left: 12px; padding: 6px 10px; border-radius: var(--radius-btn); background: var(--color-accent); font-size: 0.6875rem; letter-spacing: 0.06em; } body .dpl-ribbon::after { content: none; } body .dpl-ribbon--lg { top: 16px; left: 16px; padding: 7px 12px; font-size: 0.75rem; } body .dpl-media { background: #fff; } body .dpl-media__img { object-fit: contain; transition: none; } body .dpl-card:hover .dpl-media__img, body .dpl-hero__visual:hover .dpl-media__img { transform: none; } body .dpl-media--blur .dpl-media__img, body .dpl-card:hover .dpl-media--blur .dpl-media__img, body .dpl-hero__visual:hover .dpl-media--blur .dpl-media__img { object-fit: cover; transform: scale(1.2); } body .dpl-media--empty { background: var(--color-bleu-light); } body .dpl-media__ph .dpl-ico { color: var(--color-bleu); opacity: 1; } body .dpl-media__veil { background: rgba(14, 16, 20, 0.45); border-radius: var(--radius-btn); } body .dpl-crumbs { color: var(--color-muted); font-size: 0.8125rem; letter-spacing: 0; } body .dpl-crumbs [aria-current] { color: var(--color-ink); } body .dpl-crumbs a:hover { color: var(--color-accent); } body .dpl-hero { padding: clamp(24px, 3vw, 40px) 0 clamp(8px, 2vw, 24px); background: transparent; color: var(--color-ink); } body .dpl-hero__glow, body .dpl-hero__frame { display: none; } body .dpl-hero::after { content: none; } body .dpl-hero__head { gap: 8px 48px; padding-bottom: 0; margin-bottom: clamp(20px, 3vw, 32px); border-bottom: 0; } body .dpl-hero__h1 { position: relative; padding-bottom: 14px; font-size: var(--fs-h1); font-weight: 800; line-height: var(--lh-heading); letter-spacing: var(--ls-heading); color: var(--color-ink); } body .dpl-hero__h1::after { content: ""; position: absolute; left: 0; bottom: 0; width: 56px; height: 3px; border-radius: 2px; background: var(--color-accent); } body .dpl-hero__intro, body .dpl-hero__intro p { color: var(--color-muted); font-size: var(--fs-body); } body .dpl-hero__feature { gap: clamp(24px, 4vw, 56px); padding: clamp(20px, 3vw, 40px); background: #fff; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); } body .dpl-hero__title { margin-bottom: 12px; font-size: clamp(1.5rem, 2.4vw, 2rem); font-weight: 800; line-height: 1.2; color: var(--color-ink); } body .dpl-hero__title a:hover { color: var(--color-accent); } body .dpl-hero__teaser { margin-bottom: 24px; font-size: 1rem; color: var(--color-muted); } body .dpl-hero__notify { margin-top: 28px; } body .dpl-hero__notify-lbl { color: var(--color-ink); } body .dpl-hero__more { margin-top: 20px; letter-spacing: 0.06em; color: var(--color-accent) !important; } body .dpl-hero__visual { aspect-ratio: 1 / 1; max-height: 560px; border-radius: var(--radius-card); overflow: hidden; background: #fff; } body .dpl-hero__visual .dpl-media { --c-media: #fff; } body .dpl-hero__feature > * { animation: none; } body .dpl-empty { padding: clamp(32px, 5vw, 56px) 24px; background: #fff; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); } body .dpl-empty__ico { border: 0; background: var(--color-bleu-light); color: var(--color-bleu-ink); } body .dpl-empty__title { color: var(--color-ink); font-size: var(--fs-h2); } body .dpl-empty__text { color: var(--color-muted); } body .dpl-cd__units { gap: 8px; } body .dpl-cd__u { min-width: 76px; padding: 14px 8px 10px; border: 0; border-radius: 8px; background: var(--color-bleu-light); } body .dpl-cd__n { font-size: 2.4rem; font-weight: 800; color: var(--color-ink); } body .dpl-cd__n.is-tick { animation: none; } body .dpl-cd__l { letter-spacing: 0.12em; color: var(--color-bleu-ink); } body .dpl-cd__sep { font-family: var(--font-body); font-size: 1.6rem; margin-top: -20px; color: var(--color-bleu); } body .dpl-cd__done { padding: 12px 18px; border: 0; border-radius: 8px; background: var(--color-bleu-light); font-family: var(--font-body); font-size: 1.125rem; font-weight: 700; color: var(--color-accent); } body .dpl-cd__done .dpl-ico { color: var(--color-bleu-ink); } body .dpl-cd__when { color: var(--color-muted); } body .dpl-cd--md .dpl-cd__u { min-width: 68px; background: var(--color-bleu-light); } body .dpl-cd--md .dpl-cd__n { font-size: 2rem; color: var(--color-ink); } body .dpl-cd--md .dpl-cd__l { color: var(--color-bleu-ink); } body .dpl-cd--md .dpl-cd__sep { color: var(--color-bleu); } body .dpl-cd--md .dpl-cd__done { color: var(--color-accent); font-size: 1.0625rem; } body .dpl-cd--nodate, body .dpl-cd--live, body .dpl-cd--md.dpl-cd--nodate { padding: 10px 16px; border: 0; border-radius: 8px; background: var(--color-bleu-light); color: var(--color-bleu-ink); } body .dpl-cd--live, body .dpl-cd--md.dpl-cd--live { background: var(--grad-brand); color: #fff; } body .dpl-cd--chip, body .dpl-cd--chip.dpl-cd--nodate, body .dpl-cd--chip.dpl-cd--live { padding: 5px 9px; border: 0; border-radius: var(--radius-btn); background: var(--color-bleu-light); -webkit-backdrop-filter: none; backdrop-filter: none; color: var(--color-bleu-ink); font-size: 0.71875rem; font-weight: 700; } body .dpl-cd--chip .dpl-ico { color: var(--color-bleu-ink); } body .dpl-cd--chip.is-done, body .dpl-cd--chip.dpl-cd--live { background: var(--color-accent); color: #fff; } body .dpl-cd--chip.is-done .dpl-ico, body .dpl-cd--chip.dpl-cd--live .dpl-ico { color: #fff; } body .dpl-form__row { padding: 4px; border-color: var(--color-border); border-radius: var(--radius-btn); background: #fff; } body .dpl-form__row:focus-within { border-color: var(--color-accent); box-shadow: 0 0 0 3px rgba(2, 183, 131, 0.1); } body .dpl-form__email { padding: 0 12px; } body .dpl-form__btn { padding: 11px 20px; border-radius: var(--radius-btn); } body .dpl-form__consent input { accent-color: var(--color-accent); } body .dpl-form__msg.is-ok { color: var(--color-success); } body .dpl-form.is-done .dpl-form__msg { border: 0; border-radius: 8px; background: var(--color-bleu-light); animation: none; } body .dpl-form.is-done .dpl-form__msg::before { background-color: var(--color-accent); } body .dpl-head__link { padding-bottom: 2px; letter-spacing: 0.06em; color: var(--color-accent); border-bottom-color: transparent; } body .dpl-head__link:hover { color: var(--color-accent-soft); border-bottom-color: currentColor; } body .dpl-filter__b { padding: 8px 14px; border: 0; border-radius: var(--radius-btn); background: #fff; box-shadow: var(--shadow-rest); } body .dpl-filter__b:hover { color: var(--color-accent); } body .dpl-filter__b[aria-pressed="true"] { background: var(--color-accent); color: #fff; } body .dpl-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(12px, 1.6vw, 20px); } body .dpl-card { overflow: hidden; background: #fff; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); } body .dpl-card__media { aspect-ratio: 1 / 1; background: #fff; } body .dpl-card__media .dpl-media { padding: 16px; } body .dpl-card__media .dpl-media--blur, body .dpl-card__media .dpl-media--empty { padding: 0; } body .dpl-card__cd { left: 12px; bottom: 12px; } body .dpl-card__body { padding: 4px 16px 16px; } body .dpl-card__gama { color: var(--color-bleu-ink); letter-spacing: 0.08em; } body .dpl-card__title { margin-bottom: 6px; font-size: 1rem; font-weight: 700; line-height: 1.35; } body .dpl-card__title a:hover { color: var(--color-accent); } body .dpl-card__teaser { font-size: 0.8125rem; } body .dpl-card__when { margin-bottom: 12px; font-size: 0.78125rem; } body .dpl-card__actions { padding-top: 12px; gap: 8px; } body .dpl-card__notify { padding: 9px 14px; border: 0; border-radius: var(--radius-btn); background: var(--grad-brand); background-size: 200% 100%; background-position: 0% 0; color: #fff; letter-spacing: 0.04em; transition: background-position 0.35s var(--ease); } body .dpl-card__notify:hover { background-image: var(--grad-brand-hover); color: #fff; } body .dpl-card__more { letter-spacing: 0.04em; color: var(--color-accent); } body .dpl-card__more:hover { color: var(--color-accent-soft); } body .dpl-home { background: transparent; color: var(--color-ink); --c-fg: var(--color-ink); --c-muted: var(--color-muted); --c-line: var(--color-border); --c-media: #fff; } body .dpl-home::before { content: none; } body .dpl-home .section-heading { color: var(--color-ink); } body .dpl-home .dpl-card__gama { color: var(--color-bleu-ink); } body .dpl-home .dpl-card__notify { border: 0; color: #fff; } body .dpl-home .dpl-card__notify:hover { background: var(--grad-brand-hover); background-size: 200% 100%; background-position: 100% 0; color: #fff; } body .dpl-home .dpl-card__title a:hover, body .dpl-home .dpl-head__link:hover { color: var(--color-accent); } body .dpl-home .dpl-card__more:hover { color: var(--color-accent-soft); } body .dpl-rail { grid-auto-columns: calc((100% - 3 * 20px) / 4); gap: 20px; padding: 2px 2px 10px; scrollbar-color: var(--color-border) transparent; } body .dpl-single__top { padding-bottom: clamp(28px, 4vw, 48px); } body .dpl-gallery__main { background: #fff; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); } body .dpl-gallery__main .dpl-media { padding: clamp(8px, 1.5vw, 16px); } body .dpl-gallery__main .dpl-media--blur, body .dpl-gallery__main .dpl-media--empty { padding: 0; } body .dpl-gallery__thumbs { padding: 2px; } body .dpl-gallery__t { overflow: hidden; border: 2px solid transparent; border-radius: 8px; background: #fff; box-shadow: var(--shadow-rest); } body .dpl-gallery__t img { object-fit: contain; } body .dpl-gallery__t:hover, body .dpl-gallery__t[aria-pressed="true"] { border-color: var(--color-accent); } body .dpl-single__title { font-size: var(--fs-h1); font-weight: 800; line-height: var(--lh-heading); } body .dpl-single__teaser { font-size: 1rem; } body .dpl-single__notify { padding: clamp(20px, 2.4vw, 28px); border: 0; border-radius: var(--radius-card); background: #fff; box-shadow: var(--shadow-rest); } body .dpl-single__notify::before { content: none; } body .dpl-single__notify-h { font-size: 1.125rem; font-weight: 700; } body .dpl-single__notify-h .dpl-ico { color: var(--color-bleu-ink); } body .dpl-single__waiting { color: var(--color-bleu-ink); } body .dpl-share__lbl { letter-spacing: 0.08em; } body .dpl-share__btn { border: 0; border-radius: var(--radius-btn); background: #fff; box-shadow: var(--shadow-rest); } body .dpl-share__btn:hover { color: var(--color-accent); } body .dpl-share__btn.is-done { color: var(--color-success); } body .dpl-single__details { margin-bottom: clamp(8px, 2vw, 24px); padding: clamp(20px, 3vw, 40px); border-top: 0; background: #fff; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); } body .dpl-single__h2 { font-weight: 700; } body .dpl-dialog::backdrop { background: rgba(14, 16, 20, 0.5); -webkit-backdrop-filter: none; backdrop-filter: none; } body .dpl-dialog__box { border-top: 0; border-radius: var(--radius-card); box-shadow: var(--shadow-float); overflow: hidden; } body .dpl-dialog__box::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--grad-brand); } body .dpl-dialog__x:hover { background: var(--color-page); } body .dpl-dialog__ico { background: var(--color-bleu-light); color: var(--color-bleu-ink); } body .dpl-dialog__title { font-size: 1.375rem; font-weight: 800; } body .dpl-bar { font-family: var(--font-body); } body .dpl-bar__dot { animation: none; box-shadow: none; } @media (max-width: 1100px) { body .dpl-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } body .dpl-rail { grid-auto-columns: calc((100% - 2 * 16px) / 3); gap: 16px; } } @media (max-width: 900px) { body .dpl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } body .dpl-hero__visual { margin: 0; max-width: none; } } @media (max-width: 600px) { body .dpl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } body .dpl-rail { grid-auto-columns: 62%; gap: 10px; } body .dpl-hero__visual { aspect-ratio: 4 / 3; margin: 0; } body .dpl-card__media .dpl-media { padding: 10px; } body .dpl-card__body { padding: 2px 12px 12px; } body .dpl-card__title { font-size: 0.875rem; } body .dpl-card__teaser { display: none; } body .dpl-card__actions { flex-direction: column; align-items: stretch; } body .dpl-card__notify { justify-content: center; padding: 9px 8px; font-size: 0.6875rem; } body .dpl-card__more { justify-content: center; } body .dpl-cd__u { min-width: 0; padding: 10px 4px 8px; } body .dpl-cd__n { font-size: 1.75rem; } body .dpl-cd--md .dpl-cd__n { font-size: 1.6rem; } body .dpl-form__row { padding: 0; border: 0; background: transparent; box-shadow: none; } body .dpl-form__row:focus-within { box-shadow: none; } body .dpl-form__email { border-radius: var(--radius-btn); } body .dpl-dialog__box { padding: 36px 20px 22px; } } .cart-page--empty .cart-page-header { border-bottom: 0; padding-bottom: 0; } .cart-page--empty .cart-page-header__title { position: relative; padding-bottom: 14px; font-weight: 800; } .cart-page--empty .cart-page-header__title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 56px; height: 3px; border-radius: 2px; background: var(--color-accent); } .cart-page--empty .cart-empty { gap: 16px; max-width: 640px; margin: 0 auto; padding: clamp(36px, 5vw, 56px) 24px; background: #fff; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); } .cart-page--empty .cart-empty svg { box-sizing: content-box; width: 40px; height: 40px; padding: 20px; border-radius: var(--radius-round); background: var(--color-bleu-light); color: var(--color-bleu-ink); stroke-width: 1.5; } .cart-page--empty .cart-empty p { margin: 0; font-size: 1.0625rem; font-weight: 600; color: var(--color-ink); } .cart-page--empty .cart-empty .btn { margin-top: 4px; } .woocommerce-checkout .form-row select.select2-hidden-accessible, .woocommerce-page .form-row select.select2-hidden-accessible { width: 1px !important; padding: 0 !important; border: 0 !important; } .woocommerce-checkout.woocommerce-page .select2-container--default .select2-selection--single { min-height: 50px !important; display: flex; align-items: center; } .single-product-info .woocommerce-variation-add-to-cart { flex-wrap: wrap; } .single-product-info .woocommerce-variation-add-to-cart .tbi_button_container2, .single-product-info form.cart .tbi_button_container2 { flex: 1 1 100%; } .tbi_button_body2 { font-family: var(--font-body) !important; box-shadow: var(--shadow-sm) !important; border: 1px solid var(--color-border); } .tbi_button_body2 .tbi_button_line { font-family: var(--font-body) !important; } .product-card__cart, .auth-submit, .coupon-row__btn { font-family: var(--font-body); font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; border-radius: var(--radius-btn); } .auth-submit { font-size: 0.875rem; } .coupon-row__btn { font-size: 0.8125rem; min-height: 46px; color: #fff; background-color: #02B783; background-image: var(--grad-brand); background-size: 200% 100%; background-position: 0% 0; transition: background-position .35s var(--ease); } .coupon-row__btn:hover { background-color: var(--color-accent-soft); background-image: var(--grad-brand-hover); } .shop-sidebar__mobile-toggle { border-radius: var(--radius-btn); background: #fff; } .search-overlay .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit, .bottom-nav .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit { background: var(--color-ink); } .search-overlay .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:hover { background: var(--color-accent); } .search-overlay .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit::before, .bottom-nav .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit::before { border-color: transparent var(--color-ink) transparent; } .search-overlay .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:hover::before { border-right-color: var(--color-accent); } .inspiration--no-bg .hotspot { display: none; } .brands__brand-link { min-width: 0; padding-inline: 8px; } .brands__brand-link:hover { transform: none; } .brands__name { max-width: 100%; overflow-wrap: anywhere; font-size: clamp(0.875rem, 1.3vw, 1.25rem); } @media (max-width: 480px) { .brands__name { font-size: 0.8125rem; } } .auth-login-wrap { padding-block: 0; } .auth-login-wrap--split { gap: var(--gap); } .auth-login-wrap .auth-panel { background: #fff; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); } .auth-login-wrap--split .auth-panel, .auth-login-wrap--split .auth-panel--login, .auth-login-wrap--split .auth-panel--register { padding: clamp(20px, 3.5vw, 44px); border: 0; } @media (max-width: 380px) { .auth-login-wrap--split .auth-panel, .auth-login-wrap--split .auth-panel--login, .auth-login-wrap--split .auth-panel--register { padding: 20px 12px; } } .mailchimp-newsletter label, #mailchimp-gdpr-fields label { display: inline-flex; align-items: center; gap: 8px; font-size: var(--fs-small); font-weight: 500; color: var(--color-ink); } #mailchimp-gdpr-fields { font-size: var(--fs-small); color: var(--color-muted); margin-block: 8px 12px; } #mailchimp-gdpr-fields p { margin: 0 0 6px; } .blog-mini-card { background: #fff; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); overflow: hidden; gap: 0; } .blog-mini-card__img { border-radius: 0; } .blog-mini-card__title { padding: 14px 16px 18px; } .blog-mini-card:hover .blog-mini-card__img img, .blog-cat-section__cover-link:hover .blog-cat-section__cover { transform: none; } .post-toc { background: #fff; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); } .blog-card__meta { flex-wrap: wrap; row-gap: 2px; } .blog-card__meta > * { white-space: nowrap; } .cart_totals, .checkout-review-card, .checkout-payment-card, .checkout-coupon-card { background: #fff; box-shadow: var(--shadow-rest); } .checkout-payment__method { background: var(--color-page); } .checkout-payment__method:has(.checkout-payment__radio:checked) { background: var(--color-accent-light); } .qv-modal__dialog { border-radius: var(--radius-card); } .compare-empty:not([hidden]) { max-width: 640px; margin-inline: auto; padding: clamp(36px, 5vw, 56px) 24px; background: #fff; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); } .woocommerce #respond input#submit.btn, .woocommerce #respond button#submit.btn { border-color: transparent; border-radius: var(--radius-btn); } .woocommerce #respond input#submit.btn:hover, .woocommerce #respond button#submit.btn:hover, .woocommerce #respond input#submit.btn:focus-visible, .woocommerce #respond button#submit.btn:focus-visible { color: #fff; border-color: transparent; } .thankyou-card .woocommerce-order-details__title, .thankyou-card .woocommerce-customer-details { display: none; } .checkout_coupon .coupon-row__notice { margin-top: 12px; } .checkout_coupon .coupon-row__notice .woocommerce-error, .checkout_coupon .coupon-row__notice .woocommerce-message, .checkout_coupon .coupon-row__notice .woocommerce-info { margin: 0; } .single-product-info .single_add_to_cart_button, .single-product-info .button.single_add_to_cart_button, .cart-sidebar-cta a.checkout-button { font-weight: 700 !important; } .single-product-info .single_add_to_cart_button:hover, .single-product-info .button.single_add_to_cart_button:hover { background-image: var(--grad-brand) !important; background-size: 200% 100% !important; background-position: 100% 0 !important; background-color: #02B783 !important; color: #fff !important; } .single-product-info .single_add_to_cart_button.disabled:hover, .single-product-info .button.single_add_to_cart_button.disabled:hover, .single-product-info .single_add_to_cart_button.wc-variation-selection-needed:hover { background-image: var(--grad-brand) !important; background-size: 200% 100% !important; background-position: 0% 0 !important; background-color: #02B783 !important; } .btn--ghost:not(.cta-band__btn):not(.cta-band__btn--ghost) { border-color: var(--color-border); } .btn--ghost:not(.cta-band__btn):not(.cta-band__btn--ghost):hover { border-color: var(--color-accent); } .btn--outline { background: #fff; border: 1px solid var(--color-border); color: var(--color-ink); } .btn--outline:hover, .btn--outline:focus-visible { background: #fff; border-color: var(--color-accent); color: var(--color-accent); } .form-field textarea, .woocommerce-checkout .form-row textarea, .woocommerce-page .form-row textarea { border-radius: var(--radius-sm) !important; } .blog-card:hover, .blog-card--feature:hover { transform: none; } .blog-cat-section__name { position: relative; padding-bottom: 14px; font-weight: 800; } .blog-cat-section__name::after { content: ""; position: absolute; left: 0; bottom: 0; width: 56px; height: 3px; border-radius: 2px; background: var(--color-accent); } .cart-page-header__title { position: relative; padding-bottom: 14px; font-weight: 800; } .cart-page-header__title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 56px; height: 3px; border-radius: 2px; background: var(--color-accent); } .page-oferta .contact-cards { gap: 12px; } .page-oferta .contact-card { padding: 22px 24px; border-bottom: 0; } .page-oferta .contact-form { padding: clamp(20px, 3vw, 32px); background: #fff; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); } .qv-modal__dialog { box-shadow: var(--shadow-float); } .inspiration--no-bg .inspiration__frame { aspect-ratio: auto; min-height: clamp(300px, 26vw, 380px); } .cs.is-invalid .cs__trigger { border-color: #c0392b; } .post-article__body :is(h2, h3)[id] { scroll-margin-top: 104px; } .star-rating { width: auto; height: auto; overflow: visible; line-height: 1; } .star-rating::before { color: var(--color-border); line-height: 1; } .star-rating span { height: 100%; font-size: 0; line-height: 1; } .star-rating span::before { font-size: 14px; letter-spacing: 2px; line-height: 1; color: var(--color-accent); } @media (max-width: 900px) { .sp-gallery-premium { margin-left: 0; padding-left: 0; border-radius: var(--radius-card); box-shadow: var(--shadow-rest); } } .auth-submit.btn--outline, .auth-submit.btn--outline:hover, .auth-submit.btn--outline:focus-visible { color: #fff; } .promo-slider { padding-block: clamp(16px, 2.5vw, 32px); } .promo-slider__frame { position: relative; border-radius: var(--radius-card); overflow: hidden; background: #fff; } .promo-slider .swiper { border-radius: inherit; } .promo-slider__link, .promo-slider picture { display: block; } .promo-slider__img { display: block; width: 100%; height: auto; } .promo-slider__nav { position: absolute; top: 50%; z-index: 2; display: grid; place-items: center; width: 36px; height: 36px; margin-top: -18px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .85); color: var(--color-ink, #1a1f2b); cursor: pointer; opacity: 0; transition: opacity .2s ease; } .promo-slider__prev { left: 12px; } .promo-slider__next { right: 12px; } .promo-slider__frame:hover .promo-slider__nav, .promo-slider__nav:focus-visible { opacity: 1; } .promo-slider__nav.swiper-button-disabled { opacity: 0; pointer-events: none; } .promo-slider__dots { position: absolute; left: 0; right: 0; bottom: 8px; z-index: 2; display: flex; justify-content: center; gap: 6px; pointer-events: none; } .promo-slider__dots .swiper-pagination-bullet { width: 7px; height: 7px; margin: 0 !important; background: #fff; opacity: .55; pointer-events: auto; } .promo-slider__dots .swiper-pagination-bullet-active { opacity: 1; } @media (hover: none), (max-width: 1024px) { .promo-slider__nav { display: none; } } .topbar .topbar__link svg { color: rgba(255, 255, 255, 0.75); } .topbar .social-links { gap: 2px; } .topbar .social-link { width: 28px; height: 28px; border: 0; color: rgba(255, 255, 255, 0.85); background: transparent; } .topbar .social-link:hover { color: #fff; background: rgba(255, 255, 255, 0.14); } .topbar .social-link svg { width: 15px; height: 15px; } .site-header__logo .site-logo__img, .site-header__logo .custom-logo { height: 56px; width: auto; } .site-header__logo .site-logo { display: block; line-height: 0; } .header-search { display: none; } .header-search__input { flex: 1; min-width: 0; height: 44px; padding: 0 16px; border: 1px solid var(--color-border); border-right: 0; border-radius: var(--radius-sm) 0 0 var(--radius-sm); background: var(--color-bg-soft); font-family: var(--font-body); font-size: 0.875rem; color: var(--color-ink); transition: border-color var(--dur) var(--ease), background var(--dur) var(--ease); } .header-search__input:focus { outline: none; border-color: var(--color-accent); background: #fff; } .header-search__btn { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 44px; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; background: var(--color-accent); color: #fff; transition: background var(--dur) var(--ease); } .header-search__btn:hover { background: var(--color-accent-soft); } .action-btn:hover { color: var(--color-accent); background: var(--color-accent-light); } @media (min-width: 1101px) { .site-header__inner { flex-wrap: wrap; height: auto; column-gap: 40px; row-gap: 0; } .site-header__logo { display: flex; align-items: center; height: 96px; transition: height var(--dur) var(--ease); } .site-header__logo .site-logo__img, .site-header__logo .custom-logo { height: 74px; transition: height var(--dur) var(--ease); } .header-search { display: flex; flex: 1 1 auto; max-width: 620px; margin-inline: auto; } #search-toggle { display: none; } .site-header__actions { gap: 6px; } .site-nav { order: 10; flex: 0 0 100%; position: relative; } .site-nav::before { content: ""; position: absolute; top: 0; left: 50%; width: 100vw; margin-left: -50vw; border-top: 1px solid var(--color-border); pointer-events: none; } .site-nav__list { flex-wrap: wrap; min-height: 52px; gap: 0 2px; } .site-nav__link { padding: 16px 13px; } .site-nav__link::after { bottom: 8px; left: 13px; right: 13px; } .site-nav__list > .mega-nav__item { margin-right: 14px; } .site-nav__list > .mega-nav__item > .mega-nav__trigger { gap: 8px; padding: 0 18px; height: 40px; margin-block: 6px; border-radius: var(--radius-btn); background: var(--color-accent); color: #fff; } .site-nav__list > .mega-nav__item > .mega-nav__trigger::after { display: none; } .site-nav__list > .mega-nav__item > .mega-nav__trigger:hover, .site-nav__list > .mega-nav__item.is-open > .mega-nav__trigger { background: var(--color-accent-soft); color: #fff; } } @media (min-width: 1101px) and (max-width: 1280px) { .site-nav__link { padding-inline: 9px; font-size: 0.75rem; letter-spacing: 0.2px; } .site-nav__link::after { left: 9px; right: 9px; } } .site-nav__list > .menu-item-has-children > a > .site-nav__link { gap: 6px; } .site-nav__list > .menu-item-has-children > a > .site-nav__link::before { content: ""; order: 2; width: 6px; height: 6px; margin-top: -3px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); opacity: 0.7; } .site-nav__list > li > .sub-menu:has(> li:nth-child(10)) { columns: 2; column-gap: 0; min-width: 480px; } .site-nav__list > li > .sub-menu:has(> li:nth-child(10)) > li { break-inside: avoid; } .site-nav__list .sub-menu .site-nav__link { font-size: 0.8125rem; font-weight: 400; letter-spacing: 0.2px; text-transform: uppercase; } .site-nav__list .sub-menu a:hover .site-nav__link { color: var(--color-accent); } @media (max-width: 1100px) { .site-header__inner { height: 72px; } .site-header__logo .site-logo__img, .site-header__logo .custom-logo { height: 54px; } } @media (max-width: 767px) { .site-header__inner { height: 64px; } .site-header__logo .site-logo__img, .site-header__logo .custom-logo { height: 48px; } } .mobile-menu__logo .site-logo__img { height: 44px; width: auto; } .mobile-nav__link { font-family: var(--font-body); font-weight: 700; font-size: 0.875rem; letter-spacing: 0.3px; text-transform: uppercase; } .mobile-nav__sub .mobile-nav__link, .mobile-nav__sub-link { font-weight: 400; } .mobile-nav__link:hover, .mobile-nav__sub-link:hover, .mobile-nav__expand[aria-expanded="true"] { color: var(--color-accent); } .mobile-menu__phone, .mobile-menu__login { color: var(--color-ink); } .mobile-menu__phone svg { color: var(--color-accent); } .site-footer { background: var(--color-bg-soft); color: var(--color-muted); border-top: 1px solid var(--color-border); } .site-footer__divider { display: none; } .site-footer__newsletter { background: var(--grad-brand); padding-block: clamp(36px, 4.5vw, 56px); } .site-footer__newsletter-title { color: #fff; margin-bottom: 22px; } .site-footer__newsletter-desc { color: rgba(255, 255, 255, 0.88); margin-top: -10px; } .site-footer__newsletter-title { font-size: clamp(1.35rem, 2.2vw, 1.75rem); } .site-footer .home-newsletter__input, .site-footer .home-newsletter__input:focus { background: #fff; border-color: #fff; color: var(--color-ink); } .site-footer .home-newsletter__input::placeholder { color: var(--color-muted); } .site-footer .home-newsletter__btn, .site-footer .home-newsletter__btn:hover { background-image: none !important; background-color: var(--color-ink); border-color: var(--color-ink) !important; color: #fff; } .site-footer .home-newsletter__btn:hover { background-color: var(--color-black); } .site-footer .home-newsletter__msg { color: #fff; } .site-footer__grid--4 { grid-template-columns: 1.5fr 1fr 1fr 1.25fr; } .footer-logo .site-logo__img { height: 92px; width: auto; } .footer-desc { color: var(--color-muted); max-width: 36ch; } .footer-contact__item { color: var(--color-ink); } .footer-contact__item svg { color: var(--color-accent); margin-top: 3px; } .footer-nav__title { font-family: var(--font-heading); font-size: 0.9375rem; font-weight: 600; letter-spacing: 0.04em; color: var(--color-ink); position: relative; padding-bottom: 12px; } .footer-nav__title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 32px; height: 2px; background: var(--color-accent); } .footer-nav__list a { font-size: 0.78125rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--color-muted); } .site-footer a:hover, .footer-nav__list a:hover, .footer-contact__link:hover { color: var(--color-accent); } .site-footer__bottom { background: #fff; border-top: 1px solid var(--color-border); } .site-footer .footer-anpc img { opacity: 1; height: 44px; } .footer-copyright { color: var(--color-muted); } .site-footer .social-link { border-color: var(--color-border); color: var(--color-ink); background: #fff; } .site-footer .social-link:hover { border-color: var(--color-accent); background: var(--color-accent); color: #fff; } @media (max-width: 1100px) { .site-footer__grid--4 { grid-template-columns: repeat(3, 1fr); } .site-footer__grid--4 .site-footer__col--brand { grid-column: 1 / -1; } } @media (max-width: 860px) { .site-footer__grid--4 { grid-template-columns: 1fr 1fr; } } @media (max-width: 480px) { .site-footer__grid--4 { grid-template-columns: 1fr 1fr; gap: 28px 16px; } .site-footer__grid--4 .site-footer__col--brand, .site-footer__grid--4 .site-footer__col:last-child { grid-column: 1 / -1; } .footer-logo .site-logo__img { height: 76px; } } .product-card__media { aspect-ratio: 3 / 4; } .product-card__media .product-card__img { height: 100%; } .pc-badge--extra { border-radius: var(--radius-sm); font-weight: 700; } .sp-info-note { display: flex; align-items: flex-start; gap: 10px; margin: 14px 0 0; padding: 12px 14px; font-size: 0.875rem; line-height: 1.5; color: var(--color-ink); background: #fff; border: 1px solid rgba(36, 36, 36, 0.08); border-left: 3px solid var(--color-accent); border-radius: var(--radius-sm); } .sp-info-note svg { flex-shrink: 0; margin-top: 2px; color: var(--color-accent); } .sp-info-note--warn { border-left-color: #d79a26; } .sp-info-note--warn svg { color: #d79a26; } .sp-info-note + .sp-info-note { margin-top: 10px; } .single-product-info .sp-info-note:last-of-type { margin-bottom: 6px; } #place_order.is-min-order-locked, #place_order.is-min-order-locked:hover { opacity: 0.5; cursor: not-allowed; filter: grayscale(0.4); } .tanzanite-preorder-note { color: var(--color-accent-soft); background: #fff; border-color: rgba(2, 183, 131, 0.35); } .woocommerce-cart #main > p, .woocommerce-checkout #main > p, .woocommerce-account #main > p { margin: clamp(20px, 3vw, 32px) 0 0; padding-inline: var(--page-gutter); font-size: 0.9375rem; line-height: 1.6; color: var(--color-muted); } .woocommerce-cart #main > p:empty, .woocommerce-checkout #main > p:empty, .woocommerce-account #main > p:empty { display: none; } .mega-panel__cat-label { text-transform: uppercase; } .inspiration--light-left, .inspiration--light-right { background: var(--color-bg-soft, #f6f4f1); } .inspiration--light-left .inspiration__overlay, .inspiration--light-right .inspiration__overlay { display: none; } .inspiration--light-right .inspiration__inner { justify-content: flex-end; } .inspiration--light-left .inspiration__intro, .inspiration--light-right .inspiration__intro { max-width: 460px; padding: clamp(24px, 3vw, 40px); background: rgba(255, 255, 255, 0.72); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border-radius: var(--radius-card); } .inspiration--light-left .inspiration__title, .inspiration--light-right .inspiration__title { color: var(--color-ink); } .inspiration--light-left .inspiration__text, .inspiration--light-right .inspiration__text { color: var(--color-muted); } .inspiration--light-left .btn--ghost-light, .inspiration--light-right .btn--ghost-light { background: var(--color-accent); border-color: var(--color-accent); color: #fff; } .inspiration--light-left .btn--ghost-light:hover, .inspiration--light-right .btn--ghost-light:hover { background: var(--color-accent-soft); border-color: var(--color-accent-soft); } @media (max-width: 760px) { .inspiration--light-left .inspiration__frame, .inspiration--light-right .inspiration__frame { aspect-ratio: auto; min-height: 0; display: flex; flex-direction: column; } .inspiration--light-left .inspiration__bg-wrap, .inspiration--light-right .inspiration__bg-wrap { position: relative; aspect-ratio: 16 / 9; } .inspiration--light-left .inspiration__inner, .inspiration--light-right .inspiration__inner { position: relative; padding: 0; } .inspiration--light-left .inspiration__intro, .inspiration--light-right .inspiration__intro { max-width: none; width: 100%; background: #fff; border-radius: 0; padding: 28px var(--page-gutter) 36px; } } .cta-band { background: color-mix(in srgb, var(--color-accent) 7%, #fff); } .cta-band__title { color: var(--color-ink); } .cta-band__desc { color: var(--color-muted); } .cta-band .btn--ghost, .cta-band__btn--ghost { background: transparent; border-color: var(--color-ink); color: var(--color-ink); } .cta-band .btn--ghost:hover, .cta-band__btn--ghost:hover { background: var(--color-ink); border-color: var(--color-ink); color: #fff; } .blog-card__thumb-fallback { color: color-mix(in srgb, var(--color-accent) 45%, transparent); background: linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 10%, #fff), color-mix(in srgb, var(--color-accent) 4%, #f7f5f2)); } .inspiration--light-right .inspiration__bg { object-position: left center; } .inspiration--light-left .inspiration__bg { object-position: right center; } @media (max-width: 768px) { .hero-slide--theme-dark.hero-slide--has-bg { background-position: 85% center; } .hero-slide--text-only.hero-slide--theme-dark.hero-slide--has-bg::before { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.78) 45%, rgba(255, 255, 255, 0.9) 100%); opacity: 1; } } .hero-swiper:not(.swiper-initialized) .hero-slide:first-child .hero-slide__left, .hero-swiper:not(.swiper-initialized) .hero-slide:first-child .hero-slide__right { opacity: 1; transform: none; } .blog-card--feature .blog-card__thumb:has(.blog-card__thumb-fallback) { aspect-ratio: 16 / 5; } .wa-float { position: fixed; bottom: 24px; z-index: 290; display: flex; align-items: center; gap: 12px; text-decoration: none; } .wa-float--right { right: 24px; flex-direction: row-reverse; } .wa-float--left { left: 24px; } .wa-float__icon { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: var(--radius-round); background: #25D366; color: #fff; box-shadow: 0 6px 18px rgba(37, 211, 102, 0.35); transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease); } .wa-float__cta { padding: 9px 14px; border-radius: var(--radius); background: #fff; color: var(--color-ink); font-size: 0.8125rem; font-weight: 600; white-space: nowrap; box-shadow: var(--shadow-float); opacity: 0; visibility: hidden; transform: translateX(var(--wa-cta-shift, -6px)); animation: wa-cta-arata 7s 2.5s var(--ease) both; transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease), visibility var(--dur), color var(--dur) var(--ease); } .wa-float--right .wa-float__cta { --wa-cta-shift: 6px; } @keyframes wa-cta-arata { 0%, 100% { opacity: 0; visibility: hidden; transform: translateX(var(--wa-cta-shift, -6px)); } 8%, 88% { opacity: 1; visibility: visible; transform: none; } } .wa-float:hover .wa-float__cta, .wa-float:focus-visible .wa-float__cta { animation: none; opacity: 1; visibility: visible; transform: none; color: #128C7E; } .wa-float:hover .wa-float__icon { transform: scale(1.07); box-shadow: 0 8px 24px rgba(37, 211, 102, 0.45); } @media (prefers-reduced-motion: reduce) { .wa-float__cta { animation: none; } } .wa-float:focus-visible { outline: none; } .wa-float:focus-visible .wa-float__icon { outline: 3px solid var(--color-ink); outline-offset: 3px; } @media (max-width: 767px) { .wa-float { bottom: calc(64px + env(safe-area-inset-bottom, 0px) + 14px); } .wa-float--right { right: 14px; } .wa-float--left { left: 14px; } .wa-float__icon { width: 50px; height: 50px; } .wa-float__icon svg { width: 25px; height: 25px; } .wa-float__cta { display: none; } } @media print { .wa-float { display: none; } } body *, body *::before, body *::after { box-shadow: none !important; text-shadow: none !important; } .hero-slide__graphic, .hero-slide__graphic img { filter: none !important; } body a:focus-visible, body button:focus-visible, body input:focus-visible, body select:focus-visible, body textarea:focus-visible, body [tabindex]:not([tabindex="-1"]):focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; } .perks__list, .wa-float__cta, .site-nav__list .sub-menu, .mini-cart-panel, .search-overlay__panel { border: 1px solid var(--color-border); } .mega-panel { border-bottom: 1px solid var(--color-border) !important; } .product-card, .product-card:hover { display: flex; flex-direction: column; padding: 8px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: #fff; transform: none; } .product-card .product-card__media { border-radius: calc(var(--radius-lg) - 6px); overflow: hidden; background: var(--color-bg-soft); } .product-card .product-card__actions { top: auto; right: auto; left: 10px; bottom: 10px; flex-direction: row; gap: 2px; padding: 3px; border: 1px solid var(--color-border); border-radius: 12px; background: #fff; opacity: 0; transform: translateY(8px); transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease); } .product-card:hover .product-card__actions, .product-card:focus-within .product-card__actions { opacity: 1; transform: none; } .product-card .pc-action { width: 34px; height: 34px; border-radius: 9px; background: transparent; color: var(--color-ink); -webkit-backdrop-filter: none; backdrop-filter: none; } .product-card .pc-action svg { width: 17px; height: 17px; } .product-card .pc-action:hover { background: transparent; color: var(--color-accent-soft); } .product-card .pc-action--wish.is-active { background: transparent; color: #D93A3A; } .product-card .pc-action--wish.is-active svg { fill: currentColor; } .product-card .pc-action--compare.is-active { background: transparent; color: var(--color-accent); } .product-card .pc-variations { top: 10px; right: 10px; bottom: auto; left: auto; flex-direction: column; gap: 4px; max-width: none; padding: 6px 4px; border: 1px solid var(--color-border); border-radius: var(--radius-round); background: #fff; } .product-card .pc-variations .pc-vmore, .product-card .pc-variations .pc-vcount { font-size: 9.5px; } .product-card .product-card__body { flex: 1 1 auto; display: flex; flex-direction: column; gap: 4px; padding: 14px 6px 4px; } .product-card .product-card__cat { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; color: var(--color-muted); font-size: 0.625rem; font-weight: 600; line-height: 1.4; letter-spacing: 0.08em; } .product-card .product-card__cat:hover { color: var(--color-accent-soft); } .product-card .product-card__title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; font-size: 0.9375rem; line-height: 1.35; max-height: calc(0.9375rem * 1.35 * 2); min-height: 0; } .product-card .product-card__title a { display: inline; } .product-card .product-card__footer { display: flex; flex-direction: column; align-items: stretch; gap: 10px; margin-top: auto; padding-top: 10px; } .product-card .product-card__price { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 6px; min-height: 0; font-size: 1.125rem; font-weight: 700; line-height: 1.3; color: var(--color-accent-soft); } .product-card .product-card__price del { display: inline; margin: 0; font-size: 0.8125rem; font-weight: 400; color: var(--color-muted); } .product-card .product-card__price ins { color: var(--color-sale); font-weight: 700; text-decoration: none; } .product-card .product-card__price .woocommerce-price-suffix { display: inline; margin: 0; font-size: 0.6875rem; font-weight: 400; color: var(--color-muted); } .product-card .product-card__footer .pc-cart-btn:not(.pc-cart-btn--oos), .product-card .product-card__footer .product-card__cart:not(.pc-cart-btn--oos) { flex: 1 1 auto; width: auto; min-height: 40px; padding: 0 14px !important; border: 0 !important; border-radius: 10px; background: var(--color-accent) !important; background-image: none !important; color: #fff !important; font-size: 0.75rem !important; letter-spacing: 0.04em !important; transition: background-color var(--dur) var(--ease); } .product-card .product-card__footer .pc-cart-btn:not(.pc-cart-btn--oos):hover, .product-card .product-card__footer .product-card__cart:not(.pc-cart-btn--oos):hover { background: var(--color-accent-soft) !important; color: #fff !important; } .product-card .pc-cart-btn--oos, .product-card .pc-cart-btn--oos:hover { flex: 1 1 auto; width: auto; border-radius: 10px; background: var(--color-bg-soft) !important; color: var(--color-muted) !important; } @media (max-width: 860px) { .product-card .product-card__actions { left: 6px; bottom: 6px; opacity: 1; transform: none; padding: 2px; border-radius: 10px; } .product-card .pc-action { width: 28px; height: 28px; border-radius: 8px; } .product-card .pc-action svg { width: 14px; height: 14px; } .product-card .pc-variations { right: 6px; top: 6px; padding: 5px 3px; } .product-card .pc-swatch { width: 11px; height: 11px; } } @media (max-width: 600px) { .product-card { padding: 6px; border-radius: 12px; } .product-card .product-card__media { border-radius: 8px; } .product-card .product-card__body { padding: 10px 4px 2px; } .product-card .product-card__footer { flex-direction: column; align-items: stretch; gap: 8px; } .product-card .product-card__footer .pc-cart-btn:not(.pc-cart-btn--oos), .product-card .product-card__footer .product-card__cart:not(.pc-cart-btn--oos) { min-height: 36px; } .product-card .product-card__price { font-size: 1rem; } } .swiper-slide:has(.product-card) { padding-bottom: 2px; } .qv-modal { display: block; padding: 0; } .qv-modal[hidden] { display: none; } .qv-modal .qv-modal__backdrop { background: rgba(24, 28, 26, 0.48); backdrop-filter: none; opacity: 0; transition: opacity .3s var(--ease); } .qv-modal.is-open .qv-modal__backdrop { opacity: 1; } .qv-modal .qv-modal__dialog { position: absolute; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; width: min(520px, 100vw); max-width: none; min-height: 0; max-height: none; height: 100%; overflow: hidden; background: var(--color-bg); border-left: 1px solid var(--color-border); border-radius: 0; transform: translateX(100%); transition: transform .34s cubic-bezier(0.22, 0.61, 0.36, 1); } .qv-modal.is-open .qv-modal__dialog { transform: none; } .qv-modal .qv-modal__dialog:focus { outline: none; } .qv-modal__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-shrink: 0; min-height: 64px; padding: 12px 16px 12px 24px; border-bottom: 1px solid var(--color-border); } .qv-modal__label { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: var(--font-body); font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-muted); } .qv-modal__label a { color: inherit; text-decoration: none; transition: color var(--dur) var(--ease); } .qv-modal__label a:hover { color: var(--color-accent); } .qv-modal .qv-modal__close { position: static; flex-shrink: 0; width: 40px; height: 40px; background: var(--color-bg); border: 1px solid var(--color-border); border-radius: var(--radius); color: var(--color-ink); transition: border-color var(--dur) var(--ease), background var(--dur) var(--ease), color var(--dur) var(--ease); } .qv-modal .qv-modal__close:hover { background: var(--color-bg-soft); border-color: var(--color-ink); color: var(--color-ink); } .qv-modal .qv-modal__body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } .qv-modal .qv-loading { min-height: 100%; padding: 64px 0; color: var(--color-muted); } .qv-modal .qv-inner { display: flex; flex-direction: column; min-height: 100%; gap: 0; } .qv-modal .qv-gallery { display: block; padding: 20px 24px 0; background: none; } .qv-modal .qv-gallery__main { display: flex; align-items: center; justify-content: center; min-height: 0; height: clamp(240px, 42vh, 400px); padding: 0; background: var(--color-bg-soft); border-radius: var(--radius-lg); overflow: hidden; } .qv-modal .qv-gallery__main-img { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; border-radius: 0; mix-blend-mode: normal; } .qv-modal .qv-gallery__placeholder { min-height: 0; height: 100%; } .qv-modal .qv-gallery__thumbs { margin-top: 10px; padding: 2px; gap: 8px; -webkit-mask-image: none; mask-image: none; } .qv-modal .qv-gallery__thumb { width: 60px; height: 60px; padding: 4px; background: var(--color-bg-soft); border: 1px solid var(--color-border); border-radius: var(--radius); opacity: 1; transition: border-color var(--dur) var(--ease), background var(--dur) var(--ease); } .qv-modal .qv-gallery__thumb img { border-radius: 4px; } .qv-modal .qv-gallery__thumb:hover { border-color: var(--color-muted); } .qv-modal .qv-gallery__thumb.is-active { background: var(--color-accent-light); border-color: var(--color-accent); outline: 1px solid var(--color-accent); outline-offset: -2px; } .qv-modal .qv-info { display: flex; flex-direction: column; justify-content: flex-start; gap: 12px; padding: 22px 24px 24px; } .qv-modal .qv-title { font-family: var(--font-heading); font-size: 1.375rem; font-weight: var(--fw-heading); line-height: 1.3; color: var(--color-ink); } .qv-modal .qv-price { font-size: 1.25rem; line-height: 1.3; } .qv-modal .qv-meta { gap: 8px; } .qv-modal .qv-stock-badge, .qv-modal .qv-mp-badge { border-radius: var(--radius-round); } .qv-modal .qv-desc-wrap { padding-top: 14px; border-top: 1px solid var(--color-border); } .qv-modal .qv-desc { font-size: 0.9375rem; line-height: var(--lh-body); } .qv-modal .qv-desc > :last-child { margin-bottom: 0; } .qv-modal .qv-meta--details { padding-top: 12px; border-top: 1px solid var(--color-border); font-size: 0.8125rem; } .qv-modal .qv-meta--details strong { font-weight: 600; color: var(--color-ink); } .qv-modal .qv-foot { position: sticky; bottom: 0; z-index: 2; margin-top: auto; padding: 16px 24px calc(14px + env(safe-area-inset-bottom, 0px)); background: var(--color-bg); border-top: 1px solid var(--color-border); } .qv-modal .qv-foot .qv-cart { margin: 0; } .qv-modal .qv-foot .qv-cart form.cart { gap: 10px; } .qv-modal .qv-foot .qv-cart .single_add_to_cart_button, .qv-modal .qv-foot .qv-cart button[type="submit"] { flex: 1 1 auto; min-width: 0; padding: 0 18px !important; white-space: nowrap; } .qv-modal .qv-foot .qty-stepper { height: 48px; border: 1px solid var(--color-border); border-radius: var(--radius); background: var(--color-bg); } .qv-modal .qv-foot .qty-stepper__btn { width: 40px; background: var(--color-bg); } .qv-modal .qv-foot .qty-stepper__btn:hover { background: var(--color-accent-light); color: var(--color-ink); } .qv-modal .qv-foot .qty-stepper .qty { width: 44px !important; min-width: 44px; } .qv-modal .qv-foot .qv-cart .variations { margin: 0 0 12px; } .qv-modal .qv-foot .qv-cart .variations tbody { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; } .qv-modal .qv-foot .qv-cart .variations tr + tr { margin-top: 0; } .qv-modal .qv-foot .qv-cart .variations .reset_variations[style*="hidden"] { display: none; } .qv-modal .qv-foot .qv-cart .variations th.label { margin-bottom: 5px; } .qv-modal .qv-foot .qv-cart .variations select { height: 44px; border: 1px solid var(--color-border); border-radius: var(--radius); font-size: 0.875rem; } .qv-modal .qv-foot .qv-cart .variations td.value::after { top: 22px; } .qv-modal .qv-foot .qv-cart .variations .reset_variations { margin-top: 6px; } .qv-modal .qv-foot .qv-cart .woocommerce-variation-price { margin-bottom: 10px; font-size: 1.0625rem; } .qv-modal .qv-foot .qv-cart .woocommerce-variation-description { display: none; } .qv-modal .qv-foot .qv-cart .woocommerce-variation-add-to-cart { gap: 10px; } .qv-modal .qv-foot .tanzanite-call-box, .qv-modal .qv-foot .qv-outofstock { margin: 0; } .qv-modal .qv-foot .qv-mp-cta { margin: 0; } .qv-modal .qv-foot .qv-mp-btn { height: 48px; padding: 0 20px; border-radius: var(--radius-btn); } .qv-modal .qv-foot .qv-full-link { display: inline-flex; justify-content: flex-start; width: auto; gap: 6px; margin-top: 12px; padding: 0; border-top: 0; font-size: 0.8125rem; font-weight: 600; color: var(--color-ink); text-decoration: none; } .qv-modal .qv-foot .qv-full-link:hover { gap: 8px; color: var(--color-accent); text-decoration: none; } .qv-modal .qv-foot .qv-full-link span { text-decoration: none; border-bottom: 0; } @media (max-width: 600px) { .qv-modal .qv-modal__dialog { top: auto; left: 0; width: 100%; height: 94vh; height: 94dvh; border-left: 0; border-top: 1px solid var(--color-border); border-radius: var(--radius-lg) var(--radius-lg) 0 0; transform: translateY(100%); } .qv-modal__head { min-height: 58px; padding: 10px 12px 10px 16px; } .qv-modal .qv-gallery { padding: 16px 16px 0; } .qv-modal .qv-gallery__main { height: clamp(220px, 36vh, 320px); padding: 0; } .qv-modal .qv-gallery__thumb { width: 54px; height: 54px; } .qv-modal .qv-info { padding: 18px 16px 20px; gap: 10px; } .qv-modal .qv-title { font-size: 1.1875rem; } .qv-modal .qv-foot { padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)); } .qv-modal .qv-foot .qv-cart .single_add_to_cart_button, .qv-modal .qv-foot .qv-cart button[type="submit"] { font-size: 0.75rem !important; } } @media (prefers-reduced-motion: reduce) { .qv-modal .qv-modal__backdrop, .qv-modal .qv-modal__dialog { transition: none; } } .compare-tray { --tray-slot: 56px; position: fixed; left: 50%; bottom: 20px; z-index: 295; display: flex; justify-content: center; transform: translateX(-50%); pointer-events: none; font-family: var(--font-body); color: var(--color-ink); } .compare-tray[hidden], .compare-tray__panel[hidden], .compare-tray__hint[hidden] { display: none; } .compare-tray > * { pointer-events: auto; } .compare-tray__pill { display: none; align-items: center; gap: 8px; min-height: 44px; padding: 6px 8px 6px 16px; background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-round); color: var(--color-ink); font-family: var(--font-heading); font-size: 0.875rem; font-weight: 600; cursor: pointer; transition: border-color var(--dur) var(--ease), background var(--dur) var(--ease); } .compare-tray__pill svg { color: var(--color-accent); } .compare-tray__pill:hover { border-color: var(--color-accent); } .compare-tray.is-collapsed .compare-tray__pill { display: inline-flex; } .compare-tray__pill-count { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; height: 28px; padding-inline: 8px; border-radius: var(--radius-round); background: var(--color-accent); color: #fff; font-size: 0.8125rem; font-weight: 700; } .compare-tray__panel { display: grid; grid-template-columns: auto auto; grid-template-areas: "head  head" "slots actions" "hint  hint"; align-items: center; column-gap: 24px; row-gap: 10px; padding: 12px 14px 14px 16px; background: #fff; border: 1px solid #D9D9D5; border-radius: var(--radius-lg); animation: compare-tray-intra 0.22s var(--ease) both; } @keyframes compare-tray-intra { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } } .compare-tray__head { grid-area: head; display: flex; align-items: center; justify-content: space-between; gap: 12px; } .compare-tray__title { margin: 0; font-family: var(--font-heading); font-size: 0.9375rem; font-weight: 600; line-height: 1.2; } .compare-tray__count { color: var(--color-muted); font-weight: 500; } .compare-tray__collapse { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin: -4px -4px -4px 0; padding: 0; background: transparent; border: 1px solid transparent; border-radius: var(--radius); color: var(--color-muted); cursor: pointer; transition: background var(--dur) var(--ease), color var(--dur) var(--ease); } .compare-tray__collapse:hover { background: var(--color-bg-soft); color: var(--color-ink); } .compare-tray__slots { grid-area: slots; display: grid; grid-template-columns: repeat(var(--slots, 4), minmax(0, var(--tray-slot))); gap: 8px; margin: 0; padding: 0; list-style: none; } .compare-tray__slot { position: relative; aspect-ratio: 1; border: 1px solid var(--color-border); border-radius: var(--radius); background: #fff; transition: border-color var(--dur) var(--ease); } .compare-tray__slot--empty { display: flex; align-items: center; justify-content: center; border-style: dashed; border-color: #CFCFCB; background: var(--color-bg-soft); color: #B5B5B0; } .compare-tray__thumb { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; border-radius: calc(var(--radius) - 1px); text-decoration: none; } .compare-tray__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; } .compare-tray__initial { font-family: var(--font-heading); font-weight: 600; color: var(--color-accent-soft); text-transform: uppercase; } .compare-tray__slot:not(.compare-tray__slot--empty):hover { border-color: var(--color-accent); } .compare-tray__remove { position: absolute; top: -7px; right: -7px; display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; padding: 0; border: 2px solid #fff; border-radius: var(--radius-round); background: var(--color-ink); color: #fff; cursor: pointer; opacity: 0; transform: scale(0.8); transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease), background var(--dur) var(--ease); } .compare-tray__slot:hover .compare-tray__remove, .compare-tray__slot:focus-within .compare-tray__remove { opacity: 1; transform: none; } .compare-tray__remove:hover { background: #C62828; } @media (hover: none) { .compare-tray__remove { opacity: 1; transform: none; } } .compare-tray__slot.is-new { border-color: var(--color-accent); outline: 2px solid var(--color-accent); outline-offset: 2px; animation: compare-tray-nou 1.4s var(--ease) both; } @keyframes compare-tray-nou { 0% { outline-color: var(--color-accent); transform: scale(0.86); } 25% { transform: scale(1.04); } 45% { transform: none; } 100% { outline-color: transparent; } } .compare-tray.is-bumped .compare-tray__pill { border-color: var(--color-accent); background: var(--color-accent-light); } .compare-tray.is-bumped .compare-tray__pill-count { animation: compare-tray-puls 0.5s var(--ease); } @keyframes compare-tray-puls { 50% { transform: scale(1.22); } } .compare-tray__actions { grid-area: actions; display: flex; align-items: center; gap: 14px; } .compare-tray .compare-tray__go { padding: 12px 20px; white-space: nowrap; } .compare-tray .btn.compare-tray__go.is-disabled:not(.btn--ghost), .compare-tray .btn.compare-tray__go.is-disabled:not(.btn--ghost):hover, .compare-tray .btn.compare-tray__go.is-disabled:not(.btn--ghost):focus-visible { background-image: none !important; background-color: var(--color-bg-soft); border: 1px solid var(--color-border) !important; color: var(--color-muted); cursor: not-allowed; } .compare-tray__clear { padding: 4px 2px; background: none; border: 0; color: var(--color-muted); font-family: var(--font-body); font-size: 0.8125rem; font-weight: 600; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px; cursor: pointer; transition: color var(--dur) var(--ease), text-decoration-color var(--dur) var(--ease); } .compare-tray__clear:hover { color: var(--color-ink); text-decoration-color: currentColor; } .compare-tray__hint { grid-area: hint; margin: 0; font-size: 0.8125rem; line-height: 1.4; color: var(--color-muted); } .compare-tray__hint.is-warn { color: #A4400F; font-weight: 600; } .compare-tray button:focus-visible, .compare-tray a:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; } .compare-tray .compare-tray__remove:focus-visible { outline-color: var(--color-ink); outline-offset: 1px; } body:has(.compare-tray:not([hidden]):not(.is-collapsed)) .wishlist-toast.is-visible { bottom: 190px; } body:has(.compare-tray.is-collapsed:not([hidden])) .wishlist-toast.is-visible { bottom: 80px; } @media (max-width: 767px) { .compare-tray { --tray-slot: 52px; left: 12px; right: 12px; bottom: calc(64px + env(safe-area-inset-bottom, 0px) + 12px); justify-content: flex-end; transform: none; } body:has(.wa-float--left) .compare-tray { left: 76px; } body:has(.wa-float--right) .compare-tray { right: 76px; justify-content: flex-start; } .compare-tray__panel { width: 100%; grid-template-columns: 1fr; grid-template-areas: "head" "slots" "hint" "actions"; row-gap: 10px; padding: 10px 12px 12px; } .compare-tray__actions { justify-content: space-between; } .compare-tray .compare-tray__go { flex: 1; padding: 11px 14px; } body:has(.compare-tray:not([hidden])) .wishlist-toast.is-visible { bottom: calc(64px + 24px); } } .compare-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 20px; margin-bottom: 16px; } .compare-toolbar__switch { position: relative; display: inline-flex; align-items: center; gap: 10px; font-size: 0.875rem; font-weight: 600; cursor: pointer; user-select: none; } .compare-toolbar__check { position: absolute; opacity: 0; width: 1px; height: 1px; } .compare-toolbar__track { position: relative; flex-shrink: 0; width: 38px; height: 22px; border-radius: var(--radius-round); background: #D6D6D2; transition: background var(--dur) var(--ease); } .compare-toolbar__track::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: transform var(--dur) var(--ease); } .compare-toolbar__check:checked + .compare-toolbar__track { background: var(--color-accent); } .compare-toolbar__check:checked + .compare-toolbar__track::after { transform: translateX(16px); } .compare-toolbar__check:focus-visible + .compare-toolbar__track { outline: 2px solid var(--color-accent); outline-offset: 2px; } .compare-toolbar__clear { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius); color: var(--color-muted); font-family: var(--font-body); font-size: 0.8125rem; font-weight: 600; cursor: pointer; transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease); } .compare-toolbar__clear:hover { color: #C62828; border-color: currentColor; } .compare-toolbar__clear:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; } .compare-table-wrap { --label-w: 190px; --col-w: 230px; overflow-x: auto; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: #fff; scrollbar-width: thin; } .compare-table-wrap:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; } .compare-table { width: 100%; min-width: calc(var(--label-w) + var(--cols, 3) * var(--col-w)); table-layout: fixed; border-collapse: separate; border-spacing: 0; background: transparent; } .compare-table th, .compare-table td { padding: 14px 18px; border: 0; text-align: left; vertical-align: top; font-size: 0.875rem; line-height: 1.5; background: #fff; transition: background var(--dur) var(--ease), opacity var(--dur) var(--ease); } .compare-table tbody tr:nth-child(odd) > * { background: var(--color-bg-soft); } .compare-table__label-col, .compare-table tbody th[scope="row"] { position: sticky; left: 0; z-index: 2; width: var(--label-w); border-right: 1px solid var(--color-border); font-family: var(--font-heading); font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.01em; } .compare-table tbody th[scope="row"] { padding-top: 14px; color: var(--color-ink); } .compare-table thead th { padding: 14px 10px; border-bottom: 1px solid var(--color-border); vertical-align: top; } .compare-table thead .compare-table__label-col { padding: 18px; vertical-align: bottom; } .compare-table__corner { color: var(--color-muted); font-weight: 500; } .compare-table__product-col { min-width: 0; padding-top: 14px; } .compare-card { position: relative; display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 10px 10px 14px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: #fff; text-align: left; font-family: var(--font-body); font-weight: 400; } .compare-card .compare-table__thumb { width: 100%; height: auto; aspect-ratio: 1; margin: 0 0 4px; border-radius: var(--radius); background: var(--color-bg-soft); } .compare-card .compare-table__remove { top: 18px; right: 18px; z-index: 1; width: 30px; height: 30px; background: #fff; border: 1px solid var(--color-border); color: var(--color-ink); } .compare-card .compare-table__remove:hover { background: #fff; border-color: #C62828; color: #C62828; } .compare-card .compare-table__remove:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; } .compare-card .compare-table__name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.7em; font-family: var(--font-heading); font-size: 0.9375rem; font-weight: 600; } .compare-card__price { font-family: var(--font-heading); font-size: 1rem; font-weight: 700; color: var(--color-ink); } .compare-card__price del { color: var(--color-muted); font-size: 0.8125rem; font-weight: 400; margin-right: 4px; } .compare-card__price ins { text-decoration: none; color: var(--color-accent-soft); } .compare-card .compare-table__actions { align-items: stretch; gap: 8px; margin-top: auto; } .compare-card .compare-table__cart.btn { width: 100%; justify-content: center; text-align: center; padding: 11px 12px; } .compare-card .compare-table__link { text-align: center; } .compare-table__text { max-width: none; margin: 0; } .compare-table__rating { align-items: flex-start; } .compare-table__rating .star-rating { margin: 0; } .compare-table__stock { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; } .compare-table__stock::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; } .compare-table__stock--in { color: var(--color-accent-soft); } .compare-table__stock--out { color: var(--color-muted); } .compare-view.is-diff-mode .compare-table tbody tr.is-diff > * { background: var(--color-accent-light); } .compare-view.is-diff-mode .compare-table tbody tr.is-diff > th { color: var(--color-accent-soft); } .compare-view.is-diff-mode .compare-table tbody tr.is-diff:nth-child(odd) > * { background: color-mix(in srgb, var(--color-accent-light) 70%, var(--color-accent) 6%); } .compare-view.is-diff-mode .compare-table tbody tr.is-same > td { opacity: 0.4; } @media (max-width: 767px) { .compare-table-wrap { --label-w: 108px; --col-w: 176px; } .compare-table th, .compare-table td { padding: 12px; font-size: 0.8125rem; } .compare-table__label-col, .compare-table tbody th[scope="row"] { font-size: 0.75rem; } .compare-table thead th { padding: 10px 6px; } .compare-card { padding: 8px 8px 12px; } .compare-card .compare-table__remove { top: 14px; right: 14px; width: 28px; height: 28px; } .compare-card .compare-table__name { font-size: 0.875rem; } .compare-card .compare-table__cart.btn { font-size: 0.6875rem; padding: 10px 8px; } } @media (prefers-reduced-motion: reduce) { .compare-tray__panel, .compare-tray__slot.is-new, .compare-tray.is-bumped .compare-tray__pill-count { animation: none; } .compare-tray__remove, .compare-toolbar__track, .compare-toolbar__track::after, .compare-table th, .compare-table td { transition: none; } } .product-card .product-card__badge { border-radius: var(--radius-sm); } .product-card .product-card__price .price-from, .qv-price .price-from { font-size: 0.75rem; font-weight: 400; color: var(--color-muted); } .pc-swatch--multi { background: conic-gradient(#E5484D, #F2D04B, #02B783, #3A8FB7, #C3A6D8, #E5484D); } .pc-swatch--unknown { background: repeating-linear-gradient(45deg, #F1F1EF 0 2px, #D9D9D5 2px 4px); } .tz-text-page .page-article__body { max-width: 800px; margin-inline: auto; font-size: 1rem; line-height: 1.75; } .tz-text-page .page-article__body p, .tz-text-page .page-article__body li { color: #3a3a3a; } .tz-text-page .page-article__body h2, .tz-text-page .page-article__body h3, .tz-text-page .page-article__body h4 { font-family: var(--font-heading); font-weight: 600; letter-spacing: -0.01em; } .tz-text-page .page-article__body > :first-child { margin-top: 0; } .entry-content .wp-block-heading { font-family: var(--font-heading); font-weight: 600; line-height: 1.3; } .entry-content p.is-style-tz-eyebrow { margin-bottom: 0; font-family: var(--font-body); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-bleu-ink); } .entry-content p.is-style-tz-eyebrow + .wp-block-heading { margin-top: 8px; } .entry-content .wp-block-columns { gap: clamp(20px, 3vw, 40px); margin-block: clamp(24px, 4vw, 48px); } .entry-content .wp-block-column > :first-child { margin-top: 0; } .entry-content .wp-block-column > * + * { margin-top: 1em; } .entry-content .wp-block-group.is-style-tz-card, .entry-content .wp-block-group.is-style-tz-card-accent { display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 28px 20px; border: 2px solid var(--color-accent); border-radius: var(--radius-card); text-align: center; } .entry-content .wp-block-group.is-style-tz-card-accent { background: var(--color-accent); color: #fff; } .entry-content .is-style-tz-card-accent :is(h2, h3, h4, p, li, a) { color: #fff; } .entry-content :is(.is-style-tz-card, .is-style-tz-card-accent) > * + * { margin-top: 14px; } .entry-content :is(.is-style-tz-card, .is-style-tz-card-accent) .wp-block-heading { margin-top: 0; font-size: 1.25rem; } .entry-content :is(.is-style-tz-card, .is-style-tz-card-accent) p { font-size: 0.9375rem; line-height: 1.7; } .entry-content ul.is-style-tz-plain { padding-left: 0; list-style: none; } .entry-content ul.is-style-tz-plain li { font-family: var(--font-heading); font-size: 1.0625rem; font-weight: 500; } .entry-content ul.is-style-tz-plain li + li { margin-top: 8px; } .entry-content ul.is-style-tz-plain a { color: var(--color-ink); text-decoration: none; } .entry-content ul.is-style-tz-plain a:hover { color: var(--color-accent); } .entry-content .wp-block-list li + li { margin-top: 0.35em; } .entry-content .wp-block-details { border-bottom: 1px solid var(--color-border); } .entry-content .wp-block-heading + .wp-block-details, .entry-content .wp-block-details:first-child { border-top: 1px solid var(--color-border); } .entry-content * + .wp-block-details { margin-top: 0; } .entry-content .wp-block-heading + .wp-block-details { margin-top: 1.25em; } .entry-content .wp-block-details summary { position: relative; display: block; padding: 18px 40px 18px 0; font-family: var(--font-heading); font-size: 1rem; font-weight: 600; color: var(--color-ink); cursor: pointer; list-style: none; } .entry-content .wp-block-details summary::-webkit-details-marker { display: none; } .entry-content .wp-block-details summary::after { content: ""; position: absolute; right: 6px; top: 50%; width: 9px; height: 9px; margin-top: -7px; border-right: 2px solid var(--color-accent); border-bottom: 2px solid var(--color-accent); transform: rotate(45deg); transition: transform 0.2s ease; } .entry-content .wp-block-details[open] > summary::after { margin-top: -2px; transform: rotate(-135deg); } .entry-content .wp-block-details summary:hover { color: var(--color-accent-soft); } .entry-content .wp-block-details > :not(summary) { margin: 0 0 0.8em; color: #3a3a3a; line-height: 1.7; } .entry-content .wp-block-details > :last-child { padding-bottom: 12px; } .entry-content .wp-block-table { overflow-x: auto; border: 1px solid var(--color-border); border-radius: var(--radius-sm); } .entry-content .wp-block-table table { width: 100%; margin: 0; border-collapse: collapse; font-size: 0.875rem; } .entry-content .wp-block-table :is(th, td) { padding: 12px 16px; border: 0; border-bottom: 1px solid var(--color-border); vertical-align: top; text-align: left; } .entry-content .wp-block-table thead { border-bottom: 0; } .entry-content .wp-block-table tbody tr:last-child td { border-bottom: 0; } .entry-content .wp-block-table th { background: var(--color-bg-soft); font-family: var(--font-heading); font-weight: 600; } .entry-content .wp-block-image img { height: auto; border-radius: var(--radius-sm); } .entry-content .wp-block-buttons { margin-top: clamp(20px, 3vw, 32px); } .entry-content .wp-block-button__link { padding: 12px 28px; border-radius: var(--radius-btn); font-family: var(--font-heading); font-size: 0.875rem; font-weight: 600; letter-spacing: 0.02em; text-decoration: none; } .entry-content .wp-block-button__link:hover { text-decoration: none; } .entry-content .woocommerce .product-card__title { margin-top: 0; font-size: var(--fs-body); line-height: 1.4; } .entry-content .woocommerce a { text-decoration: none; } .entry-content .wpcf7-form p { margin: 0 0 14px; } .entry-content .wpcf7 label { display: block; font-size: 0.875rem; font-weight: 700; color: var(--color-ink); } .entry-content .wpcf7 :is(input[type="text"], input[type="email"], input[type="tel"], textarea) { width: 100%; margin-top: 6px; padding: 12px 14px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: #fff; font: inherit; font-weight: 400; } .entry-content .wpcf7 :is(input, textarea):focus { outline: none; border-color: var(--color-accent); } .entry-content .wpcf7 textarea { min-height: 140px; resize: vertical; } .entry-content .wpcf7-submit { padding: 13px 28px; border: 0; border-radius: var(--radius-btn); color: #fff; font-family: var(--font-heading); font-weight: 600; cursor: pointer; } @media (max-width: 600px) { .tz-text-page .page-article__body { font-size: 0.9375rem; } } .sp-topbar { width: 100%; margin-inline: auto; padding: clamp(14px, 2vw, 22px) var(--page-gutter) clamp(12px, 1.4vw, 16px); box-sizing: border-box; } .sp-topbar .sp-breadcrumb { margin: 0; } .sp-breadcrumb__list a, .sp-breadcrumb__list a:hover { text-decoration: none; } .single-product-main { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: clamp(20px, 2.4vw, 32px); align-items: start; } .single-product-page .sp-gallery-premium { margin: 0; padding: 8px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: #fff; justify-content: flex-start; overflow: visible; min-width: 0; } @media (min-width: 901px) { .single-product-page .single-product-gallery { top: 108px; } } .single-product-page .sp-gallery-premium .woocommerce-product-gallery { max-width: none; margin: 0; } .single-product-page .sp-gallery-premium .flex-viewport, .single-product-page .sp-gallery-premium .woocommerce-product-gallery__wrapper { height: auto !important; } .single-product-page .sp-gallery-premium .flex-viewport, .single-product-page .sp-gallery-premium .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper { border-radius: calc(var(--radius-lg) - 6px); overflow: hidden; background: var(--color-bg-soft); } .single-product-page .sp-gallery-premium .woocommerce-product-gallery__image { width: 100%; height: auto; aspect-ratio: var(--sp-ratio, 0.75); max-height: min(calc(100svh - 230px), 720px); min-height: 320px; background: var(--color-bg-soft); } .single-product-page .sp-gallery-premium .woocommerce-product-gallery__image img { width: 100%; height: 100% !important; object-fit: cover; border-radius: 0; } .single-product-page .sp-gallery-badges { top: 20px; left: 20px; } .single-product-page .sp-gallery-premium .woocommerce-product-gallery__trigger { top: 12px; right: 12px; width: 38px; height: 38px; border: 1px solid var(--color-border); border-radius: 10px; background: #fff; color: var(--color-ink); } .single-product-page .sp-gallery-premium .woocommerce-product-gallery__trigger:hover { background: var(--color-accent-light); color: var(--color-accent-soft); } .single-product-page .sp-gallery-premium .woocommerce-product-gallery .flex-direction-nav a { width: 40px; height: 40px; margin-top: -20px; border: 1px solid var(--color-border); border-radius: 10px; background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; } .single-product-page .sp-gallery-premium .woocommerce-product-gallery .flex-direction-nav a:hover { background: var(--color-accent-light); border-color: var(--color-border); color: var(--color-accent-soft); } .single-product-page .sp-thumbs { max-width: none; margin-top: 8px; } .single-product-page .sp-gallery-premium .flex-control-thumbs { gap: 8px; max-width: none; margin: 0; padding: 3px; -webkit-mask-image: none; mask-image: none; } .single-product-page .sp-gallery-premium .flex-control-thumbs li { flex: 0 0 76px; width: 76px; } .single-product-page .sp-gallery-premium .flex-control-thumbs li img { width: 76px; height: 76px; border-radius: 10px; background: var(--color-bg-soft); opacity: 1; outline: 2px solid transparent; outline-offset: 1px; transition: outline-color var(--dur) var(--ease), opacity var(--dur) var(--ease); } .single-product-page .sp-gallery-premium .flex-control-thumbs li img:not(.flex-active):hover { opacity: 0.8; } .single-product-page .sp-gallery-premium .flex-control-thumbs li img.flex-active { outline-color: var(--color-accent); } .single-product-page .sp-thumbs__nav { width: 30px; height: 30px; border: 1px solid var(--color-border); border-radius: 9px; background: #fff; } .single-product-page .sp-thumbs__nav:hover { background: var(--color-accent-light); color: var(--color-accent-soft); } .single-product-page .sp-thumbs__nav--prev { left: 4px; } .single-product-page .sp-thumbs__nav--next { right: 4px; } .single-product-page .single-product-info { padding: 8px 0 0; border: 0; border-radius: 0; background: transparent; } .single-product-page .sp-head { margin: 0 0 6px; } .single-product-page .sp-cat { font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.08em; color: var(--color-muted); text-decoration: none; } .single-product-page .sp-cat:hover { color: var(--color-accent-soft); } .single-product-page .single-product-info .product_title { margin: 0 0 14px; font-family: var(--font-heading); font-size: clamp(1.5rem, 2.1vw, 2rem); font-weight: 600; line-height: 1.22; letter-spacing: -0.01em; color: var(--color-ink); } .single-product-page .single-product-info > .price { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 10px; row-gap: 2px; margin: 0 0 12px; font-family: var(--font-heading); font-size: clamp(1.5rem, 1.9vw, 1.75rem); font-weight: 600; line-height: 1.2; color: var(--color-accent-soft); } .single-product-page .single-product-info > .price .woocommerce-Price-amount { color: inherit; font-weight: inherit; } .single-product-page .single-product-info > .price del { font-size: 0.9375rem; font-weight: 400; color: var(--color-muted); } .single-product-page .single-product-info > .price del .woocommerce-Price-amount { color: var(--color-muted); font-weight: 400; } .single-product-page .single-product-info > .price ins { text-decoration: none; } .single-product-page .single-product-info > .price ins .woocommerce-Price-amount { color: var(--color-sale); } .single-product-page .single-product-info > .price .woocommerce-price-suffix { font-family: var(--font-body); font-size: 0.75rem; font-weight: 400; color: var(--color-muted); } .single-product-page .sp-meta-row { margin: 0 0 22px; padding: 0 0 20px; border-bottom: 1px solid var(--color-border); } .single-product-page .sp-meta-row__info { gap: 8px 14px; } .single-product-page .sp-meta-row a, .single-product-page .sp-meta-row a:hover { text-decoration: none; } .single-product-page .sp-stock-badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border: 0; border-radius: var(--radius-round); background: var(--color-accent-light); color: var(--color-accent-soft); font-size: 0.75rem; font-weight: 600; line-height: 1.3; } .single-product-page .sp-stock-badge__dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; } .single-product-page .sp-stock-badge--backorder { background: #FBF3E2; color: #8A6212; } .single-product-page .sp-stock-badge--out { background: #FDECEC; color: #C2363B; } .single-product-page .woocommerce-product-details__short-description { margin: 0 0 20px; font-size: 0.9375rem; line-height: 1.65; color: #4a4a4a; } .single-product-page .single-product-info form.variations_form.cart { margin-bottom: 0; } .single-product-page .single-product-info .variations { margin: 0 0 4px; } .single-product-page .single-product-info .variations tr + tr { margin-top: 18px; } .single-product-page .single-product-info .variations th.label { margin-bottom: 10px; } .single-product-page .single-product-info .variations th.label label { font-family: var(--font-body); font-size: 0.875rem; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--color-ink); } .sp-attr-current { font-weight: 400; color: var(--color-muted); } .sp-swatches-ready .variations td.value { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; } .sp-swatches-ready .variations td.value::after { display: none; } .sp-swatches-ready .variations td.value select { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 !important; opacity: 0; pointer-events: none; } .sp-swatches { display: none; } .sp-swatches-ready .sp-swatches { display: flex; flex-wrap: wrap; } .sp-swatches--color { max-width: 100%; gap: 6px; padding: 0; border: 0; border-radius: 0; background: transparent; } .sp-swatch { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border: 2px solid transparent; border-radius: 50%; background: transparent; cursor: pointer; transition: border-color var(--dur) var(--ease), opacity var(--dur) var(--ease); } .sp-swatch__dot { width: 24px; height: 24px; border-radius: 50%; background: var(--sw, #fff); border: 1px solid rgba(0, 0, 0, 0.14); } .sp-swatch--multi .sp-swatch__dot { background: conic-gradient(#E5484D, #F2D04B, #02B783, #3A8FB7, #C3A6D8, #E5484D); } .sp-swatch:hover .sp-swatch__dot { border-color: rgba(0, 0, 0, 0.32); } .sp-swatch.is-selected { border-color: var(--color-accent); } .sp-swatch.is-disabled { opacity: 0.3; } .sp-swatch.is-disabled .sp-swatch__dot { border-style: dashed; } .sp-swatches--pill { gap: 8px; } .sp-pill { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border: 1px solid var(--color-border); border-radius: 10px; background: #fff; color: var(--color-ink); font-family: var(--font-body); font-size: 0.875rem; font-weight: 500; line-height: 1.2; cursor: pointer; transition: background-color var(--dur) var(--ease), color var(--dur) var(--ease), opacity var(--dur) var(--ease); } .sp-pill:hover { background: var(--color-bg-soft); } .sp-pill.is-selected, .sp-pill.is-selected:hover { border-color: var(--color-accent); background: var(--color-accent-light); color: var(--color-accent-soft); font-weight: 700; } .sp-pill.is-disabled { opacity: 0.4; } .single-product-page .single-product-info .variations .reset_variations { display: inline-flex; align-items: center; margin: 0; padding: 4px 2px; font-size: 0.8125rem; font-weight: 600; color: var(--color-muted); text-decoration: none; } .single-product-page .single-product-info .variations .reset_variations:hover { color: var(--color-ink); text-decoration: none; } .single-product-page .single-product-info .variations .reset_variations[style*="hidden"] { display: none; } .single-product-page .sp-price-live .woocommerce-variation-price { display: none; } .single-product-page .single-product-info .single_variation_wrap { margin-top: 18px; } .single-product-page .single-product-info .woocommerce-variation-availability p { margin: 0 0 10px; font-size: 0.8125rem; font-weight: 600; color: var(--color-sale); } .single-product-page .single-product-info .woocommerce-variation-description { margin: 0 0 12px; font-size: 0.875rem; color: var(--color-muted); } .single-product-page .single-product-info form.cart:not(.variations_form), .single-product-page .single-product-info .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; margin: 0; } .single-product-page .single-product-info .qty-stepper { height: 50px; border: 1px solid var(--color-border); border-radius: 10px; background: #fff; } .single-product-page .single-product-info .qty-stepper__btn { width: 40px; background: #fff; color: var(--color-ink); } .single-product-page .single-product-info .qty-stepper__btn:hover { background: #fff; color: var(--color-accent-soft); } .single-product-page .single-product-info .qty-stepper .qty { width: 48px !important; min-width: 48px; border-left: 0 !important; border-right: 0 !important; } .single-product-page .single-product-info .single_add_to_cart_button, .single-product-page .single-product-info .button.single_add_to_cart_button { flex: 0 0 auto; min-width: 230px; height: 50px !important; min-height: 50px; padding: 0 36px !important; border: 0 !important; border-radius: 10px !important; background: var(--color-accent) !important; background-image: none !important; color: #fff !important; font-size: 0.8125rem !important; font-weight: 700 !important; letter-spacing: 0.04em !important; transition: background-color var(--dur) var(--ease), opacity var(--dur) var(--ease); } .single-product-page .single-product-info .single_add_to_cart_button:hover, .single-product-page .single-product-info .button.single_add_to_cart_button:hover { background: var(--color-accent-soft) !important; background-image: none !important; color: #fff !important; } .single-product-page .single-product-info .single_add_to_cart_button.disabled, .single-product-page .single-product-info .single_add_to_cart_button.disabled:hover, .single-product-page .single-product-info .single_add_to_cart_button.wc-variation-selection-needed, .single-product-page .single-product-info .single_add_to_cart_button.wc-variation-selection-needed:hover { background: var(--color-accent) !important; background-image: none !important; opacity: 0.4; } .single-product-page .sp-actions-row { display: inline-flex; flex-wrap: wrap; gap: 2px; margin: 12px 0 0; padding: 3px; border: 1px solid var(--color-border); border-radius: 12px; background: #fff; } .single-product-page .sp-action-btn { display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 12px 0 10px; border: 0; border-radius: 9px; background: transparent; color: var(--color-ink); font-family: var(--font-body); font-size: 0.8125rem; font-weight: 600; text-decoration: none; transition: background-color var(--dur) var(--ease), color var(--dur) var(--ease); } .single-product-page .sp-action-btn svg { width: 17px; height: 17px; } .single-product-page .sp-action-btn:hover, .single-product-page .sp-action-btn.is-active, .single-product-page .sp-action-btn.is-active:hover { background: transparent; } .single-product-page .sp-action-btn:hover { color: var(--color-accent-soft); } .single-product-page .sp-action-btn--wish.is-active, .single-product-page .sp-action-btn--wish.is-active:hover { color: var(--color-ink); } .single-product-page .sp-action-btn--wish.is-active svg { fill: #D93A3A; color: #D93A3A; } .single-product-page .sp-action-btn--compare.is-active, .single-product-page .sp-action-btn--compare.is-active:hover { color: var(--color-ink); } .single-product-page .sp-action-btn--compare.is-active svg { color: var(--color-accent); } .sp-info-note { display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 6px 16px; border: 0; border-radius: 0; background: var(--color-bg-soft); color: #4a4a4a; font-size: 0.8125rem; line-height: 1.55; } .sp-info-note svg { flex-shrink: 0; width: 15px; height: 15px; margin-top: 2px; color: var(--color-accent-soft); } .sp-info-note--warn svg { color: #B7851F; } .sp-info-note strong { color: var(--color-ink); } .sp-info-note + .sp-info-note { margin-top: 0; } .sp-info-note:not(.sp-info-note + .sp-info-note) { margin-top: 20px; padding-top: 14px; border-top-left-radius: 12px; border-top-right-radius: 12px; } .sp-info-note:not(:has(+ .sp-info-note)) { padding-bottom: 14px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } .single-product-info .sp-info-note:last-of-type { margin-bottom: 0; } .single-product-page .sp-benefits { display: grid; gap: 12px; margin: 22px 0 0; padding: 20px 0 0; border-top: 1px solid var(--color-border); list-style: none; } .single-product-page .sp-benefit { display: flex; align-items: center; gap: 12px; margin: 0; } .single-product-page .sp-benefit__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 9px; background: var(--color-accent-light); color: var(--color-accent-soft); } .single-product-page .sp-benefit__icon svg { width: 17px; height: 17px; } .single-product-page .sp-benefit__text { font-size: 0.875rem; line-height: 1.45; color: var(--color-ink); } .single-product-page .sp-tabs-wrap { padding-top: clamp(28px, 3.4vw, 48px); padding-bottom: 0; overflow: visible; } .single-product-page .wc-tabs-wrapper { margin: 0; border: 0; border-radius: 0; background: transparent; overflow: visible; } .single-product-page .wc-tabs-nav-wrap { justify-content: flex-start; margin: 0; padding: 0; border-bottom: 0; } .single-product-page .wc-tabs-nav { justify-content: flex-start; gap: 8px; padding: 0; } .single-product-page .wc-tab-btn, .single-product-page .wc-tab-btn:hover, .single-product-page .wc-tab-btn.is-active, .single-product-page .wc-tab-btn[aria-selected="true"] { position: relative; padding: 10px 20px; border: 1px solid var(--color-border) !important; border-radius: 10px; background: #fff !important; background-image: none !important; font-family: var(--font-heading); font-size: 0.9375rem; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--color-muted); transition: color var(--dur) var(--ease), background-color var(--dur) var(--ease); } .single-product-page .wc-tab-btn:hover { color: var(--color-ink); } .single-product-page .wc-tab-btn.is-active, .single-product-page .wc-tab-btn[aria-selected="true"] { border-color: var(--color-accent) !important; background: var(--color-accent-light) !important; color: var(--color-accent-soft); font-weight: 600; } .single-product-page .wc-tab-btn::after { content: none; } .single-product-page .wc-tab-panel__inner, .single-product-page .wc-tab-panel--reviews .wc-tab-panel__inner, .single-product-page .wc-tab-panel--additional_information .wc-tab-panel__inner { max-width: 52rem; margin: 0; padding: clamp(18px, 2vw, 24px) 0 0; } .single-product-page .wc-tab-panel--description .wc-tab-panel__inner { max-width: 60rem; } .single-product-page .sp-specs-table { width: 100%; margin: 0; border: 0; border-collapse: separate; border-spacing: 0; border-radius: 10px; overflow: hidden; } .single-product-page .sp-specs-table th, .single-product-page .sp-specs-table td { padding: 12px 16px; border: 0; background: transparent; font-size: 0.875rem; line-height: 1.5; vertical-align: top; } .single-product-page .sp-specs-table tr:nth-child(odd) th, .single-product-page .sp-specs-table tr:nth-child(odd) td { background: var(--color-bg-soft); } .single-product-page .sp-specs-table tr:nth-child(even) th, .single-product-page .sp-specs-table tr:nth-child(even) td { background: #fff; } .single-product-page .sp-specs-table th { width: 34%; font-weight: 700; color: var(--color-ink); text-align: left; } .single-product-page .sp-specs-table td { color: #4a4a4a; } .single-product-page .sp-specs-table td p { margin: 0; } .single-product-page .sp-specs-table td a, .single-product-page .sp-specs-table td a:hover { text-decoration: none; } .related-swiper__pagination, .brand-swiper__pagination { margin-top: 32px; } .related-swiper__pagination .swiper-pagination-bullet, .brand-swiper__pagination .swiper-pagination-bullet { border: 0; background-image: none; } .sp-buybar { display: none; } @media (max-width: 900px) { .single-product-main { grid-template-columns: minmax(0, 1fr); gap: 14px; padding-inline: var(--page-gutter); } .single-product-page .sp-gallery-premium { margin: 0; padding: 8px; } .single-product-page .sp-gallery-premium .woocommerce-product-gallery__image { max-height: min(68svh, 640px); min-height: 260px; } .single-product-page .single-product-info { padding: 4px 0 0; } .single-product-page .sp-gallery-badges { top: 18px; left: 18px; } } @media (max-width: 767px) { .related-swiper__pagination, .brand-swiper__pagination { margin-top: 24px; } .sp-buybar { position: fixed; left: 0; right: 0; bottom: calc(64px + env(safe-area-inset-bottom, 0px)); z-index: 289; display: flex; align-items: center; gap: 12px; padding: 8px var(--page-gutter); border-top: 1px solid var(--color-border); background: #fff; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease), visibility var(--dur); } .sp-buybar.is-visible { opacity: 1; visibility: visible; transform: none; } .sp-buybar__info { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; } .sp-buybar__title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.75rem; color: var(--color-muted); } .sp-buybar__price { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: var(--font-heading); font-size: 1rem; font-weight: 600; line-height: 1.3; color: var(--color-accent-soft); } .sp-buybar__price del { font-size: 0.75rem; font-weight: 400; color: var(--color-muted); } .sp-buybar__price ins { text-decoration: none; color: var(--color-sale); } .sp-buybar__price .woocommerce-price-suffix, .sp-buybar__price .screen-reader-text { display: none; } .sp-buybar__btn { flex: 0 0 auto; height: 44px; padding: 0 18px; border: 0; border-radius: 10px; background: var(--color-accent); color: #fff; font-family: var(--font-body); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; cursor: pointer; } .sp-buybar__btn:hover { background: var(--color-accent-soft); } .sp-buybar__btn.is-choose { background: var(--color-ink); } body.has-sp-buybar .wa-float { bottom: calc(64px + env(safe-area-inset-bottom, 0px) + 74px); } body.single-product { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px) + 62px); } } @media (max-width: 600px) { .single-product-page .sp-gallery-premium { padding: 6px; border-radius: 12px; } .single-product-page .sp-gallery-premium .flex-viewport, .single-product-page .sp-gallery-premium .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper { border-radius: 8px; } .single-product-page .sp-gallery-premium .flex-control-thumbs li, .single-product-page .sp-gallery-premium .flex-control-thumbs li img { flex-basis: 60px; width: 60px; height: 60px; } .single-product-page .single-product-info { padding: 4px 0 0; } .single-product-page .single-product-info .product_title { font-size: 1.375rem; } .single-product-page .sp-actions-row { display: flex; } .single-product-page .sp-action-btn { flex: 1 1 0; justify-content: center; } } .single-product-page .wc-tabs-nav-wrap, .single-product-page .wc-tabs-nav { justify-content: center; } .single-product-page .wc-tab-panel__inner, .single-product-page .wc-tab-panel--reviews .wc-tab-panel__inner, .single-product-page .wc-tab-panel--additional_information .wc-tab-panel__inner, .single-product-page .wc-tab-panel--description .wc-tab-panel__inner { max-width: 46rem; margin-inline: auto; } .single-product-page .wc-tab-panel--description .wc-tab-panel__inner { text-align: center; } .single-product-page .sp-reviews__intro, .single-product-page .sp-reviews__form-block, .single-product-page .sp-reviews__form-title { text-align: center; } .single-product-page .sp-reviews__form-block { border-top: 1px solid var(--color-border); } .single-product-page .sp-reviews__form-block .form-field > label, .single-product-page .sp-reviews__form-block .rp-field__label { display: block; text-align: center; } .single-product-page .sp-star-input { justify-content: center; } .single-product-page .sp-reviews__form-block textarea { width: 100%; text-align: left; } .single-product-page .rp-field__drop { display: flex; flex-direction: column; align-items: center; gap: 8px; } .single-product-page .rp-field__button { border-radius: 10px; background: #fff; border: 1px solid var(--color-border); } .single-product-page .rp-field__hint { margin: 0; text-align: center; } .single-product-page .sp-reviews__form-block .form-submit { display: flex; justify-content: center; } .single-product-page .sp-reviews__form-block .contact-form__submit { border-radius: 10px; } .single-product-page .comment-form-rating { display: flex; flex-direction: column; align-items: center; } .single-product-page .comment-form-rating .sp-star-input { width: auto; margin-inline: auto; justify-content: center; } .single-product-page .sp-reviews__form-block textarea::placeholder, .single-product-page .sp-reviews__form-block input::placeholder { text-align: center; } .woocommerce-notices-wrapper :focus, .woocommerce-notices-wrapper :focus-visible, .woocommerce-message:focus, .woocommerce-error:focus, .woocommerce-info:focus { outline: none; } .woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-error, .woocommerce-notices-wrapper .woocommerce-info { border: 1px solid var(--color-border); } .pgv[hidden] { display: none; } .pgv { --pgv-bg: #FAFAF8; position: fixed; inset: 0; z-index: 100000; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; height: 100vh; height: 100dvh; background: var(--pgv-bg); color: var(--color-ink); font-family: var(--font-body); animation: pgvIn 0.2s var(--ease); } @keyframes pgvIn { from { opacity: 0; } to { opacity: 1; } } html.pgv-open, html.pgv-open body { overflow: hidden; } .pgv__top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, auto) minmax(0, 1fr); align-items: center; gap: 16px; padding: 14px 20px 6px; } .pgv__count { grid-column: 1; font-size: 0.8125rem; font-variant-numeric: tabular-nums; letter-spacing: 0.08em; color: var(--color-muted); } .pgv__count[hidden] { display: block; visibility: hidden; } .pgv__title { grid-column: 2; max-width: 52vw; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: var(--font-heading); font-size: 0.9375rem; font-weight: 500; color: var(--color-ink); } .pgv__close { grid-column: 3; justify-self: end; } .pgv__iconbtn { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--color-border); border-radius: 10px; background: transparent; color: var(--color-ink); cursor: pointer; transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease); } .pgv__iconbtn:hover { color: var(--color-accent-soft); border-color: var(--color-accent); } .pgv__iconbtn[hidden] { display: none; } .pgv__iconbtn svg { display: block; } .pgv__stage { position: relative; min-height: 0; } .pgv__frame { position: absolute; inset: 8px 96px; display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); place-items: center; overflow: hidden; } .pgv--single .pgv__frame { inset: 8px 24px; } .pgv__img { grid-area: 1 / 1; display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; border-radius: var(--radius-lg); user-select: none; -webkit-user-drag: none; transition: opacity 0.3s var(--ease), transform 0.3s var(--ease); } .pgv__img.is-entering { opacity: 0; } .pgv__img.is-from-right { transform: translateX(48px); } .pgv__img.is-from-left { transform: translateX(-48px); } .pgv__img.is-leaving { opacity: 0; pointer-events: none; } .pgv__img.is-to-left { transform: translateX(-48px); } .pgv__img.is-to-right { transform: translateX(48px); } @media (hover: hover) and (pointer: fine) { .pgv__img { cursor: zoom-in; } .pgv__img.is-zoomed { transform: scale(2); cursor: zoom-out; transition: transform 0.3s var(--ease); } } .pgv__nav { position: absolute; top: 50%; z-index: 2; width: 48px; height: 48px; margin-top: -24px; } .pgv__nav--prev { left: 24px; } .pgv__nav--next { right: 24px; } .pgv.is-zoomed .pgv__nav { visibility: hidden; } .pgv__bottom { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, auto) minmax(0, 1fr); align-items: center; gap: 16px; padding: 10px 20px 20px; } .pgv__thumbs { grid-column: 2; display: flex; gap: 10px; max-width: 100%; padding: 4px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; } .pgv__thumbs::-webkit-scrollbar { display: none; } .pgv__thumbs[hidden] { display: none; } .pgv__thumb { flex: none; width: 60px; height: 60px; padding: 0; border: 0; border-radius: 10px; background: var(--color-bg-soft); outline: 2px solid transparent; outline-offset: 2px; cursor: pointer; transition: outline-color var(--dur) var(--ease), opacity var(--dur) var(--ease); } .pgv__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } .pgv__thumb:not(.is-active):hover { opacity: 0.8; } .pgv__thumb.is-active { outline-color: var(--color-accent); } .pgv__buy { grid-column: 3; justify-self: end; display: flex; align-items: center; gap: 14px; } .pgv__buy[hidden], .pgv__buy [hidden] { display: none; } .pgv--single .pgv__buy { grid-column: 1 / -1; justify-self: center; } .pgv__price { white-space: nowrap; font-size: 1.125rem; font-weight: 800; line-height: 1.2; color: var(--color-accent); } .pgv__price .woocommerce-Price-amount { color: var(--color-accent); } .pgv__price del, .pgv__price del .woocommerce-Price-amount { margin-right: 6px; font-size: 0.875rem; font-weight: 500; color: var(--color-muted); } .pgv__price ins { text-decoration: none; } .pgv__price .woocommerce-price-suffix { margin-left: 4px; font-size: 0.75rem; font-weight: 400; color: var(--color-muted); } .pgv__cart { display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0 24px; border: 0; border-radius: 10px; background: var(--color-accent); color: #fff; font-family: var(--font-body); font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; white-space: nowrap; cursor: pointer; transition: background-color var(--dur) var(--ease); } .pgv__cart:hover { background: var(--color-accent-soft); } .pgv__fav { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 46px; padding: 0; border: 0; background: transparent; color: var(--color-ink); cursor: pointer; transition: color var(--dur) var(--ease); } .pgv__fav:hover, .pgv__fav.is-active { color: var(--color-accent); } .pgv__fav.is-active svg { fill: currentColor; } @media (max-width: 1100px) { .pgv__bottom { grid-template-columns: minmax(0, 1fr); gap: 12px; } .pgv__thumbs { grid-column: 1; justify-self: center; } .pgv__buy, .pgv--single .pgv__buy { grid-column: 1; justify-self: center; } .pgv__frame { inset: 8px 88px; } } @media (max-width: 600px) { .pgv__top { gap: 10px; padding: 10px 12px 4px; } .pgv__title { max-width: 56vw; font-size: 0.875rem; } .pgv__iconbtn { width: 40px; height: 40px; } .pgv__nav { display: none; } .pgv__frame, .pgv--single .pgv__frame { inset: 6px 12px; } .pgv__img { border-radius: var(--radius); } .pgv__stage { touch-action: pan-y; } .pgv__bottom { gap: 8px; padding: 6px 0 0; } .pgv__thumbs { justify-self: stretch; justify-content: safe center; gap: 8px; padding: 4px 12px; } .pgv__thumb, .pgv__thumb img { width: 48px; height: 48px; border-radius: 8px; } .pgv__buy, .pgv--single .pgv__buy { justify-self: stretch; gap: 10px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)) 16px; border-top: 1px solid var(--color-border); background: #fff; } .pgv__price { margin-right: auto; font-size: 1.0625rem; } .pgv__cart { height: 44px; padding: 0 18px; } } @media (prefers-reduced-motion: reduce) { .pgv, .pgv__img, .pgv__img.is-zoomed, .pgv__thumb { animation: none; transition: none; } } @media (min-width: 901px) { .single-product-page .sp-gallery-premium .woocommerce-product-gallery__image { max-height: calc(100svh - 290px); min-height: 300px; } .single-product-page .sp-gallery-premium:has(.flex-control-thumbs) .woocommerce-product-gallery__image { max-height: calc(100svh - 370px); } } @media (max-width: 600px) { .single-product-page .single-product-info .single_add_to_cart_button, .single-product-page .single-product-info .button.single_add_to_cart_button { flex: 1 1 auto; min-width: 0; padding: 0 18px !important; } } .wa-float { bottom: 18px; gap: 8px; } .wa-float--left { left: 18px; } .wa-float--right { right: 18px; } .wa-float__icon { width: 44px; height: 44px; } .wa-float__icon svg { width: 22px; height: 22px; } .wa-float__cta { animation: none !important; padding: 7px 12px; font-size: 0.75rem; opacity: 0; visibility: hidden; pointer-events: none; } .wa-float:hover .wa-float__cta, .wa-float:focus-visible .wa-float__cta { opacity: 1; visibility: visible; transform: none; } @media (max-width: 767px) { .wa-float { bottom: calc(64px + env(safe-area-inset-bottom, 0px) + 12px); } .wa-float--left { left: 12px; } .wa-float--right { right: 12px; } .wa-float__icon { width: 42px; height: 42px; } .wa-float__icon svg { width: 21px; height: 21px; } } .tz-ico-phone { --tz-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72c.13.96.36%201.9.7%202.81a2%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45c.91.34%201.85.57%202.81.7A2%202%200%200%201%2022%2016.92z'/%3E%3C/svg%3E"); } .tz-ico-mail { --tz-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='2'%20y='4'%20width='20'%20height='16'%20rx='2'/%3E%3Cpath%20d='m22%207-10%205L2%207'/%3E%3C/svg%3E"); } .tz-ico-pin { --tz-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20%2010c0%206-8%2012-8%2012s-8-6-8-12a8%208%200%200%201%2016%200Z'/%3E%3Ccircle%20cx='12'%20cy='10'%20r='3'/%3E%3C/svg%3E"); } .tz-ico-clock { --tz-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'/%3E%3Cpath%20d='M12%206v6l4%202'/%3E%3C/svg%3E"); } .tz-ico-doc { --tz-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z'/%3E%3Cpath%20d='M14%202v6h6M8%2013h8M8%2017h5'/%3E%3C/svg%3E"); } .tz-ico-box { --tz-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='m7.5%204.27%209%205.15'/%3E%3Cpath%20d='M21%208a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016Z'/%3E%3Cpath%20d='m3.3%207%208.7%205%208.7-5'/%3E%3Cpath%20d='M12%2022V12'/%3E%3C/svg%3E"); } .tz-ico-grid { --tz-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20width='7'%20height='7'%20x='3'%20y='3'%20rx='1'/%3E%3Crect%20width='7'%20height='7'%20x='14'%20y='3'%20rx='1'/%3E%3Crect%20width='7'%20height='7'%20x='14'%20y='14'%20rx='1'/%3E%3Crect%20width='7'%20height='7'%20x='3'%20y='14'%20rx='1'/%3E%3C/svg%3E"); } .tz-ico-palette { --tz-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%202C6.5%202%202%206.5%202%2012s4.5%2010%2010%2010c.93%200%201.65-.75%201.65-1.69%200-.44-.18-.84-.44-1.13-.29-.29-.44-.65-.44-1.13a1.64%201.64%200%200%201%201.67-1.67h2c3.05%200%205.55-2.5%205.55-5.55C21.97%206.01%2017.46%202%2012%202z'/%3E%3Ccircle%20cx='7.5'%20cy='11'%20r='1.2'/%3E%3Ccircle%20cx='10'%20cy='7'%20r='1.2'/%3E%3Ccircle%20cx='15'%20cy='7.5'%20r='1.2'/%3E%3C/svg%3E"); } .tz-ico-scissors { --tz-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='6'%20cy='6'%20r='3'/%3E%3Ccircle%20cx='6'%20cy='18'%20r='3'/%3E%3Cpath%20d='M20%204%208.12%2015.88'/%3E%3Cpath%20d='M14.47%2014.48%2020%2020'/%3E%3Cpath%20d='M8.12%208.12%2012%2012'/%3E%3C/svg%3E"); } .tz-ico-truck { --tz-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M14%2018V6a2%202%200%200%200-2-2H4a2%202%200%200%200-2%202v11a1%201%200%200%200%201%201h2'/%3E%3Cpath%20d='M15%2018H9'/%3E%3Cpath%20d='M19%2018h2a1%201%200%200%200%201-1v-3.65a1%201%200%200%200-.22-.62l-3.48-4.35A1%201%200%200%200%2017.52%208H14'/%3E%3Ccircle%20cx='17'%20cy='18'%20r='2'/%3E%3Ccircle%20cx='7'%20cy='18'%20r='2'/%3E%3C/svg%3E"); } .tz-ico-card { --tz-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20width='20'%20height='14'%20x='2'%20y='5'%20rx='2'/%3E%3Cpath%20d='M2%2010h20'/%3E%3Cpath%20d='M6%2015h4'/%3E%3C/svg%3E"); } .tz-ico-form { --tz-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20width='8'%20height='4'%20x='8'%20y='2'%20rx='1'/%3E%3Cpath%20d='M16%204h2a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h2'/%3E%3Cpath%20d='M12%2011h4'/%3E%3Cpath%20d='M12%2016h4'/%3E%3Cpath%20d='M8%2011h.01'/%3E%3Cpath%20d='M8%2016h.01'/%3E%3C/svg%3E"); } .tz-ico-check { --tz-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'/%3E%3Cpath%20d='m9%2012%202%202%204-4'/%3E%3C/svg%3E"); } .tz-ico-pen { --tz-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2020h9'/%3E%3Cpath%20d='M16.5%203.5a2.12%202.12%200%200%201%203%203L7%2019l-4%201%201-4Z'/%3E%3C/svg%3E"); } .tz-ico-heart { --tz-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M19%2014c1.49-1.46%203-3.21%203-5.5A5.5%205.5%200%200%200%2016.5%203c-1.76%200-3%20.5-4.5%202-1.5-1.5-2.74-2-4.5-2A5.5%205.5%200%200%200%202%208.5c0%202.3%201.5%204.05%203%205.5l7%207Z'/%3E%3C/svg%3E"); } .tz-ico-arrow { --tz-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%2012h14'/%3E%3Cpath%20d='m12%205%207%207-7%207'/%3E%3C/svg%3E"); } .entry-content [class*="tz-ico-"]::before { content: ""; display: inline-block; flex: none; width: 1em; height: 1em; background-color: currentColor; -webkit-mask: var(--tz-ico) center / contain no-repeat; mask: var(--tz-ico) center / contain no-repeat; } .entry-content .tz-section { margin-block: clamp(64px, 9vw, 128px); } .entry-content > .tz-section:first-child { margin-top: clamp(8px, 2vw, 24px); } .entry-content .tz-section > .wp-block-group__inner-container > :first-child { margin-top: 0; } .entry-content .tz-section > .wp-block-group__inner-container > :last-child { margin-bottom: 0; } .entry-content .tz-section .wp-block-columns { margin-block: 0; } .entry-content .tz-section * + .wp-block-columns { margin-top: clamp(32px, 4vw, 56px); } .entry-content :is(.tz-section, .is-style-tz-cta) a:not(.wp-block-button__link) { text-decoration: none; transition: color var(--dur) var(--ease); } .entry-content :is(.tz-section, .is-style-tz-cta) a:not(.wp-block-button__link):hover { color: var(--color-accent-soft); } .entry-content .tz-section h2.wp-block-heading { margin: 10px 0 0; font-size: clamp(1.6rem, 2.9vw, 2.5rem); font-weight: 600; line-height: 1.18; letter-spacing: -0.02em; color: var(--color-ink); text-wrap: balance; } .entry-content .tz-section h2.wp-block-heading.has-text-align-center { max-width: 24ch; margin-inline: auto; } .entry-content .tz-section h3.wp-block-heading { font-size: 1.125rem; font-weight: 600; letter-spacing: -0.005em; } .entry-content .tz-section p { color: #4a4a4a; line-height: 1.75; } .entry-content .tz-section p.has-text-align-center { max-width: 62ch; margin-inline: auto; } .entry-content .tz-section p.is-style-tz-eyebrow { color: var(--color-bleu-ink); } .entry-content .wp-block-heading.is-style-tz-display { margin-top: 12px; font-size: clamp(2rem, 4.4vw, 3.6rem); font-weight: 600; line-height: 1.08; letter-spacing: -0.03em; color: var(--color-ink); text-wrap: balance; } .entry-content p.is-style-tz-lead { margin-top: 22px; font-size: clamp(1.05rem, 1.35vw, 1.2rem); line-height: 1.7; color: #3a3a3a; } .entry-content :is(.tz-section, .is-style-tz-band) .wp-block-image { margin: 0; } .entry-content :is(.tz-section, .is-style-tz-band) .wp-block-image img { display: block; width: 100%; border-radius: var(--radius-lg); } .entry-content .wp-block-image.tz-focus-right img { object-position: right center; } .entry-content .wp-block-image.tz-focus-left img { object-position: left center; } .entry-content :is(.tz-section, .is-style-tz-cta) .wp-block-buttons { gap: 12px; margin-top: 32px; } .entry-content :is(.tz-section, .is-style-tz-cta) .wp-block-button__link { padding: 14px 28px; border: 2px solid var(--color-accent); border-radius: 10px; background: var(--color-accent); color: #fff; font-size: 0.9375rem; letter-spacing: 0; transition: background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease); } .entry-content :is(.tz-section, .is-style-tz-cta) .wp-block-button__link:hover { border-color: var(--color-accent-soft); background: var(--color-accent-soft); color: #fff; } .entry-content :is(.tz-section, .is-style-tz-cta) .is-style-outline .wp-block-button__link { border-color: var(--color-ink); background: transparent; color: var(--color-ink); } .entry-content :is(.tz-section, .is-style-tz-cta) .is-style-outline .wp-block-button__link:hover { border-color: var(--color-ink); background: var(--color-ink); color: #fff; } .entry-content .wp-block-group.is-style-tz-band { margin-inline: calc(-1 * var(--page-gutter)); padding: clamp(64px, 8vw, 112px) var(--page-gutter); background: var(--color-bg-soft); } .entry-content .wp-block-group.is-style-tz-panel { padding: clamp(24px, 3.5vw, 48px); border-radius: var(--radius-lg); background: var(--color-bg-soft); } .entry-content .is-style-tz-panel > .wp-block-group__inner-container > :first-child { margin-top: 0; } .entry-content .is-style-tz-panel h3.wp-block-heading { font-size: clamp(1.25rem, 1.8vw, 1.5rem); } .entry-content .is-style-tz-panel p { margin-top: 8px; } .entry-content .is-style-tz-collage > .wp-block-group__inner-container, .entry-content .wp-block-group.is-style-tz-collage:not(:has(> .wp-block-group__inner-container)) { display: grid; grid-template-columns: 1.3fr 1fr; grid-template-rows: 1fr 1fr; gap: clamp(12px, 1.6vw, 20px); aspect-ratio: 1 / 1.05; } .entry-content .is-style-tz-collage .wp-block-image { min-height: 0; margin: 0; } .entry-content .is-style-tz-collage .wp-block-image:first-child { grid-row: 1 / 3; } .entry-content .is-style-tz-collage .wp-block-image img { width: 100%; height: 100%; object-fit: cover; } .entry-content .wp-block-columns.is-style-tz-steps { counter-reset: tz-step; gap: clamp(24px, 3vw, 48px); } .entry-content .is-style-tz-steps > .wp-block-column { counter-increment: tz-step; position: relative; padding-top: 28px; border-top: 1px solid #D6D6D3; } .entry-content .is-style-tz-steps > .wp-block-column::before { content: counter(tz-step, decimal-leading-zero); position: absolute; top: 26px; right: 0; font-family: var(--font-heading); font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.08em; color: var(--color-muted); } .entry-content .is-style-tz-steps h3.wp-block-heading { display: flex; flex-direction: column; gap: 22px; margin: 0; } .entry-content .is-style-tz-steps h3[class*="tz-ico-"]::before { width: 34px; height: 34px; color: var(--color-accent); } .entry-content .is-style-tz-steps p { margin-top: 10px; font-size: 0.9375rem; } .entry-content .is-style-tz-steps.tz-quiet > .wp-block-column::before { display: none; } .entry-content .wp-block-group.is-style-tz-timeline { counter-reset: tz-step; } .entry-content .is-style-tz-timeline .wp-block-group { counter-increment: tz-step; position: relative; margin: 0; padding: clamp(26px, 3vw, 38px) 0 clamp(26px, 3vw, 38px) clamp(72px, 9vw, 128px); border-top: 1px solid var(--color-border); } .entry-content .is-style-tz-timeline .wp-block-group:last-child { border-bottom: 1px solid var(--color-border); } .entry-content .is-style-tz-timeline .wp-block-group::before { content: counter(tz-step, decimal-leading-zero); position: absolute; left: 0; top: clamp(22px, 2.6vw, 30px); font-family: var(--font-heading); font-size: clamp(2.4rem, 4.6vw, 3.75rem); font-weight: 300; line-height: 1; letter-spacing: -0.04em; color: var(--color-accent); } .entry-content .is-style-tz-timeline h3.wp-block-heading { display: flex; align-items: center; gap: 12px; margin: 0; font-size: clamp(1.125rem, 1.6vw, 1.375rem); } .entry-content .is-style-tz-timeline h3[class*="tz-ico-"]::before { width: 24px; height: 24px; color: var(--color-accent); } .entry-content .is-style-tz-timeline p { max-width: 60ch; margin: 10px 0 0; } .entry-content .wp-block-columns.is-style-tz-tiles { gap: clamp(14px, 2vw, 28px); } .entry-content .is-style-tz-tiles .wp-block-image { overflow: hidden; margin: 0; border-radius: var(--radius-lg); } .entry-content .is-style-tz-tiles .wp-block-image img { transition: transform 0.6s var(--ease); } .entry-content .is-style-tz-tiles .wp-block-column:hover .wp-block-image img { transform: scale(1.04); } .entry-content .is-style-tz-tiles h3.wp-block-heading { margin-top: 16px; font-size: 1.0625rem; } .entry-content .is-style-tz-tiles h3 a { color: var(--color-ink); } .entry-content .is-style-tz-tiles p { margin-top: 4px; font-size: 0.875rem; line-height: 1.6; color: var(--color-muted); } .entry-content p.tz-ico-arrow::before { display: none; } .entry-content p.tz-ico-arrow a { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-heading); font-weight: 600; color: var(--color-ink); } .entry-content p.tz-ico-arrow a::after { content: ""; width: 18px; height: 18px; background-color: var(--color-accent); -webkit-mask: var(--tz-ico) center / contain no-repeat; mask: var(--tz-ico) center / contain no-repeat; transition: transform var(--dur) var(--ease); } .entry-content p.tz-ico-arrow a:hover::after { transform: translateX(4px); } .entry-content .wp-block-columns.tz-head { align-items: flex-end !important; } .entry-content .wp-block-columns.tz-head .wp-block-column:last-child { text-align: right; } .entry-content .wp-block-columns.tz-head p.tz-ico-arrow { justify-content: flex-end; } .entry-content ul.is-style-tz-contact { display: grid; gap: 24px; margin: 36px 0 0; padding: 0; list-style: none; } .entry-content ul.is-style-tz-contact li { display: grid; grid-template-columns: 24px 1fr; column-gap: 18px; margin: 0; font-family: var(--font-heading); font-size: clamp(1rem, 1.3vw, 1.125rem); font-weight: 500; line-height: 1.45; color: var(--color-ink); } .entry-content ul.is-style-tz-contact li::before { grid-row: 1 / 3; width: 22px; height: 22px; margin-top: 2px; color: var(--color-accent); } .entry-content ul.is-style-tz-contact li strong { display: block; margin-bottom: 2px; font-family: var(--font-body); font-size: 0.71875rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--color-muted); } .entry-content ul.is-style-tz-contact li br { display: none; } .entry-content ul.is-style-tz-contact a { color: var(--color-ink); text-decoration: none; } .entry-content ul.is-style-tz-contact a:hover { color: var(--color-accent); } .entry-content .wp-block-social-links.is-style-logos-only { gap: 20px; margin-top: 14px; } .entry-content .wp-block-social-links.is-style-logos-only .wp-social-link { background: none; color: var(--color-ink); } .entry-content .wp-block-social-links.is-style-logos-only .wp-social-link a { padding: 0; } .entry-content .wp-block-social-links.is-style-logos-only .wp-social-link svg { width: 24px; height: 24px; } .entry-content .wp-block-social-links.is-style-logos-only .wp-social-link:hover { color: var(--color-accent); transform: none; } .entry-content .tz-map { overflow: hidden; aspect-ratio: 16 / 9; border-radius: var(--radius-lg); background: var(--color-bg-soft); } .entry-content .tz-map iframe { display: block; width: 100%; height: 100%; border: 0; } .entry-content .wp-block-cover.is-style-tz-cta { overflow: hidden; margin-block: clamp(64px, 9vw, 128px) 0; padding: clamp(56px, 8vw, 112px) clamp(20px, 5vw, 64px); border-radius: var(--radius-lg); } .entry-content .is-style-tz-cta .wp-block-cover__inner-container { max-width: 720px; margin-inline: auto; } .entry-content .is-style-tz-cta :is(h2, p) { color: #fff; } .entry-content .is-style-tz-cta p.is-style-tz-eyebrow { color: #fff; opacity: 0.85; } .entry-content .is-style-tz-cta h2.wp-block-heading { margin-top: 10px; font-size: clamp(1.75rem, 3.4vw, 2.75rem); font-weight: 600; line-height: 1.15; letter-spacing: -0.02em; text-wrap: balance; } .entry-content .is-style-tz-cta p { margin-top: 14px; font-size: clamp(1rem, 1.3vw, 1.125rem); line-height: 1.7; } .entry-content .is-style-tz-cta .is-style-outline .wp-block-button__link { border-color: #fff; color: #fff; } .entry-content .is-style-tz-cta .is-style-outline .wp-block-button__link:hover { border-color: #fff; background: #fff; color: var(--color-ink); } .entry-content .tz-section .wp-block-column > .wp-block-details:first-child { border-top: 1px solid var(--color-border); } .entry-content .wpcf7 { margin-top: 22px; } .entry-content .wpcf7 label { font-family: var(--font-heading); font-size: 0.8125rem; font-weight: 500; } .entry-content .wpcf7 :is(input[type="text"], input[type="email"], input[type="tel"], textarea) { padding: 14px 16px; border: 1px solid var(--color-border); border-radius: 10px; background: #fff; font-size: 0.9375rem; transition: border-color var(--dur) var(--ease); } .entry-content .wpcf7 :is(input, textarea):hover { border-color: #CFCFCB; } .entry-content .wpcf7 :is(input, textarea):focus { border-color: var(--color-accent); } .entry-content .wpcf7-submit { min-width: 200px; padding: 15px 30px; border-radius: 10px; background: var(--color-accent); font-size: 0.9375rem; transition: background-color var(--dur) var(--ease); } .entry-content .wpcf7-submit:hover { background: var(--color-accent-soft); } .entry-content p.tz-note { font-size: 0.875rem; color: var(--color-muted); } @media (max-width: 1023px) { .entry-content .wp-block-columns.is-style-tz-tiles, .entry-content .wp-block-columns.is-style-tz-steps { flex-wrap: wrap !important; row-gap: 40px; } .entry-content .is-style-tz-tiles > .wp-block-column, .entry-content .is-style-tz-steps > .wp-block-column { flex: 0 0 calc(50% - 16px) !important; } } @media (max-width: 781px) { .entry-content .tz-section .wp-block-columns { gap: 36px; } .entry-content .wp-block-columns.is-style-tz-tiles { gap: 28px 12px; } .entry-content .is-style-tz-tiles > .wp-block-column { flex-basis: calc(50% - 6px) !important; } .entry-content .is-style-tz-tiles h3.wp-block-heading { margin-top: 12px; font-size: 0.9375rem; } .entry-content .is-style-tz-tiles p { font-size: 0.8125rem; } .entry-content .wp-block-columns.tz-head .wp-block-column:last-child { text-align: left; } .entry-content .wp-block-columns.tz-head p.tz-ico-arrow { justify-content: flex-start; } .entry-content .tz-section .wp-block-columns.tz-head { gap: 12px; } .entry-content .tz-map { aspect-ratio: 4 / 3; } } @media (max-width: 600px) { .entry-content .is-style-tz-steps > .wp-block-column { flex-basis: 100% !important; } .entry-content :is(.tz-section, .is-style-tz-cta) .wp-block-buttons { flex-direction: column; align-items: stretch; } .entry-content :is(.tz-section, .is-style-tz-cta) .wp-block-button, .entry-content :is(.tz-section, .is-style-tz-cta) .wp-block-button__link { width: 100%; } .entry-content .wpcf7-submit { width: 100%; } } .entry-content .is-style-tz-band > .wp-block-group__inner-container > .tz-section { margin-block: 0; } .entry-content .tz-section h2.wp-block-heading.is-style-tz-display { font-size: clamp(2rem, 4.4vw, 3.6rem); line-height: 1.08; letter-spacing: -0.03em; } .entry-content > :is(.tz-section, .wp-block-cover.is-style-tz-cta):last-child { margin-bottom: 0; } .entry-content .tz-section .wp-block-column > * + p.is-style-tz-eyebrow { margin-top: 32px; } .entry-content .wp-block-social-links.is-style-logos-only { padding-left: 0; } .entry-content .wpcf7 textarea { height: 160px; min-height: 120px; } .entry-content .tz-section h2.wp-block-heading + p { margin-top: 16px; } .hero-area { --hero-pad: clamp(28px, 4vw, 64px); --hero-over: 44px; } .hero-area .hero-slide__inner { padding-inline: var(--hero-pad); } .hero-slide__title, .hero-slide__desc, .hero-slide--text-only .hero-slide__title, .hero-slide--text-only .hero-slide__desc { text-shadow: none; } .hero-slide__badge { box-shadow: none; color: var(--slide-badge-ink, #fff); } .hero-slide__right::before { display: none; } .hero-slide--text-only.hero-slide--has-bg::before { background-image: none; background-color: var(--slide-overlay-color, var(--slide-bg, #242424)); } @media (max-width: 768px) { .hero-slide--text-only.hero-slide--theme-dark.hero-slide--has-bg::before { background-image: none; background-color: rgba(255, 255, 255, 0.82); } } .hero-area .hero-slide__cta, .hero-area .hero-slide__cta2 { border-radius: 10px; text-decoration: none; } .hero-slide[style*="--slide-cta-bg"] .hero-slide__cta { background-image: none !important; background-color: var(--slide-cta-bg) !important; color: var(--slide-cta-ink, #fff) !important; } .hero-slide[style*="--slide-cta-bg"] .hero-slide__cta:hover { background-color: color-mix(in srgb, var(--slide-cta-bg) 90%, #000) !important; } .hero-slide--prod { background-color: var(--slide-bg, #F7F8F6); } .hero-area .hero-slide--prod .hero-slide__inner { grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(28px, 3.4vw, 64px); height: 100%; padding-block: 34px calc(var(--hero-over) + 34px); } .hero-area .hero-slide--prod.hero-slide--prod-cards .hero-slide__inner { grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1.28fr); } .hero-slide--prod .hero-slide__left { gap: 16px; max-width: 520px; text-align: left; align-items: flex-start; } .hero-slide--prod .hero-slide__badge { font-family: var(--font-heading); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.08em; padding: 6px 14px; border-radius: 8px; } .hero-area .hero-slide--prod .hero-slide__title { font-family: var(--font-heading); font-weight: 700; font-size: clamp(1.75rem, min(2.3vw, 4.6vh), 2.75rem); line-height: 1.1; letter-spacing: -0.02em; text-wrap: balance; color: #fff; } .hero-slide--prod .hero-slide__desc { max-width: 440px; font-size: clamp(0.9375rem, 1vw, 1.0625rem); line-height: 1.6; color: rgba(255, 255, 255, 0.9); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .hero-slide--prod .hero-slide__title::after { display: none; } .hero-area .hero-slide--prod.hero-slide--theme-dark .hero-slide__title { color: var(--color-ink); } .hero-slide--prod.hero-slide--theme-dark .hero-slide__desc { color: #4A4F4C; } .hero-slide--prod .hero-slide__actions { margin-top: 8px; gap: 12px; flex-wrap: nowrap; } .hero-area .hero-slide--prod .hero-slide__cta, .hero-area .hero-slide--prod .hero-slide__cta2 { padding: 14px 22px; white-space: nowrap; } @media (min-width: 601px) { .hero-area .hero-slider:has(.hero-swiper__pagination) .hero-slide--prod .hero-slide__left { padding-bottom: 52px; } } .hero-slide--prod.hero-slide--theme-light .hero-slide__cta2 { border-color: rgba(255, 255, 255, 0.55); color: #fff; } .hero-slide--prod.hero-slide--theme-light .hero-slide__cta2:hover { border-color: #fff; background: rgba(255, 255, 255, 0.12); } .hero-prod__deal { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 14px; margin: 0; line-height: 0.9; font-family: var(--font-heading); color: #fff; } .hero-prod__deal-txt { font-size: clamp(1rem, 1.3vw, 1.375rem); font-weight: 600; } .hero-prod__deal-num { font-size: clamp(3.25rem, min(6.2vw, 12vh), 7rem); font-weight: 800; letter-spacing: -0.045em; } .hero-slide--theme-dark .hero-prod__deal { color: var(--color-sale); } .hero-prod { display: grid; align-items: stretch; justify-content: stretch; gap: 14px; min-width: 0; min-height: 0; height: 100%; align-self: stretch; } .hero-slide--prod .hero-slide__right { opacity: 1; transform: none; transition: none; } .hero-prod__tile { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; border-radius: 14px; background: #fff; color: var(--color-ink); text-decoration: none; opacity: 0; transform: translateY(14px); transition: opacity 0.55s var(--ease, ease), transform 0.55s var(--ease, ease); transition-delay: calc(0.12s + var(--i, 0) * 0.07s); } .swiper-slide-active .hero-prod__tile, .hero-swiper:not(.swiper-initialized) .hero-slide:first-child .hero-prod__tile { opacity: 1; transform: none; } .hero-prod__tile:hover, .hero-prod__tile:focus-visible { color: var(--color-ink); text-decoration: none; } .hero-prod__tile:focus-visible { outline: 3px solid #fff; outline-offset: 2px; } .hero-slide--theme-dark .hero-prod__tile:focus-visible { outline-color: var(--color-accent); } .hero-prod__media { position: relative; display: block; overflow: hidden; background: var(--color-bg-soft, #F7F8F6); } .hero-prod__img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s var(--ease, ease); } .hero-prod__tile:hover .hero-prod__img { transform: scale(1.04); } .hero-prod__off { position: absolute; top: 10px; left: 10px; z-index: 1; padding: 4px 9px; border-radius: 8px; background: var(--color-sale); color: #fff; font-family: var(--font-heading); font-size: 0.8125rem; font-weight: 700; line-height: 1.2; } .hero-prod__info { display: flex; flex-direction: column; gap: 3px; min-width: 0; } .hero-prod__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: var(--font-heading); font-size: 0.8125rem; font-weight: 600; line-height: 1.3; transition: color var(--dur, .2s) var(--ease, ease); } .hero-prod__tile:hover .hero-prod__name { color: var(--color-accent); } .hero-prod__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 6px; font-family: var(--font-heading); line-height: 1.25; } .hero-prod__from { font-size: 0.75rem; font-weight: 500; color: var(--color-muted); } .hero-prod__now { font-size: 0.9375rem; font-weight: 700; color: var(--color-ink); } .hero-prod__now.is-sale { color: var(--color-sale); } .hero-prod__was { font-size: 0.75rem; font-weight: 500; color: var(--color-muted); } .hero-prod__price .amount, .hero-prod__price bdi { color: inherit; font: inherit; } .hero-prod--mosaic { grid-template-columns: 1.2fr 1fr 1fr; grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); } .hero-prod--mosaic .hero-prod__tile--big { grid-row: 1 / span 2; } .hero-prod--mosaic.hero-prod--n3 { grid-template-columns: 1.25fr 1fr; } .hero-prod--mosaic.hero-prod--n4 .hero-prod__tile:nth-child(4) { grid-column: 2 / span 2; } .hero-prod--mosaic.hero-prod--n6 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .hero-prod--mosaic.hero-prod--n6 .hero-prod__tile--big { grid-row: auto; } .hero-prod--mosaic .hero-prod__media { position: absolute; inset: 0; } .hero-prod--mosaic .hero-prod__info { position: absolute; left: 10px; bottom: 10px; max-width: calc(100% - 20px); padding: 8px 12px; border-radius: 10px; background: #fff; } .hero-prod--mosaic .hero-prod__tile--big .hero-prod__info { left: 14px; bottom: 14px; max-width: calc(100% - 28px); padding: 12px 16px; } .hero-prod--mosaic .hero-prod__tile--big .hero-prod__name { font-size: 1rem; } .hero-prod--mosaic .hero-prod__tile--big .hero-prod__now { font-size: 1.25rem; } .hero-prod--mosaic .hero-prod__tile--big .hero-prod__off { top: 14px; left: 14px; font-size: 0.9375rem; padding: 5px 11px; } .hero-prod--cards { grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); align-content: center; align-self: center; height: auto; } .hero-prod--cards .hero-prod__media { width: 100%; aspect-ratio: 4 / 5; max-height: calc(var(--hero-h) - var(--hero-over) - 150px); } .hero-prod--cards .hero-prod__info { padding: 12px 14px 14px; } .hero-area .hero-swiper__prev, .hero-area .hero-swiper__next { top: auto; bottom: calc(var(--hero-over) + 20px); right: auto; transform: none; width: 36px; height: 36px; border: 0; border-radius: 50%; background: #fff; color: var(--color-ink); backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none; } .hero-area .hero-swiper__prev { left: var(--hero-pad); } .hero-area .hero-swiper__next { left: calc(var(--hero-pad) + 44px); } .hero-area .hero-swiper__prev:hover, .hero-area .hero-swiper__next:hover { background: var(--color-accent); color: #fff; } .hero-area .hero-swiper__pagination { left: calc(var(--hero-pad) + 98px); right: auto; bottom: calc(var(--hero-over) + 20px); width: auto; height: 36px; gap: 8px; justify-content: flex-start; } .hero-area .hero-swiper__pagination .swiper-pagination-bullet, .hero-area .hero-swiper__pagination .swiper-pagination-bullet-active { position: relative; box-sizing: content-box; width: 44px; height: 4px; margin: 0 !important; padding: 12px 0; border-radius: 2px; background: rgba(36, 36, 36, 0.16); background-clip: content-box; opacity: 1; } .hero-area .hero-swiper__pagination .swiper-pagination-bullet::after { content: ""; position: absolute; left: 0; right: 0; top: 12px; height: 4px; border-radius: 2px; background: var(--color-accent); transform: scaleX(0); transform-origin: left center; } .hero-area .hero-swiper__pagination .swiper-pagination-bullet-active::after { transform: scaleX(var(--hero-progress, 0)); } .hero-area .hero-slider.is-static .swiper-pagination-bullet-active::after { transform: none; } .hero-area .hero-slider.is-theme-light .swiper-pagination-bullet, .hero-area .hero-slider.is-theme-light .swiper-pagination-bullet-active { background-color: rgba(255, 255, 255, 0.35); } .hero-area .hero-slider.is-theme-light .swiper-pagination-bullet::after { background: #fff; } @media (min-width: 861px) and (max-height: 820px) { .hero-slide--prod .hero-slide__desc { -webkit-line-clamp: 2; } .hero-slide--prod .hero-slide__left { gap: 12px; } } @media (min-width: 861px) and (max-height: 720px) { .hero-slide--prod:has(.hero-prod__deal) .hero-slide__desc { display: none; } } @media (max-width: 860px) { .hero-area .hero-slide--prod .hero-slide__inner, .hero-area .hero-slide--prod.hero-slide--prod-cards .hero-slide__inner { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; align-content: center; gap: 18px; text-align: left; padding-block: 24px calc(var(--hero-over) + 30px); } .hero-slide--prod .hero-slide__left { order: 1; max-width: none; gap: 10px; align-items: flex-start; text-align: left; } .hero-slide--prod .hero-slide__desc { margin-inline: 0; -webkit-line-clamp: 2; } .hero-slide--prod .hero-slide__actions { justify-content: flex-start; margin-top: 4px; } .hero-slide--prod .hero-slide__right { order: 2; } .hero-prod, .hero-prod--mosaic, .hero-prod--cards, .hero-prod--mosaic.hero-prod--n3, .hero-prod--mosaic.hero-prod--n6 { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: auto; height: auto; gap: 10px; } .hero-prod--mosaic .hero-prod__tile--big, .hero-prod--mosaic.hero-prod--n4 .hero-prod__tile:nth-child(4) { grid-row: auto; grid-column: auto; } .hero-prod__tile:nth-child(n + 5) { display: none; } .hero-prod--mosaic .hero-prod__media, .hero-prod--cards .hero-prod__media { position: relative; inset: auto; aspect-ratio: 1; max-height: none; } .hero-prod--mosaic .hero-prod__info, .hero-prod--mosaic .hero-prod__tile--big .hero-prod__info, .hero-prod--cards .hero-prod__info { position: static; max-width: none; padding: 7px 9px 9px; border-radius: 0; } .hero-prod--mosaic .hero-prod__tile--big .hero-prod__name, .hero-prod__name { font-size: 0.75rem; } .hero-prod--mosaic .hero-prod__tile--big .hero-prod__now, .hero-prod__now { font-size: 0.875rem; } .hero-prod__was { font-size: 0.6875rem; } .hero-prod__off, .hero-prod--mosaic .hero-prod__tile--big .hero-prod__off { top: 6px; left: 6px; padding: 2px 6px; font-size: 0.6875rem; border-radius: 6px; } .hero-prod__deal-num { font-size: clamp(2.75rem, 12vw, 4rem); } } @media (max-width: 600px) { .hero-area { --hero-over: 0px; } .hero-area .hero-slide--prod .hero-slide__inner, .hero-area .hero-slide--prod.hero-slide--prod-cards .hero-slide__inner { padding: 20px 18px 34px; gap: 16px; } .hero-area .hero-slide--prod .hero-slide__title { font-size: clamp(1.5rem, 6.6vw, 1.875rem); } .hero-slide--prod .hero-slide__badge { font-size: 0.6875rem; padding: 5px 11px; } .hero-slide--prod .hero-slide__desc { font-size: 0.875rem; line-height: 1.5; } .hero-slide--prod:has(.hero-prod__deal) .hero-slide__desc { display: none; } .hero-slide--prod .hero-slide__cta, .hero-slide--prod .hero-slide__cta2 { padding: 11px 16px; font-size: 0.75rem; } .hero-slide--prod .hero-slide__cta ~ .hero-slide__cta2 { display: none; } .hero-prod, .hero-prod--mosaic, .hero-prod--cards, .hero-prod--mosaic.hero-prod--n3, .hero-prod--mosaic.hero-prod--n6 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .hero-prod__tile:nth-child(n + 4) { display: none; } .hero-prod__tile { border-radius: 10px; } .hero-area .hero-swiper__prev, .hero-area .hero-swiper__next { display: none; } .hero-area .hero-swiper__pagination { display: flex; left: 0; right: 0; bottom: 6px; height: 28px; justify-content: center; } .hero-area .hero-swiper__pagination .swiper-pagination-bullet, .hero-area .hero-swiper__pagination .swiper-pagination-bullet-active { width: 32px; } } @media (prefers-reduced-motion: reduce) { .hero-prod__tile, .hero-slide .hero-slide__left, .hero-slide .hero-slide__right { opacity: 1; transform: none; transition: none; } .hero-prod__img, .hero-prod__tile:hover .hero-prod__img { transition: none; transform: none; } } .wpcf7-acceptance { display: block; margin: 4px 0 18px; } .wpcf7-acceptance .wpcf7-list-item { margin: 0; } .wpcf7-acceptance label { display: flex; align-items: flex-start; gap: 10px; font-size: 0.8125rem; font-weight: 400; line-height: 1.5; color: var(--color-muted); cursor: pointer; } .wpcf7-acceptance input[type="checkbox"] { flex-shrink: 0; width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--color-accent); cursor: pointer; } .wpcf7-acceptance a { color: var(--color-accent-soft); font-weight: 600; text-decoration: none; } .wpcf7-acceptance a:hover { color: var(--color-accent); } .wpcf7-submit:disabled { opacity: 0.5; cursor: not-allowed; } .hero-slide[class*="hero-slide--bg-"] { position: relative; isolation: isolate; overflow: hidden; } .hero-slide[class*="hero-slide--bg-"]::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; } .hero-slide--bg-aurora { background-image: radial-gradient(60% 80% at 8% 12%, color-mix(in srgb, #FFD6A5 70%, var(--slide-bg)) 0%, transparent 60%), radial-gradient(55% 75% at 92% 90%, color-mix(in srgb, #9ADCF0 65%, var(--slide-bg)) 0%, transparent 62%), radial-gradient(50% 70% at 60% 0%, color-mix(in srgb, #F6B6D2 60%, var(--slide-bg)) 0%, transparent 60%), radial-gradient(70% 90% at 30% 100%, color-mix(in srgb, #02B783 45%, var(--slide-bg)) 0%, transparent 65%); background-color: var(--slide-bg); } .hero-slide--bg-aurora::after { background-image: radial-gradient(rgba(255, 255, 255, 0.18) 1px, transparent 1.2px); background-size: 4px 4px; opacity: 0.5; } .hero-slide--bg-petale { background-image: radial-gradient(closest-side, color-mix(in srgb, #fff 26%, transparent) 98%, transparent 100%), radial-gradient(closest-side, color-mix(in srgb, #fff 16%, transparent) 98%, transparent 100%), radial-gradient(closest-side, color-mix(in srgb, #000 10%, transparent) 98%, transparent 100%), linear-gradient(135deg, color-mix(in srgb, var(--slide-bg) 85%, #fff) 0%, var(--slide-bg) 45%, color-mix(in srgb, var(--slide-bg) 80%, #000) 100%); background-size: 46vw 46vw, 30vw 30vw, 38vw 38vw, 100% 100%; background-position: -12vw -16vw, 78% 120%, 108% -30%, 0 0; background-repeat: no-repeat; } .hero-slide--bg-petale::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cg fill='none' stroke='white' stroke-opacity='.16' stroke-width='1.5'%3E%3Cpath d='M300 80c60 80 60 180 0 260-60-80-60-180 0-260Z'/%3E%3Cpath d='M300 340c80-60 180-60 260 0-80 60-180 60-260 0Z'/%3E%3Cpath d='M300 340c-80-60-180-60-260 0 80 60 180 60 260 0Z'/%3E%3Cpath d='M300 340c60 80 60 180 0 260-60-80-60-180 0-260Z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: min(52vw, 640px); background-position: 112% 50%; } .hero-slide--bg-festiv { background-image: radial-gradient(40% 60% at 15% 20%, color-mix(in srgb, #FFE08A 38%, transparent) 0%, transparent 70%), radial-gradient(35% 55% at 85% 85%, color-mix(in srgb, #E5484D 45%, transparent) 0%, transparent 70%), linear-gradient(160deg, color-mix(in srgb, var(--slide-bg) 80%, #fff) 0%, var(--slide-bg) 50%, color-mix(in srgb, var(--slide-bg) 70%, #000) 100%); background-color: var(--slide-bg); } .hero-slide--bg-festiv::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='white'%3E%3Cpath fill-opacity='.55' d='M30 20l2 6 6 2-6 2-2 6-2-6-6-2 6-2z'/%3E%3Cpath fill-opacity='.35' d='M150 60l1.5 4.5 4.5 1.5-4.5 1.5-1.5 4.5-1.5-4.5-4.5-1.5 4.5-1.5z'/%3E%3Ccircle cx='90' cy='140' r='1.6' fill-opacity='.6'/%3E%3Ccircle cx='190' cy='170' r='1.2' fill-opacity='.5'/%3E%3Ccircle cx='60' cy='190' r='1' fill-opacity='.45'/%3E%3Cpath fill-opacity='.45' d='M200 120l1 3 3 1-3 1-1 3-1-3-3-1 3-1z'/%3E%3C/g%3E%3C/svg%3E"); background-size: 220px 220px; opacity: 0.9; } .hero-slide--bg-promo { background-image: repeating-conic-gradient(from 200deg at 0% 100%, color-mix(in srgb, #fff 9%, transparent) 0deg 6deg, transparent 6deg 14deg), radial-gradient(circle at 85% 20%, color-mix(in srgb, #FFB86B 55%, transparent) 0%, transparent 38%), linear-gradient(120deg, color-mix(in srgb, var(--slide-bg) 85%, #fff) 0%, var(--slide-bg) 40%, color-mix(in srgb, var(--slide-bg) 75%, #7A1F3D) 100%); background-color: var(--slide-bg); } .hero-slide--bg-promo::after { background-image: radial-gradient(circle at 92% 110%, transparent 0 120px, color-mix(in srgb, #fff 14%, transparent) 121px 123px, transparent 124px 190px, color-mix(in srgb, #fff 10%, transparent) 191px 193px, transparent 194px 270px, color-mix(in srgb, #fff 7%, transparent) 271px 273px, transparent 274px); } @media (prefers-reduced-motion: no-preference) { .hero-slide--bg-aurora { background-size: 140% 140%, 140% 140%, 140% 140%, 140% 140%; animation: tz-aurora 18s ease-in-out infinite alternate; } } @keyframes tz-aurora { from { background-position: 0% 0%, 100% 100%, 50% 0%, 0% 100%; } to { background-position: 20% 10%, 80% 90%, 70% 10%, 15% 85%; } } .entry-content .wp-block-columns.is-style-tz-steps:not(.tz-quiet) { gap: 40px; } .entry-content .is-style-tz-steps:not(.tz-quiet) > .wp-block-column { padding-top: 0; border-top: 0; background-image: repeating-linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 55%, transparent) 0 6px, transparent 6px 13px); background-repeat: no-repeat; background-size: calc(100% - 88px - clamp(110px, 9vw, 140px)) 2px; background-position: 88px 33px; } .entry-content .is-style-tz-steps:not(.tz-quiet) > .wp-block-column:last-child { background-image: none; } .entry-content .is-style-tz-steps:not(.tz-quiet) > .wp-block-column::after { content: ""; position: absolute; top: 0; left: 0; z-index: 0; width: 68px; height: 68px; border-radius: 50%; background: var(--color-accent); transition: transform var(--dur) var(--ease), background-color var(--dur) var(--ease); } .entry-content .is-style-tz-steps:not(.tz-quiet) > .wp-block-column:hover::after { transform: scale(1.07); background: var(--color-accent-soft); } .entry-content .is-style-tz-steps:not(.tz-quiet) > .wp-block-column::before { top: -14px; right: 0; z-index: 0; font-size: clamp(3.5rem, 5vw, 5rem); font-weight: 700; line-height: 1; letter-spacing: -0.02em; color: color-mix(in srgb, var(--color-accent) 14%, transparent); } .entry-content .is-style-tz-steps:not(.tz-quiet) h3.wp-block-heading { position: relative; z-index: 1; gap: 40px; font-size: 1.125rem; } .entry-content .is-style-tz-steps:not(.tz-quiet) h3[class*="tz-ico-"]::before { width: 30px; height: 30px; margin: 19px 0 0 19px; color: #fff; } .entry-content .is-style-tz-steps:not(.tz-quiet) p { position: relative; z-index: 1; } @media (max-width: 1024px) { .entry-content .is-style-tz-steps:not(.tz-quiet) > .wp-block-column { background-image: none; } } .site-footer:not(.site-footer--has-bg) { background: #0F2A22; color: rgba(255, 255, 255, 0.72); } .site-footer .site-footer__newsletter { position: relative; isolation: isolate; overflow: hidden; margin: 0 var(--page-gutter); transform: translateY(0); padding-block: clamp(44px, 5vw, 64px); border-radius: 0 0 28px 28px; background-color: #04745A; background-image: radial-gradient(55% 120% at 0% 0%, #19C79A 0%, transparent 60%), radial-gradient(45% 110% at 100% 100%, #0B5F7A 0%, transparent 62%), radial-gradient(35% 80% at 78% 0%, #7BE0B8 0%, transparent 60%), linear-gradient(120deg, #02B783 0%, #047A5C 55%, #0A5B57 100%); } .site-footer .site-footer__newsletter::before, .site-footer .site-footer__newsletter::after { content: ""; position: absolute; z-index: -1; border-radius: 50%; pointer-events: none; } .site-footer .site-footer__newsletter::before { left: -90px; bottom: -150px; width: 380px; height: 380px; background: radial-gradient(circle, transparent 0 110px, rgba(255, 255, 255, 0.14) 111px 112px, transparent 113px 150px, rgba(255, 255, 255, 0.10) 151px 152px, transparent 153px 188px, rgba(255, 255, 255, 0.07) 189px 190px, transparent 191px); } .site-footer .site-footer__newsletter::after { right: 4%; top: 50%; width: 260px; height: 260px; border-radius: 0; transform: translateY(-50%); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cg fill='none' stroke='white' stroke-opacity='.22' stroke-width='3'%3E%3Cpath d='M300 60c70 90 70 190 0 280-70-90-70-190 0-280Z'/%3E%3Cpath d='M300 340c90-70 190-70 280 0-90 70-190 70-280 0Z'/%3E%3Cpath d='M300 340c-90-70-190-70-280 0 90 70 190 70 280 0Z'/%3E%3Cpath d='M300 340c70 90 70 190 0 280-70-90-70-190 0-280Z'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; } .site-footer .site-footer__newsletter-inner { position: relative; z-index: 1; } .site-footer .site-footer__newsletter-title { color: #fff; font-size: clamp(1.5rem, 2.6vw, 2.1rem); letter-spacing: -0.01em; } .site-footer .home-newsletter__row { display: flex; gap: 6px; max-width: 520px; margin-inline: auto; padding: 6px; border-radius: 14px; background: #fff; } .site-footer .home-newsletter__input, .site-footer .home-newsletter__input:focus { flex: 1 1 auto; min-width: 0; height: 48px; border: 0 !important; border-radius: 10px; background: transparent; padding-inline: 16px; outline: none; } .site-footer .home-newsletter__btn, .site-footer .home-newsletter__btn:hover { height: 48px; padding-inline: 22px; border-radius: 10px; background-color: #0F2A22; color: #fff; white-space: nowrap; } .site-footer .home-newsletter__btn:hover { background-color: #02B783; } .site-footer .footer-desc, .site-footer .footer-contact__item { color: rgba(255, 255, 255, 0.72); } .site-footer .footer-contact__item svg { color: #2FD3A2; } .site-footer .footer-nav__title { color: #fff; } .site-footer .footer-nav__list a { color: rgba(255, 255, 255, 0.62); } .site-footer .footer-nav__list a:hover { color: #2FD3A2; } .site-footer .site-footer__bottom, .site-footer [class*="site-footer__bottom"] { background: #0B211B; border-top: 1px solid rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.55); } .site-footer .footer-social a, .site-footer [class*="social"] a { border-color: rgba(255, 255, 255, 0.18); background: transparent; color: #fff; } .site-footer [class*="social"] a:hover { color: #2FD3A2; border-color: #2FD3A2; } @media (max-width: 600px) { .site-footer .site-footer__newsletter { margin: 0; border-radius: 0; } .site-footer .site-footer__newsletter::after { display: none; } .site-footer .home-newsletter__row { flex-direction: column; } } .entry-content .is-style-tz-steps.tz-quiet > .wp-block-column { padding-top: 0; border-top: 0; } .entry-content .is-style-tz-steps.tz-quiet h3.wp-block-heading { position: relative; padding-top: 22px; font-size: 1.25rem; } .entry-content .is-style-tz-steps.tz-quiet h3.wp-block-heading::after { content: ""; position: absolute; top: 0; left: 0; width: 36px; height: 3px; border-radius: 3px; background: var(--color-accent); } .promo-banner { padding-block: clamp(40px, 5vw, 72px); } .promo-banner__frame { position: relative; display: flex; align-items: center; min-height: clamp(380px, 34vw, 540px); overflow: hidden; border-radius: var(--radius-lg); background: var(--color-bg-soft); } .promo-banner__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: left center; } .promo-banner--left .promo-banner__img { object-position: right center; } .promo-banner__content { position: relative; z-index: 1; width: min(480px, 42%); margin-left: auto; margin-right: clamp(32px, 6vw, 96px); } .promo-banner--left .promo-banner__content { margin-left: clamp(32px, 6vw, 96px); margin-right: auto; } .promo-banner__eyebrow { margin: 0 0 14px; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-accent-soft); } .promo-banner__title { margin: 0 0 16px; font-size: clamp(1.9rem, 3.2vw, 2.9rem); font-weight: 600; line-height: 1.12; letter-spacing: -0.02em; color: var(--color-ink); } .promo-banner__text { margin: 0 0 28px; font-size: 1rem; line-height: 1.7; color: #4A4A48; } .promo-banner__cta { gap: 10px; min-height: 52px; padding-inline: 28px; border-radius: 10px; } @media (max-width: 900px) { .promo-banner__frame { flex-direction: column; align-items: stretch; min-height: 0; } .promo-banner__img { position: relative; aspect-ratio: 4 / 3; height: auto; } .promo-banner__content, .promo-banner--left .promo-banner__content { width: auto; margin: 0; padding: 28px 22px 32px; } } .promo-banner--prod .promo-banner__frame { isolation: isolate; min-height: clamp(420px, 36vw, 560px); background-color: #F6EDE6; background-image: radial-gradient(55% 80% at 6% 10%, #FFD9C2 0%, transparent 62%), radial-gradient(45% 70% at 42% 100%, #CDEFE2 0%, transparent 64%), radial-gradient(40% 65% at 100% 0%, #EBD9F3 0%, transparent 60%), radial-gradient(50% 80% at 96% 96%, #FCE3E9 0%, transparent 62%); } .promo-banner--prod .promo-banner__frame::before, .promo-banner--prod .promo-banner__frame::after { content: ""; position: absolute; z-index: -1; pointer-events: none; } .promo-banner--prod .promo-banner__frame::before { inset: 0; background-image: radial-gradient(rgba(255, 255, 255, 0.55) 1px, transparent 1.2px); background-size: 4px 4px; opacity: 0.45; } .promo-banner--prod .promo-banner__frame::after { right: -60px; bottom: -80px; width: 360px; height: 360px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cg fill='none' stroke='%2302B783' stroke-opacity='.22' stroke-width='3'%3E%3Cpath d='M300 60c70 90 70 190 0 280-70-90-70-190 0-280Z'/%3E%3Cpath d='M300 340c90-70 190-70 280 0-90 70-190 70-280 0Z'/%3E%3Cpath d='M300 340c-90-70-190-70-280 0 90 70 190 70 280 0Z'/%3E%3Cpath d='M300 340c70 90 70 190 0 280-70-90-70-190 0-280Z'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; } .promo-banner--prod.promo-banner--left .promo-banner__frame::after { right: auto; left: -60px; } .promo-banner__stack { position: absolute; top: 50%; left: clamp(28px, 4vw, 72px); display: flex; align-items: center; gap: clamp(12px, 1.4vw, 22px); width: min(52%, 720px); transform: translateY(-50%); } .promo-banner--left .promo-banner__stack { left: auto; right: clamp(28px, 4vw, 72px); } .promo-banner__item { display: block; flex: 1 1 0; aspect-ratio: 3 / 4; overflow: hidden; border-radius: 999px 999px var(--radius-lg) var(--radius-lg); border: 6px solid #fff; background: #fff; transition: transform 0.4s var(--ease); } .promo-banner__item:nth-child(2) { transform: translateY(-26px); flex-grow: 1.15; } .promo-banner__item:nth-child(3) { transform: translateY(18px); } .promo-banner__item img { width: 100%; height: 100%; object-fit: cover; } .promo-banner__item:hover { transform: translateY(-8px); } .promo-banner__item:nth-child(2):hover { transform: translateY(-34px); } @media (max-width: 900px) { .promo-banner__stack, .promo-banner--left .promo-banner__stack { position: relative; top: auto; left: auto; right: auto; width: auto; padding: 34px 22px 0; transform: none; } .promo-banner__item:nth-child(2) { transform: translateY(-14px); } .promo-banner__item:nth-child(3) { transform: translateY(10px); } .promo-banner--prod .promo-banner__frame::after { width: 220px; height: 220px; } } .site-footer .site-footer__newsletter { margin: 0; border-radius: 0; background-color: #02B783; background-image: linear-gradient(120deg, #02B783 0%, #036B52 100%); } .site-footer .site-footer__newsletter::before, .site-footer .site-footer__newsletter::after { display: none; } .site-footer .site-footer__bottom, .site-footer [class*="site-footer__bottom"] { background: transparent; border-top: 1px solid rgba(255, 255, 255, 0.08); } .promo-banner--prod .promo-banner__frame::after { display: none; } :root { --home-gap: clamp(56px, 6vw, 88px); } body.home .perks ~ section { margin-top: 0; padding-top: var(--home-gap); padding-bottom: 0; } body.home .perks ~ section:last-of-type { padding-bottom: var(--home-gap); } body.home .perks ~ .cta-band { margin-top: var(--home-gap); padding-top: clamp(48px, 5vw, 72px); padding-bottom: clamp(48px, 5vw, 72px); } body.home .perks ~ .cta-band + section { margin-top: 0; } body.home .blog-preview, body.home .blog-preview.section--soft { background: transparent; } .site-footer .site-footer__newsletter { padding-block: clamp(32px, 3.4vw, 44px); } .site-footer .site-footer__newsletter-inner { max-width: 960px; margin-inline: auto; text-align: center; } .site-footer .site-footer__newsletter-title { max-width: none; margin: 0 0 8px; font-size: clamp(1.4rem, 2.2vw, 1.85rem); line-height: 1.2; } .site-footer .site-footer__newsletter-desc { max-width: 640px; margin: 0 auto 20px; font-size: 0.9375rem; line-height: 1.6; color: rgba(255, 255, 255, 0.85); } .site-footer .site-footer__divider { display: none !important; } .site-footer .site-footer__bottom, .site-footer .site-footer__bottom-inner, .site-footer [class*="site-footer__bottom"] { border-top: 0 !important; } .pc-action:focus, .pc-action:focus-visible, .sp-action-btn:focus, .sp-action-btn:focus-visible, .pgv button:focus { outline: none !important; } .pc-action:focus-visible:not(.is-active), .sp-action-btn:focus-visible:not(.is-active) { color: var(--color-accent-soft); } .site-footer .site-footer__newsletter-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 520px); grid-template-areas: "titlu formular" "text formular"; align-items: center; column-gap: clamp(32px, 5vw, 80px); row-gap: 6px; max-width: none; text-align: left; } .site-footer .site-footer__newsletter-title { grid-area: titlu; align-self: end; margin: 0; } .site-footer .site-footer__newsletter-desc { grid-area: text; align-self: start; max-width: 620px; margin: 0; } .site-footer .site-footer__newsletter-inner > form, .site-footer .home-newsletter__form { grid-area: formular; width: 100%; margin: 0; } .site-footer .home-newsletter__row { max-width: none; margin: 0; } @media (max-width: 900px) { .site-footer .site-footer__newsletter-inner { grid-template-columns: minmax(0, 1fr); grid-template-areas: "titlu" "text" "formular"; row-gap: 10px; text-align: center; } .site-footer .site-footer__newsletter-desc { margin-inline: auto; } .site-footer .home-newsletter__form { margin-top: 10px; } } .wishlist-options-note { display: flex; align-items: center; gap: 8px; margin: 12px 0 0; font-size: 0.875rem; color: var(--color-muted); } .wishlist-options-note::before { content: ""; flex: 0 0 auto; width: 16px; height: 16px; background-color: var(--color-accent); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E") center / contain no-repeat; } .wishlist-options-note[hidden] { display: none; } .site-footer .footer-follow { margin-top: 26px; } .site-footer .footer-follow__title { margin: 0 0 12px; font-family: var(--font-heading); font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #fff; } .site-footer .footer-copyright { color: rgba(255, 255, 255, 0.82); } .wpcf7 .wpcf7-acceptance .wpcf7-list-item { display: block; margin: 0; } .wpcf7 .wpcf7-acceptance .wpcf7-list-item label { display: flex !important; align-items: flex-start; gap: 12px; margin: 0; font-family: var(--font-body); font-size: 0.8125rem; font-weight: 400; line-height: 1.55; color: var(--color-muted); cursor: pointer; } .wpcf7 .wpcf7-acceptance input[type="checkbox"] { -webkit-appearance: none; appearance: none; flex: 0 0 auto; width: 20px; height: 20px; margin: 0; border: 1.5px solid #C9C9C5; border-radius: 6px; background: #fff center / 12px 12px no-repeat; cursor: pointer; transition: background-color var(--dur) var(--ease), border-color var(--dur) var(--ease); } .wpcf7 .wpcf7-acceptance input[type="checkbox"]:hover { border-color: var(--color-accent); } .wpcf7 .wpcf7-acceptance input[type="checkbox"]:checked { border-color: var(--color-accent); background-color: var(--color-accent); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); } .wpcf7 .wpcf7-acceptance input[type="checkbox"]:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; } .wpcf7 .wpcf7-acceptance .wpcf7-list-item-label { padding-top: 1px; } .wpcf7 .wpcf7-acceptance a { color: var(--color-accent-soft); font-weight: 600; text-decoration: none; } .hero-slide--bg-noapte { background-color: #0F2A22; background-image: radial-gradient(55% 75% at 0% 0%, rgba(2, 183, 131, 0.55) 0%, transparent 62%), radial-gradient(50% 70% at 100% 100%, rgba(11, 95, 122, 0.70) 0%, transparent 64%), radial-gradient(40% 55% at 62% 8%, rgba(47, 211, 162, 0.28) 0%, transparent 60%), linear-gradient(135deg, #12382D 0%, #0B231C 55%, #0A1E22 100%); } .hero-slide--bg-noapte::after { background-image: radial-gradient(rgba(255, 255, 255, 0.10) 1px, transparent 1.2px); background-size: 4px 4px; } @media (prefers-reduced-motion: no-preference) { .hero-slide--bg-noapte { background-size: 140% 140%, 140% 140%, 140% 140%, 100% 100%; animation: tz-noapte 20s ease-in-out infinite alternate; } } @keyframes tz-noapte { from { background-position: 0% 0%, 100% 100%, 60% 0%, 0 0; } to { background-position: 15% 10%, 85% 90%, 45% 10%, 0 0; } } .hero-area .hero-swiper__pagination { gap: 10px; } .hero-area .hero-swiper__pagination .swiper-pagination-bullet, .hero-area .hero-swiper__pagination .swiper-pagination-bullet-active { width: 7px; height: 7px; padding: 14px 0; border-radius: 999px; overflow: hidden; transition: width 0.3s var(--ease), background-color 0.3s var(--ease); } .hero-area .hero-swiper__pagination .swiper-pagination-bullet-active { width: 26px; } .hero-area .hero-swiper__pagination .swiper-pagination-bullet::after { top: 14px; height: 7px; border-radius: 999px; } @media (max-width: 600px) { .hero-area .hero-swiper__pagination .swiper-pagination-bullet, .hero-area .hero-swiper__pagination .swiper-pagination-bullet-active { width: 6px; height: 6px; } .hero-area .hero-swiper__pagination .swiper-pagination-bullet-active { width: 22px; } .hero-area .hero-swiper__pagination .swiper-pagination-bullet::after { height: 6px; } } .hero-area .hero-swiper__pagination { align-items: center; } .hero-area .hero-swiper__pagination .swiper-pagination-bullet, .hero-area .hero-swiper__pagination .swiper-pagination-bullet-active { padding: 0; background-clip: border-box; align-self: center; } .hero-area .hero-swiper__pagination .swiper-pagination-bullet::after { top: 0; } .tz-cart-error { flex-basis: 100%; margin: 10px 0 0; padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--color-sale) 35%, transparent); border-radius: 10px; background: #FDECEC; color: #B42318; font-size: 0.8125rem; line-height: 1.5; } .single-product-info .added_to_cart.wc-forward, #qv-modal .added_to_cart.wc-forward, .pgv .added_to_cart.wc-forward { display: none !important; } html.tz-scroll-lock { overflow: hidden; } html.tz-scroll-lock body { padding-right: var(--tz-sbw, 0px); } html.tz-scroll-lock .site-header.is-sticky { padding-right: var(--tz-sbw, 0px); } .mini-cart-items { scrollbar-width: thin; scrollbar-color: #D6D6D3 transparent; } .mini-cart-items::-webkit-scrollbar { width: 6px; } .mini-cart-items::-webkit-scrollbar-track { background: transparent; } .mini-cart-items::-webkit-scrollbar-thumb { background: #D6D6D3; border-radius: 6px; } .mini-cart-items::-webkit-scrollbar-thumb:hover { background: #BDBDB9; } .sp-star-input { position: relative; } .sp-star-input__hint { position: absolute; top: 50%; left: calc(100% + 10px); margin: 0; transform: translateY(-50%); pointer-events: none; } .product-card .pc-action--wish.is-active svg, .single-product-page .sp-action-btn--wish.is-active svg { fill: #D93A3A; stroke: #D93A3A; color: #D93A3A; } #commentform.sp-review-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 22px 20px; } #commentform.sp-review-form > * { grid-column: 1 / -1; } #commentform.sp-review-form > .comment-form-author, #commentform.sp-review-form > .comment-form-email { grid-column: auto; padding-top: 0; } #commentform.sp-review-form .comment-form-author label, #commentform.sp-review-form .comment-form-email label, #commentform.sp-review-form .comment-form-comment label { display: block; text-align: left; } @media (max-width: 600px) { #commentform.sp-review-form > .comment-form-author, #commentform.sp-review-form > .comment-form-email { grid-column: 1 / -1; } } .sp-reviews__form-block #respond, .sp-reviews__form-block .sp-reviews__form-title, #commentform.sp-review-form, #commentform.sp-review-form label, #commentform.sp-review-form textarea, #commentform.sp-review-form textarea::placeholder, #commentform.sp-review-form .rp-field__label, #commentform.sp-review-form .rp-field__hint { text-align: left; } #commentform.sp-review-form .form-field { align-items: stretch; } #commentform.sp-review-form .sp-star-input, #commentform.sp-review-form .rp-field__drop, #commentform.sp-review-form .rp-field__list, #commentform.sp-review-form .contact-form__submit, #commentform.sp-review-form .form-submit { justify-content: flex-start; } #commentform.sp-review-form .rp-field__drop > *, #commentform.sp-review-form .sp-star-input { align-self: flex-start; margin-left: 0; margin-right: 0; } #commentform.sp-review-form .rp-field__drop { align-items: flex-start; } .tz-text-page .page-article__body { max-width: none; margin-inline: 0; } .page-doc { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: clamp(40px, 5vw, 88px); align-items: start; } .page-doc__toc { position: sticky; top: 170px; max-height: calc(100vh - 190px); overflow-y: auto; scrollbar-width: thin; } .page-doc__toc-title { margin: 0 0 14px; font-family: var(--font-heading); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-muted); } .page-doc__toc ol { list-style: none; margin: 0; padding: 0; counter-reset: tz-toc; border-left: 1px solid var(--color-border); } .page-doc__toc li { counter-increment: tz-toc; margin: 0; } .page-doc__toc a { display: flex; gap: 10px; margin-left: -1px; padding: 7px 0 7px 16px; border-left: 2px solid transparent; font-size: 0.875rem; line-height: 1.4; color: var(--color-ink-soft, #555); text-decoration: none; transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease); } .page-doc__toc a::before { content: counter(tz-toc, decimal-leading-zero); flex: none; font-variant-numeric: tabular-nums; color: var(--color-muted); } .page-doc__toc a:hover { color: var(--color-accent); } .page-doc__toc a.is-active { color: var(--color-ink); font-weight: 600; border-left-color: var(--color-accent); } .page-doc__toc a.is-active::before { color: var(--color-accent); } .page-doc .page-article__body h2 { scroll-margin-top: 170px; margin: 2.4em 0 0.7em; padding-top: 1.6em; border-top: 1px solid var(--color-border); font-size: clamp(1.25rem, 1.6vw, 1.5rem); } .page-doc .page-article__body h2:first-of-type { margin-top: 1.4em; } .tz-text-page .page-article__body h3 { margin: 1.6em 0 0.5em; font-size: 1.0625rem; } .tz-text-page .page-article__body ul { padding-left: 1.2em; } .tz-text-page .page-article__body li { margin-bottom: 0.35em; } .tz-text-page .page-article__body .tz-doc-updated { margin: 0 0 1.2em; font-size: 0.8125rem; color: var(--color-muted); } .tz-text-page .page-article__body .wp-block-table { margin: 1.2em 0 1.6em; overflow-x: auto; } .tz-text-page .page-article__body .wp-block-table table { width: 100%; border-collapse: collapse; font-size: 0.875rem; line-height: 1.55; } .tz-text-page .page-article__body .wp-block-table th, .tz-text-page .page-article__body .wp-block-table td { padding: 10px 14px; border: 1px solid var(--color-border); text-align: left; vertical-align: top; } .tz-text-page .page-article__body .wp-block-table thead th { background: var(--color-bg-soft); font-weight: 600; color: var(--color-ink); border-bottom-width: 1px; } .tz-text-page .page-article__body .wp-block-table code { font-size: 0.8125rem; word-break: break-all; } @media (max-width: 960px) { .page-doc { grid-template-columns: minmax(0, 1fr); gap: 28px; } .page-doc__toc { position: static; max-height: none; padding-bottom: 24px; border-bottom: 1px solid var(--color-border); } } .tz-text-page .page-article__body a { color: var(--color-accent); text-decoration: none; } .tz-text-page .page-article__body a:hover { color: var(--color-accent-soft); } .tz-text-page .page-article__body .wp-block-table code { word-break: normal; overflow-wrap: anywhere; white-space: nowrap; } .tz-text-page .page-article__body .wp-block-table td:first-child { min-width: 200px; } .page-doc .page-article__body h2 { padding-top: 0; border-top: 0; margin-top: 2em; } .page-doc .page-article__body h2:first-of-type { margin-top: 1.2em; } .melagri-made-to-order { margin: 0 0 14px; font-size: 0.8125rem; line-height: 1.55; color: var(--color-muted); } .melagri-made-to-order a { color: var(--color-accent); text-decoration: none; } .bl-hero__intro { max-width: 720px; margin: 10px auto 0; color: var(--color-muted); font-size: 1rem; line-height: 1.6; } .bl-list { padding-block: clamp(36px, 4.5vw, 64px) clamp(48px, 6vw, 88px); } .bl-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: clamp(28px, 3.5vw, 44px); } .bl-chip { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border: 1px solid var(--color-border); border-radius: 999px; font-size: 0.875rem; font-weight: 500; color: var(--color-ink); text-decoration: none; transition: color var(--dur) var(--ease), background-color var(--dur) var(--ease); } .bl-chip:hover { color: var(--color-accent); } .bl-chip__count { font-size: 0.75rem; color: var(--color-muted); font-variant-numeric: tabular-nums; } .bl-chip.is-active { background: var(--color-accent); border-color: var(--color-accent); color: #fff; } .bl-chip.is-active .bl-chip__count { color: rgba(255, 255, 255, 0.8); } .bl-card { display: flex; flex-direction: column; gap: 18px; min-width: 0; } .bl-card__media { display: block; overflow: hidden; aspect-ratio: 16 / 10; border-radius: var(--radius-card, 14px); background: var(--color-bg-soft); } .bl-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s var(--ease); } .bl-card:hover .bl-card__media img { transform: scale(1.03); } .bl-card__placeholder { display: block; width: 100%; height: 100%; background: var(--color-accent-light); } .bl-card__body { display: flex; flex-direction: column; gap: 10px; } .bl-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; font-size: 0.8125rem; color: var(--color-muted); } .bl-card__cat { color: var(--color-bleu-ink); font-weight: 600; text-decoration: none; } .bl-card__cat:hover { color: var(--color-accent); } .bl-card__title { margin: 0; font-family: var(--font-heading); font-size: 1.1875rem; font-weight: 600; line-height: 1.35; letter-spacing: -0.01em; } .bl-card__title a { color: var(--color-ink); text-decoration: none; } .bl-card__title a:hover { color: var(--color-accent); } .bl-card__excerpt { margin: 0; font-size: 0.9375rem; line-height: 1.6; color: #555; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .bl-card__more { display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; font-size: 0.875rem; font-weight: 600; color: var(--color-accent); text-decoration: none; } .bl-card__more:hover { color: var(--color-accent-soft); } .bl-card__more svg { transition: transform var(--dur) var(--ease); } .bl-card__more:hover svg { transform: translateX(3px); } .bl-card--feature { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: center; gap: clamp(28px, 4vw, 64px); margin-bottom: clamp(44px, 5vw, 72px); } .bl-card--feature .bl-card__media { aspect-ratio: 16 / 10.5; } .bl-card--feature .bl-card__title { font-size: clamp(1.5rem, 2.4vw, 2.125rem); line-height: 1.22; } .bl-card--feature .bl-card__excerpt { font-size: 1.0625rem; -webkit-line-clamp: 5; } .bl-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(36px, 4vw, 56px) clamp(24px, 2.6vw, 40px); } .bl-empty { padding: 40px 0; color: var(--color-muted); } .bl-pagination { margin-top: clamp(40px, 5vw, 64px); } .bl-pagination .nav-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; } .bl-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 12px; border: 1px solid var(--color-border); border-radius: 999px; font-weight: 500; color: var(--color-ink); text-decoration: none; } .bl-pagination .page-numbers:hover { color: var(--color-accent); } .bl-pagination .page-numbers.current { background: var(--color-accent); border-color: var(--color-accent); color: #fff; } .bl-pagination .page-numbers.dots { border: 0; } .bl-post__head { padding-top: clamp(28px, 3.5vw, 48px); padding-bottom: clamp(24px, 3vw, 40px); } .bl-post__head > * { max-width: 920px; } .bl-post__crumbs ol { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 22px; padding: 0; list-style: none; font-size: 0.8125rem; color: var(--color-muted); } .bl-post__crumbs li + li::before { content: "/"; margin-right: 6px; opacity: 0.6; } .bl-post__crumbs a { color: var(--color-muted); text-decoration: none; } .bl-post__crumbs a:hover { color: var(--color-accent); } .bl-post__cat { display: inline-block; margin-bottom: 14px; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-bleu-ink); text-decoration: none; } .bl-post__cat:hover { color: var(--color-accent); } .bl-post__title { margin: 0 0 18px; font-family: var(--font-heading); font-size: clamp(1.875rem, 3.6vw, 3rem); font-weight: 600; line-height: 1.15; letter-spacing: -0.02em; color: var(--color-ink); } .bl-post__lead { margin: 0 0 22px; font-size: clamp(1.0625rem, 1.3vw, 1.25rem); line-height: 1.6; color: #4a4a4a; } .bl-post__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 0.875rem; color: var(--color-muted); } .bl-post__author { color: var(--color-ink); font-weight: 600; } .bl-post__cover { margin: 0 auto clamp(36px, 4.5vw, 64px); } .bl-post__cover img { display: block; width: 100%; aspect-ratio: 2 / 1; max-height: 480px; object-fit: cover; border-radius: var(--radius-card, 14px); } .bl-post__doc { padding-bottom: clamp(40px, 5vw, 72px); } .bl-post__doc--single .bl-post__main { max-width: 860px; } .bl-post__body { font-size: 1.0625rem; line-height: 1.8; color: #3a3a3a; } .bl-post__body > :first-child { margin-top: 0; } .bl-post__body p { margin: 0 0 1.15em; } .bl-post__body h2 { scroll-margin-top: 170px; margin: 2em 0 0.6em; font-family: var(--font-heading); font-size: clamp(1.375rem, 1.9vw, 1.75rem); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: var(--color-ink); } .bl-post__body h3 { scroll-margin-top: 170px; margin: 1.6em 0 0.5em; font-family: var(--font-heading); font-size: 1.1875rem; font-weight: 600; line-height: 1.4; color: var(--color-ink); } .bl-post__body ul, .bl-post__body ol { margin: 0 0 1.2em; padding-left: 1.3em; } .bl-post__body li { margin-bottom: 0.45em; } .bl-post__body li::marker { color: var(--color-accent); } .bl-post__body a { color: var(--color-accent); text-decoration: none; font-weight: 500; } .bl-post__body a:hover { color: var(--color-accent-soft); } .bl-post__body strong { color: var(--color-ink); } .bl-post__body .wp-block-table { margin: 1.4em 0 1.8em; overflow-x: auto; } .bl-post__body .wp-block-table table { width: 100%; border-collapse: collapse; font-size: 0.9375rem; line-height: 1.55; } .bl-post__body .wp-block-table th, .bl-post__body .wp-block-table td { padding: 11px 14px; border: 1px solid var(--color-border); text-align: left; vertical-align: top; } .bl-post__body .wp-block-table thead th { background: var(--color-bg-soft); color: var(--color-ink); font-weight: 600; } .bl-post__body img { border-radius: var(--radius-card, 14px); } .bl-faq { margin-top: 0.8em; border-top: 1px solid var(--color-border); } .bl-faq__item { border-bottom: 1px solid var(--color-border); } .bl-faq__q { position: relative; list-style: none; cursor: pointer; padding: 18px 40px 18px 0; font-family: var(--font-heading); font-size: 1.0625rem; font-weight: 600; line-height: 1.45; color: var(--color-ink); } .bl-faq__q::-webkit-details-marker { display: none; } .bl-faq__q::after { content: ""; position: absolute; right: 6px; top: 50%; width: 10px; height: 10px; margin-top: -7px; border-right: 2px solid var(--color-accent); border-bottom: 2px solid var(--color-accent); transform: rotate(45deg); transition: transform var(--dur) var(--ease); } .bl-faq__item[open] .bl-faq__q::after { transform: rotate(-135deg); margin-top: -2px; } .bl-faq__q:hover { color: var(--color-accent); } .bl-faq__a { padding: 0 0 18px; } .bl-faq__a > :last-child { margin-bottom: 0; } .bl-post__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px 40px; flex-wrap: wrap; margin: clamp(36px, 4vw, 56px) 0 0; padding: clamp(24px, 3vw, 36px); border-radius: var(--radius-card, 14px); background: var(--color-accent-light); } .bl-post__cta > div:first-child { flex: 1 1 360px; } .bl-post__cta-title { margin: 0 0 6px; font-family: var(--font-heading); font-size: 1.25rem; font-weight: 600; color: var(--color-ink); } .bl-post__cta-text { margin: 0; color: #4a4a4a; line-height: 1.6; } .bl-post__cta-actions { display: flex; flex-wrap: wrap; gap: 12px; } .bl-post__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 32px; margin-top: 32px; } .bl-post__tags { display: flex; flex-wrap: wrap; gap: 8px 14px; } .bl-post__tag { font-size: 0.875rem; color: var(--color-muted); text-decoration: none; } .bl-post__tag:hover { color: var(--color-accent); } .bl-post__share { margin: 0; } .bl-post__nav { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 36px; padding-top: 28px; border-top: 1px solid var(--color-border); } .bl-post__nav-link { display: flex; flex-direction: column; gap: 6px; text-decoration: none; } .bl-post__nav-link--next { text-align: right; } .bl-post__nav-label { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-muted); } .bl-post__nav-title { font-family: var(--font-heading); font-weight: 600; line-height: 1.4; color: var(--color-ink); } .bl-post__nav-link:hover .bl-post__nav-title { color: var(--color-accent); } .bl-related { padding-block: clamp(48px, 6vw, 88px); border-top: 1px solid var(--color-border); } .bl-related__title { margin: 0 0 clamp(28px, 3vw, 40px); font-family: var(--font-heading); font-size: clamp(1.5rem, 2.2vw, 2rem); font-weight: 600; color: var(--color-ink); } @media (max-width: 1100px) { .bl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 860px) { .bl-card--feature { grid-template-columns: minmax(0, 1fr); gap: 20px; } .bl-post__cover img { aspect-ratio: 16 / 10; } } @media (max-width: 600px) { .bl-grid { grid-template-columns: minmax(0, 1fr); } .bl-post__nav { grid-template-columns: minmax(0, 1fr); } .bl-post__nav-link--next { text-align: left; } .bl-chips { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(var(--page-gutter, 16px) * -1); padding-inline: var(--page-gutter, 16px); scrollbar-width: none; } .bl-chip { flex: none; } } .site-nav__list { flex-wrap: nowrap; } @media (max-width: 1500px) { .site-nav__link { padding-inline: 10px; letter-spacing: 0.2px; } .site-nav__link::after { left: 10px; right: 10px; } } @media (max-width: 1320px) { .site-nav__link { padding-inline: 7px; font-size: 0.78125rem; } .site-nav__link::after { left: 7px; right: 7px; } } .bl-chips { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; flex-wrap: initial; } .bl-chip { display: flex; align-items: center; gap: 14px; padding: 14px 18px 14px 14px; border: 0; border-radius: var(--radius-card, 14px); background: var(--color-bg-soft); transition: background-color var(--dur) var(--ease), color var(--dur) var(--ease); } .bl-chip:hover { background: var(--color-accent-light); color: var(--color-ink); } .bl-chip__media { flex: none; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; overflow: hidden; border-radius: 50%; background: #fff; color: var(--color-accent); } .bl-chip__media img { width: 100%; height: 100%; object-fit: cover; display: block; } .bl-chip__text { display: flex; flex-direction: column; gap: 3px; min-width: 0; } .bl-chip__name { font-family: var(--font-heading); font-size: 1rem; font-weight: 600; line-height: 1.3; color: var(--color-ink); } .bl-chip__count { font-size: 0.8125rem; color: var(--color-muted); } .bl-chip.is-active { background: var(--color-accent); color: #fff; } .bl-chip.is-active .bl-chip__name { color: #fff; } .bl-chip.is-active .bl-chip__count { color: rgba(255, 255, 255, 0.85); } @media (max-width: 1100px) { .bl-chips { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .bl-chips { display: flex; overflow-x: auto; scrollbar-width: none; margin-inline: calc(var(--page-gutter, 16px) * -1); padding-inline: var(--page-gutter, 16px); } .bl-chip { flex: 0 0 220px; } } .pc-swatch { border-radius: 3px; box-shadow: none; } .sp-swatch { border-radius: 9px; } .sp-swatch__dot { border-radius: 6px; } .product-card .pc-variations { border-radius: 6px; } .site-nav__list:hover > li:focus-within:not(:hover) > .sub-menu { opacity: 0; visibility: hidden; transform: translateY(6px); } .ls-host { position: relative; } .ls-panel { position: absolute; top: calc(100% + 8px); left: 50%; z-index: 1200; width: min(860px, calc(100vw - 32px)); max-height: min(640px, calc(100vh - 160px)); overflow-y: auto; scrollbar-width: thin; transform: translateX(-50%); background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-card, 14px); text-align: left; } .ls-panel[hidden] { display: none; } .ls-body { display: block; } .ls-body--split { display: grid; grid-template-columns: minmax(0, 1fr) 280px; } .ls-side { padding-bottom: 8px; background: var(--color-bg-soft); } .ls-main { padding-bottom: 8px; } .ls-section { padding: 14px 10px 4px; } .ls-label { margin: 0 0 6px; padding: 0 10px; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-muted); } .ls-item { text-decoration: none; color: var(--color-ink); border-radius: 10px; transition: background-color var(--dur) var(--ease); } .ls-item:hover, .ls-item.is-active { background: var(--color-accent-light); } .ls-side .ls-item:hover, .ls-side .ls-item.is-active { background: #fff; } .ls-panel mark { background: none; color: var(--color-accent); font-weight: 700; } .ls-panel img { display: block; width: 100%; height: 100%; object-fit: cover; } .ls-noimg { display: block; width: 100%; height: 100%; background: var(--color-bg-soft); } .ls-prod { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 8px 10px; } .ls-prod__img { width: 56px; height: 56px; overflow: hidden; border-radius: 8px; border: 1px solid var(--color-border); background: #fff; } .ls-prod__text { display: flex; flex-direction: column; gap: 3px; min-width: 0; } .ls-prod__title { font-size: 0.9375rem; font-weight: 500; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ls-prod__cat { font-size: 0.75rem; color: var(--color-muted); text-transform: none; } .ls-prod__price { font-size: 0.9375rem; font-weight: 700; color: var(--color-accent-soft); white-space: nowrap; text-align: right; } .ls-prod__price del { display: block; font-size: 0.75rem; font-weight: 400; color: var(--color-muted); } .ls-prod__price ins { text-decoration: none; } .ls-prod__price small, .ls-prod__price .woocommerce-price-suffix { display: none; } .ls-cat, .ls-post { display: flex; align-items: center; gap: 12px; padding: 8px 10px; } .ls-cat__img { flex: none; width: 40px; height: 40px; overflow: hidden; border-radius: 50%; background: #fff; } .ls-cat__text { display: flex; flex-direction: column; min-width: 0; } .ls-cat__title { font-size: 0.875rem; font-weight: 600; line-height: 1.3; } .ls-cat__n { font-size: 0.75rem; color: var(--color-muted); } .ls-post__img { flex: none; width: 52px; height: 38px; overflow: hidden; border-radius: 6px; background: #fff; } .ls-post__title { font-size: 0.8125rem; font-weight: 500; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .ls-all { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 14px; border-top: 1px solid var(--color-border); border-radius: 0; font-size: 0.875rem; font-weight: 600; color: var(--color-accent); } .ls-all__n { color: var(--color-muted); font-weight: 500; } .ls-empty { padding: 22px 20px 6px; } .ls-empty__title { margin: 0 0 4px; font-weight: 600; color: var(--color-ink); } .ls-empty__hint { margin: 0; font-size: 0.875rem; color: var(--color-muted); } .ls-section--popular { padding: 16px 20px 18px; } .ls-section--popular .ls-label { padding: 0; margin-bottom: 10px; } .ls-tags { display: flex; flex-wrap: wrap; gap: 8px; } .ls-tag { padding: 7px 14px; border: 1px solid var(--color-border); border-radius: 999px; font-size: 0.8125rem; } .ls-tag:hover, .ls-tag.is-active { border-color: var(--color-accent-light); } .ls-loading .header-search__btn svg, .ls-loading .search-form__icon { animation: ls-pulse 0.8s ease-in-out infinite alternate; } @keyframes ls-pulse { from { opacity: 1; } to { opacity: 0.35; } } .header-search.ls-open .header-search__input { background: #fff; border-color: var(--color-accent); } .search-overlay .ls-panel { position: static; width: auto; max-height: calc(100vh - 220px); margin-top: 12px; transform: none; } @media (max-width: 760px) { .ls-body--split { grid-template-columns: minmax(0, 1fr); } .ls-side { background: none; border-top: 1px solid var(--color-border); } .ls-prod { grid-template-columns: 48px minmax(0, 1fr) auto; gap: 10px; } .ls-prod__img { width: 48px; height: 48px; } } .search-overlay { align-items: stretch; padding: 0; background: #fff; } .search-overlay__inner { display: flex; flex-direction: column; width: 100%; max-width: 760px; height: 100%; margin: 0 auto; padding: 18px var(--page-gutter, 16px) 16px; } .search-overlay__heading { margin: 4px 52px 16px 0; font-family: var(--font-heading); font-size: 1.25rem; font-weight: 600; color: var(--color-ink); } .search-overlay__close { top: 14px; right: var(--page-gutter, 16px); color: var(--color-ink); } .search-overlay__close:hover { color: var(--color-accent); } .search-overlay .search-form { flex-wrap: wrap; align-items: stretch; min-height: 0; flex: 1 1 auto; align-content: flex-start; } .search-overlay .search-form__wrap { position: relative; display: flex; align-items: center; flex: 1 1 0; min-width: 0; } .search-overlay .search-form__icon { position: absolute; left: 14px; color: var(--color-muted); pointer-events: none; } .search-overlay .search-field { width: 100%; height: 52px; padding: 0 40px 0 44px; border: 1px solid var(--color-border); border-right: 0; border-radius: var(--radius-sm, 8px) 0 0 var(--radius-sm, 8px); font-size: 1rem; } .search-overlay .search-field::-webkit-search-cancel-button { display: none; } .search-overlay .search-form__clear { position: absolute; right: 10px; display: flex; padding: 6px; color: var(--color-muted); background: none; border: 0; } .search-overlay .search-field:placeholder-shown + .search-form__clear { display: none; } .search-overlay .search-submit { height: 52px; padding: 0 20px; border-width: 1px; border-radius: 0 var(--radius-sm, 8px) var(--radius-sm, 8px) 0; } .search-overlay .ls-panel { position: static; flex: 0 0 100%; width: 100%; max-height: calc(100vh - 150px); max-height: calc(100dvh - 150px); margin-top: 14px; transform: none; border: 0; border-radius: 0; } .search-overlay .ls-section { padding-inline: 0; } .search-overlay .ls-section--popular { padding-inline: 0; } .search-overlay .ls-empty { padding-inline: 0; } .search-overlay .ls-label { padding-inline: 0; } .search-overlay .ls-side { background: none; } .search-overlay { z-index: 2000; } body input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):focus, body input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):focus-visible, body select:focus, body select:focus-visible, body textarea:focus, body textarea:focus-visible { outline: none; border-color: var(--color-accent); } .woocommerce-info:has(> a.button), .woocommerce-message:has(> a.button) { display: flex; align-items: center; justify-content: space-between; gap: 12px 20px; flex-wrap: wrap; } .woocommerce-info > a.button, .woocommerce-message > a.button { order: 2; flex: none; float: none; display: inline-flex !important; align-items: center; margin: 0; padding: 9px 16px !important; border: 0 !important; border-radius: var(--radius-sm, 8px) !important; background: var(--color-accent) !important; color: #fff !important; font-size: 0.8125rem; font-weight: 600; line-height: 1.2; text-transform: none; letter-spacing: 0; text-decoration: none !important; white-space: nowrap; } .woocommerce-info > a.button:hover, .woocommerce-message > a.button:hover { background: var(--color-accent-soft) !important; color: #fff !important; } .myaccount-dashboard__welcome { margin: 0 0 6px; font-family: var(--font-heading); font-size: 1.375rem; font-weight: 600; color: var(--color-ink); } .myaccount-dashboard__intro { margin: 0; color: #555; line-height: 1.6; } .myaccount-dashboard__shortcuts { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 28px 0 0; padding: 0; list-style: none; } .dashboard-shortcut { align-items: flex-start; gap: 4px; height: 100%; padding: 20px; border-radius: var(--radius-card, 14px); background: var(--color-bg-soft); color: var(--color-ink); text-align: left; text-decoration: none; } .dashboard-shortcut:hover { background: var(--color-accent-light); color: var(--color-ink); } .dashboard-shortcut__icon { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; margin-bottom: 10px; border-radius: 50%; background: #fff; color: var(--color-accent); } .dashboard-shortcut__title { font-family: var(--font-heading); font-size: 1rem; font-weight: 600; } .dashboard-shortcut__desc { font-size: 0.8125rem; font-weight: 400; line-height: 1.45; color: var(--color-muted); } @media (max-width: 1100px) { .myaccount-dashboard__shortcuts { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .myaccount-content .woocommerce-orders-table thead th { background: none; color: var(--color-muted); border-bottom: 1px solid var(--color-border); } .myaccount-content .woocommerce-orders-table tbody th, .myaccount-content .woocommerce-orders-table tbody td { background: none; border-bottom: 1px solid var(--color-border); font-size: 0.875rem; font-weight: 400; text-transform: none; letter-spacing: 0; color: var(--color-ink); } .myaccount-content .woocommerce-orders-table tbody tr:last-child th, .myaccount-content .woocommerce-orders-table tbody tr:last-child td { border-bottom: 1px solid var(--color-border); } .myaccount-content .woocommerce-orders-table__cell-order-number a { font-weight: 600; text-transform: none; } .myaccount-content .woocommerce-orders-table .wc-order-status { white-space: nowrap; } .myaccount-content .woocommerce-orders-table .wc-order-status.status-completed { background: var(--color-accent-light); color: var(--color-bleu-ink); } .myaccount-content .woocommerce-orders-table__cell-order-actions { text-align: right; } .myaccount-content .woocommerce-orders-table__cell-order-actions a.button, .myaccount-content .woocommerce-orders-table__cell-order-actions a { display: inline-flex !important; align-items: center; margin: 2px 0 2px 6px; padding: 7px 16px !important; border: 1px solid var(--color-border) !important; border-radius: 999px !important; background: #fff !important; color: var(--color-ink) !important; font-size: 0.8125rem !important; font-weight: 600; text-transform: none !important; letter-spacing: 0 !important; } .myaccount-content .woocommerce-orders-table__cell-order-actions a:hover { color: var(--color-accent) !important; background: var(--color-accent-light) !important; } .myaccount-content .woocommerce-pagination { margin-top: 20px; } .myaccount-content mark:not(.order-status) { padding: 0; background: none; color: var(--color-ink); font-weight: 600; } .myaccount-content .order-again { margin: 24px 0 36px; } .woocommerce-EditAccountForm fieldset { margin: 32px 0 8px; padding: 0; border: 0; border-radius: 0; } .woocommerce-EditAccountForm fieldset legend { margin-bottom: 14px; padding: 0; font-family: var(--font-heading); font-size: 1.125rem; font-weight: 600; color: var(--color-ink); } .woocommerce-EditAccountForm em, .woocommerce-EditAccountForm #account_display_name_description { display: block; margin-top: 6px; font-size: 0.8125rem; font-style: normal; color: var(--color-muted); } .myaccount-content .woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; } .myaccount-content .woocommerce-Address address { font-style: normal; line-height: 1.7; color: #3a3a3a; } .woocommerce-address-fields__field-wrapper, .woocommerce-EditAccountForm { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 16px; } .woocommerce-address-fields__field-wrapper > .form-row, .woocommerce-EditAccountForm > * { grid-column: 1 / -1; float: none; width: auto; margin: 0 0 18px; } .woocommerce-address-fields__field-wrapper > .form-row-first, .woocommerce-EditAccountForm > .form-row-first { grid-column: 1; } .woocommerce-address-fields__field-wrapper > .form-row-last, .woocommerce-EditAccountForm > .form-row-last { grid-column: 2; } .woocommerce-address-fields__field-wrapper::before, .woocommerce-address-fields__field-wrapper::after, .woocommerce-EditAccountForm::before, .woocommerce-EditAccountForm::after, .woocommerce-EditAccountForm > .clear { display: none; } .woocommerce-EditAccountForm > .form-row-last:has(#account_last_name) { grid-column: 1; grid-row: 1; } .woocommerce-EditAccountForm > .form-row-first:has(#account_first_name) { grid-column: 2; grid-row: 1; } @media (max-width: 600px) { .woocommerce-address-fields__field-wrapper > .form-row, .woocommerce-EditAccountForm > * { grid-column: 1 / -1 !important; grid-row: auto !important; } } .myaccount-content .woocommerce-address-fields__field-wrapper > .form-row { margin: 0 0 18px !important; padding: 0; } .myaccount-content .woocommerce-orders-table__cell-order-actions a, .myaccount-content .woocommerce-orders-table__cell-order-actions a:hover, .myaccount-content .woocommerce-orders-table__cell-order-actions a:focus { background-image: none !important; } .myaccount-content .woocommerce-orders-table__cell-order-actions a:hover { border-color: var(--color-accent) !important; } .tz-order__summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1px; margin: 0 0 36px; padding: 0; border: 1px solid var(--color-border); border-radius: var(--radius-card, 14px); background: var(--color-border); overflow: hidden; } .tz-order__stat { margin: 0; padding: 18px 20px; background: #fff; } .tz-order__stat dt { margin: 0 0 6px; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-muted); } .tz-order__stat dd { margin: 0; font-family: var(--font-heading); font-size: 1rem; font-weight: 600; color: var(--color-ink); } .tz-order__total { color: var(--color-accent-soft) !important; font-size: 1.125rem !important; } .tz-order .wc-order-status { display: inline-block; padding: 4px 12px; border-radius: 999px; font-family: var(--font-body); font-size: 0.8125rem; font-weight: 600; background: var(--color-bg-soft); color: var(--color-muted); } .tz-order .wc-order-status.status-completed { background: var(--color-accent-light); color: var(--color-bleu-ink); } .tz-order .wc-order-status.status-processing { background: #EAF2FF; color: #1D4ED8; } .tz-order .wc-order-status.status-on-hold { background: #FFF6E5; color: #B45309; } .tz-order .wc-order-status.status-cancelled, .tz-order .wc-order-status.status-failed { background: #FEF2F2; color: #B91C1C; } .tz-order__title { display: flex; align-items: baseline; gap: 12px; margin: 0 0 16px; font-family: var(--font-heading); font-size: 1.25rem; font-weight: 600; color: var(--color-ink); } .tz-order__count { font-family: var(--font-body); font-size: 0.875rem; font-weight: 500; color: var(--color-muted); } .tz-order__updates { margin-bottom: 36px; } .tz-order__timeline { margin: 0; padding: 0 0 0 18px; list-style: none; border-left: 2px solid var(--color-accent-light); } .tz-order__timeline li { position: relative; padding: 0 0 16px 6px; } .tz-order__timeline li::before { content: ""; position: absolute; left: -25px; top: 5px; width: 12px; height: 12px; border-radius: 50%; background: var(--color-accent); } .tz-order__timeline time { display: block; font-size: 0.8125rem; color: var(--color-muted); } .tz-order__timeline p { margin: 4px 0 0; } .myaccount-content .tz-order-table, .tz-order-table { width: 100%; border-collapse: collapse; } .tz-order-table thead th { padding: 0 12px 10px !important; background: none !important; border-bottom: 1px solid var(--color-border) !important; font-size: 0.75rem !important; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-muted) !important; text-align: left; } .tz-order-table td { padding: 14px 12px !important; border-bottom: 1px solid var(--color-border) !important; vertical-align: middle; font-size: 0.9375rem !important; color: var(--color-ink); background: none !important; } .tz-order-table th.product-quantity, .tz-order-table td.product-quantity { width: 150px; text-align: left; white-space: nowrap; } .tz-order-table th.product-total, .tz-order-table td.product-total { width: 130px; text-align: right !important; font-weight: 600; white-space: nowrap; } .tz-order-item { display: flex; align-items: center; gap: 14px; } .tz-order-item__img { flex: none; width: 56px; height: 56px; overflow: hidden; border: 1px solid var(--color-border); border-radius: 8px; background: #fff; } .tz-order-item__img img { display: block; width: 100%; height: 100%; object-fit: cover; } .tz-order-item__text { display: flex; flex-direction: column; gap: 3px; min-width: 0; } .tz-order-item__name, .tz-order-item__name a { font-weight: 600; color: var(--color-ink); text-decoration: none; } .tz-order-item__name a:hover { color: var(--color-accent); } .tz-order-item__variant { font-size: 0.8125rem; color: var(--color-muted); } .tz-order-item__text .wc-item-meta { margin: 2px 0 0; padding: 0; list-style: none; font-size: 0.8125rem; color: var(--color-muted); } .tz-order-item__text .wc-item-meta li { display: flex; gap: 4px; margin: 0; } .tz-order-item__text .wc-item-meta p { margin: 0; } .tz-order-item__unit { display: block; margin-top: 2px; font-size: 0.75rem; color: var(--color-muted); } .tz-order-totals { display: flex; flex-direction: column; align-items: flex-end; gap: 16px; margin: 20px 0 8px; } .tz-order-totals__list { width: min(420px, 100%); margin: 0; padding: 18px 20px; border-radius: var(--radius-card, 14px); background: var(--color-bg-soft); } .tz-order-totals__row { display: flex; justify-content: space-between; gap: 16px; padding: 7px 0; } .tz-order-totals__row dt { margin: 0; font-size: 0.875rem; color: var(--color-muted); } .tz-order-totals__row dd { margin: 0; font-size: 0.9375rem; font-weight: 600; color: var(--color-ink); text-align: right; } .tz-order-totals__row--order_total { margin-top: 6px; padding-top: 13px; border-top: 1px solid var(--color-border); } .tz-order-totals__row--order_total dt { font-weight: 600; color: var(--color-ink); } .tz-order-totals__row--order_total dd { font-size: 1.125rem; color: var(--color-accent-soft); } .tz-order-totals__row--order_total dd small { display: block; font-size: 0.75rem; font-weight: 400; color: var(--color-muted); } .tz-order-totals__actions { display: flex; flex-wrap: wrap; gap: 10px; } .tz-order-items .order-again { margin: 16px 0 0; text-align: right; } .tz-order-addresses { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 36px; } .tz-order-addresses--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .tz-order-address { padding: 20px 22px; border-radius: var(--radius-card, 14px); background: var(--color-bg-soft); } .tz-order-address__title { margin: 0 0 10px; font-family: var(--font-heading); font-size: 1rem; font-weight: 600; color: var(--color-ink); } .tz-order-address address { margin: 0; font-style: normal; line-height: 1.7; color: #3a3a3a; } .tz-order-address address p { margin: 6px 0 0; } .tz-order-address .woocommerce-customer-details--phone::before, .tz-order-address .woocommerce-customer-details--email::before { display: none; } @media (max-width: 700px) { .tz-order-addresses--2 { grid-template-columns: minmax(0, 1fr); } .tz-order-table thead { display: none; } .tz-order-table tr { display: grid; grid-template-columns: 1fr auto; padding: 12px 0; border-bottom: 1px solid var(--color-border); } .tz-order-table td { border: 0 !important; padding: 4px 0 !important; } .tz-order-table td.product-name { grid-column: 1 / -1; } .tz-order-table td.product-quantity { width: auto; padding-left: 70px !important; } .tz-order-table td.product-total { width: auto; } .tz-order-totals { align-items: stretch; } .tz-order-totals__list { width: 100%; } } @media (min-width: 1000px) { .abx-list:has(> li:nth-child(4):last-child) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .shop-layout:has(> .tzf), .shop-layout:has(> .tzf):not(.shop-layout--no-sidebar) { grid-template-columns: minmax(0, 1fr); gap: 0; } .shop-layout > .tzf { order: -1; min-width: 0; } .tzf { position: relative; margin-bottom: 22px; } .tzf.is-loading { opacity: 0.6; pointer-events: none; } .tzf-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .tzf-drop { position: relative; } .tzf-pill { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 16px; border: 1px solid var(--color-border); border-radius: 999px; background: #fff; color: var(--color-ink); font: 500 0.875rem/1 var(--font-body); cursor: pointer; transition: border-color var(--dur) var(--ease), color var(--dur) var(--ease), background-color var(--dur) var(--ease); } .tzf-pill:hover, .tzf-pill.is-open { border-color: var(--color-ink); } .tzf-pill.is-on { border-color: var(--color-accent); color: var(--color-bleu-ink); background: var(--color-accent-light); } .tzf-pill--all { background: var(--color-ink); border-color: var(--color-ink); color: #fff; } .tzf-pill--all:hover { background: #000; border-color: #000; } .tzf-chev { transition: transform var(--dur) var(--ease); } .tzf-pill.is-open .tzf-chev { transform: rotate(180deg); } .tzf-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--color-accent); color: #fff; font-size: 0.6875rem; font-weight: 700; } .tzf-pill--all .tzf-badge { background: #fff; color: var(--color-ink); } .tzf-pop { position: absolute; top: calc(100% + 8px); left: 0; z-index: 60; width: 300px; max-width: calc(100vw - 32px); border: 1px solid var(--color-border); border-radius: 14px; background: #fff; } .tzf-pop--cats { width: 320px; } .tzf-pop__body { max-height: 340px; overflow-y: auto; padding: 14px 16px; scrollbar-width: thin; } .tzf-pop__foot { display: flex; justify-content: space-between; gap: 10px; padding: 12px 16px; border-top: 1px solid var(--color-border); } .tzf-opts { margin: 0; padding: 0; list-style: none; display: grid; gap: 2px; } .tzf-opts li { position: relative; } .tzf-check { position: absolute; opacity: 0; width: 1px; height: 1px; } .tzf-opts label { display: flex; align-items: center; gap: 10px; padding: 8px 8px; border-radius: 8px; cursor: pointer; font-size: 0.9rem; color: var(--color-ink); } .tzf-opts label:hover { background: var(--color-bg-soft); } .tzf-opts label::before { content: ""; flex: none; width: 18px; height: 18px; border: 1.5px solid #c9ccc7; border-radius: 5px; background: #fff; transition: background-color var(--dur) var(--ease), border-color var(--dur) var(--ease); } .tzf-check:checked + label::before { border-color: var(--color-accent); background: var(--color-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / 12px no-repeat; } .tzf-check:focus-visible + label { outline: 2px solid var(--color-accent); outline-offset: 1px; } .tzf-opt__name { flex: 1; min-width: 0; } .tzf-count { margin-left: auto; font-size: 0.75rem; color: var(--color-muted); font-variant-numeric: tabular-nums; } .tzf-opts--swatch label::before { display: none; } .tzf-dot { flex: none; width: 22px; height: 22px; border-radius: 6px; background: var(--c, #ccc); border: 1px solid rgba(0, 0, 0, 0.12); position: relative; } .tzf-dot--unknown { background: repeating-linear-gradient(45deg, #F1F1EF 0 3px, #D9D9D5 3px 6px); } .tzf-check:checked + label .tzf-dot { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--color-accent); } .tzf-check:checked + label .tzf-opt__name { font-weight: 600; } .tzf-cats { margin: 0; padding: 0; list-style: none; } .tzf-cats a { display: flex; align-items: center; gap: 8px; padding: 8px 8px; border-radius: 8px; font-size: 0.9rem; color: var(--color-ink); text-decoration: none; } .tzf-cats a:hover { background: var(--color-bg-soft); color: var(--color-accent); } .tzf-cats a.is-active { background: var(--color-accent-light); color: var(--color-bleu-ink); font-weight: 600; } .tzf-cats__item--sub a { padding-left: 24px; font-size: 0.85rem; color: #555; } .tzf-price__slider { position: relative; height: 28px; margin: 6px 4px 14px; } .tzf-price__track { position: absolute; left: 0; right: 0; top: 50%; height: 4px; margin-top: -2px; border-radius: 4px; background: var(--color-border); } .tzf-price__fill { position: absolute; top: 0; bottom: 0; border-radius: 4px; background: var(--color-accent); } .tzf-price__range { position: absolute; inset: 0; width: 100%; margin: 0; background: none; pointer-events: none; -webkit-appearance: none; appearance: none; } .tzf-price__range::-webkit-slider-thumb { -webkit-appearance: none; pointer-events: auto; width: 20px; height: 20px; border-radius: 50%; background: #fff; border: 2px solid var(--color-accent); cursor: grab; } .tzf-price__range::-moz-range-thumb { pointer-events: auto; width: 18px; height: 18px; border-radius: 50%; background: #fff; border: 2px solid var(--color-accent); cursor: grab; } .tzf-price__inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .tzf-price__inputs label { display: flex; flex-direction: column; gap: 4px; position: relative; } .tzf-price__inputs span { font-size: 0.75rem; color: var(--color-muted); } .tzf-price__inputs input { width: 100%; height: 40px; padding: 0 34px 0 12px; border: 1px solid var(--color-border); border-radius: 8px; font-size: 0.9rem; -moz-appearance: textfield; } .tzf-price__inputs input::-webkit-inner-spin-button { -webkit-appearance: none; } .tzf-price__inputs em { position: absolute; right: 12px; bottom: 11px; font-style: normal; font-size: 0.8125rem; color: var(--color-muted); } .tzf-apply, .tzf-reset { height: 40px; padding: 0 18px; border-radius: 10px; font: 600 0.875rem/1 var(--font-body); cursor: pointer; } .tzf-apply { border: 0; background: var(--color-accent); color: #fff; } .tzf-apply:hover { background: var(--color-accent-soft); } .tzf-reset { border: 1px solid var(--color-border); background: #fff; color: var(--color-ink); } .tzf-reset:hover { border-color: var(--color-ink); } .tzf-active { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; } .tzf-chip { display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 12px; border-radius: 999px; background: var(--color-accent-light); color: var(--color-bleu-ink); font-size: 0.8125rem; font-weight: 500; text-decoration: none; } .tzf-chip span[aria-hidden] { font-size: 0.7rem; opacity: 0.75; } .tzf-chip:hover { color: var(--color-accent-soft); } .tzf-clear { margin-left: 4px; font-size: 0.8125rem; font-weight: 600; color: var(--color-muted); text-decoration: none; } .tzf-clear:hover { color: var(--color-ink); } .tzf-sheet { position: fixed; inset: 0; z-index: 1000; } .tzf-sheet__backdrop { position: absolute; inset: 0; background: rgba(17, 24, 20, 0.45); opacity: 0; transition: opacity 0.22s ease; } .tzf-sheet__panel { position: absolute; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; width: min(420px, 100%); background: #fff; transform: translateX(100%); transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1); } .tzf-sheet.is-open .tzf-sheet__backdrop { opacity: 1; } .tzf-sheet.is-open .tzf-sheet__panel { transform: none; } .tzf-sheet__head { display: flex; align-items: center; justify-content: space-between; padding: 18px 22px; border-bottom: 1px solid var(--color-border); } .tzf-sheet__title { margin: 0; font-family: var(--font-heading); font-size: 1.125rem; font-weight: 600; } .tzf-sheet__close { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border: 1px solid var(--color-border); border-radius: 50%; background: #fff; color: var(--color-ink); cursor: pointer; } .tzf-sheet__body { flex: 1; overflow-y: auto; padding: 4px 22px 16px; scrollbar-width: thin; } .tzf-sheet__foot { display: grid; grid-template-columns: 1fr 2fr; gap: 10px; padding: 14px 22px; border-top: 1px solid var(--color-border); } .tzf-sec { border-bottom: 1px solid var(--color-border); } .tzf-sec summary { display: flex; align-items: center; justify-content: space-between; padding: 16px 0; list-style: none; cursor: pointer; font-family: var(--font-heading); font-weight: 600; font-size: 0.95rem; } .tzf-sec summary::-webkit-details-marker { display: none; } .tzf-sec[open] summary .tzf-chev { transform: rotate(180deg); } .tzf-sec__body { padding: 0 0 16px; } .tzf-sheet .tzf-opts--swatch { grid-template-columns: repeat(2, minmax(0, 1fr)); } html.tzf-lock { overflow: hidden; } .tzf-sort { margin: 0; padding: 8px 14px 18px; list-style: none; } .tzf-sort a { display: flex; align-items: center; justify-content: space-between; padding: 14px 10px; border-bottom: 1px solid var(--color-border); color: var(--color-ink); text-decoration: none; font-size: 0.95rem; } .tzf-sort a.is-active { color: var(--color-bleu-ink); font-weight: 600; } .tzf-sort a.is-active::after { content: ""; width: 16px; height: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2302B783' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / contain no-repeat; } .tzf-mbar { display: none; } @media (max-width: 860px) { .tzf-bar { display: none; } .tzf-mbar { position: sticky; top: var(--tzf-sticky, 64px); z-index: 40; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 calc(var(--page-gutter, 16px) * -1); padding: 10px var(--page-gutter, 16px); background: #fff; border-bottom: 1px solid var(--color-border); } .tzf-mbtn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 12px; min-width: 0; border: 1px solid var(--color-border); border-radius: 12px; background: #fff; font: 600 0.875rem/1 var(--font-body); color: var(--color-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tzf-sheet__panel { top: auto; left: 0; width: 100%; max-height: 88vh; border-radius: 20px 20px 0 0; transform: translateY(100%); } .tzf-sheet--sort .tzf-sheet__panel { max-height: 70vh; } .shop-toolbar .woocommerce-ordering, .shop-toolbar .shop-per-page, .shop-toolbar [class*="per-page"] { display: none !important; } } @media (max-width: 860px) { .despre-hero__breadcrumb ol, .bl-post__crumbs ol { flex-wrap: nowrap; min-width: 0; white-space: nowrap; } .despre-hero__breadcrumb li, .bl-post__crumbs li { flex: none; } .despre-hero__breadcrumb li:last-child, .bl-post__crumbs li:last-child { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; } .despre-hero__breadcrumb { max-width: 100%; overflow: hidden; } } @media (max-width: 700px) { .myaccount-content .woocommerce-orders-table thead { display: none; } .myaccount-content .woocommerce-orders-table, .myaccount-content .woocommerce-orders-table tbody { display: block; } .myaccount-content .woocommerce-orders-table tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; margin: 0 0 10px; padding: 14px 16px; border: 1px solid var(--color-border); border-radius: 14px; } .myaccount-content .woocommerce-orders-table tbody th, .myaccount-content .woocommerce-orders-table tbody td { display: block; padding: 0 !important; border: 0 !important; text-align: left !important; } .myaccount-content .woocommerce-orders-table tbody th::before, .myaccount-content .woocommerce-orders-table tbody td::before { display: none !important; } .myaccount-content .woocommerce-orders-table__cell-order-number { grid-column: 1; grid-row: 1; font-size: 1rem !important; } .myaccount-content .woocommerce-orders-table__cell-order-status { grid-column: 2; grid-row: 1; justify-self: end; } .myaccount-content .woocommerce-orders-table__cell-order-date { grid-column: 1; grid-row: 2; font-size: 0.8125rem !important; color: var(--color-muted) !important; } .myaccount-content .woocommerce-orders-table__cell-order-total { grid-column: 1; grid-row: 3; font-size: 0.875rem !important; } .myaccount-content .woocommerce-orders-table__cell-order-actions { grid-column: 2; grid-row: 2 / 4; align-self: end; justify-self: end; } .myaccount-content .woocommerce-orders-table__cell-order-actions a { margin: 0 !important; } } @media (max-width: 700px) { .tz-order__summary { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 28px; } .tz-order__stat { padding: 14px 14px; } .tz-order__stat:last-child:nth-child(odd) { grid-column: 1 / -1; } .tz-order__stat dd { font-size: 0.9375rem; } .tz-order__title { flex-wrap: wrap; font-size: 1.125rem; } .tz-order-table tr { grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; } .tz-order-table td.product-quantity { padding-left: 70px !important; color: var(--color-muted); font-size: 0.8125rem !important; } .tz-order-table td.product-total { align-self: end; } .tz-order-item { gap: 12px; } .tz-order-item__img { width: 56px; height: 56px; } .tz-order-totals__list { padding: 16px; } .tz-order-items .order-again { text-align: left; } .tz-order-items .order-again .button { width: 100%; justify-content: center; } .tz-order-address { padding: 18px; } } @media (max-width: 600px) { .qv-modal .qv-gallery { flex: none; } .qv-modal .qv-gallery__main { height: clamp(300px, 50vh, 500px); } .qv-modal .qv-gallery__main-img, .qv-modal .qv-gallery__main img { width: 100%; height: 100%; object-fit: cover; } } @media (max-width: 700px) { .tz-order-table, .tz-order-table tbody { display: block; width: 100%; } .tz-order-table tr { width: 100%; } } :root { --tzc-fab-left: 20px; --tzc-fab-bottom: 72px; } @media (max-width: 767px) { :root { --tzc-fab-left: 13px; --tzc-fab-bottom: calc(64px + env(safe-area-inset-bottom, 0px) + 64px); } } @media (max-width: 767px) { .wa-float__icon { width: 38px; height: 38px; } .wa-float__icon svg { width: 19px; height: 19px; } :root { --tzc-fab-left: 12px; --tzc-fab-bottom: calc(64px + env(safe-area-inset-bottom, 0px) + 12px + 38px + 8px); } .tzc-fab { width: 38px; height: 38px; } .tzc-fab svg { width: 18px; height: 18px; } } .wa-float--left { left: 18px; } .wa-float { bottom: 18px; } .wa-float__icon { width: 42px; height: 42px; } .wa-float__icon svg { width: 21px; height: 21px; } :root { --tzc-fab-left: 18px; --tzc-fab-bottom: calc(18px + 42px + 8px); } html body button.tzc-fab { width: 42px; height: 42px; } html body button.tzc-fab svg { width: 20px; height: 20px; } @media (max-width: 767px) { .wa-float--left { left: 12px; } .wa-float { bottom: calc(64px + env(safe-area-inset-bottom, 0px) + 12px); } .wa-float__icon { width: 38px; height: 38px; } .wa-float__icon svg { width: 19px; height: 19px; } :root { --tzc-fab-left: 12px; --tzc-fab-bottom: calc(64px + env(safe-area-inset-bottom, 0px) + 12px + 38px + 8px); } html body button.tzc-fab { width: 38px; height: 38px; } html body button.tzc-fab svg { width: 18px; height: 18px; } } @media (max-width: 600px) { .perks__list { gap: 8px; padding: 0; border: 0 !important; border-radius: 0; background: none; } .perks__item, .perks__item:nth-child(even), .perks__item:nth-child(n + 3) { gap: 9px; padding: 9px 10px; border: 1px solid var(--color-border); border-radius: 12px; background: #fff; } .perks__item + .perks__item::before { display: none; } .perks__icon { width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 50%; background: var(--color-accent-light); } .perks__icon svg { width: 16px; height: 16px; } .perks__title { font-size: 0.78125rem; line-height: 1.25; } }