/* ============================================================ ZAKAS — ملف CSS خاص بهذا التمبلت فقط يُحمّل مع تمبلت "زكاس" فقط، فأي تعديل هنا لا يؤثر على غيره. هنا كل تحكّم الهيدر والفوتر لتمبلت زكاس. ============================================================ */ /* ============================ HEADER ============================ */ .zk-header { position:relative; z-index:30; border-bottom:1px solid #eee; background:#fff; } .zk-header .header-inner { padding:16px 0; } .zk-logo { max-height:46px; width:auto; object-fit:contain; } .zk-header .mainmenu { display:flex; flex-wrap:nowrap; gap:2px; margin:0; padding:0; list-style:none; } .zk-header .mainmenu__item { position:relative; flex:0 0 auto; } .zk-header .mainmenu__link { display:block; padding:9px 11px; color:#1a1c22; font-weight:700; font-size:13px; white-space:nowrap; } .zk-header .mainmenu__item.active > .mainmenu__link, .zk-header .mainmenu__link:hover { color:var(--brand,#c2080f); } .zk-submenu { position:absolute; top:100%; inset-inline-start:0; min-width:210px; background:#fff; box-shadow:0 12px 30px rgba(0,0,0,.1); border-radius:8px; padding:8px 0; margin:0; list-style:none; z-index:40; opacity:0; visibility:hidden; transform:translateY(8px); transition:.22s ease; } .zk-header .menu-item-has-children:hover .zk-submenu { opacity:1; visibility:visible; transform:translateY(0); } .zk-submenu li a { display:block; padding:8px 18px; color:#3b4250; font-weight:600; font-size:14px; } .zk-submenu li a:hover { color:var(--brand,#c2080f); background:#faf7f7; } .zk-header .header-toolbar { display:flex; align-items:center; gap:4px; margin:0; padding:0; list-style:none; } .zk-header .header-toolbar__btn { position:relative; display:flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:50%; color:#1a1c22; font-size:19px; transition:background .2s ease, color .2s ease; } .zk-header .header-toolbar__btn:hover { background:#f5f5f5; color:var(--brand,#c2080f); } .zk-lang { font-size:13px !important; font-weight:800; } /* ============================ FOOTER ============================ */ .zk-footer { background:#16181d; color:#c7cbd3; padding:60px 0 0; margin-top:20px; } .zk-footer h4 { color:#fff; font-size:16px; font-weight:800; margin-bottom:20px; } .zk-footer ul { list-style:none; padding:0; margin:0; } .zk-footer ul li { margin-bottom:11px; } .zk-footer a { color:#c7cbd3; } .zk-footer a:hover { color:#fff; } .zk-footer__logo img { max-height:44px; width:auto; margin-bottom:18px; filter:brightness(0) invert(1); } .zk-footer__about p { font-size:14px; line-height:1.9; color:#9a9fa9; margin-bottom:18px; } .zk-footer__social { display:flex; gap:10px; } .zk-footer__social a { width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; font-size:16px; } .zk-footer__social a:hover { background:var(--brand,#c2080f); } .zk-footer__contact { font-size:14px; margin:14px 0 0; } .zk-footer__bottom { border-top:1px solid rgba(255,255,255,.08); margin-top:44px; padding:20px 0; text-align:center; font-size:13px; color:#8b909b; } /* ============================================================ ZAKAS_MOBILE_SHELL_FIX_V1 Zakas only: - visible active bottom navigation - remove residual black bottom gap - shorter / cleaner mobile hero ============================================================ */ @media (max-width: 767px) { /* ======================================================== 1. MOBILE BOTTOM NAV ACTIVE STATE Do not use --brand here because client brand may be white. ======================================================== */ body.tpl-zakas .app-tabbar{ background:#fff !important; border-top:1px solid #ececec !important; } body.tpl-zakas .app-tab-item{ color:#8b8b8b !important; } body.tpl-zakas .app-tab-item.is-active{ color:#111 !important; } body.tpl-zakas .app-tab-item.is-active .app-tab-icon{ color:#111 !important; background:#f3f3f3 !important; } body.tpl-zakas .app-tab-item.is-active .app-tab-icon svg{ stroke:#111 !important; } body.tpl-zakas .app-tab-item.is-active .app-tab-label{ color:#111 !important; font-weight:700 !important; } body.tpl-zakas .app-tab-item.is-active::after{ background:#111 !important; } /* ======================================================== 2. REMOVE BLACK GAP BEFORE BOTTOM NAV ======================================================== */ html body.tpl-zakas, body.tpl-zakas.zk-cinema-mode{ background:#fff !important; } body.tpl-zakas .zk-cinema{ background:#fff !important; margin-bottom:0 !important; padding-bottom:0 !important; } /* * Black sections keep their own black background. * Only empty wrapper space becomes white. */ body.tpl-zakas .zk-collections, body.tpl-zakas .zk-editorial-band, body.tpl-zakas .zk-editorial-promos{ background:#090909 !important; } /* ======================================================== 3. MOBILE HERO — SHORTER ======================================================== */ body.tpl-zakas .zk-dashboard-hero, body.tpl-zakas .zk-dashhero, body.tpl-zakas .zk-dashhero__device, body.tpl-zakas .zk-dashhero__mobile{ height:410px !important; min-height:410px !important; max-height:410px !important; } body.tpl-zakas .zk-dashhero__mobile{ overflow:hidden !important; } body.tpl-zakas .zk-dashhero__mobile .zk-dashhero__slide, body.tpl-zakas .zk-dashhero__mobile .zk-dashhero__media{ height:100% !important; min-height:0 !important; max-height:none !important; } body.tpl-zakas .zk-dashhero__mobile .zk-dashhero__media img, body.tpl-zakas .zk-dashhero__mobile .zk-dashhero__media video, body.tpl-zakas .zk-dashhero__mobile iframe{ width:100% !important; height:100% !important; object-fit:cover !important; } /* ======================================================== 4. MOBILE HERO COPY ======================================================== */ body.tpl-zakas .zk-dashhero__mobile .zk-dashhero__copy{ top:auto !important; bottom:24px !important; inset-inline-start:18px !important; inset-inline-end:18px !important; width:auto !important; max-width:82% !important; padding:0 !important; transform:none !important; } body.tpl-zakas .zk-dashhero__mobile .zk-dashhero__copy h1{ margin:0 !important; font-size:30px !important; line-height:1.08 !important; letter-spacing:-.6px !important; } body.tpl-zakas .zk-dashhero__mobile .zk-dashhero__copy p{ max-width:280px !important; margin:8px 0 0 !important; font-size:10.5px !important; line-height:1.6 !important; } body.tpl-zakas .zk-dashhero__mobile .zk-dashhero__cta{ margin-top:10px !important; padding-bottom:3px !important; font-size:9px !important; line-height:1.3 !important; } body.tpl-zakas .zk-dashhero__mobile .zk-dashhero__eyebrow{ margin-bottom:6px !important; font-size:8px !important; } /* Hero progress smaller */ body.tpl-zakas .zk-dashhero__mobile .zk-dashhero__progress{ bottom:10px !important; font-size:8px !important; transform:scale(.85); } } /* ============================================================ SMALL PHONES ============================================================ */ @media (max-width: 390px) { body.tpl-zakas .zk-dashboard-hero, body.tpl-zakas .zk-dashhero, body.tpl-zakas .zk-dashhero__device, body.tpl-zakas .zk-dashhero__mobile{ height:380px !important; min-height:380px !important; max-height:380px !important; } body.tpl-zakas .zk-dashhero__mobile .zk-dashhero__copy h1{ font-size:27px !important; } } /* ============================================================ ZAKAS_HOME_MOBILE_V3 ============================================================ */ @media (max-width:767px){ /* ======================================================== HERO — DOUBLE CURRENT SIZE ======================================================== */ body.tpl-zakas .zk-dashboard-hero, body.tpl-zakas .zk-dashhero, body.tpl-zakas .zk-dashhero__device, body.tpl-zakas .zk-dashhero__mobile{ height:820px !important; min-height:820px !important; max-height:820px !important; } body.tpl-zakas .zk-dashhero__mobile{ position:relative !important; overflow:hidden !important; background:#090909 !important; } body.tpl-zakas .zk-dashhero__mobile .zk-dashhero__slide, body.tpl-zakas .zk-dashhero__mobile .zk-dashhero__media{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; min-width:100% !important; min-height:100% !important; max-width:none !important; max-height:none !important; overflow:hidden !important; } body.tpl-zakas .zk-dashhero__mobile .zk-dashhero__media video, body.tpl-zakas .zk-dashhero__mobile .zk-dashhero__media img{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; min-width:100% !important; min-height:100% !important; max-width:none !important; max-height:none !important; object-fit:cover !important; object-position:center center !important; margin:0 !important; } /* * Embedded video: * overscan removes narrow black side bars. */ body.tpl-zakas .zk-dashhero__mobile .zk-dashhero__media iframe{ position:absolute !important; top:50% !important; left:50% !important; width:190% !important; height:100% !important; min-width:190% !important; min-height:100% !important; max-width:none !important; border:0 !important; transform: translate(-50%,-50%) !important; } /* ======================================================== HERO COPY ======================================================== */ body.tpl-zakas .zk-dashhero__mobile .zk-dashhero__copy{ bottom:58px !important; inset-inline-start:20px !important; inset-inline-end:20px !important; width:auto !important; max-width:78% !important; transform:none !important; } body.tpl-zakas .zk-dashhero__mobile .zk-dashhero__copy h1{ font-size:30px !important; line-height:1.08 !important; letter-spacing:-.5px !important; } body.tpl-zakas .zk-dashhero__mobile .zk-dashhero__copy p{ max-width:290px !important; margin-top:9px !important; font-size:10.5px !important; line-height:1.65 !important; } /* ======================================================== FEATURED GRID ======================================================== */ body.tpl-zakas .zk-cinema .zk-featured__track{ display:grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap:14px 10px !important; } body.tpl-zakas .zk-cinema .zk-featured-card{ width:auto !important; min-width:0 !important; overflow:hidden !important; border: 1px solid #e9e9e9 !important; border-radius: 12px !important; background: #fff !important; box-shadow: 0 4px 14px rgba(0,0,0,.035) !important; } body.tpl-zakas .zk-cinema .zk-featured-card__media{ aspect-ratio: 1 / 1 !important; padding: 12px !important; border: 0 !important; border-bottom: 1px solid #efefef !important; background: #fafafa !important; } body.tpl-zakas .zk-cinema .zk-featured-card__media img{ object-fit: contain !important; } body.tpl-zakas .zk-cinema .zk-featured-card__body{ padding: 10px !important; } body.tpl-zakas .zk-cinema .zk-featured-card__category{ margin-bottom: 4px !important; font-size: 8px !important; color: #9b9b9b !important; } body.tpl-zakas .zk-cinema .zk-featured-card h3{ min-height: 33px !important; margin: 0 !important; font-size: 11.5px !important; line-height: 1.45 !important; font-weight: 600 !important; } body.tpl-zakas .zk-cinema .zk-featured-card__price{ min-height: 18px; margin-top: 5px !important; } body.tpl-zakas .zk-cinema .zk-featured-card__price strong{ font-size: 11.5px !important; } /* ======================================================== BOTTOM ADD TO CART ======================================================== */ body.tpl-zakas .zk-featured-card__action{ margin-top: 10px; } body.tpl-zakas .zk-featured-card__cart{ width: 100%; min-height: 37px; display: flex; align-items: center; justify-content: center; padding: 7px 8px; border: 1px solid #151515; border-radius: 7px; background: #151515 !important; color: #fff !important; font-family: inherit; font-size: 9.5px; font-weight: 700; line-height: 1.2; text-decoration: none !important; cursor: pointer; } body.tpl-zakas .zk-featured-card__cart.is-disabled{ border-color: #ddd; background: #eee !important; color: #999 !important; } } @media (max-width:390px){ body.tpl-zakas .zk-dashboard-hero, body.tpl-zakas .zk-dashhero, body.tpl-zakas .zk-dashhero__device, body.tpl-zakas .zk-dashhero__mobile{ height:760px !important; min-height:760px !important; max-height:760px !important; } } /* ============================================================ ZAKAS_UNIFIED_PRODUCT_CARD_V1 One product card design across the entire Zakas theme. ============================================================ */ body.tpl-zakas .zk-unified-card{ width:100% !important; min-width:0 !important; display:flex !important; flex-direction:column !important; overflow:hidden !important; border: 1px solid #e9e9e9 !important; border-radius: 12px !important; background: #fff !important; box-shadow: 0 4px 18px rgba(0,0,0,.035) !important; } body.tpl-zakas .zk-unified-card .zk-featured-card__media{ position:relative !important; width:100% !important; display:flex !important; align-items:center !important; justify-content:center !important; aspect-ratio: 1 / 1 !important; padding: 20px !important; overflow:hidden !important; border: 0 !important; border-bottom: 1px solid #efefef !important; background: #fafafa !important; text-decoration: none !important; } body.tpl-zakas .zk-unified-card .zk-featured-card__media img{ display:block !important; width:100% !important; height:100% !important; object-fit: contain !important; object-position: center center !important; transition: transform .35s ease !important; } @media (hover:hover) and (pointer:fine){ body.tpl-zakas .zk-unified-card:hover .zk-featured-card__media img{ transform: scale(1.025) !important; } } body.tpl-zakas .zk-unified-card .zk-featured-card__body{ flex:1 1 auto; display:flex !important; flex-direction:column !important; padding: 14px 14px 15px !important; } body.tpl-zakas .zk-unified-card .zk-featured-card__category{ display:block !important; min-height: 15px; margin: 0 0 5px !important; color: #999 !important; font-size: 9px !important; font-weight: 500 !important; line-height: 1.4 !important; } body.tpl-zakas .zk-unified-card h3{ min-height: 42px !important; margin: 0 !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.55 !important; } body.tpl-zakas .zk-unified-card h3 a{ color: #222 !important; text-decoration: none !important; } body.tpl-zakas .zk-unified-card .zk-featured-card__price{ min-height: 24px; margin-top: 8px !important; display:flex !important; align-items:center !important; gap: 7px !important; } body.tpl-zakas .zk-unified-card .zk-featured-card__price strong{ color: #111 !important; font-size: 13px !important; font-weight: 700 !important; } body.tpl-zakas .zk-unified-card .zk-featured-card__price del{ color: #aaa !important; font-size: 10px !important; } body.tpl-zakas .zk-unified-card .zk-featured-card__action{ margin-top: auto !important; padding-top: 12px !important; } body.tpl-zakas .zk-unified-card .zk-featured-card__cart{ width: 100% !important; min-height: 42px !important; display:flex !important; align-items:center !important; justify-content:center !important; padding: 9px 12px !important; border: 1px solid #151515 !important; border-radius: 7px !important; background: #151515 !important; color: #fff !important; font-family: inherit !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; cursor: pointer !important; } body.tpl-zakas .zk-unified-card .zk-featured-card__cart:hover{ background: #2a2927 !important; color: #fff !important; } body.tpl-zakas .zk-unified-card .zk-featured-card__cart.is-disabled{ border-color: #ddd !important; background: #eee !important; color: #999 !important; cursor: not-allowed !important; } /* ============================================================ HOMEPAGE LATEST PRODUCTS ============================================================ */ body.tpl-zakas .zk-latest-products__grid{ align-items: stretch; } body.tpl-zakas .zk-latest-products__grid .zk-unified-card{ height: 100%; } /* ============================================================ MOBILE ============================================================ */ @media(max-width:767px){ body.tpl-zakas .zk-unified-card{ border-radius: 11px !important; } body.tpl-zakas .zk-unified-card .zk-featured-card__media{ padding: 11px !important; } body.tpl-zakas .zk-unified-card .zk-featured-card__body{ padding: 9px 9px 10px !important; } body.tpl-zakas .zk-unified-card .zk-featured-card__category{ margin-bottom: 3px !important; font-size: 7.5px !important; } body.tpl-zakas .zk-unified-card h3{ min-height: 34px !important; font-size: 11px !important; line-height: 1.45 !important; } body.tpl-zakas .zk-unified-card .zk-featured-card__price{ min-height: 18px; margin-top: 4px !important; } body.tpl-zakas .zk-unified-card .zk-featured-card__price strong{ font-size: 10.5px !important; } body.tpl-zakas .zk-unified-card .zk-featured-card__price del{ font-size: 8.5px !important; } body.tpl-zakas .zk-unified-card .zk-featured-card__action{ padding-top: 8px !important; } body.tpl-zakas .zk-unified-card .zk-featured-card__cart{ min-height: 34px !important; padding: 6px !important; border-radius: 6px !important; font-size: 9px !important; } } /* ============================================================ ZAKAS_ALL_PRODUCT_LOCATIONS_V1 Unified card everywhere in Zakas. ============================================================ */ /* Old catalog container now displays unified cards */ body.tpl-zakas .zk-catalog-products .zk-unified-card, body.tpl-zakas .zkc-grid .zk-unified-card, body.tpl-zakas .zk-latest-products__grid .zk-unified-card, body.tpl-zakas .zk-featured__track .zk-unified-card, body.tpl-zakas .row .zk-unified-card{ width:100% !important; max-width:none !important; } /* ============================================================ ALL PRODUCTS CATALOG ============================================================ */ body.tpl-zakas .zk-catalog-products{ display:grid !important; grid-template-columns: repeat( 3, minmax(0,1fr) ) !important; gap: 24px !important; align-items: stretch !important; } body.tpl-zakas .zk-catalog-products .zk-unified-card{ height: 100% !important; } /* * Old list mode is disabled visually. * Product design remains identical everywhere. */ body.tpl-zakas .zk-catalog-products.is-list{ grid-template-columns: repeat( 3, minmax(0,1fr) ) !important; } body.tpl-zakas .zk-catalog-products.is-list .zk-unified-card{ display:flex !important; flex-direction:column !important; } /* Hide obsolete list toggle only. Grid toggle remains available. */ body.tpl-zakas .zk-catalog-views button[data-zk-catalog-view="list"]{ display:none !important; } /* ============================================================ CATEGORY / SUBCATEGORY / SEARCH / WISHLIST ============================================================ */ body.tpl-zakas .zkc-grid{ align-items: stretch !important; } body.tpl-zakas .zkc-grid .zk-unified-card{ height: 100% !important; } /* ============================================================ REMOVE OLD PRODUCT-CARD DECORATION ============================================================ */ body.tpl-zakas .zk-unified-card .product-badge, body.tpl-zakas .zk-unified-card .zakas-product-action, body.tpl-zakas .zk-unified-card .zk-luxury-orb{ display:none !important; } /* ============================================================ DESKTOP ============================================================ */ @media(min-width:992px){ body.tpl-zakas .zk-unified-card .zk-featured-card__media{ aspect-ratio: 1 / 1 !important; min-height: 0 !important; } body.tpl-zakas .zk-unified-card .zk-featured-card__body{ padding: 15px !important; } body.tpl-zakas .zk-unified-card h3{ font-size: 13px !important; line-height: 1.5 !important; } body.tpl-zakas .zk-unified-card .zk-featured-card__cart{ min-height: 42px !important; font-size: 11px !important; } } /* ============================================================ TABLET ============================================================ */ @media(max-width:991px){ body.tpl-zakas .zk-catalog-products{ grid-template-columns: repeat( 2, minmax(0,1fr) ) !important; gap: 14px !important; } body.tpl-zakas .zk-catalog-products.is-list{ grid-template-columns: repeat( 2, minmax(0,1fr) ) !important; } } /* ============================================================ MOBILE ============================================================ */ @media(max-width:767px){ body.tpl-zakas .zk-catalog-products{ grid-template-columns: repeat( 2, minmax(0,1fr) ) !important; gap: 12px 9px !important; } body.tpl-zakas .zk-catalog-products.is-list{ grid-template-columns: repeat( 2, minmax(0,1fr) ) !important; } body.tpl-zakas .zk-unified-card{ height: 100% !important; } } /* ============================================================ ZAKAS_UNIFIED_MEDIA_WHITE_V1 Pure white image area across every unified Zakas product card. ============================================================ */ body.tpl-zakas .zk-unified-card .zk-featured-card__media{ background:#fff !important; } body.tpl-zakas .zk-unified-card .zk-featured-card__media img{ background:#fff !important; } /* ============================================================ ZAKAS_HOME_WHITE_SECTIONS_V1 White canvas around categories and advertising sections. Images/cards themselves remain untouched. ============================================================ */ /* ============================================================ 3 FEATURED CATEGORIES ============================================================ */ body.tpl-zakas .zk-collections{ background:#fff !important; } /* ============================================================ EDITORIAL / ADVERTISING SECTIONS ============================================================ */ body.tpl-zakas .zk-editorial-promos, body.tpl-zakas .zk-editorial-band, body.tpl-zakas .zk-midband, body.tpl-zakas .zk-banner2{ background:#fff !important; } /* ============================================================ HOME CINEMA WRAPPER Remove any black canvas showing between sections. ============================================================ */ body.tpl-zakas .zk-cinema{ background:#fff !important; } /* Preserve actual media / images exactly as they are */ body.tpl-zakas .zk-collections img, body.tpl-zakas .zk-editorial-promos img, body.tpl-zakas .zk-editorial-band img, body.tpl-zakas .zk-midband img, body.tpl-zakas .zk-banner2 img{ background:transparent !important; } /* ============================================================ MOBILE ============================================================ */ @media(max-width:767px){ body.tpl-zakas .zk-collections, body.tpl-zakas .zk-editorial-promos, body.tpl-zakas .zk-editorial-band, body.tpl-zakas .zk-midband, body.tpl-zakas .zk-banner2, body.tpl-zakas .zk-cinema{ background:#fff !important; } } /* ============================================================ ZAKAS_CART_MOBILE_CHECKOUT_FIX_V1 Mobile cart: - hide duplicated checkout button inside summary - keep the fixed bottom checkout bar - desktop remains unchanged ============================================================ */ @media (max-width:575px){ /* * This is the checkout button inside the cart content. * On mobile the fixed checkout bar already performs * the same action, so this duplicate must disappear. */ body.tpl-zakas .lx-cart-checkout{ display:none !important; } /* * Keep the dedicated mobile checkout bar visible. */ body.tpl-zakas .lx-cart-mobile-checkout{ display:block !important; } body.tpl-zakas .lx-cart-mobile-checkout-link{ display:flex !important; align-items:center !important; justify-content:center !important; gap:14px !important; } /* * Leave enough space so the fixed checkout bar * never covers the final cart content. */ body.tpl-zakas.lx-cart-page-active{ padding-bottom: calc( 105px + env(safe-area-inset-bottom) ) !important; } } /* ============================================================ ZAKAS_CATEGORY_NAME_VISIBLE_V1 Category titles must not inherit a white brand color. ============================================================ */ body.tpl-zakas .cats-grid .cat-tile__name{ display:block !important; margin-top:11px !important; color:#181818 !important; opacity:1 !important; visibility:visible !important; font-weight:700 !important; text-decoration:none !important; } body.tpl-zakas .cats-grid .cat-tile{ color:#181818 !important; text-decoration:none !important; } body.tpl-zakas .cats-grid .cat-tile__count{ color:#8e8e8e !important; opacity:1 !important; visibility:visible !important; } @media(max-width:575px){ body.tpl-zakas .cats-grid .cat-tile__name{ margin-top:9px !important; color:#181818 !important; font-size:13px !important; line-height:1.4 !important; } body.tpl-zakas .cats-grid .cat-tile__count{ margin-top:3px !important; font-size:11px !important; } } /* ============================================================ ZAKAS_PAYMENT_SVG_STYLE_V1 ============================================================ */ body.tpl-zakas .lx-payment-icon{ width:42px !important; height:42px !important; flex:0 0 42px !important; display:flex !important; align-items:center !important; justify-content:center !important; border:1px solid #e4e4e1 !important; border-radius:9px !important; background:#fafaf8 !important; color:#111 !important; } body.tpl-zakas .lx-payment-icon .zk-payment-svg{ display:block !important; width:23px !important; height:23px !important; color:#111 !important; stroke:currentColor !important; } /* Selected payment option */ body.tpl-zakas .lx-payment-option input:checked + label .lx-payment-icon{ border-color:#111 !important; background:#111 !important; color:#fff !important; } body.tpl-zakas .lx-payment-option input:checked + label .lx-payment-icon .zk-payment-svg{ color:#fff !important; } /* ============================================================ ZAKAS_MOBILE_SITEWIDE_HIDE_V1 Zakas mobile uses app bottom navigation and hides the normal website footer. The site-wide banner is rendered BEFORE the footer, therefore it must also be hidden on phones. ============================================================ */ @media(max-width:767px){ body.tpl-zakas .zk-placement-section[data-placement="site_wide"]{ display:none !important; margin:0 !important; padding:0 !important; height:0 !important; min-height:0 !important; overflow:hidden !important; } }