html body #common-home.zm-home-layout-r34 .zoomag-banner-shell.zoomag-home-brands-slider { padding-inline: 0 !important; margin-block: 28px 34px !important; overflow: hidden !important; }
html body #common-home.zm-home-layout-r34 .zoomag-banner-shell.zoomag-home-brands-slider .zoomag-banner-stage { height: auto !important; min-height: 0 !important; }
html body #common-home.zm-home-layout-r34 .zoomag-banner-shell.zoomag-home-brands-slider .zoomag-home-brands-track { display: flex !important; align-items: stretch !important; gap: 16px !important; height: auto !important; padding: 4px 4px 12px !important; overflow: auto hidden !important; scroll-snap-type: x proximity !important; scrollbar-width: auto !important; }
html body #common-home.zm-home-layout-r34 .zoomag-banner-shell.zoomag-home-brands-slider .zoomag-home-brand-item { flex: 0 0 clamp(232px, 21vw, 280px) !important; min-width: 0 !important; }
html body #common-home.zm-home-layout-r34 .zoomag-banner-shell.zoomag-home-brands-slider .zoomag-banner-card { display: grid !important; place-items: center !important; width: 100% !important; height: 154px !important; min-height: 154px !important; padding: 10px !important; border-radius: 14px !important; background: #fff !important; transform: none !important; }
html body #common-home.zm-home-layout-r34 .zoomag-banner-shell.zoomag-home-brands-slider .zoomag-banner-card-link { display: grid !important; place-items: center !important; width: 100% !important; height: 100% !important; min-height: 0 !important; overflow: visible !important; }
html body #common-home.zm-home-layout-r34 .zoomag-banner-shell.zoomag-home-brands-slider .zoomag-banner-card-image { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: contain !important; object-position: center !important; border-radius: 0 !important; transform: none !important; }
html body #common-home.zm-home-layout-r34 .zm-home-specials-r19 .zm-home-specials-r19__rail { grid-auto-columns: minmax(286px, calc(25% - 12px)) !important; gap: 16px !important; padding-bottom: 12px !important; scroll-snap-type: x proximity !important; scrollbar-width: auto !important; }
html body #common-home.zm-home-layout-r34 .zm-home-specials-r19 .zm-home-specials-r19__card .zm-catalog-media-r68 { flex: 0 0 auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 1 / 1 !important; padding: 10px !important; }
html body #common-home.zm-home-layout-r34 .zm-home-specials-r19 .zm-home-specials-r19__card .zm-catalog-media-r68__image { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center !important; padding: 0 !important; margin: 0 !important; transform: none !important; }
html body #common-home.zm-home-layout-r34 .zm-home-specials-r19 .zm-home-specials-r19__card-body { padding: 14px !important; }
html body #common-home.zm-home-layout-r34 .zm-home-specials-r19 .zm-home-specials-r19__card-body h3 { min-height: 67.2px !important; font-size: 16px !important; line-height: 1.4 !important; -webkit-line-clamp: 3 !important; }
html body #common-home.zm-home-layout-r34 .zm-home-specials-r19 .zm-home-specials-r27__group { font-size: 13px !important; line-height: 1.2 !important; padding: 5px 9px !important; }
html body #common-home.zm-home-layout-r34 .zm-home-specials-r19 .zm-home-specials-r19__copy h2 { font-size: clamp(28px, 2.2vw, 36px) !important; line-height: 1.18 !important; }
html body #common-home.zm-home-layout-r34 .zm-home-specials-r19 .zm-home-specials-r27__actions a { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; font-size: 16px !important; white-space: normal !important; }
html body #common-home.zm-home-layout-r34 .zoomag-home-brands-track:focus-visible, html body #common-home.zm-home-layout-r34 .zoomag-banner-card-link:focus-visible, html body #common-home.zm-home-layout-r34 .zm-home-specials-r19__rail:focus-visible, html body #common-home.zm-home-layout-r34 .zm-home-specials-r19__card-link:focus-visible, html body #common-home.zm-home-layout-r34 .zm-home-specials-r19__nav:focus-visible { outline: 3px solid #176b46 !important; outline-offset: 3px !important; }
@media (max-width: 1099.98px) { html body #common-home.zm-home-layout-r34 .zm-home-specials-r19 .zm-home-specials-r19__rail { grid-auto-columns: minmax(260px, calc(33.3333% - 10.6667px)) !important; } }
@media (max-width: 767.98px) { html body #common-home.zm-home-layout-r34 .zoomag-banner-shell.zoomag-home-brands-slider .zoomag-home-brand-item { flex-basis: clamp(208px, 64vw, 248px) !important; } html body #common-home.zm-home-layout-r34 .zoomag-banner-shell.zoomag-home-brands-slider .zoomag-banner-card { height: 132px !important; min-height: 132px !important; padding: 10px !important; } html body #common-home.zm-home-layout-r34 .zm-home-specials-r19 .zm-home-specials-r19__rail { grid-auto-columns: minmax(224px, 82%) !important; gap: 14px !important; padding-inline: 12px !important; } html body #common-home.zm-home-layout-r34 .zm-home-specials-r19 .zm-home-specials-r19__copy h2 { font-size: clamp(24px, 6.2vw, 28px) !important; } }
@media (prefers-reduced-motion: reduce) { html body #common-home.zm-home-layout-r34 .zoomag-home-brands-track, html body #common-home.zm-home-layout-r34 .zm-home-specials-r19__rail { scroll-behavior: auto !important; } }
:root { --zoomag-primary: #f97316; --zoomag-secondary: #fb923c; --zoomag-ink: #172033; --zoomag-muted: #5d687b; --zoomag-surface: rgba(255, 255, 255, 0.78); --zoomag-border: rgba(15, 23, 42, 0.08); --zoomag-shadow: 0 18px 40px rgba(15, 23, 42, 0.08); }
.zoomag-home-hero-banner { position: relative; margin: 18px 0 22px; padding: clamp(18px, 2.5vw, 30px); border-radius: 28px; overflow: hidden; border: 1px solid var(--zoomag-border); background: radial-gradient(circle at top left, rgba(249, 115, 22, 0.12), transparent 34%), radial-gradient(circle at bottom right, rgba(59, 130, 246, 0.08), transparent 32%), linear-gradient(135deg, #fffaf2 0%, #fffefb 54%, #f7faff 100%); box-shadow: var(--zoomag-shadow); }
.zoomag-home-banner-content { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.8fr); gap: 22px; align-items: center; }
.zoomag-home-banner-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 10px; padding: 6px 12px; border-radius: 999px; background: rgba(249, 115, 22, 0.1); color: #b45309; font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.zoomag-home-banner-title { margin: 0 0 12px; font-size: clamp(28px, 3vw, 42px); line-height: 1.05; font-weight: 900; color: var(--zoomag-ink); }
.zoomag-home-banner-subtitle { margin: 0; max-width: 760px; color: var(--zoomag-muted); font-size: clamp(15px, 1.5vw, 18px); line-height: 1.6; font-weight: 500; }
.zoomag-home-banner-features { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.zoomag-home-feature-badge { display: inline-flex; align-items: center; padding: 10px 14px; border-radius: 999px; border: 1px solid rgba(249, 115, 22, 0.14); background: rgba(255, 255, 255, 0.76); color: var(--zoomag-ink); font-size: 14px; font-weight: 700; box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05); }
.zoomag-home-banner-visual { display: flex; justify-content: flex-end; }
.zoomag-home-visual-card { width: min(100%, 360px); padding: 18px; border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.55); background: linear-gradient(180deg, rgba(255,255,255,0.82), rgba(255,255,255,0.68)); backdrop-filter: blur(10px); box-shadow: 0 18px 34px rgba(15, 23, 42, 0.08); }
.zoomag-home-visual-kicker { color: #b45309; font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.zoomag-home-visual-title { margin-top: 10px; color: var(--zoomag-ink); font-size: clamp(18px, 1.8vw, 24px); line-height: 1.25; font-weight: 800; }
.zoomag-home-visual-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.zoomag-home-visual-pills span { padding: 8px 12px; border-radius: 999px; background: #eef5ff; color: #28405c; font-size: 13px; font-weight: 700; }
.zoomag-home-contact-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 24px; }
.zoomag-home-contact-block { padding: 22px; border-radius: 24px; border: 1px solid var(--zoomag-border); background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.78)); box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06); }
.zoomag-home-contact-icon-wrapper { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-bottom: 14px; border-radius: 16px; background: linear-gradient(135deg, rgba(249,115,22,0.14), rgba(251,146,60,0.22)); font-size: 24px; }
.zoomag-home-contact-title { margin: 0 0 8px; color: var(--zoomag-ink); font-size: 18px; font-weight: 800; }
.zoomag-home-contact-value { color: var(--zoomag-ink); font-size: 18px; font-weight: 700; }
.zoomag-home-contact-subtitle { margin-top: 6px; color: var(--zoomag-muted); font-size: 14px; line-height: 1.5; }
.zoomag-home-phone-link { color: inherit; text-decoration: none; }
.zoomag-home-phone-link:hover { color: var(--zoomag-primary); }
@media (max-width: 991.98px) { .zoomag-home-banner-content, .zoomag-home-contact-grid { grid-template-columns: 1fr; } .zoomag-home-banner-visual { justify-content: flex-start; } }
@media (max-width: 575.98px) { .zoomag-home-hero-banner { padding: 16px; border-radius: 22px; } .zoomag-home-banner-title { font-size: 26px; } .zoomag-home-feature-badge, .zoomag-home-visual-pills span { font-size: 12px; } .zoomag-home-contact-block { padding: 18px; border-radius: 20px; } }
.zm-home-merge-teaser { margin: 24px 0 36px; }
.zm-home-merge-teaser__inner, .zm-merge-page { --zm-bg: #fffaf4; --zm-surface: #ffffff; --zm-text: #252525; --zm-muted: #6e737c; --zm-line: #f2dfcd; --zm-accent: #ff6b35; --zm-accent-2: #ff9a5a; --zm-mint: #35c7be; --zm-mint-2: #7ae0da; --zm-shadow: 0 16px 36px rgba(34, 30, 22, 0.08); --zm-radius: 26px; color: var(--zm-text); }
.zm-home-merge-teaser__inner { display: grid; grid-template-columns: 1.2fr .9fr; gap: 24px; align-items: center; padding: clamp(20px, 3vw, 34px); background: radial-gradient(circle at top left, rgba(255,107,53,.12), transparent 34%), radial-gradient(circle at bottom right, rgba(53,199,190,.12), transparent 28%), linear-gradient(135deg, #fffaf4 0%, #f8fcff 100%); border: 1px solid #f6e6d6; border-radius: 28px; box-shadow: var(--zm-shadow); overflow: hidden; }
.zm-home-merge-teaser__eyebrow, .zm-merge-page__eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 14px; padding: 8px 14px; border-radius: 999px; background: rgba(255, 107, 53, .10); color: #d85a22; font-size: .88rem; font-weight: 800; letter-spacing: .02em; }
.zm-home-merge-teaser__title { margin: 0 0 12px; font-size: clamp(1.85rem, 3vw, 2.6rem); line-height: 1.08; font-weight: 900; color: #202126; }
.zm-home-merge-teaser__text { margin: 0 0 18px; color: var(--zm-muted); font-size: 1rem; line-height: 1.7; max-width: 60ch; }
.zm-home-merge-teaser__actions, .zm-merge-page__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.zm-home-merge-teaser__btn, .zm-merge-page__btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 46px; padding: 0 18px; border-radius: 14px; text-decoration: none; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }
.zm-home-merge-teaser__btn:hover, .zm-merge-page__btn:hover { transform: translateY(-2px); filter: saturate(1.03); }
.zm-home-merge-teaser__btn--primary, .zm-merge-page__btn--primary { color: #fff; background: linear-gradient(135deg, var(--zm-accent), var(--zm-accent-2)); box-shadow: 0 10px 20px rgba(255,107,53,.25); }
.zm-home-merge-teaser__btn--ghost, .zm-merge-page__btn--ghost { color: #2a2c31; background: #fff; border: 1px solid #eedbc6; box-shadow: 0 8px 18px rgba(28,26,20,.06); }
.zm-home-merge-teaser__media { position: relative; min-height: 240px; }
.zm-home-merge-teaser__panel { position: absolute; background: rgba(255,255,255,.82); backdrop-filter: blur(10px); border: 1px solid rgba(246, 230, 214, .85); border-radius: 24px; box-shadow: 0 16px 28px rgba(30, 34, 42, 0.10); overflow: hidden; }
.zm-home-merge-teaser__panel--main { inset: 0 0 12% 8%; }
.zm-home-merge-teaser__panel--accent { width: 48%; right: 0; bottom: 0; }
.zm-home-merge-teaser__panel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.zm-home-merge-teaser__list { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; padding: 0; list-style: none; }
.zm-home-merge-teaser__list li { padding: 8px 12px; border-radius: 999px; background: rgba(255,255,255,.76); border: 1px solid #f1e2d3; font-size: .9rem; font-weight: 700; color: #454b55; }
.zm-merge-page { position: relative; max-width: 1280px; margin: 0 auto 40px; }
.zm-merge-page__hero { position: relative; display: grid; grid-template-columns: 1.08fr .92fr; gap: 26px; padding: clamp(22px, 3.4vw, 38px); background: radial-gradient(circle at top left, rgba(255,107,53,.14), transparent 34%), radial-gradient(circle at bottom right, rgba(53,199,190,.14), transparent 32%), linear-gradient(135deg, #fffaf4 0%, #f7fbff 100%); border: 1px solid #f6e6d6; border-radius: 30px; box-shadow: var(--zm-shadow); overflow: hidden; }
.zm-merge-page__title { margin: 0 0 14px; font-size: clamp(2rem, 3.6vw, 3.35rem); line-height: 1.03; font-weight: 900; color: #1f2126; max-width: 14ch; }
.zm-merge-page__lead { margin: 0 0 18px; color: var(--zm-muted); font-size: 1.03rem; line-height: 1.75; max-width: 60ch; }
.zm-merge-page__hero-logo { width: min(220px, 42vw); display: block; margin: 0 0 12px; }
.zm-merge-page__stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.zm-merge-page__stat { padding: 14px 14px 12px; border-radius: 20px; background: rgba(255,255,255,.74); border: 1px solid #f2e1d0; text-align: center; }
.zm-merge-page__stat strong { display: block; margin-bottom: 4px; font-size: 1.38rem; line-height: 1; color: #1f2126; }
.zm-merge-page__stat span { color: var(--zm-muted); font-size: .92rem; line-height: 1.45; }
.zm-merge-page__hero-media { position: relative; min-height: 360px; }
.zm-merge-page__media-card, .zm-merge-page__media-card--small { position: absolute; border-radius: 26px; overflow: hidden; border: 1px solid rgba(246,230,214,.85); background: rgba(255,255,255,.76); box-shadow: 0 16px 28px rgba(30,34,42,.12); }
.zm-merge-page__media-card { inset: 0 0 14% 0; }
.zm-merge-page__media-card--small { width: 44%; right: 0; bottom: 0; }
.zm-merge-page__media-card img, .zm-merge-page__media-card--small img { width: 100%; height: 100%; object-fit: cover; display: block; }
.zm-merge-page__section { margin-top: 28px; padding: clamp(20px, 3vw, 30px); background: #fff; border: 1px solid #f2dfcd; border-radius: 26px; box-shadow: 0 12px 28px rgba(34,30,22,.05); }
.zm-merge-page__section-title { margin: 0 0 10px; font-size: clamp(1.45rem, 2.6vw, 2.1rem); line-height: 1.12; font-weight: 900; color: #1f2126; }
.zm-merge-page__section-text { margin: 0 0 20px; color: var(--zm-muted); line-height: 1.75; max-width: 78ch; }
.zm-merge-page__feature-grid, .zm-merge-page__services, .zm-merge-page__brands, .zm-merge-page__articles, .zm-merge-page__reviews, .zm-merge-page__links { display: grid; gap: 16px; }
.zm-merge-page__feature-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
.zm-merge-page__feature { padding: 18px; border-radius: 22px; background: linear-gradient(180deg, #fffaf5, #fff); border: 1px solid #f4e2d1; }
.zm-merge-page__feature h3 { margin: 0 0 8px; font-size: 1.05rem; font-weight: 800; }
.zm-merge-page__feature p { margin: 0; color: var(--zm-muted); font-size: .95rem; line-height: 1.65; }
.zm-merge-page__company { display: grid; grid-template-columns: 1.02fr .98fr; gap: 18px; }
.zm-merge-page__figure { margin: 0; overflow: hidden; border-radius: 24px; border: 1px solid #f1decd; background: #fff; }
.zm-merge-page__figure img { display: block; width: 100%; height: 100%; min-height: 320px; object-fit: cover; }
.zm-merge-page__caption { padding: 12px 14px; color: var(--zm-muted); font-size: .9rem; border-top: 1px solid #f1decd; }
.zm-merge-page__bullet-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.zm-merge-page__bullet-list li { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: start; padding: 14px 16px; border-radius: 18px; background: linear-gradient(180deg, #fff, #fffaf6); border: 1px solid #f2e1d1; }
.zm-merge-page__bullet-dot { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 12px; background: linear-gradient(135deg, rgba(255,107,53,.14), rgba(53,199,190,.14)); font-size: 1rem; }
.zm-merge-page__services { grid-template-columns: repeat(4, minmax(0,1fr)); }
.zm-merge-page__service { padding: 18px; border-radius: 22px; background: linear-gradient(180deg, #fff, #fffaf6); border: 1px solid #f2e1d1; }
.zm-merge-page__service-icon { width: 42px; height: 42px; object-fit: contain; margin-bottom: 12px; }
.zm-merge-page__service h3 { margin: 0 0 8px; font-size: 1.05rem; font-weight: 800; }
.zm-merge-page__service p { margin: 0; color: var(--zm-muted); line-height: 1.65; font-size: .95rem; }
.zm-merge-page__stores { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.zm-merge-page__store { padding: 18px; border-radius: 24px; border: 1px solid #f2e1d1; background: linear-gradient(180deg, #fff, #fffaf6); }
.zm-merge-page__store h3 { margin: 0 0 6px; font-size: 1.12rem; font-weight: 900; }
.zm-merge-page__meta { display: grid; gap: 8px; margin: 12px 0 16px; color: #3a404a; font-size: .96rem; }
.zm-merge-page__meta strong { color: #1f2126; }
.zm-merge-page__store-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.zm-merge-page__brands { grid-template-columns: repeat(6, minmax(0,1fr)); }
.zm-merge-page__brand { display: block; padding: 14px; border-radius: 20px; border: 1px solid #f2e1d1; background: linear-gradient(180deg, #fff, #fffaf6); text-decoration: none; text-align: center; transition: transform .2s ease, box-shadow .2s ease; }
.zm-merge-page__brand:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(34,30,22,.08); }
.zm-merge-page__brand img { width: 100%; height: 72px; object-fit: contain; display: block; margin: 0 0 10px; }
.zm-merge-page__brand span { display: block; font-weight: 800; color: #30333a; font-size: .94rem; }
.zm-merge-page__brand small { display: block; margin-top: 4px; color: var(--zm-muted); font-size: .84rem; }
.zm-merge-page__trust { display: grid; grid-template-columns: .86fr 1.14fr; gap: 18px; align-items: start; }
.zm-merge-page__trust-card { padding: 18px; border-radius: 22px; border: 1px solid #f2e1d1; background: linear-gradient(180deg, #fff, #fffaf5); }
.zm-merge-page__trust-card img { width: 100%; display: block; border-radius: 16px; border: 1px solid #ecdccb; }
.zm-merge-page__trust-card h3, .zm-merge-page__trust-text h3 { margin: 0 0 8px; font-size: 1.08rem; font-weight: 900; }
.zm-merge-page__trust-card p, .zm-merge-page__trust-text p { margin: 0 0 10px; color: var(--zm-muted); line-height: 1.7; }
.zm-merge-page__articles { grid-template-columns: repeat(5, minmax(0,1fr)); }
.zm-merge-page__article { display: block; border-radius: 22px; overflow: hidden; border: 1px solid #f1decd; background: #fff; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.zm-merge-page__article:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(34,30,22,.08); }
.zm-merge-page__article img { width: 100%; height: 160px; object-fit: cover; display: block; }
.zm-merge-page__article-body { padding: 14px; }
.zm-merge-page__article-title { margin: 0 0 8px; font-size: .98rem; font-weight: 800; line-height: 1.35; color: #272a31; }
.zm-merge-page__article-text { margin: 0; color: var(--zm-muted); font-size: .9rem; line-height: 1.6; }
.zm-merge-page__reviews { grid-template-columns: repeat(3, minmax(0,1fr)); }
.zm-merge-page__review { padding: 18px; border-radius: 22px; border: 1px solid #f2e1d1; background: linear-gradient(180deg, #fff, #fffaf6); }
.zm-merge-page__review-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.zm-merge-page__review h3 { margin: 0; font-size: 1rem; font-weight: 900; }
.zm-merge-page__stars { color: #f5a623; font-size: .92rem; letter-spacing: .02em; }
.zm-merge-page__review p { margin: 0; color: var(--zm-muted); line-height: 1.72; }
.zm-merge-page__links { grid-template-columns: repeat(4, minmax(0,1fr)); }
.zm-merge-page__link-tile { display: flex; align-items: center; gap: 12px; padding: 18px; border-radius: 22px; text-decoration: none; color: #23252b; border: 1px solid #f2e1d1; background: linear-gradient(180deg, #fff, #fffaf6); }
.zm-merge-page__link-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 14px; background: linear-gradient(135deg, rgba(255,107,53,.15), rgba(53,199,190,.15)); font-size: 1.1rem; }
.zm-merge-page__link-tile strong { display: block; font-size: 1rem; font-weight: 900; }
.zm-merge-page__link-tile span { display: block; margin-top: 4px; color: var(--zm-muted); font-size: .9rem; }
@media (max-width: 1199px) { .zm-merge-page__feature-grid, .zm-merge-page__services { grid-template-columns: repeat(2, minmax(0,1fr)); } .zm-merge-page__brands { grid-template-columns: repeat(3, minmax(0,1fr)); } .zm-merge-page__articles { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 991px) { .zm-home-merge-teaser__inner, .zm-merge-page__hero, .zm-merge-page__company, .zm-merge-page__trust { grid-template-columns: 1fr; } .zm-home-merge-teaser__media { min-height: 300px; } .zm-merge-page__hero-media { min-height: 320px; } .zm-merge-page__stats, .zm-merge-page__stores, .zm-merge-page__reviews, .zm-merge-page__links { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 767px) { .zm-home-merge-teaser { margin: 18px 0 28px; } .zm-home-merge-teaser__inner, .zm-merge-page__hero, .zm-merge-page__section { border-radius: 22px; padding: 18px; } .zm-home-merge-teaser__media, .zm-merge-page__hero-media { min-height: 250px; } .zm-merge-page__stats, .zm-merge-page__feature-grid, .zm-merge-page__services, .zm-merge-page__stores, .zm-merge-page__brands, .zm-merge-page__articles, .zm-merge-page__reviews, .zm-merge-page__links { grid-template-columns: 1fr; } .zm-merge-page__title { max-width: none; } .zm-home-merge-teaser__title { font-size: 1.8rem; } }
#common-home.zm-home-layout-r34 { padding-top: clamp(8px, 1vw, 14px) !important; }
#common-home .zoomag-home-hero-banner.zm-home-intro-r99 { display: block !important; position: relative !important; margin: clamp(12px, 1.6vw, 20px) 0 12px !important; padding: clamp(18px, 2vw, 26px) !important; overflow: hidden !important; border: 1px solid #dce9e1 !important; border-radius: 24px !important; background: radial-gradient(circle at 92% 6%, rgba(243, 111, 33, .16), transparent 28%), linear-gradient(135deg, #f5fbf7 0%, #fff9ee 100%) !important; box-shadow: 0 12px 32px rgba(25, 76, 50, .08) !important; transform: none !important; transition: none !important; }
#common-home .zm-home-intro-r99:hover { transform: none !important; }
#common-home .zm-home-intro-r99 .zoomag-home-banner-content { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(190px, 220px) !important; gap: clamp(18px, 2.5vw, 34px) !important; align-items: center !important; max-width: none !important; }
#common-home .zm-home-intro-r99__eyebrow { margin: 0 0 7px !important; color: #087a4c !important; font-size: 12px !important; font-weight: 850 !important; letter-spacing: .07em !important; line-height: 1.35 !important; text-transform: uppercase !important; }
#common-home .zm-home-intro-r99 .zoomag-home-banner-title { margin: 0 0 10px !important; color: #17251f !important; font-size: clamp(28px, 2.6vw, 38px) !important; font-weight: 900 !important; line-height: 1.08 !important; letter-spacing: -.025em !important; text-shadow: none !important; animation: none !important; }
#common-home .zm-home-intro-r99 .zoomag-home-brand-highlight, #common-home .zm-home-intro-r99 .zoomag-home-brand-highlight::after { color: #087a4c !important; background: none !important; -webkit-text-fill-color: currentColor !important; animation: none !important; }
#common-home .zm-home-intro-r99 .zoomag-home-brand-highlight::after { content: none !important; }
#common-home .zm-home-intro-r99 .zoomag-home-banner-subtitle { max-width: 900px !important; margin: 0 !important; color: #596a62 !important; font-size: clamp(15px, 1.2vw, 17px) !important; font-weight: 500 !important; line-height: 1.55 !important; animation: none !important; }
#common-home .zm-home-intro-r99 .zoomag-home-banner-features { display: flex !important; gap: 8px !important; align-items: center !important; justify-content: flex-start !important; margin: 15px 0 0 !important; }
#common-home .zm-home-intro-r99 .zoomag-home-feature-badge { width: auto !important; max-width: none !important; padding: 6px 10px !important; border: 1px solid #d8e9df !important; border-radius: 999px !important; background: rgba(255, 255, 255, .82) !important; box-shadow: none !important; color: #315142 !important; cursor: default !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.25 !important; text-align: left !important; animation: none !important; transform: none !important; }
#common-home .zm-home-intro-r99__actions { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 0; }
#common-home .zm-home-intro-r99__actions a { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 10px 17px; border: 2px solid #087a4c; border-radius: 12px; font-size: 14px; font-weight: 800; line-height: 1.2; text-decoration: none; }
#common-home .zm-home-intro-r99__primary { background: #087a4c; color: #fff; }
#common-home .zm-home-intro-r99__secondary { background: #fff; color: #087a4c; }
#common-home .zm-home-intro-r99__actions a:hover { box-shadow: 0 8px 18px rgba(8, 122, 76, .14); transform: translateY(-1px); }
#common-home .zm-home-intro-r99__actions a:focus-visible { outline: 3px solid #f36f21; outline-offset: 3px; }
#common-home.zm-home-layout-r34 .zm-home-slot-r19--banners { margin-top: 0 !important; }
#common-home #zm-home-main-banners > .zoomag-banner-shell:first-child { margin-top: 0 !important; }
@media (min-width: 1280px) and (max-width: 1399.98px) { body #product-category #product-list.zm-final-grid, body.zm-final-grid-mode #product-category #product-list, body #product-category #product-list.zoomag-products-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 14px !important; } body #product-category #product-list .petz-product-card { min-height: 510px !important; } body #product-category #product-list .petz-image-section { height: 220px !important; min-height: 220px !important; max-height: 220px !important; flex-basis: 220px !important; } body #product-category #product-list .petz-content-section { padding: 13px !important; gap: 8px !important; } body #product-category #product-list .petz-product-name a { font-size: 15px !important; } body #product-category #product-list .petz-price-main, body #product-category #product-list .petz-special-price { font-size: 22px !important; } }
@media (max-width: 767.98px) { #common-home .zoomag-home-hero-banner.zm-home-intro-r99 { margin-top: 10px !important; padding: 20px 17px !important; border-radius: 18px !important; text-align: left !important; } #common-home .zm-home-intro-r99 .zoomag-home-banner-title { font-size: clamp(27px, 8.8vw, 36px) !important; } #common-home .zm-home-intro-r99 .zoomag-home-banner-content { grid-template-columns: 1fr !important; gap: 16px !important; } #common-home .zm-home-intro-r99 .zoomag-home-banner-features { display: grid !important; grid-template-columns: 1fr !important; gap: 6px !important; } #common-home .zm-home-intro-r99 .zoomag-home-feature-badge { width: 100% !important; } #common-home .zm-home-intro-r99__actions { display: grid; grid-template-columns: 1fr; } #common-home .zm-home-intro-r99__actions a { width: 100%; } }
@media (prefers-reduced-motion: reduce) { #common-home .zm-home-intro-r99 *, #common-home .zm-home-intro-r99 *::before, #common-home .zm-home-intro-r99 *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }