:root{
  --zg-primary: #CF1312;
  --zg-primary-light: #E21514;
  --zg-navy: #102B4F;
  --zg-dark-700: #272727;
  --zg-dark-600: #313131;
  --zg-gray-300: #4F4F4F;
  --zg-gray-200: #5A5A5A;
  --zg-gray-100: #646464;
  --zg-gray-50: #6E6E6E;
  --zg-white: #FCFCFC;
  --zg-light: #EDEDED;
  --zg-font-family: Tahoma, Arial, sans-serif;
  --zg-red-shadow: 0 8px 16px -2px rgba(226, 21, 20, .20);
  --zg-gray-shadow: 0 8px 16px -2px rgba(110, 110, 110, .24);
  --zg-radius-sm: 10px;
  --zg-radius: 18px;
  --zg-radius-lg: 28px;
  --zg-container: 1320px;
}

*{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{ margin: 0; direction: rtl; background: var(--zg-white); color: var(--zg-dark-700); font-family: var(--zg-font-family); font-size: 16px; line-height: 1.9; -webkit-font-smoothing: antialiased; }
body.zg-ui-open{ overflow: hidden; }
a{ color: inherit; text-decoration: none; }
img{ max-width: 100%; height: auto; }
button, input, select, textarea{ font: inherit; }
button{ cursor: pointer; }
.zg-container{ width: min(calc(100% - 40px), var(--zg-container)); margin-inline: auto; }
.zg-narrow-container{ max-width: 980px; }
.zg-main{ min-height: 50vh; }
.screen-reader-text{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link:focus{ position: fixed; top: 10px; right: 10px; z-index: 99999; width: auto; height: auto; clip: auto; padding: 10px 16px; background: #fff; color: #000; border-radius: 8px; }

h1, h2, h3, h4, h5, h6{ margin: 0 0 18px; color: var(--zg-dark-700); line-height: 1.45; font-weight: 700; }
h1{ font-size: clamp(2rem, 4vw, 3.5rem); }
h2{ font-size: clamp(1.65rem, 3vw, 2.5rem); }
h3{ font-size: clamp(1.15rem, 2vw, 1.55rem); }
p{ margin: 0 0 18px; }

.zg-site-header{ position: sticky; top: 0; z-index: 1000; background: var(--zg-white); border-bottom: 1px solid rgba(16,43,79,.06); }
.admin-bar .zg-site-header{ top: 32px; }
.zg-header-main{ background: var(--zg-white); }
.zg-header-inner{ display: flex; align-items: center; min-height: 82px; gap: 24px; }
.zg-logo{ display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.zg-logo img{ display: block; width: 92px; max-height: 58px; object-fit: contain; }
.zg-primary-nav{ margin-inline-end: auto; }
.zg-primary-menu, .zg-menu-fallback{ display: flex; align-items: center; gap: 30px; list-style: none; margin: 0; padding: 0; }
.zg-primary-menu li{ position: relative; }
.zg-primary-menu > li > a{ display: flex; align-items: center; min-height: 82px; color: var(--zg-dark-600); font-size: 13px; font-weight: 400; white-space: nowrap; transition: color .2s ease; }
.zg-primary-menu > li.current-menu-item > a, .zg-primary-menu > li:hover > a{ color: var(--zg-primary); }
.zg-primary-menu .sub-menu{ position: absolute; top: calc(100% - 8px); right: 0; width: 220px; margin: 0; padding: 10px; list-style: none; background: #fff; border: 1px solid var(--zg-light); border-radius: 14px; box-shadow: var(--zg-gray-shadow); opacity: 0; visibility: hidden; transform: translateY(8px); transition: .2s ease; }
.zg-primary-menu li:hover > .sub-menu{ opacity: 1; visibility: visible; transform: translateY(0); }
.zg-primary-menu .sub-menu a{ display: block; padding: 9px 10px; border-radius: 8px; font-size: 13px; }
.zg-primary-menu .sub-menu a:hover{ background: var(--zg-light); color: var(--zg-primary); }

.zg-header-search{ position: relative; flex: 0 1 320px; width: min(26vw, 320px); height: 44px; }
.zg-header-search-icon{ position: absolute; top: 50%; right: 15px; display: grid; place-items: center; transform: translateY(-50%); pointer-events: none; }
.zg-header-search-icon svg{ width: 20px; height: 20px; }
.zg-header-search input[type=search]{ width: 100%; height: 100%; padding: 0 45px 0 16px; border: 1px solid #D8DDE3; border-radius: 999px; outline: 0; background: #fff; color: var(--zg-dark-700); font-size: 12px; transition: border-color .2s ease, box-shadow .2s ease; }
.zg-header-search input[type=search]::placeholder{ color: #B4B7BC; }
.zg-header-search input[type=search]:focus{ border-color: rgba(226,21,20,.55); box-shadow: 0 0 0 4px rgba(226,21,20,.07); }
.zg-header-search input[type=search]::-webkit-search-cancel-button{ display: none; }

.zg-header-actions{ display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.zg-account-link{ display: inline-grid; place-items: center; width: 46px; height: 46px; border: 0; border-radius: 50%; background: #F0F2F5; transition: transform .2s ease, background .2s ease; }
.zg-account-link:hover{ background: #E8EBEF; transform: translateY(-2px); }
.zg-account-link svg{ width: 23px; height: 23px; }
.zg-header-cart{ display: inline-flex; align-items: center; gap: 9px; min-width: 122px; }
.zg-header-cart-icon{ position: relative; display: inline-grid; place-items: center; width: 48px; height: 48px; flex: 0 0 48px; border-radius: 50%; background: var(--zg-primary-light); box-shadow: var(--zg-red-shadow); transition: transform .2s ease, background .2s ease; }
.zg-header-cart:hover .zg-header-cart-icon{ background: var(--zg-primary); transform: translateY(-2px); }
.zg-header-cart-icon svg{ width: 23px; height: 23px; }
.zg-cart-count{ position: absolute; top: -4px; left: -4px; display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0 4px; border: 2px solid #fff; border-radius: 20px; background: var(--zg-navy); color: #fff; font-size: 9px; font-weight: 700; line-height: 1; }
.zg-header-cart-copy{ display: flex; flex-direction: column; align-items: flex-start; line-height: 1.35; white-space: nowrap; }
.zg-header-cart-copy small{ color: var(--zg-dark-600); font-size: 10px; font-weight: 400; }
.zg-header-cart-copy strong{ color: var(--zg-primary); font-size: 12px; font-weight: 700; }
.zg-header-cart-copy .woocommerce-Price-currencySymbol{ margin-right: 2px; font-size: .8em; }























.zg-button, .zg-text-link{ display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-weight: 700; }
.zg-button-icon{ display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: var(--zg-primary); color: #fff; flex: 0 0 auto; }
.zg-mobile-toggle{ display: none; place-items: center; width: 46px; height: 46px; border: 1px solid #EEF0F3; border-radius: 50%; background: #fff; color: var(--zg-navy); box-shadow: var(--zg-gray-shadow); }
.zg-mobile-toggle svg{ width: 23px; height: 23px; }

.zg-mobile-drawer{ position: fixed; z-index: 1200; top: 0; right: 0; width: min(88vw, 360px); height: 100dvh; padding: 20px; background: #fff; box-shadow: -20px 0 50px rgba(16,43,79,.18); transform: translateX(110%); transition: transform .28s ease; overflow-y: auto; }
.zg-mobile-drawer.is-open{ transform: translateX(0); }
.zg-mobile-drawer-head{ display: flex; align-items: center; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid var(--zg-light); }
.zg-mobile-drawer-logo img{ display: block; width: 84px; max-height: 52px; object-fit: contain; }
.zg-mobile-drawer-head button{ width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--zg-light); font-size: 26px; line-height: 1; }
.zg-mobile-search{ position: relative; margin: 18px 0 8px; }
.zg-mobile-search > span{ position: absolute; right: 13px; top: 50%; display: grid; transform: translateY(-50%); }
.zg-mobile-search svg{ width: 19px; height: 19px; }
.zg-mobile-search input{ width: 100%; height: 44px; padding: 0 42px 0 12px; border: 1px solid #D8DDE3; border-radius: 12px; outline: 0; font-size: 12px; }
.zg-mobile-menu, .zg-mobile-menu ul{ list-style: none; padding: 0; margin: 15px 0; }
.zg-mobile-menu a{ display: block; padding: 12px 8px; border-bottom: 1px solid var(--zg-light); font-weight: 600; }
.zg-mobile-menu .sub-menu{ padding-right: 15px; }
.zg-overlay{ position: fixed; inset: 0; z-index: 1100; background: rgba(16,43,79,.48); opacity: 0; visibility: hidden; transition: .25s; }
.zg-overlay.is-visible{ opacity: 1; visibility: visible; }


/* Homepage showcase: responsive slider + randomized WooCommerce deal. */














































.zg-hero{ position: relative; overflow: hidden; padding: 72px 0 58px; background: linear-gradient(135deg, #fff 0 52%, #f5f6f8 52% 100%); }
.zg-hero::before{ content:""; position: absolute; width: 420px; height: 420px; left: -180px; top: -200px; border: 70px solid rgba(207,19,18,.06); border-radius: 50%; }
.zg-hero-grid{ display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 70px; min-height: 510px; }
.zg-eyebrow, .zg-section-heading > div > span, .zg-page-header > span{ display: inline-block; margin-bottom: 12px; color: var(--zg-primary); font-size: 13px; font-weight: 700; letter-spacing: .02em; }
.zg-hero-content h1{ max-width: 700px; font-size: clamp(2.5rem, 5vw, 4.8rem); color: var(--zg-navy); line-height: 1.25; }
.zg-hero-content p{ max-width: 650px; color: var(--zg-gray-200); font-size: 18px; }
.zg-hero-actions{ display: flex; flex-wrap: wrap; gap: 12px; margin: 28px 0; }
.zg-button{ min-height: 52px; padding: 0 18px 0 8px; border: 1px solid transparent; border-radius: 12px; transition: .2s ease; }
.zg-button:hover{ transform: translateY(-2px); }
.zg-button-primary{ background: var(--zg-primary); color: #fff; box-shadow: var(--zg-red-shadow); }
.zg-button-primary .zg-button-icon{ background: #fff; color: var(--zg-primary); }
.zg-button-ghost{ border-color: #d8dde3; color: var(--zg-navy); background: #fff; }
.zg-button-light{ background: #fff; color: var(--zg-navy); }
.zg-hero-search{ display: flex; max-width: 620px; padding: 7px; background: #fff; border-radius: 16px; box-shadow: var(--zg-gray-shadow); }
.zg-hero-search input{ flex: 1; min-width: 0; height: 48px; padding: 0 14px; border: 0; outline: 0; background: transparent; }
.zg-hero-search button{ padding: 0 24px; border: 0; border-radius: 11px; background: var(--zg-navy); color: #fff; }
.zg-hero-visual{ position: relative; min-height: 440px; }
.zg-hero-card{ position: absolute; z-index: 2; inset: 35px 30px 25px 5px; display: grid; place-items: center; padding: 55px; background: #fff; border-radius: 36px 36px 80px 36px; box-shadow: var(--zg-gray-shadow); transform: rotate(-2deg); }
.zg-hero-card img{ width: min(100%, 470px); max-height: 250px; object-fit: contain; transform: rotate(2deg); }
.zg-hero-badge{ position: absolute; z-index: 3; left: -5px; bottom: 5px; min-width: 150px; padding: 18px; background: var(--zg-primary); color: #fff; border-radius: 20px; box-shadow: var(--zg-red-shadow); }
.zg-hero-badge strong, .zg-hero-badge span{ display: block; }
.zg-hero-badge strong{ font-size: 24px; }
.zg-hero-badge span{ font-size: 12px; opacity: .85; }
.zg-hero-shape{ position: absolute; z-index: 1; inset: 0; border-radius: 48% 52% 38% 62% / 58% 30% 70% 42%; background: var(--zg-navy); }

.zg-features{ border-top: 1px solid var(--zg-light); border-bottom: 1px solid var(--zg-light); background: #fff; }
.zg-features-grid{ display: grid; grid-template-columns: repeat(4,1fr); }
.zg-feature{ display: flex; align-items: center; gap: 15px; min-height: 125px; padding: 22px 28px; border-left: 1px solid var(--zg-light); }
.zg-feature:last-child{ border-left: 0; }
.zg-feature > span{ display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; color: var(--zg-primary); background: rgba(226,21,20,.08); font-weight: 700; }
.zg-feature h3{ margin: 0 0 4px; font-size: 16px; }
.zg-feature p{ margin: 0; color: var(--zg-gray-100); font-size: 12px; line-height: 1.7; }

.zg-section{ padding: 85px 0; }
.zg-section-heading{ display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 34px; }
.zg-section-heading h2{ margin: 0; color: var(--zg-navy); }
.zg-text-link{ color: var(--zg-primary); font-size: 13px; }
.zg-text-link .zg-button-icon{ width: 26px; height: 26px; }
.zg-categories-section{ background: var(--zg-white); }
.zg-category-grid{ display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.zg-category-card{ display: flex; align-items: center; gap: 16px; min-height: 130px; padding: 14px; border: 1px solid var(--zg-light); background: #fff; border-radius: 18px; box-shadow: 0 8px 16px -2px rgba(110,110,110,.10); transition: .25s; }
.zg-category-card:hover{ transform: translateY(-5px); border-color: rgba(226,21,20,.35); box-shadow: var(--zg-red-shadow); }
.zg-category-card img{ width: 92px; height: 92px; object-fit: cover; border-radius: 14px; background: var(--zg-light); }
.zg-category-card h3{ margin: 0 0 5px; font-size: 16px; }
.zg-category-card span{ color: var(--zg-gray-100); font-size: 12px; }
.zg-products-section{ background: #f8f8f9; }
.zg-products-section + .zg-products-section{ background: #fff; }








.zg-page-main, .zg-single-main, .zg-archive-main, .zg-woocommerce-main{ padding: 52px 0 90px; }
.zg-page-header{ margin-bottom: 35px; }
.zg-page-header h1{ color: var(--zg-navy); }
.zg-page-thumbnail, .zg-single-thumbnail{ margin-bottom: 35px; overflow: hidden; border-radius: 24px; box-shadow: var(--zg-gray-shadow); }
.zg-page-thumbnail img, .zg-single-thumbnail img{ display: block; width: 100%; }
.zg-entry-content{ font-size: 17px; color: var(--zg-dark-600); }
.zg-entry-content h2, .zg-entry-content h3{ margin-top: 42px; color: var(--zg-navy); }
.zg-entry-content a{ color: var(--zg-primary); text-decoration: underline; }
.zg-entry-content img{ border-radius: 14px; }
.zg-entry-content table{ width: 100%; border-collapse: collapse; display: block; overflow-x: auto; }
.zg-entry-content th, .zg-entry-content td{ padding: 12px; border: 1px solid var(--zg-light); white-space: nowrap; }
.zg-breadcrumb{ display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 25px; color: var(--zg-gray-100); font-size: 12px; }
.zg-breadcrumb a{ color: var(--zg-navy); }
.zg-breadcrumb-sep{ opacity: .5; }

.zg-post-grid{ display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.zg-post-card{ overflow: hidden; border: 1px solid var(--zg-light); border-radius: 20px; background: #fff; box-shadow: 0 8px 16px -2px rgba(110,110,110,.10); }
.zg-post-card-image{ display: block; aspect-ratio: 16/10; overflow: hidden; background: var(--zg-light); }
.zg-post-card-image img{ width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.zg-post-card:hover .zg-post-card-image img{ transform: scale(1.04); }
.zg-post-card-body{ padding: 22px; }
.zg-post-card h2{ font-size: 20px; }
.zg-post-card p{ color: var(--zg-gray-100); font-size: 14px; }
.zg-post-meta{ display: flex; gap: 12px; margin-bottom: 10px; color: var(--zg-gray-100); font-size: 12px; }
.zg-single-header{ margin-bottom: 30px; }
.zg-single-header h1{ color: var(--zg-navy); }
.zg-tags a{ display: inline-block; margin: 5px; padding: 6px 10px; background: var(--zg-light); border-radius: 8px; font-size: 12px; }
.post-navigation{ margin-top: 45px; padding-top: 25px; border-top: 1px solid var(--zg-light); }
.nav-links{ display: flex; justify-content: space-between; gap: 20px; }
.zg-comments-area{ margin-top: 50px; padding-top: 35px; border-top: 1px solid var(--zg-light); }
.comment-list{ list-style: none; padding: 0; }
.comment-body{ margin-bottom: 15px; padding: 18px; background: #fff; border: 1px solid var(--zg-light); border-radius: 14px; }
.comment-form input:not([type=submit]), .comment-form textarea{ width: 100%; padding: 12px 14px; border: 1px solid #d9dce0; border-radius: 10px; }
.comment-form input[type=submit]{ padding: 12px 24px; border: 0; border-radius: 10px; background: var(--zg-primary); color: #fff; }
.zg-empty-state{ grid-column: 1/-1; padding: 45px; border: 1px dashed #cfd4da; border-radius: 18px; text-align: center; background: #fff; color: var(--zg-gray-100); }

.zg-404-main{ padding: 100px 0; }
.zg-404-card{ max-width: 680px; margin: 0 auto; padding: 55px; text-align: center; border-radius: 28px; background: #fff; box-shadow: var(--zg-gray-shadow); }
.zg-404-card > strong{ display: block; color: var(--zg-primary); font-size: 90px; line-height: 1; }
.zg-404-card h1{ margin-top: 25px; color: var(--zg-navy); }

.zg-site-footer-modern{ padding: 38px 0 0; background: transparent; color: #fff; }
.zg-footer-panel{ position: relative; padding: 88px 40px 28px; background: var(--zg-primary-light); border-radius: 34px; overflow: visible; box-shadow: var(--zg-red-shadow); }
.zg-footer-panel::before{ content: ""; position: absolute; top: -1px; left: 50%; transform: translateX(-50%); width: 98px; height: 34px; background: var(--zg-primary-light); border-radius: 0 0 999px 999px; }
.zg-footer-top{ position: absolute; top: -10px; left: 50%; transform: translateX(-50%); display: inline-grid; place-items: center; width: 54px; height: 54px; border: 0; border-radius: 50%; background: #fff; color: var(--zg-navy); box-shadow: 0 12px 28px rgba(16,43,79,.18); z-index: 2; transition: transform .2s ease, color .2s ease; }
.zg-footer-top:hover{ transform: translateX(-50%) translateY(-3px); color: var(--zg-primary); }
.zg-footer-top svg{ width: 24px; height: 24px; }
.zg-footer-main-grid{ display: grid; grid-template-columns: 1.1fr 1.1fr 1.45fr 0.9fr; gap: 34px; align-items: start; }
.zg-footer-column h3{ margin: 0 0 18px; color: #fff; font-size: 18px; }
.zg-footer-list, .zg-footer-contact-list{ list-style: none; margin: 0; padding: 0; }
.zg-footer-list li{ margin: 10px 0; }
.zg-footer-list a{ position: relative; display: inline-flex; align-items: center; gap: 10px; color: rgba(255,255,255,.97); font-size: 15px; transition: transform .2s ease, opacity .2s ease; }
.zg-footer-list a::before{ content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.95); }
.zg-footer-list a:hover{ transform: translateX(-4px); opacity: 1; }
.zg-footer-contact-list li{ display: flex; align-items: center; justify-content: flex-start; gap: 10px; margin: 12px 0; color: rgba(255,255,255,.97); font-size: 15px; }
.zg-footer-contact-list li span:last-child, .zg-footer-contact-list li a{ color: inherit; }
.zg-footer-contact-icon{ display: inline-grid; place-items: center; width: 24px; height: 24px; flex: 0 0 24px; color: #fff; }
.zg-footer-badges{ display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.zg-footer-badge{ display: inline-flex; align-items: center; justify-content: center; width: 88px; height: 88px; padding: 8px; background: #fff; border-radius: 18px; box-shadow: 0 10px 20px rgba(16,43,79,.12); }
.zg-footer-badge img{ width: 100%; height: 100%; object-fit: contain; }
.zg-footer-social-wrap{ margin-top: 92px; }
.zg-footer-social-wrap strong{ display: block; margin-bottom: 16px; color: #fff; font-size: 17px; }
.zg-footer-socials{ display: flex; align-items: center; gap: 16px; }
.zg-footer-socials a{ display: inline-grid; place-items: center; width: 22px; height: 22px; color: #fff; transition: transform .2s ease, opacity .2s ease; }
.zg-footer-socials a:hover{ transform: translateY(-2px); opacity: .92; }
.zg-footer-story-box{ display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 28px; margin-top: 40px; padding: 22px 34px; background: rgba(255,255,255,.22); border-radius: 22px; }
.zg-footer-story-content p{ margin: 0; color: rgba(255,255,255,.96); font-size: 16px; line-height: 2; }
.zg-footer-story-brand{ display: flex; align-items: center; justify-content: center; }
.zg-footer-story-brand img{ width: 160px; max-height: 56px; object-fit: contain; filter: brightness(0) invert(1); }
.zg-footer-bottom-bar{ display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 24px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.18); }
.zg-footer-bottom-bar p{ margin: 0; color: rgba(255,255,255,.9); font-size: 13px; }
.zg-footer-bottom-bar .zg-designer-credit a{ color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.zg-designer-credit a{ color: #fff; font-weight: 700; }









@media (max-width: 1100px) {.zg-primary-menu, .zg-menu-fallback{ gap: 18px; }
  .zg-header-search{ flex-basis: 245px; width: 245px; }
  
  
  
  .zg-hero-grid{ gap: 35px; }
  .zg-feature{ padding: 18px 14px; }
  .zg-footer-grid{ grid-template-columns: 1.5fr repeat(2,1fr); }}

@media (max-width: 960px) {.zg-site-header{ position: relative; top: auto; }
  .admin-bar .zg-site-header{ top: auto; }
  .zg-header-inner{ position: relative; min-height: 76px; justify-content: space-between; gap: 10px; }
  .zg-mobile-toggle{ display: inline-grid; }
  .zg-logo{ position: absolute; left: 50%; transform: translateX(-50%); }
  .zg-logo img{ width: 76px; max-height: 50px; }
  .zg-primary-nav, .zg-header-search{ display: none; }
  .zg-header-actions{ margin-inline-start: auto; gap: 8px; }
  .zg-account-link, .zg-header-cart-icon{ width: 43px; height: 43px; flex-basis: 43px; }
  .zg-header-cart{ min-width: 43px; gap: 0; }
  .zg-header-cart-copy, .zg-cart-count{ display: none; }}

@media (max-width: 820px) {.admin-bar .zg-site-header{ top: 46px; }
  .zg-container{ width: min(calc(100% - 28px), var(--zg-container)); }
  .zg-hero{ padding: 45px 0; background: linear-gradient(180deg,#fff 0 62%,#f5f6f8 62%); }
  .zg-hero-grid{ grid-template-columns: 1fr; min-height: 0; }
  .zg-hero-content{ text-align: center; }
  .zg-hero-content p, .zg-hero-search{ margin-inline: auto; }
  .zg-hero-actions{ justify-content: center; }
  .zg-hero-visual{ min-height: 330px; }
  .zg-hero-card{ inset: 25px 20px; padding: 30px; }
  .zg-hero-badge{ left: 0; }
  .zg-features-grid{ grid-template-columns: repeat(2,1fr); }
  .zg-feature:nth-child(2){ border-left: 0; }
  .zg-feature:nth-child(-n/**/+2){ border-bottom: 1px solid var(--zg-light); }
  .zg-section{ padding: 60px 0; }
  .zg-category-grid{ grid-template-columns: repeat(2,1fr); }
  .zg-post-grid{ grid-template-columns: repeat(2,1fr); }
  
  .zg-footer-grid{ grid-template-columns: repeat(2,1fr); }
  .zg-footer-brand{ grid-column: 1/-1; }}

@media (max-width: 560px) {body{ font-size: 15px; line-height: 1.85; }
  h1{ font-size: 2rem; }
  h2{ font-size: 1.65rem; }
  .zg-container{ width: min(calc(100% - 20px), var(--zg-container)); }
  .zg-header-inner{ min-height: 72px; }
  .zg-logo img{ width: 70px; }
  .zg-mobile-toggle, .zg-account-link, .zg-header-cart-icon{ width: 41px; height: 41px; flex-basis: 41px; }
  .zg-header-actions{ gap: 6px; }
  
  
  
  
  
  
  .zg-hero-content h1{ font-size: 2.35rem; }
  .zg-hero-content p{ font-size: 15px; }
  .zg-button{ min-height: 48px; font-size: 13px; }
  .zg-hero-search{ padding: 5px; }
  .zg-hero-search button{ padding: 0 15px; }
  .zg-hero-visual{ min-height: 270px; }
  .zg-hero-card{ inset: 18px 10px; border-radius: 24px 24px 50px 24px; }
  .zg-hero-badge{ min-width: 125px; padding: 12px; }
  .zg-features-grid{ grid-template-columns: 1fr; }
  .zg-feature, .zg-feature:nth-child(2){ border-left: 0; border-bottom: 1px solid var(--zg-light); min-height: 100px; }
  .zg-feature:last-child{ border-bottom: 0; }
  .zg-section-heading{ align-items: flex-start; }
  .zg-section-heading .zg-text-link{ white-space: nowrap; }
  .zg-category-grid, .zg-post-grid{ grid-template-columns: 1fr; }
  .zg-category-card{ min-height: 105px; }
  .zg-category-card img{ width: 76px; height: 76px; }
  
  .zg-page-main, .zg-single-main, .zg-archive-main, .zg-woocommerce-main{ padding: 35px 0 60px; }
  .zg-entry-content{ font-size: 15px; }
  .zg-footer-grid{ grid-template-columns: 1fr 1fr; gap: 25px; }
  .zg-footer-bottom .zg-container{ padding: 18px 0; flex-direction: column; text-align: center; }}

@media (max-width: 360px) {.zg-mobile-toggle, .zg-account-link, .zg-header-cart-icon{ width: 38px; height: 38px; flex-basis: 38px; }
  .zg-header-actions{ gap: 4px; }}


/* Homepage product categories — reference-based layout */






.zg-category-arrow-mobile{ display: none; }










.zg-category-nav-button{ display: grid; place-items: center; width: 52px; height: 52px; padding: 0; color: var(--zg-gray-50); background: #fff; border: 1.5px solid #CFCFD1; border-radius: 50%; transition: .2s ease; }
.zg-category-nav-button:hover{ color: var(--zg-navy); border-color: var(--zg-navy); }
.zg-category-nav-button:disabled{ color: #c9cbd0; border-color: #e1e2e5; cursor: not-allowed; opacity: .7; }



@media (max-width: 960px) {.zg-category-arrow-desktop{ display: none; }
  .zg-category-arrow-mobile{ display: block; }
  
  
  
  
  }

@media (max-width: 560px) {
  
  .zg-category-nav-button{ width: 48px; height: 48px; }}




@media (max-width: 1199px) {.zg-footer-main-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .zg-footer-social-wrap{ margin-top: 48px; }}
@media (max-width: 767px) {.zg-site-footer-modern{ padding-top: 26px; }
  .zg-footer-panel{ padding: 68px 18px 22px; border-radius: 28px; }
  .zg-footer-panel::before{ width: 86px; height: 28px; }
  .zg-footer-top{ width: 46px; height: 46px; top: -8px; }
  .zg-footer-main-grid{ grid-template-columns: 1fr; gap: 24px; }
  .zg-footer-column h3{ font-size: 17px; margin-bottom: 14px; }
  .zg-footer-list a, .zg-footer-contact-list li{ font-size: 14px; }
  .zg-footer-badges{ flex-direction: row; flex-wrap: wrap; }
  .zg-footer-badge{ width: 78px; height: 78px; border-radius: 16px; }
  .zg-footer-social-wrap{ margin-top: 18px; }
  .zg-footer-story-box{ grid-template-columns: 1fr; text-align: center; padding: 20px 18px; gap: 16px; }
  .zg-footer-story-brand{ order: -1; }
  .zg-footer-story-brand img{ width: 132px; max-height: 46px; }
  .zg-footer-story-content p{ font-size: 14px; line-height: 2.1; }
  .zg-footer-bottom-bar{ flex-direction: column; text-align: center; }}

/* Footer refinements — mobile reference layout, Bachehaye Shargh 0.10.0 */
.zg-footer-lower{ display: grid; grid-template-columns: minmax(0, 1fr) 220px; align-items: stretch; gap: 28px; margin-top: 40px; }
.zg-footer-story-box{ display: grid; grid-template-columns: 180px minmax(0, 1fr); align-items: center; gap: 26px; margin: 0; padding: 22px 30px; }
.zg-footer-story-brand{ min-width: 0; }
.zg-footer-story-content{ min-width: 0; }
.zg-footer-social-wrap{ display: flex; min-width: 0; flex-direction: column; align-items: flex-start; justify-content: center; margin: 0; }
.zg-footer-column-badges{ align-self: stretch; }

@media (max-width: 1199px) {.zg-footer-lower{ grid-template-columns: minmax(0, 1fr) 190px; }}

@media (max-width: 767px) {.zg-site-footer-modern{ padding-top: 24px; }
  .zg-site-footer-modern > .zg-container{ width: calc(100% - 8px); }
  .zg-footer-panel{ padding: 62px 15px 18px; border-radius: 23px; box-shadow: none; }
  .zg-footer-panel::before{ width: 72px; height: 25px; }
  .zg-footer-top{ top: -7px; width: 42px; height: 42px; box-shadow: 0 5px 14px rgba(16,43,79,.15); }
  .zg-footer-top svg{ width: 20px; height: 20px; }
  .zg-footer-main-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 18px; }
  .zg-footer-column-contact, .zg-footer-column-badges{ grid-column: 1 / -1; }
  .zg-footer-column h3{ margin-bottom: 12px; font-size: 15px; line-height: 1.5; }
  .zg-footer-list li{ margin: 8px 0; }
  .zg-footer-list a{ gap: 7px; font-size: 12px; }
  .zg-footer-list a::before{ width: 5px; height: 5px; }
  .zg-footer-contact-list li{ align-items: flex-start; gap: 7px; margin: 9px 0; font-size: 11px; line-height: 1.9; }
  .zg-footer-contact-icon{ width: 18px; height: 18px; flex-basis: 18px; margin-top: 2px; }
  .zg-footer-contact-icon svg{ width: 17px; height: 17px; }
  .zg-footer-badges{ flex-direction: row; align-items: center; justify-content: center; gap: 14px; }
  .zg-footer-badge{ width: 66px; height: 66px; padding: 6px; border-radius: 13px; box-shadow: none; }
  .zg-footer-lower{ display: flex; flex-direction: column; gap: 17px; margin-top: 18px; }
  .zg-footer-story-box{ display: flex; flex-direction: column; gap: 12px; padding: 18px 15px; border-radius: 17px; text-align: center; }
  .zg-footer-story-brand img{ width: 114px; max-height: 39px; }
  .zg-footer-story-content p{ font-size: 11px; line-height: 2.05; }
  .zg-footer-social-wrap{ align-items: center; }
  .zg-footer-social-wrap strong{ margin-bottom: 10px; font-size: 12px; font-weight: 400; }
  .zg-footer-socials{ gap: 15px; }
  .zg-footer-socials a{ width: 19px; height: 19px; }
  .zg-footer-socials svg{ width: 19px; height: 19px; }
  .zg-footer-bottom-bar{ gap: 6px; margin-top: 15px; padding-top: 12px; }
  .zg-footer-bottom-bar p{ font-size: 9px; line-height: 1.8; }}
.zg-footer-badge-code{ overflow: hidden; }
.zg-footer-badge-code > a, .zg-footer-badge-code > div, .zg-footer-badge-code > span{ display: grid; width: 100%; height: 100%; place-items: center; }
.zg-footer-badge-code img{ display: block; max-width: 100%; max-height: 100%; object-fit: contain; }

/* Version 0.11.0 breadcrumb refinement. */
.zg-breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  width: fit-content;
  max-width: 100%;
  margin-bottom: 26px;
  padding: 8px 12px;
  border: 1px solid #e7e9ed;
  border-radius: 13px;
  background: #fff;
  color: var(--zg-gray-100);
  box-shadow: 0 7px 18px rgba(16,43,79,.055);
  font-size: 11px;
  line-height: 1.6;
}
.zg-breadcrumb a{ color: var(--zg-navy); font-weight: 600; transition: color .2s ease; }
.zg-breadcrumb a:hover{ color: var(--zg-primary); }
.zg-breadcrumb-sep{ display: inline-grid; place-items: center; color: #a2a7ae; opacity: 1; }
.zg-breadcrumb-current{ display: inline-block; overflow: hidden; max-width: min(48vw,420px); color: var(--zg-primary); white-space: nowrap; text-overflow: ellipsis; }
@media (max-width: 560px) {.zg-breadcrumb{ width: 100%; padding: 8px 10px; border-radius: 11px; font-size: 10px; }}




























.zg-header-search-icon{ padding: 0; border: 0; background: transparent; color: inherit; pointer-events: auto; z-index: 2; }
.zg-live-search{ position: relative; }
.zg-live-search-results{ position: absolute; z-index: 1500; top: calc(100% + 9px); right: 0; width: min(430px, 88vw); max-height: 470px; overflow: auto; border: 1px solid #e6e8ec; border-radius: 18px; background: #fff; box-shadow: 0 22px 48px rgba(16,43,79,.17); opacity: 0; visibility: hidden; transform: translateY(8px); pointer-events: none; transition: opacity .18s ease, transform .18s ease, visibility .18s ease; }
.zg-live-search.is-search-open .zg-live-search-results{ opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
.zg-live-search-list{ padding: 7px; }
.zg-live-search-item{ display: grid; grid-template-columns: 58px minmax(0,1fr) 27px; align-items: center; gap: 11px; min-height: 72px; padding: 7px; border-radius: 12px; transition: background .18s ease; }
.zg-live-search-item + .zg-live-search-item{ border-top: 1px solid #f2f3f5; }
.zg-live-search-item:hover{ background: #f7f8fa; }
.zg-live-search-thumb{ display: grid; place-items: center; width: 58px; height: 58px; overflow: hidden; border-radius: 11px; background: #f3f4f6; }
.zg-live-search-thumb img{ width: 100%; height: 100%; object-fit: contain; }
.zg-live-search-copy{ display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.zg-live-search-copy strong{ overflow: hidden; color: var(--zg-dark-700); font-size: 12px; line-height: 1.7; white-space: nowrap; text-overflow: ellipsis; }
.zg-live-search-copy small{ color: var(--zg-primary); font-size: 11px; font-weight: 700; }
.zg-live-search-copy del{ margin-left: 5px; color: #a8abb0; font-size: 9px; }
.zg-live-search-arrow{ display: grid; place-items: center; color: var(--zg-primary); }
.zg-live-search-arrow .zg-button-icon{ width: 25px; height: 25px; }
.zg-live-search-all{ display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; border-top: 1px solid #eceef1; background: #fafafa; color: var(--zg-primary); font-size: 11px; font-weight: 700; }
.zg-live-search-all .zg-button-icon{ width: 25px; height: 25px; }
.zg-live-search-loading, .zg-live-search-empty{ display: flex; min-height: 88px; align-items: center; justify-content: center; gap: 10px; padding: 18px; color: var(--zg-gray-100); font-size: 11px; text-align: center; }
.zg-live-search-loading span{ width: 18px; height: 18px; border: 2px solid #e4e6e9; border-top-color: var(--zg-primary); border-radius: 50%; animation: zg-search-spin .7s linear infinite; }
@keyframes zg-search-spin {to { transform: rotate(360deg); }}

.zg-product-search-page{ background: #fcfcfc; }
.zg-search-page-header{ margin-bottom: 28px; padding: 24px 28px; border: 1px solid #e9ebee; border-radius: 22px; background: #fff; box-shadow: 0 10px 28px rgba(16,43,79,.06); }
.zg-search-page-header h1{ margin-bottom: 6px; font-size: clamp(24px,3vw,38px); }
.zg-search-page-header p{ margin: 0; color: var(--zg-gray-100); font-size: 12px; }
.zg-search-product-grid{ display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; align-items: stretch; }
.zg-search-product-grid .zg-product-card{ width: 100%; min-width: 0; }
.zg-search-empty{ max-width: 620px; margin: 30px auto; padding: 55px 25px; border: 1px dashed #d9dde2; border-radius: 24px; background: #fff; text-align: center; }
.zg-search-empty-icon{ display: grid; width: 62px; height: 62px; margin: 0 auto 16px; place-items: center; border-radius: 18px; background: rgba(226,21,20,.08); }
.zg-search-empty-icon svg{ width: 29px; height: 29px; }
.zg-search-empty h2{ margin-bottom: 8px; color: var(--zg-navy); font-size: 24px; }
.zg-search-empty p{ color: var(--zg-gray-100); font-size: 13px; }

@media (max-width: 1100px) {.zg-search-product-grid{ grid-template-columns: repeat(3,minmax(0,1fr)); }}
@media (max-width: 960px) {.zg-mobile-search .zg-header-search-icon{ right: 13px; }
  .zg-mobile-search .zg-live-search-results{ top: calc(100% + 7px); width: 100%; max-height: 360px; }
  .zg-mobile-search input{ padding-right: 42px; }}
@media (max-width: 700px) {.zg-search-product-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .zg-live-search-results{ width: min(410px, calc(100vw - 34px)); }}




















@keyframes zgMegaFade {from { opacity: .45; } to { opacity: 1; }}













/* Bachehaye Shargh 0.21.0 — mobile promo bar alignment. */


/* v0.22: the back-to-top circle is centered exactly on the footer top edge. */
.zg-footer-top{
  top: 0 !important;
  transform: translate(-50%, -50%) !important;
}
.zg-footer-top:hover{
  transform: translate(-50%, calc(-50% - 3px)) !important;
}

/* Page template: بدون عنوان */
.zg-page-main-no-title{ padding-top: 28px; }
.zg-page-article-no-title{ width: 100%; }
.zg-page-article-no-title .zg-entry-content{ margin-top: 0; }

/* =========================================================
   Bachehaye Shargh footer — reference layout v1.0.1
   Layout follows the supplied four-column + three-card footer reference.
   ========================================================= */
.zg-site-footer-modern{
  padding: 42px 0 28px;
  background: transparent;
  color: #fff;
}
.zg-site-footer-modern .zg-footer-panel{
  position: relative;
  padding: 46px 54px 34px;
  overflow: visible;
  background: var(--zg-primary-light);
  border-radius: 34px;
  box-shadow: var(--zg-red-shadow);
}
.zg-site-footer-modern .zg-footer-panel::before{ display: none; }
.zg-site-footer-modern .zg-footer-panel::after{
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  bottom: -1px;
  width: 270px;
  height: 54px;
  transform: translateX(-50%);
  background: var(--zg-white, #fff);
  border-radius: 32px 32px 0 0;
}
.zg-footer-reference-top{
  display: grid;
  grid-template-columns: 1fr 1.08fr 1.5fr .72fr;
  gap: 44px;
  align-items: start;
}
.zg-footer-reference-column{ min-width: 0; }
.zg-footer-reference-column h3{
  display: inline-block;
  margin: 0 0 20px;
  padding-inline-end: 12px;
  border-inline-end: 4px solid rgba(255,255,255,.96);
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.35;
}
.zg-site-footer-modern .zg-footer-list{
  list-style: none;
  margin: 0;
  padding: 0;
}
.zg-site-footer-modern .zg-footer-list li{ margin: 10px 0; break-inside: avoid; }
.zg-site-footer-modern .zg-footer-list a{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,.94);
  font-size: 14px;
  line-height: 1.8;
  transition: transform .2s ease, opacity .2s ease;
}
.zg-site-footer-modern .zg-footer-list a::before{
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: #fff;
}
.zg-site-footer-modern .zg-footer-list a:hover{ transform: translateX(-3px); opacity: .78; }
.zg-footer-reference-categories .zg-footer-list{
  columns: 2;
  column-gap: 34px;
}
.zg-footer-reference-badges .zg-footer-badges{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px;
}
.zg-site-footer-modern .zg-footer-badge{
  display: grid;
  width: 92px;
  height: 92px;
  padding: 8px;
  place-items: center;
  overflow: hidden;
  background: #fff;
  border-radius: 15px;
  box-shadow: none;
}
.zg-site-footer-modern .zg-footer-badge img{ width: 100%; height: 100%; object-fit: contain; }
.zg-footer-badges-empty{
  display: block;
  max-width: 150px;
  color: rgba(255,255,255,.78);
  font-size: 11px;
  line-height: 1.9;
}
.zg-footer-reference-middle{
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) 190px minmax(300px, .95fr);
  gap: 22px;
  align-items: stretch;
  margin-top: 40px;
}
.zg-site-footer-modern .zg-footer-story-box, .zg-footer-social-wrap, .zg-footer-contact-card{
  min-width: 0;
  margin: 0;
  border-radius: 22px;
  background: rgba(255,255,255,.95);
  box-shadow: 0 8px 24px rgba(16,43,79,.06);
}
.zg-site-footer-modern .zg-footer-story-box{
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  padding: 14px;
}
.zg-site-footer-modern .zg-footer-story-brand{
  display: flex;
  min-height: 132px;
  padding: 16px 12px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 18px;
  background: rgba(207,19,18,.12);
  text-align: center;
  text-decoration: none;
}
.zg-site-footer-modern .zg-footer-story-brand img{
  display: block;
  width: 150px;
  max-width: 100%;
  max-height: 72px;
  object-fit: contain;
  filter: none;
}
.zg-site-footer-modern .zg-footer-story-brand strong{
  color: var(--zg-primary);
  font-size: 14px;
  line-height: 1.5;
}
.zg-site-footer-modern .zg-footer-story-content{ padding: 10px 10px 10px 16px; }
.zg-site-footer-modern .zg-footer-story-content p{
  margin: 0;
  color: var(--zg-dark-700, #272727);
  font-size: 14px;
  line-height: 2.25;
  text-align: justify;
}
.zg-site-footer-modern .zg-footer-social-wrap{
  display: flex;
  padding: 16px;
  align-items: center;
  justify-content: center;
}
.zg-site-footer-modern .zg-footer-socials{
  display: grid;
  grid-template-columns: repeat(2, 56px);
  gap: 12px;
  align-items: center;
  justify-content: center;
}
.zg-site-footer-modern .zg-footer-socials a{
  display: grid;
  width: 56px;
  height: 56px;
  place-items: center;
  border-radius: 15px;
  background: var(--zg-primary-light);
  color: #fff;
  transition: transform .2s ease, background .2s ease;
}
.zg-site-footer-modern .zg-footer-socials a:hover{
  transform: translateY(-2px);
  background: var(--zg-primary);
}
.zg-site-footer-modern .zg-footer-socials svg{ width: 27px; height: 27px; }
.zg-footer-contact-card{
  display: flex;
  padding: 18px 20px;
  flex-direction: column;
  justify-content: center;
}
.zg-footer-contact-row{
  display: grid;
  grid-template-columns: 24px auto minmax(0,1fr);
  gap: 8px;
  align-items: start;
  padding: 12px 0;
  color: var(--zg-dark-700, #272727);
  font-size: 13px;
  line-height: 1.9;
}
.zg-footer-contact-row + .zg-footer-contact-row{ border-top: 1px solid rgba(79,79,79,.15); }
.zg-footer-contact-row strong{ white-space: nowrap; color: var(--zg-dark-700, #272727); }
.zg-footer-contact-row a, .zg-footer-contact-row span:last-child{ min-width: 0; color: inherit; overflow-wrap: anywhere; }
.zg-site-footer-modern .zg-footer-contact-icon{
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  color: var(--zg-primary);
}
.zg-site-footer-modern .zg-footer-bottom-bar{
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 28px;
  padding: 10px 0 2px;
  border: 0;
}
.zg-site-footer-modern .zg-footer-bottom-bar p{
  margin: 0;
  color: rgba(255,255,255,.94);
  font-size: 12px;
  font-weight: 700;
}
.zg-site-footer-modern .zg-footer-bottom-bar .zg-designer-credit a{
  color: #fff;
  font-weight: 800;
  text-decoration: none;
}
.zg-footer-backtop{
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: -1px;
  display: inline-flex;
  height: 50px;
  padding: 0 20px 0 10px;
  transform: translateX(-50%);
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 0;
  border-radius: 24px 24px 0 0;
  background: #fff;
  color: var(--zg-primary);
  font-family: inherit;
  font-size: 13px;
  cursor: pointer;
}
.zg-footer-backtop-icon{
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 50%;
  background: var(--zg-primary-light);
  color: #fff;
}
.zg-footer-backtop-icon svg{ width: 20px; height: 20px; }

@media (max-width: 1199px) {.zg-site-footer-modern .zg-footer-panel{ padding-inline: 34px; }
  .zg-footer-reference-top{ grid-template-columns: 1fr 1fr 1.35fr .75fr; gap: 28px; }
  .zg-footer-reference-middle{ grid-template-columns: minmax(0,1.5fr) 170px minmax(270px,1fr); }
  .zg-site-footer-modern .zg-footer-story-box{ grid-template-columns: 150px minmax(0,1fr); }}

@media (max-width: 960px) {.zg-footer-reference-top{ grid-template-columns: repeat(2, minmax(0,1fr)); gap: 30px 26px; }
  .zg-footer-reference-middle{ grid-template-columns: minmax(0,1fr) 170px; }
  .zg-site-footer-modern .zg-footer-story-box{ grid-column: 1 / -1; }
  .zg-footer-contact-card{ grid-column: 1; }
  .zg-footer-social-wrap{ grid-column: 2; grid-row: 2; }}

@media (max-width: 767px) {.zg-site-footer-modern{ padding: 28px 0 22px; }
  .zg-site-footer-modern > .zg-container{ width: calc(100% - 12px); }
  .zg-site-footer-modern .zg-footer-panel{
    padding: 30px 18px 62px;
    border-radius: 26px;
    box-shadow: none;
  }
  .zg-site-footer-modern .zg-footer-panel::after{ width: 218px; height: 48px; }
  .zg-footer-reference-top{ grid-template-columns: repeat(2, minmax(0,1fr)); gap: 26px 18px; }
  .zg-footer-reference-column h3{ margin-bottom: 14px; font-size: 15px; }
  .zg-site-footer-modern .zg-footer-list li{ margin: 7px 0; }
  .zg-site-footer-modern .zg-footer-list a{ gap: 7px; font-size: 12px; }
  .zg-footer-reference-categories{ grid-column: 1 / -1; }
  .zg-footer-reference-categories .zg-footer-list{ columns: 2; }
  .zg-footer-reference-badges{ grid-column: 1 / -1; }
  .zg-footer-reference-badges .zg-footer-badges{ justify-content: center; }
  .zg-footer-reference-badges h3{ display: table; }
  .zg-footer-reference-middle{ display: flex; flex-direction: column; gap: 14px; margin-top: 26px; }
  .zg-site-footer-modern .zg-footer-story-box{ display: flex; flex-direction: column; padding: 14px; gap: 12px; }
  .zg-site-footer-modern .zg-footer-story-brand{ width: 100%; min-height: 110px; }
  .zg-site-footer-modern .zg-footer-story-brand img{ width: 138px; max-height: 62px; }
  .zg-site-footer-modern .zg-footer-story-content{ padding: 2px 5px 7px; }
  .zg-site-footer-modern .zg-footer-story-content p{ font-size: 12px; line-height: 2.1; text-align: right; }
  .zg-site-footer-modern .zg-footer-social-wrap{ padding: 14px; }
  .zg-site-footer-modern .zg-footer-socials{ grid-template-columns: repeat(4, 48px); gap: 9px; }
  .zg-site-footer-modern .zg-footer-socials a{ width: 48px; height: 48px; border-radius: 13px; }
  .zg-footer-contact-card{ padding: 12px 15px; }
  .zg-footer-contact-row{ font-size: 11px; }
  .zg-site-footer-modern .zg-footer-bottom-bar{ flex-direction: column; gap: 4px; margin-top: 18px; padding-bottom: 0; text-align: center; }
  .zg-site-footer-modern .zg-footer-bottom-bar p{ font-size: 9px; line-height: 1.8; }
  .zg-footer-backtop{ height: 46px; padding-inline: 12px; font-size: 11px; }
  .zg-footer-backtop-icon{ width: 34px; height: 34px; }}

@media (max-width: 430px) {.zg-footer-reference-top{ grid-template-columns: 1fr; }
  .zg-footer-reference-categories, .zg-footer-reference-badges{ grid-column: auto; }
  .zg-footer-reference-categories .zg-footer-list{ columns: 2; column-gap: 22px; }
  .zg-footer-reference-badges .zg-footer-badges{ justify-content: flex-start; }
  .zg-site-footer-modern .zg-footer-socials{ grid-template-columns: repeat(2, 52px); }
  .zg-site-footer-modern .zg-footer-socials a{ width: 52px; height: 52px; }}