/* ============================================================ ZINTRA THEME — MAIN CSS Brand: #207943 green | #111 black | Urbanist font ============================================================ */ /* ── CSS CUSTOM PROPERTIES ──────────────────────────────────── */ :root { --z-green: #207943 !important; --z-green-dark: #185f34 !important; --z-green-mid: #4caf77 !important; --z-green-light: #eaf5ee !important; --z-black: #111111 !important; --z-white: #ffffff !important; --z-grey-1: #f7f7f7 !important; --z-grey-2: #e8e8e8 !important; --z-grey-3: #cccccc !important; --z-grey-4: #999999 !important; --z-grey-5: #555555 !important; --z-font: 'Urbanist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; --z-radius: 4px !important; --z-radius-md: 8px !important; --z-radius-lg: 16px !important; --z-ease: .2s ease !important; --z-shadow-sm: 0 1px 3px rgba(0,0,0,.08) !important; --z-shadow-md: 0 4px 16px rgba(0,0,0,.12) !important; --z-shadow-lg: 0 12px 40px rgba(0,0,0,.15) !important; --z-shadow-green: 0 8px 24px rgba(32,121,67,.2) !important; } /* ── RESET + BASE ────────────────────────────────────────────── */ *, *::before, *::after { box-sizing:border-box;margin:0;padding:0; } html { font-size:16px !important;scroll-behavior:smooth !important;-webkit-text-size-adjust:100% !important; } body { font-family:var(--z-font) !important;font-size:15px !important;line-height:1.6 !important;color:var(--z-black) !important;background:var(--z-white) !important;-webkit-font-smoothing:antialiased !important; } a { color:inherit !important;text-decoration:none !important; } a:hover { color:var(--z-green) !important; } img { max-width:100% !important;height:auto !important;display:block !important; } button { cursor:pointer !important;font-family:var(--z-font) !important; } ul,ol { list-style:none !important; } input,select,textarea { font-family:var(--z-font) !important; } h1,h2,h3,h4,h5,h6 { font-weight:800 !important;line-height:1.2 !important;letter-spacing:-.02em !important;color:var(--z-black) !important; } h1 { font-size:clamp(26px,4vw,40px) !important; } h2 { font-size:clamp(20px,3vw,30px) !important; } h3 { font-size:18px !important; } p { color:var(--z-grey-5) !important;line-height:1.7 !important; } /* ── CONTAINERS ──────────────────────────────────────────────── */ .z-container { width:100% !important;max-width:1280px !important;margin:0 auto !important;padding:0 40px !important; } .z-container-narrow { width:100% !important;max-width:860px !important;margin:0 auto !important;padding:0 40px !important; } /* ── GRIDS — defined near hot deals section with align-items:stretch ── */ /* ── SECTIONS ────────────────────────────────────────────────── */ .z-section { padding:56px 0 !important; } .z-section--grey { background:var(--z-grey-1) !important; } /* ── SECTION HEADER ──────────────────────────────────────────── */ .section-head { display:flex !important;align-items:flex-end !important;justify-content:space-between !important;gap:16px !important;margin-bottom:32px !important;flex-wrap:wrap !important; } .section-kicker { display:block !important;font-size:11px !important;font-weight:800 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:var(--z-green) !important;margin-bottom:6px !important; } .section-head h2 { margin:0 !important; } /* ── LISTING CARD ────────────────────────────────────────────── */ .listing-card { background:#fff !important;border:2px solid var(--z-grey-2) !important;border-radius:var(--z-radius-md) !important;overflow:hidden !important;transition:transform var(--z-ease),box-shadow var(--z-ease),border-color var(--z-ease) !important;display:flex !important;flex-direction:column !important;height:100% !important; } .listing-card:hover { transform:translateY(-4px) !important;box-shadow:var(--z-shadow-md) !important;border-color:var(--z-green) !important; } .listing-card__image { position:relative !important;aspect-ratio:4/3 !important;overflow:hidden !important;background:var(--z-grey-1) !important;flex-shrink:0 !important; } .listing-card__image a { display:block !important;width:100% !important;height:100% !important; } .listing-card__image img { width:100% !important;height:100% !important;object-fit:cover !important;transition:transform .5s ease !important; } .listing-card:hover .listing-card__image img { transform:scale(1.04) !important; } .listing-card__badges { position:absolute !important;top:10px !important;left:10px !important;display:flex !important;gap:5px !important;flex-wrap:wrap !important;z-index:1 !important; } .listing-card__wishlist { position:absolute !important;top:10px !important;right:10px !important;width:30px !important;height:30px !important;background:rgba(255,255,255,.9) !important;border:none !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;color:var(--z-grey-4) !important;z-index:1 !important; } .listing-card__wishlist:hover { background:var(--z-green) !important;color:#fff !important; } .listing-card__body { padding:16px !important;display:flex !important;flex-direction:column !important;flex:1 !important; } .listing-card__title { font-size:14px !important;font-weight:700 !important;margin-bottom:6px !important;line-height:1.35 !important;flex-shrink:0 !important; } .listing-card__title a { color:var(--z-black) !important;text-decoration:none !important; } .listing-card__title a:hover { color:var(--z-green) !important; } .listing-card__location { font-size:11px !important;color:var(--z-grey-4) !important;display:flex !important;align-items:center !important;gap:3px !important;margin-bottom:12px !important;flex-shrink:0 !important; } .listing-card__pricing { margin-top:auto !important;padding-top:12px !important;border-top:1px solid var(--z-grey-2) !important;margin-bottom:12px !important; } .listing-card__price-wrap { display:flex !important;flex-direction:column !important;gap:2px !important; } .listing-card__price { font-size:20px !important;font-weight:900 !important;color:var(--z-green) !important;letter-spacing:-.02em !important;line-height:1 !important; } .listing-card__price-period { font-size:11px !important;color:var(--z-grey-4) !important; } .listing-card__cta { display:flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;width:100% !important;padding:10px 16px !important;background:var(--z-black) !important;color:#fff !important;border-radius:var(--z-radius) !important;font-size:12px !important;font-weight:700 !important;letter-spacing:.04em !important;text-transform:uppercase !important;flex-shrink:0 !important;text-decoration:none !important; } .listing-card__cta:hover { background:var(--z-green) !important;color:#fff !important; } /* ── BADGES ──────────────────────────────────────────────────── */ .badge { display:inline-block !important;font-size:10px !important;font-weight:800 !important;letter-spacing:.07em !important;text-transform:uppercase !important;padding:3px 8px !important;border-radius:2px !important;line-height:1 !important; } .badge-green { background:var(--z-green) !important;color:#fff !important; } .badge-black { background:var(--z-black) !important;color:#fff !important; } .badge-outline-green { background:var(--z-white) !important;color:var(--z-green) !important;border:1px solid var(--z-green) !important; } /* ── BREADCRUMBS ─────────────────────────────────────────────── */ .z-breadcrumb { display:flex !important;align-items:center !important;flex-wrap:wrap !important;gap:4px !important;font-size:12px !important;color:var(--z-grey-4) !important;padding:12px 0 0 !important; } .z-breadcrumb a { color:var(--z-grey-4) !important; } .z-breadcrumb a:hover { color:var(--z-green) !important; } .z-breadcrumb__sep { color:var(--z-grey-3) !important; } .z-breadcrumb__current { color:var(--z-black) !important;font-weight:600 !important; } /* ── PAGINATION ──────────────────────────────────────────────── */ .z-pagination { margin-top:40px !important;display:flex !important;justify-content:center !important; } .z-pagination .page-numbers { display:flex !important;flex-wrap:wrap !important;gap:6px !important;align-items:center !important; } .z-pagination .page-numbers li a, .z-pagination .page-numbers li span { display:flex !important;align-items:center !important;justify-content:center !important;width:36px !important;height:36px !important;border:2px solid var(--z-grey-2) !important;border-radius:var(--z-radius) !important;font-size:13px !important;font-weight:700 !important;color:var(--z-black) !important;transition:border-color var(--z-ease),background var(--z-ease),color var(--z-ease) !important; } .z-pagination .page-numbers li a:hover { border-color:var(--z-green) !important;color:var(--z-green) !important; } .z-pagination .page-numbers li .current { background:var(--z-green) !important;border-color:var(--z-green) !important;color:#fff !important; } .z-pagination .page-numbers li .dots { border-color:transparent !important; } /* ── FORMS ───────────────────────────────────────────────────── */ .form-group { display:flex !important;flex-direction:column !important;gap:6px !important;margin-bottom:16px !important; } .form-label { font-size:13px !important;font-weight:700 !important;color:var(--z-black) !important; } .form-label span { color:var(--z-green) !important; } .form-input { height:46px !important;border:2px solid var(--z-grey-2) !important;border-radius:var(--z-radius) !important;padding:0 14px !important;font-family:var(--z-font) !important;font-size:14px !important;color:var(--z-black) !important;background:#fff !important;outline:none !important;transition:border-color var(--z-ease) !important;width:100% !important; } .form-input:focus { border-color:var(--z-green) !important; } .form-input::placeholder { color:var(--z-grey-3) !important; } .form-select { height:46px !important;border:2px solid var(--z-grey-2) !important;border-radius:var(--z-radius) !important;padding:0 14px !important;font-family:var(--z-font) !important;font-size:14px !important;color:var(--z-black) !important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E") no-repeat right 12px center !important;appearance:none !important;outline:none !important;transition:border-color var(--z-ease) !important;width:100% !important;cursor:pointer !important; } .form-select:focus { border-color:var(--z-green) !important; } .form-textarea { border:2px solid var(--z-grey-2) !important;border-radius:var(--z-radius) !important;padding:12px 14px !important;font-family:var(--z-font) !important;font-size:14px !important;color:var(--z-black) !important;background:#fff !important;outline:none !important;transition:border-color var(--z-ease) !important;width:100% !important;resize:vertical !important; } .form-textarea:focus { border-color:var(--z-green) !important; } /* ── NOTICES ─────────────────────────────────────────────────── */ .z-notice { display:flex !important;align-items:center !important;gap:10px !important;padding:14px 16px !important;border-radius:var(--z-radius) !important;font-size:13px !important;font-weight:600 !important;margin-bottom:20px !important; } .z-notice-success { background:#eaf5ee !important;color:var(--z-green) !important;border:1px solid #b8dfc6 !important; } .z-notice-error { background:#fff0f0 !important;color:#c0392b !important;border:1px solid #f5c6cb !important; } /* ── SCROLL REVEAL ───────────────────────────────────────────── */ .z-reveal { opacity:0 !important;transform:translateY(24px) !important;transition:opacity .5s ease,transform .5s ease !important; } .z-reveal.z-visible { opacity:1 !important;transform:translateY(0) !important; } /* ── SKIP LINK ───────────────────────────────────────────────── */ .skip-link { position:absolute !important;top:-100px !important;left:16px !important;z-index:9999 !important;background:var(--z-green) !important;color:#fff !important;padding:8px 16px !important;border-radius:0 0 4px 4px !important;font-weight:700 !important;transition:top .2s !important; } .skip-link:focus { top:0 !important; } /* ── ANIMATIONS ──────────────────────────────────────────────── */ @keyframes ticker { from { transform:translateX(0); } to { transform:translateX(-50%); } } @keyframes pulse { 0%,100% { opacity:1;transform:scale(1); } 50% { opacity:.6;transform:scale(.9); } } @keyframes fadeUp { from { opacity:0;transform:translateY(20px); } to { opacity:1;transform:translateY(0); } } @keyframes float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-6px); } } @media (max-width:768px) { .z-container,.z-container-narrow { padding:0 20px; } } @media (max-width:480px) { .z-container,.z-container-narrow { padding:0 16px; } } /* ── TICKER ────────────────────────────────────────────────── */ .z-ticker { background:var(--z-green) !important;color:#fff !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.07em !important;text-transform:uppercase !important;padding:8px 0 !important;overflow:hidden !important;white-space:nowrap !important; } .z-ticker__track { display:inline-block !important;animation:ticker 36s linear infinite !important; } .z-ticker__item { margin:0 40px !important; } .z-ticker__dot { display:inline-block !important;width:4px !important;height:4px !important;background:rgba(255,255,255,.45) !important;border-radius:50% !important;vertical-align:middle !important;margin:0 8px !important; } /* ── HEADER ────────────────────────────────────────────────── */ .z-header { background:#fff !important;border-bottom:2px solid var(--z-black) !important;position:sticky !important;top:0 !important;z-index:900 !important;transition:box-shadow var(--z-ease) !important; } .z-header.scrolled { box-shadow:var(--z-shadow-md) !important; } .z-header__inner { display:flex !important;align-items:center !important;padding:0 40px !important;height:66px !important;gap:0 !important; } .z-logo { font-size:24px !important;font-weight:900 !important;letter-spacing:-.04em !important;color:var(--z-black) !important;white-space:nowrap !important;flex-shrink:0 !important;margin-right:8px !important; } .z-logo__accent { color:var(--z-green) !important; } /* Inline nav — sits right after logo */ .z-header__nav { display:flex !important;align-items:center !important;flex:1 !important;overflow:hidden !important; } /* Header actions pushed to right */ .z-header__actions { display:flex !important;align-items:center !important;gap:10px !important;margin-left:auto !important;flex-shrink:0 !important;padding-left:16px !important; } /* Mobile-only elements — hidden on desktop */ .z-header__mobile-login { display:none !important; } .z-mobile-login-icon { display:flex !important;align-items:center !important;justify-content:center !important;width:38px !important;height:38px !important;border:2px solid var(--z-black) !important;border-radius:var(--z-radius) !important;color:var(--z-black) !important;transition:background var(--z-ease),color var(--z-ease) !important; } .z-mobile-login-icon:hover { background:var(--z-black) !important;color:#fff !important; } /* ── LOGIN DROPDOWN ─────────────────────────────────────────── */ .z-login-dropdown { position:relative !important; } .z-login-dropdown__trigger { display:flex !important;align-items:center !important;gap:6px !important; } .z-login-dropdown__caret { transition:transform var(--z-ease) !important;flex-shrink:0 !important; } .z-login-dropdown:hover .z-login-dropdown__caret, .z-login-dropdown.open .z-login-dropdown__caret { transform:rotate(180deg) !important; } .z-login-panel { position:absolute !important; top:calc(100% + 12px) !important; right:0 !important; width:320px !important; background:#fff !important; border:2px solid var(--z-black) !important; border-radius:var(--z-radius-md) !important; box-shadow:0 16px 48px rgba(0,0,0,.18) !important; opacity:0 !important; visibility:hidden !important; transform:translateY(8px) !important; transition:opacity var(--z-ease),transform var(--z-ease),visibility var(--z-ease) !important; z-index:1000 !important; } .z-login-dropdown:hover .z-login-panel, .z-login-dropdown.open .z-login-panel { opacity:1 !important;visibility:visible !important;transform:translateY(0) !important; } /* Arrow pointer */ .z-login-panel::before { content:'' !important; position:absolute !important; top:-8px !important; right:24px !important; width:14px !important; height:14px !important; background:#fff !important; border-left:2px solid var(--z-black) !important; border-top:2px solid var(--z-black) !important; transform:rotate(45deg) !important; } .z-login-panel__inner { padding:24px !important; } .z-login-panel__heading { font-size:15px !important; color:var(--z-black) !important; margin-bottom:16px !important; line-height:1.5 !important; } .z-login-panel__heading strong { display:block !important; font-size:17px !important; font-weight:900 !important; margin-bottom:4px !important; } .z-login-panel__benefits { display:flex !important; flex-direction:column !important; gap:10px !important; margin-bottom:20px !important; } .z-login-panel__benefits li { display:flex !important; align-items:center !important; gap:10px !important; font-size:14px !important; color:var(--z-grey-5) !important; font-weight:500 !important; } .z-login-panel__benefits li svg { flex-shrink:0 !important; } .z-login-panel__btns { display:grid !important; grid-template-columns:1fr 1fr !important; gap:10px !important; } .z-login-panel__btns .z-btn { justify-content:center !important;width:100% !important; } /* ── HAMBURGER ────────────────────────────────────────────── */ .z-hamburger { display:none !important;flex-direction:column !important;justify-content:center !important;gap:5px !important;width:40px !important;height:40px !important;flex-shrink:0 !important;padding:8px !important;border:2px solid var(--z-black) !important;border-radius:var(--z-radius) !important;transition:background var(--z-ease) !important;cursor:pointer !important;background:none !important; } .z-hamburger:hover { background:var(--z-black) !important; } .z-hamburger:hover .z-hamburger__line { background:#fff !important; } .z-hamburger__line { display:block !important;width:100% !important;height:2px !important;background:var(--z-black) !important;border-radius:1px !important;transition:transform var(--z-ease),opacity var(--z-ease) !important; } .z-hamburger.active .z-hamburger__line:nth-child(1) { transform:translateY(7px) rotate(45deg) !important; } .z-hamburger.active .z-hamburger__line:nth-child(2) { opacity:0 !important; } .z-hamburger.active .z-hamburger__line:nth-child(3) { transform:translateY(-7px) rotate(-45deg) !important; } /* ── PRIMARY NAV — inline in header ─────────────────────────── */ .z-nav__menu { display:flex !important;align-items:center !important;gap:0 !important;margin:0 !important;flex-shrink:0 !important; } .z-nav__menu > li { position:relative !important; } .z-nav__menu > li > a { display:flex !important;align-items:center !important;gap:4px !important;padding:0 14px !important;height:66px !important;font-size:13px !important;font-weight:600 !important;color:var(--z-black) !important;white-space:nowrap !important;transition:color var(--z-ease) !important;position:relative !important; } .z-nav__menu > li > a::after { content:'' !important;position:absolute !important;bottom:0 !important;left:14px !important;right:14px !important;height:2px !important;background:var(--z-green) !important;transform:scaleX(0) !important;transition:transform var(--z-ease) !important; } .z-nav__menu > li > a:hover, .z-nav__menu > li.current-menu-item > a { color:var(--z-green) !important; } .z-nav__menu > li > a:hover::after, .z-nav__menu > li.current-menu-item > a::after { transform:scaleX(1) !important; } .z-nav__menu .sub-menu { position:absolute !important;top:100% !important;left:0 !important;background:#fff !important;border:2px solid var(--z-black) !important;border-radius:var(--z-radius) !important;min-width:200px !important;padding:8px 0 !important;z-index:200 !important;opacity:0 !important;visibility:hidden !important;transform:translateY(8px) !important;transition:opacity var(--z-ease),transform var(--z-ease),visibility var(--z-ease) !important;box-shadow:var(--z-shadow-md) !important; } .z-nav__menu li:hover > .sub-menu, .z-nav__menu li:focus-within > .sub-menu { opacity:1 !important;visibility:visible !important;transform:translateY(0) !important; } .z-nav__menu .sub-menu li a { display:block !important;padding:9px 18px !important;font-size:13px !important;font-weight:500 !important;color:var(--z-black) !important; } .z-nav__menu .sub-menu li a:hover { color:var(--z-green) !important;background:var(--z-green-light) !important; } .z-nav__caret { transition:transform var(--z-ease) !important;flex-shrink:0 !important; } .z-nav__menu > li:hover .z-nav__caret { transform:rotate(180deg) !important; } .z-nav__categories { display:flex !important;align-items:center !important;gap:2px !important;margin-left:6px !important;border-left:1px solid var(--z-grey-2) !important;padding-left:10px !important;overflow:hidden !important; } .z-nav__cat-link { font-size:12px !important;font-weight:600 !important;color:var(--z-grey-5) !important;padding:4px 9px !important;border-radius:20px !important;white-space:nowrap !important;transition:background var(--z-ease),color var(--z-ease) !important; } .z-nav__cat-link:hover { background:var(--z-green-light) !important;color:var(--z-green) !important; } /* ── MOBILE NAV ─────────────────────────────────────────────── */ .z-mobile-nav { display:flex !important;flex-direction:column !important;background:#fff !important;border-top:2px solid var(--z-black) !important;max-height:0 !important;overflow:hidden !important;transition:max-height .38s ease !important; } .z-mobile-nav.open { max-height:90vh !important;overflow-y:auto !important; } .z-mobile-nav__inner { padding:20px !important; } .z-mobile-nav__search { display:flex !important;border:2px solid var(--z-black) !important;border-radius:var(--z-radius) !important;overflow:hidden !important;margin-bottom:20px !important; } .z-mobile-nav__search input { flex:1 !important;border:none !important;outline:none !important;padding:10px 14px !important;font-size:14px !important;font-family:var(--z-font) !important; } .z-mobile-nav__search button { background:var(--z-black) !important;color:#fff !important;padding:0 16px !important;display:flex !important;align-items:center !important;border:none !important;cursor:pointer !important; } .z-mobile-nav__section { margin-bottom:20px !important; } .z-mobile-nav__heading { font-size:11px !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--z-grey-4) !important;margin-bottom:8px !important;display:block !important; } .z-mobile-nav__link { display:block !important;padding:10px 0 !important;font-size:15px !important;font-weight:600 !important;color:var(--z-black) !important;border-bottom:1px solid var(--z-grey-1) !important; } .z-mobile-nav__link:hover { color:var(--z-green) !important; } .z-mobile-nav__actions { display:flex !important;gap:10px !important;padding-top:16px !important;flex-wrap:wrap !important; } .z-mobile-nav__actions .z-btn { flex:1 !important;min-width:120px !important;justify-content:center !important; } .z-overlay { position:fixed !important;inset:0 !important;background:rgba(0,0,0,.5) !important;z-index:899 !important;opacity:0 !important;visibility:hidden !important;transition:opacity var(--z-ease),visibility var(--z-ease) !important; } .z-overlay.active { opacity:1 !important;visibility:visible !important; } /* ── BUTTONS ────────────────────────────────────────────────── */ .z-btn { display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;font-family:var(--z-font) !important;font-weight:700 !important;font-size:13px !important;letter-spacing:.04em !important;text-transform:uppercase !important;border-radius:var(--z-radius) !important;padding:11px 22px !important;border:2px solid transparent !important;cursor:pointer !important;transition:background var(--z-ease),color var(--z-ease),border-color var(--z-ease),transform var(--z-ease) !important;white-space:nowrap !important;line-height:1 !important; } .z-btn:active { transform:scale(.98) !important; } .z-btn--primary { background:var(--z-green) !important;color:#fff !important;border-color:var(--z-green) !important; } .z-btn--primary:hover { background:var(--z-green-dark) !important;border-color:var(--z-green-dark) !important;color:#fff !important; } .z-btn--secondary { background:var(--z-black) !important;color:#fff !important;border-color:var(--z-black) !important; } .z-btn--secondary:hover { background:#222 !important;color:#fff !important; } .z-btn--outline { background:transparent !important;color:var(--z-black) !important;border-color:var(--z-black) !important; } .z-btn--outline:hover { background:var(--z-black) !important;color:#fff !important; } .z-btn--ghost { background:transparent !important;color:#fff !important;border-color:rgba(255,255,255,.5) !important; } .z-btn--ghost:hover { background:#fff !important;color:var(--z-black) !important;border-color:#fff !important; } .z-btn--lg { padding:15px 34px !important;font-size:13px !important; } .z-btn--sm { padding:8px 16px !important;font-size:11px !important; } /* ── HERO ──────────────────────────────────────────────────── */ .z-hero { position: relative !important; min-height: 50vh !important; display: flex !important; flex-direction: column !important; } .z-hero__bg { position: absolute !important; inset: 0 !important; background-size: cover !important; background-position: center !important; background-attachment: scroll !important; } .z-hero__overlay { position: absolute !important; inset: 0 !important; background: linear-gradient(135deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.50) 60%, rgba(0,0,0,.30) 100%) !important; } .z-hero__content { position: relative !important; z-index: 2 !important; flex: 1 !important; display: flex !important; align-items: center !important; padding-top: 60px !important; padding-bottom: 60px !important; } /* Stacked hero: text on top, search form full-width below, so the background photo shows across the whole width instead of being covered by a side-by-side search card. */ .z-hero__grid { display: flex !important; flex-direction: column !important; gap: 32px !important; width: 100% !important; } .z-hero__right { width: 100% !important; } .z-hero__search-wrap { width: 100% !important; } /* Left: text */ .z-hero__left { display:flex !important;flex-direction:column !important; } .z-hero__kicker { display: inline-block !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--z-green-mid) !important; margin-bottom: 16px !important; } .z-hero__title { font-size: clamp(36px, 4.5vw, 64px) !important; font-weight: 900 !important; color: #fff !important; line-height: 1.05 !important; letter-spacing: -.03em !important; margin-bottom: 20px !important; } .z-hero__title-accent { display: block !important; color: var(--z-green-mid) !important; } .z-hero__subtitle { font-size: 17px !important; color: rgba(255,255,255,.80) !important; max-width: 520px !important; margin-bottom: 36px !important; line-height: 1.7 !important; } .z-hero__btns { display:flex !important;gap:14px !important;flex-wrap:wrap !important; } /* Right: search box */ .z-hero__right { display:flex !important;align-items:flex-start !important; } .z-hero__search-wrap { background: #fff !important; border-radius: var(--z-radius-md) !important; overflow: hidden !important; width: 100% !important; box-shadow: 0 24px 64px rgba(0,0,0,.35) !important; } .z-hero__search-tabs { display:flex !important;border-bottom:2px solid var(--z-grey-2) !important; } .z-hero__tab { flex:1 !important;padding:13px 20px !important;font-size:12px !important;font-weight:700 !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:var(--z-grey-4) !important;background:var(--z-grey-1) !important;border-bottom:2px solid transparent !important;transition:color var(--z-ease),background var(--z-ease),border-color var(--z-ease) !important;margin-bottom:-2px !important;cursor:pointer !important;font-family:var(--z-font) !important;border-left:none !important;border-right:none !important;border-top:none !important; } .z-hero__tab.active { color:var(--z-green) !important;background:#fff !important;border-bottom-color:var(--z-green) !important; } .z-hero__tab:hover:not(.active) { color:var(--z-black) !important;background:#fff !important; } .z-hero__search-form { padding:0 20px 20px !important; } .z-hero__search-row { display:flex !important;gap:0 !important;margin-bottom:12px !important; } .z-hero__search-field { display:flex !important;flex-direction:column !important; } .z-hero__search-field--grow { flex:1 !important; } .z-hero__search-field input { height:50px !important;border:2px solid var(--z-grey-2) !important;border-radius:var(--z-radius) !important;padding:0 16px !important;font-family:var(--z-font) !important;font-size:14px !important;color:var(--z-black) !important;outline:none !important;transition:border-color var(--z-ease) !important;background:#fff !important;width:100% !important; } .z-hero__search-field input:focus { border-color:var(--z-green) !important; } .z-hero__search-field input::placeholder { color:var(--z-grey-4) !important; } .z-hero__search-selects { display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;margin-bottom:12px !important; } .z-hero__search-selects select { height:46px !important;border:2px solid var(--z-grey-2) !important;border-radius:var(--z-radius) !important;padding:0 14px !important;font-family:var(--z-font) !important;font-size:13px !important;color:var(--z-black) !important;outline:none !important;transition:border-color var(--z-ease) !important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E") no-repeat right 12px center !important;appearance:none !important;width:100% !important;cursor:pointer !important; } .z-hero__search-selects select:focus { border-color:var(--z-green) !important; } .z-hero__search-btn { width:100% !important;height:50px !important;background:var(--z-green) !important;color:#fff !important;border:none !important;border-radius:var(--z-radius) !important;font-family:var(--z-font) !important;font-size:14px !important;font-weight:800 !important;letter-spacing:.05em !important;text-transform:uppercase !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;cursor:pointer !important;transition:background var(--z-ease) !important; } .z-hero__search-btn:hover { background:var(--z-green-dark) !important; } /* Stats bar at bottom of hero */ .z-hero__stats { background:var(--z-green) !important;position:relative !important;z-index:2 !important;margin-top:auto !important; } .z-hero__stats-inner { display:flex !important;align-items:center !important;justify-content:center !important;gap:0 !important;height:72px !important;flex-wrap:wrap !important; } .z-hero__stat { display:flex !important;flex-direction:column !important;align-items:center !important;padding:0 40px !important; } .z-hero__stat strong { font-size:22px !important;font-weight:900 !important;color:#fff !important;letter-spacing:-.02em !important;line-height:1 !important; } .z-hero__stat span { font-size:11px !important;font-weight:600 !important;color:rgba(255,255,255,.75) !important;text-transform:uppercase !important;letter-spacing:.06em !important;margin-top:2px !important; } .z-hero__stat-sep { width:1px !important;height:32px !important;background:rgba(255,255,255,.25) !important;flex-shrink:0 !important; } /* ── CATEGORY STRIP ─────────────────────────────────────────── */ .z-cat-strip { border-bottom:1px solid var(--z-grey-2) !important;background:#fff !important;overflow-x:auto !important; } .z-cat-strip__grid { display:flex !important;gap:0 !important; } .z-cat-item { display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;padding:20px 28px !important;flex:1 !important;min-width:120px !important;border-right:1px solid var(--z-grey-2) !important;transition:background var(--z-ease),color var(--z-ease) !important;text-align:center !important;gap:6px !important;cursor:pointer !important; } .z-cat-item:last-child { border-right:none !important; } .z-cat-item:hover { background:var(--z-green-light) !important; } .z-cat-item:hover .z-cat-item__icon { color:var(--z-green) !important; } .z-cat-item__icon { color:var(--z-grey-4) !important;transition:color var(--z-ease) !important; } .z-cat-item__name { font-size:13px !important;font-weight:700 !important;color:var(--z-black) !important;line-height:1.2 !important; } .z-cat-item__count { font-size:11px !important;color:var(--z-grey-4) !important; } /* ── AI BANNER + FEATURES ────────────────────────────────────── */ .z-ai-bar { background:var(--z-black) !important;padding:14px 0 !important; } .z-ai-bar__inner { display:flex !important;align-items:center !important;gap:14px !important;flex-wrap:wrap !important; } .z-ai-bar__pulse { width:8px !important;height:8px !important;background:var(--z-green) !important;border-radius:50% !important;animation:pulse 1.2s infinite !important;flex-shrink:0 !important; } .z-ai-bar__text { font-size:13px !important;color:rgba(255,255,255,.85) !important;font-weight:500 !important;flex:1 !important;min-width:200px !important; } /* AI Features — dark style, exact like trust bar, 3 cols x 2 rows */ .z-ai-features { background:var(--z-black) !important;padding:0 !important; } .z-ai-features__row { display:flex !important;align-items:center !important;justify-content:center !important;flex-wrap:wrap !important;gap:0 !important;padding:14px 0 !important;border-top:1px solid rgba(255,255,255,.1) !important; } .z-ai-point { color:rgba(255,255,255,.85) !important;font-size:13px !important;font-weight:600 !important;letter-spacing:.01em !important;padding:6px 20px !important;white-space:nowrap !important; } .z-ai-sep { width:1px !important;height:14px !important;background:rgba(255,255,255,.2) !important;flex-shrink:0 !important; } .z-ai-feature { display:none !important; } .z-ai-feature__icon { color:var(--z-green) !important;flex-shrink:0 !important;width:auto !important;height:auto !important;background:none !important;border-radius:0 !important; } .z-ai-feature__text { display:flex !important;flex-direction:column !important;gap:3px !important; } .z-ai-feature__text strong { font-size:14px !important;font-weight:700 !important;color:#fff !important; } .z-ai-feature__text span { font-size:12px !important;color:rgba(255,255,255,.55) !important;line-height:1.5 !important; } /* ── HOT DEALS BAR ──────────────────────────────────────────── */ .z-hot-bar { display:none !important; } /* New hot deals section header — countdown integrated into section */ .z-section--hot-deals { padding-top:0 !important;padding-bottom:56px !important; } .z-hot-header { background:var(--z-black) !important;padding:14px 0 !important;margin-bottom:32px !important; } .z-hot-header__inner { display:flex !important;align-items:center !important;gap:18px !important;flex-wrap:wrap !important; } .z-hot-header__left { display:flex !important;align-items:center !important;gap:12px !important; } .z-hot-header__pill { background:var(--z-green) !important;color:#fff !important;font-size:10px !important;font-weight:900 !important;letter-spacing:.12em !important;text-transform:uppercase !important;padding:5px 12px !important;border-radius:2px !important;flex-shrink:0 !important; } .z-hot-header__title { color:#fff !important;font-size:15px !important;font-weight:800 !important;letter-spacing:-.01em !important; } .z-hot-header__countdown { display:flex !important;align-items:center !important;gap:6px !important;flex:1 !important;justify-content:center !important; } .z-hot-header__link { color:rgba(255,255,255,.7) !important;font-size:12px !important;font-weight:700 !important;text-decoration:underline !important;display:flex !important;align-items:center !important;gap:6px !important;transition:color var(--z-ease) !important;white-space:nowrap !important; } .z-hot-header__link:hover { color:#fff !important; } /* WAS / NOW pricing on hot deal cards */ .listing-card--hot .listing-card__was-now { display:flex !important;align-items:baseline !important;gap:6px !important;flex-wrap:wrap !important;margin-bottom:4px !important; } .listing-card__was { font-size:12px !important;color:#888 !important;text-decoration:line-through !important;font-weight:500 !important; } .listing-card__now-label { font-size:11px !important;font-weight:900 !important;color:var(--z-green) !important;letter-spacing:.05em !important;text-transform:uppercase !important; } .listing-card__now { font-size:20px !important;font-weight:900 !important;color:var(--z-black) !important;letter-spacing:-.02em !important; } /* Save ribbon on hot deal card images */ .listing-card__save-ribbon { position:absolute !important;top:12px !important;left:0 !important;background:var(--z-black) !important;color:#fff !important;font-size:10px !important;font-weight:900 !important;letter-spacing:.08em !important;padding:5px 12px 5px 10px !important;clip-path:polygon(0 0,100% 0,92% 100%,0 100%) !important;z-index:3 !important; }.z-cd-block { display:flex !important;flex-direction:column !important;align-items:center !important;background:rgba(255,255,255,.1) !important;border-radius:4px !important;padding:6px 10px !important;min-width:44px !important; } .z-cd-num { font-size:20px !important;font-weight:900 !important;color:#fff !important;line-height:1 !important;letter-spacing:-.02em !important; } .z-cd-label { font-size:9px !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:rgba(255,255,255,.6) !important;margin-top:2px !important; } .z-cd-sep { font-size:20px !important;font-weight:900 !important;color:rgba(255,255,255,.4) !important;animation:pulse 1s infinite !important; } /* Equal height grid items */ .z-grid-4 { display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:20px !important;align-items:stretch !important; } .z-grid-3 { display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;align-items:stretch !important; } .z-grid-2 { display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:24px !important;align-items:stretch !important; } /* ── AD BANNER ──────────────────────────────────────────────── */ .z-ad-banner { background:var(--z-black) !important;background-size:cover !important;background-position:center !important;position:relative !important;padding:64px 0 !important; } .z-ad-banner__overlay { position:absolute !important;inset:0 !important;background:rgba(0,0,0,.72) !important; } .z-ad-banner__inner { position:relative !important;z-index:1 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:40px !important;flex-wrap:wrap !important; } .z-ad-banner__title { font-size:clamp(28px,4vw,44px) !important;font-weight:900 !important;color:#fff !important;letter-spacing:-.02em !important;margin-bottom:8px !important; } .z-ad-banner__subtitle { font-size:16px !important;color:rgba(255,255,255,.75) !important;max-width:500px !important; } /* ── TRUST BAR ──────────────────────────────────────────────── */ .z-trust-bar { background:var(--z-black) !important;padding:28px 0 !important; } .z-trust-bar__grid { display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:0 !important; } .z-trust-item { display:flex !important;align-items:center !important;gap:14px !important;padding:0 28px !important;border-right:1px solid rgba(255,255,255,.1) !important; } .z-trust-item:last-child { border-right:none !important; } .z-trust-item__icon { color:var(--z-green) !important;flex-shrink:0 !important; } .z-trust-item__text { display:flex !important;flex-direction:column !important;gap:2px !important; } .z-trust-item__text strong { font-size:14px !important;font-weight:700 !important;color:#fff !important; } .z-trust-item__text span { font-size:12px !important;color:rgba(255,255,255,.55) !important; } /* ── GALLERY ────────────────────────────────────────────────── */ .z-gallery-grid { display:grid !important;grid-template-columns:repeat(5,1fr) !important;gap:8px !important; } .z-gallery-item { position:relative !important;overflow:hidden !important;border-radius:var(--z-radius) !important;aspect-ratio:1 !important; } .z-gallery-item:first-child { grid-column:span 2 !important;grid-row:span 2 !important;aspect-ratio:auto !important; } .z-gallery-item__link { display:block !important;width:100% !important;height:100% !important; } .z-gallery-item img { width:100% !important;height:100% !important;object-fit:cover !important;transition:transform .5s ease !important; } .z-gallery-item:hover img { transform:scale(1.06) !important; } .z-gallery-item__caption { position:absolute !important;bottom:0 !important;left:0 !important;right:0 !important;background:rgba(0,0,0,.7) !important;color:#fff !important;font-size:12px !important;font-weight:600 !important;padding:10px 14px !important;transform:translateY(100%) !important;transition:transform var(--z-ease) !important; } .z-gallery-item:hover .z-gallery-item__caption { transform:translateY(0) !important; } /* ── BLOG CARDS ─────────────────────────────────────────────── */ .z-blog-card { background:#fff !important;border:2px solid var(--z-grey-2) !important;border-radius:var(--z-radius-md) !important;overflow:hidden !important;transition:transform var(--z-ease),box-shadow var(--z-ease),border-color var(--z-ease) !important; } .z-blog-card:hover { transform:translateY(-4px) !important;box-shadow:var(--z-shadow-md) !important;border-color:var(--z-green) !important; } .z-blog-card__img-wrap { display:block !important;aspect-ratio:16/9 !important;overflow:hidden !important;background:var(--z-grey-1) !important; } .z-blog-card__img-wrap img { width:100% !important;height:100% !important;object-fit:cover !important;transition:transform .5s ease !important; } .z-blog-card:hover .z-blog-card__img-wrap img { transform:scale(1.04) !important; } .z-blog-card__body { padding:20px !important; } .z-blog-card__meta { display:flex !important;align-items:center !important;gap:10px !important;margin-bottom:10px !important; } .z-blog-card__date { font-size:11px !important;color:var(--z-grey-4) !important;font-weight:600 !important; } .z-blog-card__cat { font-size:10px !important;font-weight:800 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:var(--z-green) !important;background:var(--z-green-light) !important;padding:3px 8px !important;border-radius:20px !important; } .z-blog-card__title { font-size:16px !important;font-weight:800 !important;color:var(--z-black) !important;margin-bottom:8px !important;line-height:1.35 !important; } .z-blog-card__title a:hover { color:var(--z-green) !important; } .z-blog-card__excerpt { font-size:13px !important;color:var(--z-grey-5) !important;line-height:1.65 !important;margin-bottom:14px !important; } .z-blog-card__link { font-size:12px !important;font-weight:700 !important;color:var(--z-green) !important;text-transform:uppercase !important;letter-spacing:.06em !important;display:flex !important;align-items:center !important;gap:5px !important;transition:gap var(--z-ease) !important; } .z-blog-card__link:hover { gap:9px !important;color:var(--z-green-dark) !important; } /* ── PAGE HEADERS ───────────────────────────────────────────── */ .z-page-header { padding:32px 0 !important; } .z-page-header--grey { background:var(--z-grey-1) !important;border-bottom:1px solid var(--z-grey-2) !important; } .z-page-header__title { font-size:clamp(24px,4vw,40px) !important;font-weight:900 !important;color:var(--z-black) !important;margin-top:8px !important;margin-bottom:4px !important; } .z-page-header__desc { font-size:15px !important;color:var(--z-grey-5) !important;margin-top:8px !important;max-width:600px !important; } .z-page-header__count { font-size:13px !important;color:var(--z-grey-4) !important;margin-top:4px !important; } .z-page-header__meta { font-size:12px !important;color:var(--z-grey-4) !important;margin-top:6px !important; } /* ── LISTING ARCHIVE ────────────────────────────────────────── */ .z-listings-layout { padding:40px 0 60px !important; } .z-listings-wrap { display:grid !important;grid-template-columns:280px 1fr !important;gap:32px !important;align-items:start !important; } .z-sidebar { background:#fff !important;border:2px solid var(--z-grey-2) !important;border-radius:var(--z-radius-md) !important;padding:24px !important;position:sticky !important;top:130px !important; } .z-sidebar__close { display:none !important; } .z-filter-group { margin-bottom:24px !important;padding-bottom:24px !important;border-bottom:1px solid var(--z-grey-2) !important; } .z-filter-group:last-child { margin-bottom:0 !important;padding-bottom:0 !important;border-bottom:none !important; } .z-filter-group__title { font-size:12px !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--z-black) !important;margin-bottom:12px !important; } .z-filter-check { display:flex !important;align-items:center !important;gap:8px !important;padding:6px 0 !important;cursor:pointer !important;font-size:13px !important;color:var(--z-grey-5) !important;transition:color var(--z-ease) !important; } .z-filter-check:hover { color:var(--z-black) !important; } .z-filter-check input[type=radio] { accent-color:var(--z-green) !important;width:14px !important;height:14px !important;flex-shrink:0 !important; } .z-filter-check__count { font-size:11px !important;color:var(--z-grey-4) !important;margin-left:auto !important; } .z-filter-check--link { border-bottom:1px solid var(--z-grey-1) !important;text-decoration:none !important; } .z-filter-check--link.active { color:var(--z-green) !important;font-weight:700 !important; } .z-filter-price-row { display:flex !important;align-items:center !important;gap:8px !important; } .z-filter-price-row .form-input { padding:8px 10px !important;font-size:13px !important; } .z-filter-reset { display:block !important;text-align:center !important;font-size:12px !important;color:var(--z-grey-4) !important;margin-top:10px !important;text-decoration:underline !important; } .z-filter-reset:hover { color:var(--z-black) !important; } .z-listings-toolbar { display:flex !important;align-items:center !important;gap:12px !important;margin-bottom:20px !important;flex-wrap:wrap !important; } .z-listings-toolbar__count { font-size:14px !important;color:var(--z-grey-5) !important;flex:1 !important; } .z-listings-toolbar__sort select { border:2px solid var(--z-grey-2) !important;border-radius:var(--z-radius) !important;padding:7px 12px !important;font-family:var(--z-font) !important;font-size:13px !important;font-weight:600 !important;color:var(--z-black) !important;appearance:none !important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E") no-repeat right 10px center !important;padding-right:28px !important;cursor:pointer !important; } .z-sidebar-toggle { display:none !important; } .z-listings-grid { gap:20px !important; } .z-no-results-wrap { text-align:center !important;padding:80px 20px !important; } .z-no-results-wrap svg { margin:0 auto 20px !important; } .z-no-results-wrap h2 { margin-bottom:12px !important; } .z-no-results-wrap p { color:var(--z-grey-5) !important;margin-bottom:24px !important; } .z-no-results { color:var(--z-grey-4) !important;font-size:14px !important;padding:20px 0 !important; } /* ── SINGLE LISTING v2 (zl- prefix) ─────────────────────────── */ .zl-detail { padding:32px 0 64px !important; } /* TOP: gallery + pricing two-column */ .zl-top { display:grid !important;grid-template-columns:1fr 380px !important;gap:28px !important;align-items:start !important;background:#fff !important;border:2px solid var(--z-grey-2) !important;border-radius:var(--z-radius-md) !important;padding:24px !important;margin-bottom:16px !important; } /* Gallery */ .zl-gallery-col { display:flex !important;flex-direction:column !important;gap:10px !important; } .zl-gallery-main { position:relative !important;border-radius:var(--z-radius-md) !important;overflow:hidden !important;aspect-ratio:4/3 !important;background:var(--z-grey-1) !important; } .zl-gallery-main img { width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;transition:opacity .2s ease !important; } .zl-gallery-badges { position:absolute !important;top:12px !important;left:12px !important;display:flex !important;gap:6px !important;flex-wrap:wrap !important;z-index:2 !important; } .zl-gallery-arrow { position:absolute !important;top:50% !important;transform:translateY(-50%) !important;background:rgba(0,0,0,.55) !important;color:#fff !important;border:none !important;border-radius:50% !important;width:38px !important;height:38px !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;z-index:2 !important;transition:background var(--z-ease) !important; } .zl-gallery-arrow:hover { background:var(--z-green) !important; } .zl-gallery-arrow--prev { left:10px !important; } .zl-gallery-arrow--next { right:10px !important; } /* Thumbnails */ .zl-thumbs { display:flex !important;gap:8px !important;flex-wrap:wrap !important; } .zl-thumb { width:76px !important;height:57px !important;border-radius:var(--z-radius) !important;overflow:hidden !important;border:2px solid var(--z-grey-2) !important;cursor:pointer !important;transition:border-color var(--z-ease) !important;padding:0 !important;background:var(--z-grey-1) !important;flex-shrink:0 !important; } .zl-thumb img { width:100% !important;height:100% !important;object-fit:cover !important; } .zl-thumb.active,.zl-thumb:hover { border-color:var(--z-green) !important; } .zl-thumb--video { background:#111 !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#fff !important; } /* Share bar */ .zl-share { display:flex !important;align-items:center !important;gap:6px !important;flex-wrap:wrap !important;background:var(--z-grey-1) !important;border-radius:var(--z-radius) !important;padding:10px 14px !important; } .zl-share__label { font-size:11px !important;color:var(--z-grey-4) !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.06em !important;margin-right:4px !important;flex-shrink:0 !important; } .zl-share__btn { font-size:12px !important;color:var(--z-grey-5) !important;display:flex !important;align-items:center !important;gap:5px !important;padding:5px 10px !important;border:1px solid var(--z-grey-2) !important;border-radius:var(--z-radius) !important;background:#fff !important;cursor:pointer !important;transition:border-color var(--z-ease),color var(--z-ease) !important;text-decoration:none !important;white-space:nowrap !important;font-family:var(--z-font) !important; } .zl-share__btn:hover { border-color:var(--z-green) !important;color:var(--z-green) !important; } .zl-share__btn--report { color:#c0392b !important;border-color:#f5c6cb !important;margin-left:auto !important; } .zl-share__btn--report:hover { background:#fff0f0 !important;border-color:#c0392b !important;color:#c0392b !important; } /* Pricing column */ .zl-pricing-col { display:flex !important;flex-direction:column !important;gap:14px !important; } .zl-title { font-size:clamp(18px,2.5vw,26px) !important;font-weight:900 !important;color:var(--z-black) !important;line-height:1.2 !important;letter-spacing:-.02em !important; } /* Condition badge */ .zl-condition-row { display:flex !important;align-items:center !important;gap:8px !important; } .zl-condition-label { font-size:13px !important;color:var(--z-grey-5) !important; } .zl-condition-badge { font-size:12px !important;font-weight:700 !important;padding:3px 12px !important;border-radius:20px !important;border:1px solid !important; } .zl-condition-badge--excellent { background:#eaf5ee !important;color:#185f34 !important;border-color:#b8dfc6 !important; } .zl-condition-badge--good { background:#eaf5ee !important;color:#207943 !important;border-color:#b8dfc6 !important; } .zl-condition-badge--new,.zl-condition-badge--like-new { background:#e8f4ff !important;color:#1a6fa8 !important;border-color:#b3d4f0 !important; } .zl-condition-badge--fair { background:#fff8e8 !important;color:#9a6700 !important;border-color:#f5d78e !important; } .zl-condition-badge--poor { background:#fff0f0 !important;color:#c0392b !important;border-color:#f5c6cb !important; } /* Pricing block */ .zl-pricing-block { display:flex !important;gap:0 !important;border:1px solid var(--z-grey-2) !important;border-radius:var(--z-radius) !important;overflow:hidden !important; } .zl-price-item { display:flex !important;flex-direction:column !important;gap:3px !important;padding:14px 18px !important;flex:1 !important; } .zl-price-item--rent { border-left:1px solid var(--z-grey-2) !important; } .zl-price-caption { font-size:10px !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--z-grey-4) !important; } .zl-price-amount { font-size:26px !important;font-weight:900 !important;color:var(--z-green) !important;letter-spacing:-.03em !important;line-height:1 !important; } .zl-price-note { font-size:11px !important;color:var(--z-grey-4) !important; } .zl-rent-rates { display:flex !important;gap:14px !important; } .zl-rent-rate { display:flex !important;flex-direction:column !important;gap:1px !important; } .zl-rent-rate strong { font-size:18px !important;font-weight:900 !important;color:var(--z-green) !important;letter-spacing:-.02em !important; } .zl-rent-rate span { font-size:11px !important;color:var(--z-grey-4) !important; } /* Location + availability */ .zl-meta-row { display:flex !important;align-items:center !important;gap:16px !important;flex-wrap:wrap !important; } .zl-meta-location { font-size:13px !important;color:var(--z-grey-5) !important;display:flex !important;align-items:center !important;gap:4px !important; } .zl-available { display:flex !important;align-items:center !important;gap:6px !important;font-size:13px !important;color:var(--z-green) !important;font-weight:700 !important; } .zl-available__dot { width:8px !important;height:8px !important;background:var(--z-green) !important;border-radius:50% !important;flex-shrink:0 !important; } /* CTA stack */ .zl-cta-stack { display:flex !important;flex-direction:column !important;gap:8px !important; } .zl-cta { width:100% !important;justify-content:center !important;text-align:center !important; } /* Trust micro-copy */ .zl-trust-micro { display:flex !important;flex-direction:column !important;gap:5px !important;padding-top:4px !important; } .zl-trust-micro span { font-size:12px !important;color:var(--z-grey-5) !important;display:flex !important;align-items:center !important;gap:5px !important; } /* Seller card */ .zl-seller-card { display:flex !important;align-items:center !important;gap:12px !important;padding:14px !important;background:var(--z-grey-1) !important;border-radius:var(--z-radius) !important;border:1px solid var(--z-grey-2) !important;margin-top:auto !important; } .zl-seller-avatar { width:44px !important;height:44px !important;border-radius:50% !important;object-fit:cover !important;flex-shrink:0 !important; } .zl-seller-info { display:flex !important;flex-direction:column !important;gap:2px !important;flex:1 !important; } .zl-seller-name { font-size:13px !important;font-weight:700 !important;color:var(--z-black) !important;display:flex !important;align-items:center !important;gap:6px !important; } .zl-seller-since { font-size:11px !important;color:var(--z-grey-4) !important; } .zl-seller-link { font-size:12px !important;color:var(--z-green) !important;font-weight:700 !important;white-space:nowrap !important;text-decoration:none !important; } .zl-seller-link:hover { text-decoration:underline !important; } /* Highlights bar */ .zl-highlights { display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:0 !important;background:#fff !important;border:2px solid var(--z-grey-2) !important;border-radius:var(--z-radius-md) !important;overflow:hidden !important;margin-bottom:16px !important; } .zl-highlight { display:flex !important;align-items:center !important;gap:8px !important;padding:14px 18px !important;font-size:13px !important;font-weight:600 !important;color:var(--z-black) !important;border-right:1px solid var(--z-grey-2) !important;border-bottom:1px solid var(--z-grey-2) !important; } .zl-highlight:nth-child(3n) { border-right:none !important; } .zl-highlight:nth-last-child(-n+3) { border-bottom:none !important; } .zl-highlight svg { flex-shrink:0 !important; } /* 3-column body */ .zl-body { display:grid !important;grid-template-columns:1fr 1fr 1fr !important;gap:16px !important;margin-bottom:32px !important; } .zl-col { display:flex !important;flex-direction:column !important; } .zl-card { background:#fff !important;border:2px solid var(--z-grey-2) !important;border-radius:var(--z-radius-md) !important;padding:20px !important; } .zl-card-title { font-size:15px !important;font-weight:800 !important;color:var(--z-black) !important;margin-bottom:14px !important;padding-bottom:12px !important;border-bottom:2px solid var(--z-grey-2) !important; } .zl-description { font-size:14px !important;line-height:1.75 !important;color:var(--z-grey-5) !important; } .zl-description p { margin-bottom:12px !important; } /* Spec table */ .zl-spec-table { width:100% !important;border-collapse:collapse !important;font-size:13px !important; } .zl-spec-table tr { border-bottom:1px solid var(--z-grey-1) !important; } .zl-spec-table tr:last-child { border-bottom:none !important; } .zl-spec-table td { padding:8px 0 !important;vertical-align:top !important; } .zl-spec-table td:first-child { color:var(--z-grey-5) !important;width:45% !important;padding-right:12px !important; } .zl-spec-table td:last-child { color:var(--z-black) !important;font-weight:600 !important; } .zl-posted-meta { display:flex !important;flex-direction:column !important;gap:4px !important;margin-top:16px !important;padding-top:12px !important;border-top:1px solid var(--z-grey-2) !important;font-size:11px !important;color:var(--z-grey-4) !important; } /* Ideal for */ .zl-ideal-grid { display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important; } .zl-ideal-item { display:flex !important;align-items:center !important;gap:8px !important;font-size:13px !important;color:var(--z-grey-5) !important; } .zl-ideal-icon { width:30px !important;height:30px !important;background:var(--z-green-light) !important;border-radius:var(--z-radius) !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:15px !important;flex-shrink:0 !important; } /* Condition report */ .zl-condition-list { list-style:none !important;padding:0 !important;margin:0 0 14px !important;display:flex !important;flex-direction:column !important;gap:8px !important; } .zl-condition-item { display:flex !important;align-items:center !important;justify-content:space-between !important;font-size:13px !important;padding:6px 0 !important;border-bottom:1px solid var(--z-grey-1) !important; } .zl-condition-item:last-child { border-bottom:none !important; } .zl-condition-item span:first-child { color:var(--z-grey-5) !important; } .zl-condition-status { font-weight:700 !important;font-size:12px !important; } .zl-ok { color:var(--z-green) !important; } .zl-warn { color:#c0392b !important; } .zl-no-data { font-size:13px !important;color:var(--z-grey-4) !important;margin-bottom:14px !important; } /* Download button */ .zl-dl-btn { display:flex !important;align-items:center !important;gap:7px !important;padding:9px 14px !important;background:var(--z-grey-1) !important;border:1px solid var(--z-grey-2) !important;border-radius:var(--z-radius) !important;font-size:12px !important;font-weight:700 !important;color:var(--z-black) !important;cursor:pointer !important;transition:background var(--z-ease) !important;text-decoration:none !important;margin-bottom:16px !important;width:100% !important;justify-content:center !important;font-family:var(--z-font) !important; } .zl-dl-btn:hover { background:var(--z-grey-2) !important;color:var(--z-black) !important; } /* Video embed */ .zl-video-wrap { position:relative !important;border-radius:var(--z-radius) !important;overflow:hidden !important;aspect-ratio:16/9 !important; } .zl-video-wrap iframe { width:100% !important;height:100% !important;border:none !important;display:block !important; } .zl-video-placeholder { background:#111 !important;border-radius:var(--z-radius) !important;aspect-ratio:16/9 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:10px !important;cursor:pointer !important; } .zl-play-btn { width:52px !important;height:52px !important;background:rgba(255,255,255,.15) !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;border:2px solid rgba(255,255,255,.5) !important; } .zl-video-link { text-decoration:none !important; } /* Related */ .zl-related { margin-bottom:24px !important; } .zl-related-head { display:flex !important;align-items:center !important;justify-content:space-between !important;margin-bottom:20px !important; } .zl-related-head h2 { font-size:clamp(18px,2.5vw,24px) !important;font-weight:900 !important;color:var(--z-black) !important; } .zl-related-grid { display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:16px !important;margin-bottom:16px !important; } .zl-view-more { display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;padding:13px !important;background:var(--z-black) !important;color:#fff !important;border-radius:var(--z-radius) !important;font-size:13px !important;font-weight:700 !important;letter-spacing:.04em !important;text-transform:uppercase !important;transition:background var(--z-ease) !important;text-decoration:none !important; } .zl-view-more:hover { background:var(--z-green) !important;color:#fff !important; } /* Keep old z- classes working for breadcrumbs etc */ .z-listing-detail { padding:0 !important; } .z-related-listings { margin-top:0 !important;padding-top:0 !important;border-top:none !important; } /* ── AUTH PAGES ─────────────────────────────────────────────── */ .z-auth-wrap { min-height:80vh !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:60px 20px !important;background:var(--z-grey-1) !important; } .z-auth-card { background:#fff !important;border:2px solid var(--z-black) !important;border-radius:var(--z-radius-md) !important;padding:48px !important;width:100% !important;max-width:480px !important; } .z-auth-card--wide { max-width:600px !important; } .z-auth-logo { display:block !important;font-size:28px !important;font-weight:900 !important;letter-spacing:-.04em !important;color:var(--z-black) !important;margin-bottom:28px !important;text-align:center !important; } .z-auth-logo span { color:var(--z-green) !important; } .z-auth-title { font-size:26px !important;font-weight:900 !important;text-align:center !important;margin-bottom:6px !important; } .z-auth-subtitle { font-size:14px !important;color:var(--z-grey-4) !important;text-align:center !important;margin-bottom:28px !important; } .z-auth-form { display:flex !important;flex-direction:column !important;gap:0 !important; } .z-auth-remember,.z-auth-checkbox { display:flex !important;align-items:flex-start !important;gap:8px !important;font-size:13px !important;color:var(--z-grey-5) !important;margin-bottom:20px !important;cursor:pointer !important;line-height:1.5 !important; } .z-auth-remember input,.z-auth-checkbox input { accent-color:var(--z-green) !important;margin-top:2px !important;flex-shrink:0 !important; } .z-auth-checkbox a { color:var(--z-green) !important;font-weight:600 !important; } .z-auth-forgot { float:right !important;font-size:12px !important;color:var(--z-green) !important;font-weight:600 !important; } .z-auth-switch { text-align:center !important;font-size:13px !important;color:var(--z-grey-5) !important;margin-top:20px !important; } .z-auth-switch a { color:var(--z-green) !important;font-weight:700 !important; } .z-auth-role-tabs { display:flex !important;border:2px solid var(--z-black) !important;border-radius:var(--z-radius) !important;overflow:hidden !important;margin-bottom:24px !important; } .z-auth-role-tab { flex:1 !important;padding:12px 16px !important;font-size:13px !important;font-weight:700 !important;color:var(--z-grey-4) !important;background:var(--z-grey-1) !important;cursor:pointer !important;font-family:var(--z-font) !important;border:none !important;transition:background var(--z-ease),color var(--z-ease) !important; } .z-auth-role-tab.active { background:var(--z-black) !important;color:#fff !important; } .z-input-pw-wrap { position:relative !important; } .z-input-pw-wrap .form-input { padding-right:42px !important; } .z-pw-toggle { position:absolute !important;right:12px !important;top:50% !important;transform:translateY(-50%) !important;color:var(--z-grey-4) !important;background:none !important;border:none !important;cursor:pointer !important;padding:2px !important;transition:color var(--z-ease) !important; } .z-pw-toggle:hover { color:var(--z-black) !important; } .z-form-row { display:grid !important;grid-template-columns:1fr 1fr !important;gap:16px !important; } /* ── CONTACT PAGE ───────────────────────────────────────────── */ .z-contact-wrap { padding:60px 0 !important; } .z-contact__grid { display:grid !important;grid-template-columns:1fr 2fr !important;gap:48px !important; } .z-contact__intro { font-size:15px !important;color:var(--z-grey-5) !important;line-height:1.75 !important;margin-bottom:28px !important; } .z-contact__details { display:flex !important;flex-direction:column !important;gap:14px !important;margin-bottom:28px !important; } .z-contact__details li { display:flex !important;align-items:center !important;gap:12px !important;font-size:14px !important;color:var(--z-grey-5) !important; } .z-contact__details li a:hover { color:var(--z-green) !important; } .z-contact__hours h3 { font-size:14px !important;font-weight:800 !important;margin-bottom:8px !important; } .z-contact__hours p { font-size:13px !important;color:var(--z-grey-5) !important;margin-bottom:4px !important; } .z-contact__form-card { background:#fff !important;border:2px solid var(--z-grey-2) !important;border-radius:var(--z-radius-md) !important;padding:36px !important; } /* ── HOW IT WORKS ───────────────────────────────────────────── */ .z-how { padding:60px 0 !important; } .z-how__section { margin-bottom:64px !important; } .z-how__steps { display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:32px !important; } .z-how__step { text-align:center !important;padding:32px 24px !important;background:#fff !important;border:2px solid var(--z-grey-2) !important;border-radius:var(--z-radius-md) !important;position:relative !important; } .z-how__step-icon { width:60px !important;height:60px !important;background:var(--z-green-light) !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;margin:0 auto 16px !important;color:var(--z-green) !important; } .z-how__step-num { position:absolute !important;top:16px !important;right:16px !important;font-size:11px !important;font-weight:900 !important;letter-spacing:.08em !important;color:var(--z-green-light) !important;background:var(--z-green) !important;padding:2px 8px !important;border-radius:20px !important; } .z-how__step h3 { font-size:18px !important;margin-bottom:10px !important; } .z-how__step p { font-size:13px !important;color:var(--z-grey-5) !important;line-height:1.7 !important; } .z-how__divider { height:2px !important;background:var(--z-grey-2) !important;margin:32px 0 !important; } .z-faq__item { border-bottom:1px solid var(--z-grey-2) !important; } .z-faq__q { width:100% !important;text-align:left !important;padding:18px 0 !important;font-size:15px !important;font-weight:700 !important;color:var(--z-black) !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;background:none !important;border:none !important;font-family:var(--z-font) !important; } .z-faq__q::after { content:'+' !important;font-size:20px !important;font-weight:400 !important;color:var(--z-green) !important;flex-shrink:0 !important; } .z-faq__q[aria-expanded="true"]::after { content:'−' !important; } .z-faq__a { font-size:14px !important;color:var(--z-grey-5) !important;line-height:1.75 !important;padding-bottom:18px !important;padding-right:40px !important; } /* ── SELLER PROFILE ─────────────────────────────────────────── */ .z-seller-profile__header { display:flex !important;align-items:flex-start !important;gap:20px !important;padding:32px !important;background:#fff !important;border:2px solid var(--z-grey-2) !important;border-radius:var(--z-radius-md) !important;margin-bottom:8px !important; } .z-seller-profile__avatar { width:80px !important;height:80px !important;border-radius:50% !important;object-fit:cover !important;flex-shrink:0 !important; } .z-seller-profile__name { font-size:24px !important;font-weight:900 !important;margin-bottom:6px !important;display:flex !important;align-items:center !important;gap:10px !important;flex-wrap:wrap !important; } .z-seller-profile__meta { font-size:13px !important;color:var(--z-grey-4) !important;margin-bottom:10px !important; } .z-seller-profile__bio { font-size:14px !important;color:var(--z-grey-5) !important;line-height:1.65 !important; } /* ── BLOG POST ──────────────────────────────────────────────── */ .z-post-hero { height:400px !important;background-size:cover !important;background-position:center !important;position:relative !important; } .z-post-hero__overlay { position:absolute !important;inset:0 !important;background:rgba(0,0,0,.5) !important; } .z-post-meta { display:flex !important;align-items:center !important;gap:10px !important;font-size:13px !important;color:var(--z-grey-4) !important;margin-top:8px !important;flex-wrap:wrap !important; } .z-post-meta a:hover { color:var(--z-green) !important; } .z-prose { max-width:760px !important; } .z-prose h2 { font-size:26px !important;margin:40px 0 14px !important; } .z-prose h3 { font-size:20px !important;margin:32px 0 12px !important; } .z-prose p { font-size:16px !important;line-height:1.8 !important;color:var(--z-grey-5) !important;margin-bottom:20px !important; } .z-prose ul,.z-prose ol { margin:0 0 20px 24px !important;color:var(--z-grey-5) !important;font-size:16px !important;line-height:1.8 !important; } .z-prose li { margin-bottom:8px !important; } .z-prose img { border-radius:var(--z-radius) !important;margin:24px 0 !important; } .z-prose blockquote { border-left:4px solid var(--z-green) !important;padding:16px 24px !important;background:var(--z-green-light) !important;border-radius:0 var(--z-radius) var(--z-radius) 0 !important;margin:24px 0 !important; } .z-post-tags { margin:32px 0 !important; } .z-post-tags__wrap { display:flex !important;flex-wrap:wrap !important;gap:8px !important; } .z-post-tags a { font-size:11px !important;font-weight:700 !important;letter-spacing:.06em !important;text-transform:uppercase !important;border:1px solid var(--z-grey-2) !important;border-radius:20px !important;padding:4px 12px !important;color:var(--z-grey-5) !important;transition:border-color var(--z-ease),color var(--z-ease) !important; } .z-post-tags a:hover { border-color:var(--z-green) !important;color:var(--z-green) !important; } .z-post-nav { display:flex !important;justify-content:space-between !important;gap:20px !important;padding:32px 0 !important;border-top:2px solid var(--z-grey-2) !important;margin-top:32px !important; } .z-post-nav__link { display:flex !important;flex-direction:column !important;gap:4px !important;max-width:48% !important; } .z-post-nav__link--next { text-align:right !important;margin-left:auto !important; } .z-post-nav__link span { font-size:11px !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--z-grey-4) !important; } .z-post-nav__link strong { font-size:14px !important;font-weight:700 !important;color:var(--z-black) !important; } .z-post-nav__link:hover strong { color:var(--z-green) !important; } /* ── 404 ────────────────────────────────────────────────────── */ .z-404 { min-height:70vh !important;display:flex !important;align-items:center !important;padding:80px 0 !important; } .z-404__inner { text-align:center !important; } .z-404__code { font-size:120px !important;font-weight:900 !important;color:var(--z-grey-2) !important;letter-spacing:-.06em !important;line-height:1 !important;display:block !important; } .z-404__title { font-size:32px !important;font-weight:900 !important;margin-bottom:12px !important; } .z-404__desc { font-size:16px !important;color:var(--z-grey-5) !important;margin-bottom:28px !important; } .z-404__actions { display:flex !important;gap:12px !important;justify-content:center !important;flex-wrap:wrap !important;margin-bottom:28px !important; } .z-404__search { display:flex !important;gap:8px !important;max-width:420px !important;margin:0 auto !important; } /* ── FOOTER ─────────────────────────────────────────────────── */ .z-footer__top { background:var(--z-black) !important;padding:64px 0 48px !important; } .z-footer__grid { display:grid !important;grid-template-columns:1.5fr 1fr 1fr 1fr !important;gap:40px !important; } .z-footer__logo { display:block !important;font-size:26px !important;font-weight:900 !important;letter-spacing:-.04em !important;color:#fff !important;margin-bottom:16px !important; } .z-footer__logo span { color:var(--z-green) !important; } .z-footer__desc { font-size:13px !important;color:rgba(255,255,255,.55) !important;line-height:1.7 !important;margin-bottom:20px !important; } .z-footer__social { display:flex !important;gap:10px !important;flex-wrap:wrap !important; } .z-footer__social-link { width:34px !important;height:34px !important;background:rgba(255,255,255,.08) !important;border-radius:var(--z-radius) !important;display:flex !important;align-items:center !important;justify-content:center !important;color:rgba(255,255,255,.6) !important;transition:background var(--z-ease),color var(--z-ease) !important; } .z-footer__social-link:hover { background:var(--z-green) !important;color:#fff !important; } .z-footer__heading { font-size:11px !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:rgba(255,255,255,.4) !important;margin-bottom:16px !important; } .z-footer__menu { display:flex !important;flex-direction:column !important;gap:10px !important; } .z-footer__menu li a { font-size:13px !important;color:rgba(255,255,255,.6) !important;transition:color var(--z-ease) !important; } .z-footer__menu li a:hover { color:#fff !important; } .z-footer__bottom { background:#0a0a0a !important;padding:18px 0 !important; } .z-footer__bottom-inner { display:flex !important;align-items:center !important;justify-content:space-between !important;gap:20px !important;flex-wrap:wrap !important; } .z-footer__copy { font-size:12px !important;color:rgba(255,255,255,.35) !important; } .z-footer__abn { color:rgba(255,255,255,.25) !important; } .z-footer__legal-links { display:flex !important;gap:20px !important; } .z-footer__legal-links a { font-size:12px !important;color:rgba(255,255,255,.35) !important;transition:color var(--z-ease) !important; } .z-footer__legal-links a:hover { color:rgba(255,255,255,.7) !important; } /* ── RECENTLY VIEWED ────────────────────────────────────────── */ .z-recently-empty { display:none !important; } .z-recently-empty:only-child { display:block !important;color:var(--z-grey-4) !important;font-size:14px !important;padding:20px 0 !important; } /* ============================================================ RESPONSIVE ============================================================ */ @media (max-width:1200px) { .z-header__inner { padding:0 24px !important; } .z-nav__cat-link { display:none !important; } .z-nav__cat-link:nth-child(-n+4) { display:block !important; } .z-ai-grid { grid-template-columns:repeat(2,1fr) !important; } .z-footer__grid { grid-template-columns:1fr 1fr !important;gap:32px !important; } .z-listings-wrap { grid-template-columns:240px 1fr !important; } .z-listing-detail__wrap { grid-template-columns:1fr 320px !important; } .z-hero__grid { grid-template-columns:1fr 420px !important;gap:40px !important; } } @media (max-width:992px) { .z-header__nav { display:none !important; } .z-hamburger { display:flex !important; } .z-hero__grid { grid-template-columns:1fr !important;gap:32px !important; } .z-hero__right { width:100% !important; } .z-hero__search-wrap { max-width:600px !important; } .z-hero__content { padding-top:80px !important;padding-bottom:60px !important; } .z-listings-wrap { grid-template-columns:1fr !important; } .z-sidebar { position:fixed !important;left:-320px !important;top:0 !important;bottom:0 !important;width:300px !important;z-index:950 !important;border-radius:0 !important;overflow-y:auto !important;transition:left .3s ease !important;border:none !important;border-right:2px solid var(--z-black) !important;padding-top:60px !important; } .z-sidebar.open { left:0 !important; } .z-sidebar__close { display:flex !important;align-items:center !important;gap:6px !important;position:absolute !important;top:14px !important;right:14px !important;font-size:13px !important;font-weight:700 !important;color:var(--z-black) !important;background:none !important;border:none !important;cursor:pointer !important;font-family:var(--z-font) !important; } .z-sidebar-toggle { display:flex !important; } .z-listing-detail__wrap { grid-template-columns:1fr !important; } .z-listing-sidebar__card { position:static !important; } .z-listing-hire-rates { grid-template-columns:repeat(3,1fr) !important; } .z-how__steps { grid-template-columns:1fr !important; } .z-contact__grid { grid-template-columns:1fr !important; } .z-trust-bar__grid { grid-template-columns:repeat(2,1fr) !important;gap:16px !important; } .z-trust-item { padding:16px !important;border-right:none !important;border-bottom:1px solid rgba(255,255,255,.1) !important; } .z-trust-item:nth-child(2n) { border-right:none !important; } .z-ai-point { font-size:12px !important;padding:6px 14px !important; } .z-gallery-grid { grid-template-columns:repeat(3,1fr) !important; } .z-gallery-item:first-child { grid-column:span 1 !important;grid-row:span 1 !important; } .z-hero__stats-inner { height:auto !important;padding:16px 0 !important;gap:0 !important; } .z-hero__stat { padding:12px 24px !important; } .z-hero__stat-sep { display:none !important; } .z-footer__grid { grid-template-columns:1fr 1fr !important;gap:28px !important; } .z-login-panel { width:280px !important; } /* Listing page responsive */ .zl-top { grid-template-columns:1fr !important; } .zl-body { grid-template-columns:1fr !important; } .zl-highlights { grid-template-columns:repeat(2,1fr) !important; } .zl-related-grid { grid-template-columns:repeat(2,1fr) !important; } } @media (max-width:768px) { /* Hide desktop nav elements */ .z-header__nav { display:none !important; } .z-header__actions { display:none !important; } .z-login-dropdown { display:none !important; } .z-ai-grid { grid-template-columns:1fr !important; } /* Mobile header — hamburger | logo | login icon */ .z-header__inner { padding: 0 16px !important; height: 58px !important; display: grid !important; grid-template-columns: 40px 1fr 40px !important; align-items: center !important; gap: 0 !important; } .z-hamburger { display: flex !important; order: 1 !important; justify-self: start !important; } .z-logo { order: 2 !important; justify-self: center !important; margin: 0 !important; text-align: center !important; } .z-header__mobile-login { order: 3 !important; justify-self: end !important; display: flex !important; align-items: center !important; } /* Hero */ .z-hero { min-height:50vh !important; } .z-hero__content { padding-top:60px !important;padding-bottom:40px !important; } .z-hero__search-selects { grid-template-columns:1fr !important; } .z-cat-strip__grid { overflow-x:auto !important; } .z-contact__form-card { padding:24px 20px !important; } .z-auth-card { padding:32px 20px !important; } .z-form-row { grid-template-columns:1fr !important; } .z-ad-banner__inner { flex-direction:column !important;text-align:center !important; } .z-listings-toolbar { gap:8px !important; } .z-listings-toolbar__count { width:100% !important;order:-1 !important; } /* Listing page mobile */ .zl-detail { padding:16px 0 40px !important; } .zl-top { grid-template-columns:1fr !important;padding:14px !important;gap:16px !important; } .zl-gallery-main { aspect-ratio:4/3 !important;width:100% !important; } .zl-thumbs { flex-wrap:nowrap !important;overflow-x:auto !important; } .zl-thumb { flex-shrink:0 !important; } .zl-share { padding:8px !important;gap:4px !important; } .zl-share__label { display:none !important; } .zl-share__btn { padding:5px 8px !important;font-size:11px !important; } .zl-pricing-block { flex-direction:column !important;gap:0 !important; } .zl-price-item--rent { border-left:none !important;border-top:1px solid var(--z-grey-2) !important; } .zl-highlights { grid-template-columns:1fr 1fr !important; } .zl-body { grid-template-columns:1fr !important; } .zl-related-grid { grid-template-columns:1fr 1fr !important;gap:10px !important; } } @media (max-width:640px) { .z-container { padding:0 16px !important; } .z-grid-4,.z-grid-3 { grid-template-columns:repeat(2,1fr) !important;gap:12px !important; } .section-head { flex-direction:column !important;align-items:flex-start !important;gap:10px !important; } .section-head > a.z-btn { align-self:flex-start !important; } .z-footer__grid { grid-template-columns:1fr !important; } .z-footer__top { padding:40px 0 32px !important; } .z-hero__title { font-size:32px !important; } .z-hero__btns { gap:8px !important; } .z-hot-header__inner { flex-wrap:wrap !important;gap:10px !important; } .z-hot-header__countdown { justify-content:flex-start !important; } .z-trust-bar__grid { grid-template-columns:1fr !important; } .z-ai-sep { display:none !important; } .z-ai-point { padding:5px 12px !important; } .z-gallery-grid { grid-template-columns:repeat(2,1fr) !important; } .z-gallery-item:first-child { grid-column:span 2 !important; } .z-listing-detail__wrap { grid-template-columns:1fr !important; } .z-listing-hire-rates { grid-template-columns:1fr 1fr !important; } .z-seller-profile__header { flex-direction:column !important; } .z-auth-role-tabs { flex-direction:column !important; } .z-post-nav { flex-direction:column !important; } .z-post-nav__link { max-width:100% !important; } .z-post-nav__link--next { text-align:left !important;margin-left:0 !important; } .z-footer__bottom-inner { flex-direction:column !important;text-align:center !important; } .z-hero__stat { padding:10px 16px !important; } .z-how__steps { gap:16px !important; } .z-404__code { font-size:80px !important; } .z-section { padding:40px 0 !important; } /* Listing page small mobile */ .zl-highlights { grid-template-columns:1fr !important; } .zl-highlight { border-right:none !important; } .zl-related-grid { grid-template-columns:1fr !important; } .zl-rent-rates { gap:10px !important; } .zl-seller-card { flex-wrap:wrap !important; } .zl-body { gap:12px !important; } } @media (max-width:480px) { .z-cd-block { padding:4px 8px !important;min-width:36px !important; } .z-cd-num { font-size:16px !important; } .z-listing-gallery__thumb { width:60px !important;height:45px !important; } } /* ── VERIFY IDENTITY PAGE ────────────────────────────────────── */ .z-verify-page { padding:40px 0 64px !important; } /* Header */ .z-verify-header { display:flex !important;align-items:flex-start !important;justify-content:space-between !important;gap:20px !important;margin-bottom:32px !important;flex-wrap:wrap !important; } .z-verify-header__title { font-size:clamp(24px,3vw,36px) !important;font-weight:900 !important;color:var(--z-black) !important;margin-bottom:8px !important; } .z-verify-header__desc { font-size:15px !important;color:var(--z-grey-5) !important;max-width:500px !important; } /* Status badge */ .z-vbadge { display:inline-flex !important;align-items:center !important;gap:6px !important;font-size:13px !important;font-weight:700 !important;padding:6px 16px !important;border-radius:20px !important;border:1px solid !important; } .z-vbadge--green { background:#eaf5ee !important;color:#207943 !important;border-color:#b8dfc6 !important; } .z-vbadge--amber { background:#fff8e8 !important;color:#9a6700 !important;border-color:#f5d78e !important; } .z-vbadge--red { background:#fff0f0 !important;color:#c0392b !important;border-color:#f5c6cb !important; } .z-vbadge--grey { background:#f0f0f0 !important;color:#666 !important; border-color:#ddd !important; } .z-vbadge--blue { background:#e8f4ff !important;color:#1a6fa8 !important;border-color:#b3d4f0 !important; } /* Benefits strip */ .z-verify-benefits { display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:0 !important;background:#fff !important;border:2px solid var(--z-grey-2) !important;border-radius:var(--z-radius-md) !important;overflow:hidden !important;margin-bottom:32px !important; } .z-verify-benefit { display:flex !important;align-items:center !important;gap:12px !important;padding:18px 20px !important;border-right:1px solid var(--z-grey-2) !important; } .z-verify-benefit:last-child { border-right:none !important; } .z-verify-benefit__icon { width:40px !important;height:40px !important;background:var(--z-green-light) !important;border-radius:var(--z-radius-md) !important;display:flex !important;align-items:center !important;justify-content:center !important;color:var(--z-green) !important;flex-shrink:0 !important; } .z-verify-benefit strong { display:block !important;font-size:13px !important;font-weight:700 !important;color:var(--z-black) !important;margin-bottom:2px !important; } .z-verify-benefit span { font-size:12px !important;color:var(--z-grey-4) !important; } /* Two-column layout */ .z-verify-layout { display:grid !important;grid-template-columns:1fr 320px !important;gap:24px !important;align-items:start !important; } /* Progress bar */ .z-verify-progress-wrap { display:flex !important;align-items:center !important;gap:14px !important;margin-bottom:16px !important; } .z-verify-progress { flex:1 !important;height:6px !important;background:var(--z-grey-2) !important;border-radius:3px !important;overflow:hidden !important; } .z-verify-progress__fill { height:100% !important;background:var(--z-green) !important;border-radius:3px !important;transition:width .4s ease !important; } .z-verify-progress__text { font-size:12px !important;font-weight:700 !important;color:var(--z-green) !important;white-space:nowrap !important; } /* Main card */ .z-verify-card { background:#fff !important;border:2px solid var(--z-grey-2) !important;border-radius:var(--z-radius-md) !important;overflow:hidden !important; } .z-verify-card--form { padding:28px !important; } /* Login prompt */ .z-verify-login-prompt { text-align:center !important;padding:48px 24px !important; } .z-verify-login-prompt svg { margin:0 auto 16px !important;display:block !important; } .z-verify-login-prompt h2 { font-size:22px !important;font-weight:800 !important;margin-bottom:8px !important; } .z-verify-login-prompt p { color:var(--z-grey-5) !important;margin-bottom:24px !important; } .z-verify-login-btns { display:flex !important;gap:10px !important;justify-content:center !important;flex-wrap:wrap !important; } /* Sidebar info cards */ .z-verify-info-card { background:#fff !important;border:2px solid var(--z-grey-2) !important;border-radius:var(--z-radius-md) !important;padding:20px !important;margin-bottom:14px !important; } .z-verify-info-card:last-child { margin-bottom:0 !important; } .z-verify-info-card--dark { background:var(--z-black) !important;border-color:var(--z-black) !important; } .z-verify-info-card__title { font-size:13px !important;font-weight:800 !important;color:var(--z-black) !important;margin-bottom:14px !important;display:flex !important;align-items:center !important;gap:7px !important; } .z-verify-info-card__title--light { color:#fff !important; } /* What you need checklist */ .z-verify-checklist { display:flex !important;flex-direction:column !important;gap:10px !important;list-style:none !important;margin:0 !important;padding:0 !important; } .z-verify-checklist li { display:flex !important;align-items:center !important;gap:8px !important;font-size:13px !important;color:var(--z-grey-5) !important; } /* Times */ .z-verify-times { display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important; } .z-verify-time { background:var(--z-grey-1) !important;border-radius:var(--z-radius) !important;padding:12px !important;text-align:center !important; } .z-verify-time__val { display:block !important;font-size:18px !important;font-weight:900 !important;color:var(--z-green) !important;letter-spacing:-.02em !important;margin-bottom:4px !important; } .z-verify-time__label { font-size:11px !important;color:var(--z-grey-4) !important; } /* Secure list */ .z-verify-secure-list { list-style:none !important;margin:0 !important;padding:0 !important;display:flex !important;flex-direction:column !important;gap:8px !important; } .z-verify-secure-list li { display:flex !important;align-items:flex-start !important;gap:8px !important;font-size:12px !important;color:rgba(255,255,255,.65) !important;line-height:1.5 !important; } /* Responsive */ @media (max-width:992px) { .z-verify-layout { grid-template-columns:1fr !important; } .z-verify-benefits { grid-template-columns:repeat(2,1fr) !important; } .z-verify-benefit:nth-child(2) { border-right:none !important; } .z-verify-benefit:nth-child(1), .z-verify-benefit:nth-child(2) { border-bottom:1px solid var(--z-grey-2) !important; } .z-verify-sidebar { display:grid !important;grid-template-columns:1fr 1fr !important;gap:14px !important; } .z-verify-info-card { margin-bottom:0 !important; } } @media (max-width:640px) { .z-verify-benefits { grid-template-columns:1fr !important; } .z-verify-benefit { border-right:none !important;border-bottom:1px solid var(--z-grey-2) !important; } .z-verify-benefit:last-child { border-bottom:none !important; } .z-verify-sidebar { grid-template-columns:1fr !important; } .z-verify-times { grid-template-columns:1fr 1fr !important; } } /* ============================================================ HOT DEALS — redesigned dark/red urgency section ============================================================ */ :root{ --z-deal-red: #F03E1F !important; --z-deal-orange: #FF7A1A !important; --z-deal-dark: #0D0D0D !important; } .z-section--hot-deals{ padding:0 !important; margin-bottom:0 !important; background:white !important; } .z-hot-header{ background:var(--z-deal-dark) !important; padding:28px 0 22px !important; margin-bottom:0 !important; } .z-hot-header__inner{ display:flex !important; align-items:center !important; gap:28px !important; flex-wrap:wrap !important; } .z-hot-header__left{ display:flex !important; align-items:center !important; gap:16px !important; } .z-hot-header__flame{ flex-shrink:0 !important; filter:drop-shadow(0 0 10px rgba(255,90,20,.5)) !important; } .z-hot-header__text{ display:flex !important; flex-direction:column !important; gap:4px !important; } .z-hot-header__title{ color:#fff !important; font-size:26px !important; font-weight:900 !important; letter-spacing:-.01em !important; text-transform:uppercase !important; line-height:1 !important; } .z-hot-header__title-accent{ color:var(--z-deal-red) !important; } .z-hot-header__subtitle{ color:rgba(255,255,255,.55) !important; font-size:14px !important; font-weight:500 !important; } .z-hot-header__countdown{ display:flex !important; align-items:center !important; gap:10px !important; flex:1 !important; justify-content:center !important; } .z-hot-header .z-cd-block{ display:flex !important; flex-direction:column !important; align-items:center !important; background:transparent !important; border:1px solid rgba(255,255,255,.18) !important; border-radius:6px !important; padding:8px 16px !important; min-width:58px !important; } .z-hot-header .z-cd-num{ font-size:24px !important; font-weight:900 !important; color:#fff !important; line-height:1 !important; } .z-hot-header .z-cd-label{ font-size:10px !important; font-weight:700 !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:rgba(255,255,255,.5) !important; margin-top:4px !important; } .z-hot-header .z-cd-sep{ color:var(--z-deal-red) !important; font-size:20px !important; } .z-hot-header__link{ color:#fff !important; font-size:13px !important; font-weight:700 !important; text-decoration:underline !important; display:flex !important; align-items:center !important; gap:6px !important; white-space:nowrap !important; } .z-hot-header__link:hover{ color:var(--z-deal-orange) !important; } .z-hot-header__divider{ height:2px !important; margin-top:24px !important; background:linear-gradient(90deg, transparent, var(--z-deal-red) 45%, var(--z-deal-orange) 50%, var(--z-deal-red) 55%, transparent) !important; box-shadow:0 0 16px 1px rgba(255,90,20,.6) !important; } .hot-deal-grid{ display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:22px !important; align-items:stretch !important; background:white !important; padding:32px 0 40px !important; } .hot-deal-card{ background:#fff !important; border:2px solid #F5A623 !important; border-radius:10px !important; overflow:hidden !important; display:flex !important; flex-direction:column !important; height:100% !important; } .hot-deal-card__image{ position:relative !important; aspect-ratio:4/3 !important; overflow:hidden !important; background:var(--z-grey-1) !important; } .hot-deal-card__image img{ width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; } .hot-deal-card__discount{ position:absolute !important; top:12px !important; left:-4px !important; background:#207943 !important; color:#fff !important; font-size:16px !important; font-weight:900 !important; line-height:1 !important; padding:8px 16px 8px 12px !important; text-align:center !important; clip-path:polygon(0 0, 100% 0, 88% 100%, 0% 100%) !important; z-index:3 !important; } .hot-deal-card__discount-sub{ font-size:9px !important; font-weight:800 !important; letter-spacing:.05em !important; } .hot-deal-card__type{ position:absolute !important; top:14px !important; right:14px !important; background:var(--z-green) !important; color:#fff !important; font-size:10px !important; font-weight:800 !important; letter-spacing:.05em !important; text-transform:uppercase !important; padding:5px 11px !important; border-radius:20px !important; z-index:3 !important; } .hot-deal-card__body{ padding:16px 18px 18px !important; display:flex !important; flex-direction:column !important; flex:1 !important; } .hot-deal-card__cta{ margin-top:auto !important; } .hot-deal-card__title{ font-size:16px !important; font-weight:800 !important; color:var(--z-black) !important; margin:0 0 6px !important; line-height:1.25 !important; } .hot-deal-card__title a{ color:inherit !important; text-decoration:none !important; } .hot-deal-card__location{ display:flex !important; align-items:center !important; gap:5px !important; font-size:12px !important; color:var(--z-grey-4) !important; margin:0 0 12px !important; } .hot-deal-card__rule{ border:none !important; border-top:1px solid var(--z-grey-2) !important; margin:0 0 12px !important; } .hot-deal-card__was{ font-size:13px !important; color:var(--z-grey-4) !important; text-decoration:line-through !important; margin:0 0 2px !important; } .hot-deal-card__now{ font-size:26px !important; font-weight:900 !important; color:var(--z-green) !important; letter-spacing:-.02em !important; margin:0 0 4px !important; } .hot-deal-card__period{ font-size:14px !important; font-weight:600 !important; color:var(--z-grey-5) !important; } .hot-deal-card__save{ font-size:13px !important; font-weight:800 !important; color:var(--z-deal-red) !important; margin:0 0 14px !important; } .hot-deal-card__cta{ display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; background:linear-gradient(135deg, var(--z-deal-red), var(--z-deal-orange)) !important; color:#fff !important; font-size:12px !important; font-weight:800 !important; letter-spacing:.06em !important; text-transform:uppercase !important; text-decoration:none !important; padding:13px !important; border-radius:6px !important; transition:background var(--z-ease) !important; } .hot-deal-card__cta:hover{ background:linear-gradient(135deg, var(--z-deal-red), var(--z-deal-orange)) !important; color:white !important; } @media(max-width:1100px){ .hot-deal-grid{ grid-template-columns:repeat(2,1fr) !important; } .z-hot-header__countdown{ order:3 !important; width:100% !important; justify-content:flex-start !important; } } @media(max-width:640px){ .hot-deal-grid{ grid-template-columns:1fr !important; padding:24px 16px 32px !important; } .z-hot-header__inner{ padding:0 16px !important; } .z-hot-header__title{ font-size:20px !important; } } /* ============================================================ AI SECTION — compact badge + headline + brief feature cards ============================================================ */ .z-ai-section{ background:var(--z-black) !important; width:100% !important; margin:0 !important; padding:44px 0 48px !important; overflow:hidden !important; }.z-ai-section__head{ text-align:center !important; max-width:560px !important; margin:0 auto 28px !important; } .z-ai-badge{ display:inline-flex !important; align-items:center !important; gap:8px !important; background:rgba(255,255,255,.08) !important; color:var(--z-green-mid) !important; font-size:12px !important; font-weight:800 !important; letter-spacing:.04em !important; text-transform:uppercase !important; padding:6px 14px !important; border-radius:20px !important; margin-bottom:14px !important; } .z-ai-badge__ai{ color:var(--z-green-mid) !important; font-weight:900 !important; } .z-ai-section__title-accent{ color:var(--z-green-mid) !important; } .z-ai-badge__dot{ width:7px !important; height:7px !important; background:var(--z-green-mid) !important; border-radius:50% !important; animation:pulse 1.2s infinite !important; } .z-ai-section__title{ font-size:24px !important; font-weight:800 !important; color:#fff !important; letter-spacing:-.01em !important; margin:0 !important; } .z-ai-grid{ display:grid !important; grid-template-columns:repeat(6,1fr) !important; gap:14px !important; } .z-ai-card{ background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.1) !important; border-radius:10px !important; padding:18px 16px !important; text-align:left !important; transition:border-color var(--z-ease), background var(--z-ease) !important; cursor:default !important; } .z-ai-card:hover{ border-color:var(--z-green-mid) !important; background:rgba(255,255,255,.07) !important; } .z-ai-card__icon{ color:var(--z-green-mid) !important; margin-bottom:10px !important; } .z-ai-card__title{ font-size:13px !important; font-weight:800 !important; color:#fff !important; margin:0 !important; } /* Description hidden by default, revealed only via JS class */ .z-ai-card__desc{ font-size:12px !important; color:rgba(255,255,255,.55) !important; line-height:1.4 !important; margin:0 !important; max-height:0 !important; opacity:0 !important; overflow:hidden !important; transition:max-height .25s ease, opacity .25s ease, margin-top .25s ease !important; } .z-ai-card.is-active .z-ai-card__desc, .z-ai-card:hover .z-ai-card__desc{ max-height:60px !important; opacity:1 !important; margin-top:4px !important; } @media(max-width:1000px){ .z-ai-grid{ grid-template-columns:repeat(3,1fr) !important; } } @media(max-width:640px){ .z-ai-grid{ grid-template-columns:repeat(2,1fr) !important; } .z-ai-section__title{ font-size:20px !important; } } /* Wide full-width hero search bar (form now sits below the hero text spanning the full container, rather than a narrow side card) */ @media(min-width:900px){ .z-hero__search-wrap .z-hero__search-form{ display:flex !important; align-items:flex-start !important; gap:12px !important; padding-top:0 !important; } .z-hero__search-row{ flex:2 !important; margin-bottom:0 !important; } .z-hero__search-selects{ flex:1.4 !important; margin-bottom:0 !important; } .z-hero__search-btn{ width:auto !important; flex:0 0 200px !important; } } /* Main CTA emphasis on the single listing page (Rent This Machine) */ .zl-cta--main{ font-size:15px !important; padding-top:16px !important; padding-bottom:16px !important; box-shadow:var(--z-shadow-green) !important; } /* Register/Login — social + magic link options */ .z-auth-social{ display:flex; flex-direction:column; gap:10px; margin:20px 0; } .z-auth-social__btn{ width:100% !important; justify-content:center !important; gap:10px !important; } .z-auth-divider{ display:flex; align-items:center; gap:12px; margin:20px 0; color:var(--z-grey-4); font-size:12px; text-transform:uppercase; letter-spacing:.04em; } .z-auth-divider::before,.z-auth-divider::after{ content:''; flex:1; height:1px; background:var(--z-grey-2); } .z-auth-form--magic{ background:var(--z-grey-1); border:1px solid var(--z-grey-2); border-radius:var(--z-radius-md); padding:16px; margin-bottom:4px; } .z-notice-success { background:var(--z-green-light) !important;color:var(--z-green-dark) !important;border:1px solid var(--z-green-mid) !important; } /* ============================================================ SINGLE LISTING v3 — gallery/about/inspection/similar + sticky booking sidebar ============================================================ */ .zl2-wrap{ padding:28px 0 60px !important; } .zl2-grid{ display:grid !important; grid-template-columns:1fr 360px !important; gap:24px !important; align-items:start !important; } .zl2-gallery{ margin-bottom:20px; } .zl2-gallery-main{ position:relative !important; border-radius:12px !important; overflow:hidden !important; aspect-ratio:4/3 !important; background:var(--z-grey-1) !important; } .zl2-gallery-main img{ width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; } .zl2-gallery-badges{ position:absolute !important; top:14px !important; left:14px !important; display:flex !important; gap:8px !important; z-index:3 !important; } .zl2-arrow{ position:absolute !important; top:50% !important; transform:translateY(-50%) !important; width:38px !important; height:38px !important; border-radius:50% !important; background:rgba(255,255,255,.9) !important; border:none !important; display:flex !important; align-items:center !important; justify-content:center !important; cursor:pointer !important; box-shadow:0 2px 8px rgba(0,0,0,.15) !important; } .zl2-arrow--prev{ left:14px !important; } .zl2-arrow--next{ right:14px !important; } .zl2-zoom{ position:absolute !important; bottom:14px !important; right:14px !important; width:34px !important; height:34px !important; border-radius:8px !important; background:rgba(255,255,255,.9) !important; border:none !important; display:flex !important; align-items:center !important; justify-content:center !important; cursor:pointer !important; } .zl2-thumbs{ display:flex !important; gap:10px !important; margin-top:10px !important; overflow-x:auto !important; } .zl2-thumb{ width:80px !important; height:60px !important; border-radius:8px !important; overflow:hidden !important; border:2px solid transparent !important; padding:0 !important; cursor:pointer !important; flex-shrink:0 !important; background:none !important; } .zl2-thumb img{ width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; } .zl2-thumb.active{ border-color:var(--z-green) !important; } .zl2-card{ background:#fff !important; border:1px solid var(--z-grey-2) !important; border-radius:12px !important; padding:22px 24px !important; margin-bottom:16px !important; } .zl2-card-title{ font-size:17px !important; font-weight:800 !important; margin:0 0 12px !important; } .zl2-description{ font-size:14px !important; line-height:1.7 !important; color:#3a423d !important; margin-bottom:20px !important; } .zl2-subtitle{ font-size:13px !important; font-weight:800 !important; text-transform:uppercase !important; letter-spacing:.03em !important; color:var(--z-grey-5) !important; margin:0 0 10px !important; } .zl2-spec-table{ width:100% !important; border-collapse:collapse !important; font-size:13px !important; } .zl2-spec-table td{ padding:9px 0 !important; border-bottom:1px solid var(--z-grey-1) !important; } .zl2-spec-table td:first-child{ color:var(--z-grey-5) !important; width:45% !important; } .zl2-spec-table td:last-child{ font-weight:700 !important; color:var(--z-black) !important; } .zl2-notice{ display:flex !important; gap:12px !important; background:var(--z-grey-1) !important; border:1px solid var(--z-grey-2) !important; border-radius:10px !important; padding:16px !important; color:var(--z-grey-5) !important; } .zl2-notice strong{ display:block !important; color:var(--z-black) !important; font-size:14px !important; margin-bottom:3px !important; } .zl2-notice p{ margin:0 !important; font-size:13px !important; } .zl2-condition-list{ list-style:none !important; margin:0 !important; padding:0 !important; } .zl2-condition-item{ display:flex !important; justify-content:space-between !important; padding:9px 0 !important; border-bottom:1px solid var(--z-grey-1) !important; font-size:13px !important; } .zl2-condition-status.zl2-ok{ color:var(--z-green) !important; font-weight:700 !important; } .zl2-condition-status.zl2-warn{ color:#c0392b !important; font-weight:700 !important; } .zl2-related-head{ display:flex !important; align-items:center !important; justify-content:space-between !important; margin-bottom:14px !important; } .zl2-related-head h2{ font-size:18px !important; font-weight:800 !important; margin:0 !important; text-transform:capitalize !important; } .zl2-related-link{ font-size:13px !important; font-weight:700 !important; color:var(--z-green) !important; text-decoration:none !important; } .zl2-related-grid{ display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:16px !important; } /* Sticky booking sidebar */ .zl2-sidebar{ position:sticky !important; top:20px !important; } .zl2-booking-card{ background:#fff !important; border:1px solid var(--z-grey-2) !important; border-radius:12px !important; padding:22px !important; margin-bottom:16px !important; } .zl2-title{ font-size:20px !important; font-weight:800 !important; line-height:1.25 !important; margin:0 0 6px !important; } .zl2-location{ display:flex !important; align-items:center !important; gap:5px !important; font-size:13px !important; color:var(--z-grey-5) !important; margin:0 0 14px !important; } .zl2-condition-row{ display:flex !important; align-items:center !important; justify-content:space-between !important; font-size:13px !important; color:var(--z-grey-5) !important; padding:10px 0 !important; border-top:1px solid var(--z-grey-1) !important; } .zl2-condition-badge{ background:var(--z-green-light) !important; color:var(--z-green-dark) !important; font-size:12px !important; font-weight:700 !important; padding:3px 10px !important; border-radius:12px !important; } .zl2-verified-row{ display:flex !important; align-items:center !important; gap:6px !important; color:var(--z-green) !important; font-size:13px !important; font-weight:700 !important; padding-bottom:14px !important; border-bottom:1px solid var(--z-grey-1) !important; margin-bottom:16px !important; } .zl2-sale-price{ display:flex !important; align-items:baseline !important; justify-content:space-between !important; padding:14px 0 !important; margin-bottom:6px !important; } .zl2-sale-price span{ font-size:13px !important; color:var(--z-grey-5) !important; } .zl2-sale-price strong{ font-size:26px !important; font-weight:800 !important; color:var(--z-green) !important; } .zl2-rates-block{ margin-bottom:16px !important; } .zl2-rate-options{ display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:8px !important; } .zl2-rate-opt{ position:relative !important; background:#fff !important; border:2px solid var(--z-grey-2) !important; border-radius:10px !important; padding:12px 6px !important; display:flex !important; flex-direction:column !important; align-items:center !important; cursor:pointer !important; transition:all .15s !important; } .zl2-rate-opt strong{ font-size:16px !important; font-weight:800 !important; color:var(--z-black) !important; } .zl2-rate-opt span{ font-size:11px !important; color:var(--z-grey-5) !important; } .zl2-rate-opt.is-selected{ border-color:var(--z-green) !important; background:var(--z-green-light) !important; } .zl2-rate-opt__pop{ position:absolute !important; top:-9px !important; left:50% !important; transform:translateX(-50%) !important; background:var(--z-green) !important; color:#fff !important; font-size:9px !important; font-weight:800 !important; text-transform:uppercase !important; padding:2px 8px !important; border-radius:8px !important; white-space:nowrap !important; } .zl2-date-row{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:10px !important; margin-bottom:12px !important; } .zl2-form-group{ margin-bottom:12px !important; } .zl2-form-group label{ display:block !important; font-size:11px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.03em !important; color:var(--z-grey-5) !important; margin-bottom:5px !important; } .zl2-input{ width:100% !important; border:1px solid var(--z-grey-2) !important; border-radius:8px !important; padding:10px 12px !important; font-family:inherit !important; font-size:13px !important; color:var(--z-black) !important; } .zl2-toggle-row{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; } .zl2-toggle-btn{ display:flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; padding:10px !important; border:1px solid var(--z-grey-2) !important; border-radius:8px !important; background:#fff !important; font-size:12px !important; font-weight:700 !important; cursor:pointer !important; color:var(--z-grey-5) !important; } .zl2-toggle-btn.is-selected{ border-color:var(--z-green) !important; color:var(--z-green-dark) !important; background:var(--z-green-light) !important; } .zl2-check-btn{ width:100% !important; justify-content:center !important; font-size:14px !important; padding:14px !important; margin-top:6px !important; } .zl2-message-link{ display:flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; font-size:12px !important; color:var(--z-grey-5) !important; text-decoration:none !important; margin:10px 0 16px !important; } .zl2-message-link:hover{ color:var(--z-green) !important; } .zl2-trust-row{ display:flex !important; flex-direction:column !important; gap:8px !important; padding-top:16px !important; border-top:1px solid var(--z-grey-1) !important; } .zl2-trust-row span{ display:flex !important; align-items:center !important; gap:9px !important; font-size:13px !important; font-weight:700 !important; color:var(--z-green-dark,#185e34) !important; background:var(--z-green-light,#e8f4ec) !important; padding:9px 12px !important; border-radius:8px !important; } .zl2-trust-row svg{ color:var(--z-green) !important; flex-shrink:0 !important; } .zl2-card--sidebar{ padding:18px 20px !important; } .zl2-id-verified{ display:inline-flex !important; align-items:center !important; gap:5px !important; background:var(--z-green-light) !important; color:var(--z-green-dark) !important; font-size:11px !important; font-weight:800 !important; text-transform:uppercase !important; padding:4px 10px !important; border-radius:12px !important; margin-bottom:8px !important; } .zl2-member-since{ font-size:12px !important; color:var(--z-grey-5) !important; margin:0 0 10px !important; } .zl2-seller-link{ font-size:13px !important; font-weight:700 !important; color:var(--z-green) !important; text-decoration:none !important; } .zl2-summary-row{ display:flex !important; gap:10px !important; padding:9px 0 !important; } .zl2-summary-row svg{ color:var(--z-green) !important; flex-shrink:0 !important; margin-top:2px !important; } .zl2-summary-row strong{ display:block !important; font-size:13px !important; margin-bottom:2px !important; } .zl2-summary-row span{ display:block !important; font-size:12px !important; color:var(--z-grey-5) !important; line-height:1.5 !important; } @media(max-width:1000px){ .zl2-grid{ grid-template-columns:1fr !important; } .zl2-sidebar{ position:static !important; order:-1 !important; } /* booking widget surfaces right after the title/gallery on mobile, instead of after the full description */ .zl2-related-grid{ grid-template-columns:repeat(2,1fr) !important; } } @media(max-width:640px){ .zl2-rate-options{ grid-template-columns:1fr !important; } .zl2-date-row,.zl2-toggle-row{ grid-template-columns:1fr !important; } .zl2-related-grid{ grid-template-columns:1fr !important; } } /* ============================================================ AI WANTED REQUEST — "Can't find what you're looking for?" ============================================================ */ .zw-card{ max-width:640px; margin:0 auto; background:#fff; border:1px solid var(--z-grey-2); border-radius:14px; padding:36px; } .zw-header h2{ font-size:22px; font-weight:800; margin:0 0 8px; } .zw-header p{ font-size:14px; color:var(--z-grey-5); line-height:1.6; margin:0 0 26px; } .zw-form-group{ margin-bottom:18px; } .zw-form-row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; } .zw-label{ display:block; font-size:13px; font-weight:700; margin-bottom:6px; } .zw-optional{ font-weight:500; color:var(--z-grey-4); text-transform:none; letter-spacing:normal; } .zw-input{ width:100%; border:1px solid var(--z-grey-2); border-radius:8px; padding:11px 14px; font-family:inherit; font-size:14px; color:var(--z-black); } .zw-input:focus{ outline:none; border-color:var(--z-green); } .zw-textarea{ resize:vertical; } .zw-pill-row{ display:flex; gap:8px; flex-wrap:wrap; } .zw-pill{ flex:1; min-width:110px; } .zw-pill input{ display:none; } .zw-pill span, .zw-pill{ display:block; text-align:center; padding:10px; border:2px solid var(--z-grey-2); border-radius:8px; font-size:13px; font-weight:700; cursor:pointer; color:#666; } .zw-pill input:checked + span, .zw-pill:has(input:checked){ border-color:var(--z-green); background:var(--z-green-light); color:var(--z-green-dark); } .zw-subtitle{ font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.03em; color:var(--z-grey-5); margin:24px 0 12px; } .zw-submit-btn{ width:100%; justify-content:center; gap:8px; padding:14px; font-size:14px; margin-top:6px; } .zw-legal{ text-align:center; font-size:11px; color:var(--z-grey-4); margin-top:12px; } .zw-legal a{ color:var(--z-green); } .zw-results-title{ font-size:18px; font-weight:800; margin:0 0 16px; } .zw-results-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-bottom:16px; } .zw-result-card{ display:block; border:1px solid var(--z-grey-2); border-radius:10px; overflow:hidden; text-decoration:none; color:inherit; } .zw-result-img{ height:110px; background-size:cover; background-position:center; background-color:var(--z-grey-1); } .zw-result-body{ padding:12px; } .zw-result-body strong{ display:block; font-size:13px; margin-bottom:4px; color:var(--z-black); } .zw-result-body span{ font-size:12px; color:var(--z-grey-5); } .zw-results-note{ font-size:13px; color:var(--z-grey-5); background:var(--z-grey-1); padding:14px; border-radius:8px; margin:0; } @media(max-width:640px){ .zw-card{ padding:24px 20px; } .zw-form-row{ grid-template-columns:1fr; } .zw-results-grid{ grid-template-columns:1fr; } } .z-footer__aus{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.6);font-size:12px;font-weight:600;} .z-footer__aus svg{border-radius:2px;flex-shrink:0;} .z-listings-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--z-grey-2);border-radius:10px;padding:10px 16px;max-width:560px;margin-top:18px;} .z-listings-search svg{color:var(--z-grey-4);flex-shrink:0;} .z-listings-search input{flex:1;border:none;outline:none;font-family:inherit;font-size:14px;background:transparent;} .z-listings-search button{background:var(--z-green);color:#fff;border:none;border-radius:6px;padding:9px 18px;font-size:13px;font-weight:700;cursor:pointer;} /* ============================================================ ABOUT US PAGE ============================================================ */ .z-about-hero{ padding:48px 0; background:var(--z-grey-1); } .z-about-hero__grid{ display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; } .z-about-hero__grid h1{ font-size:clamp(30px,3.5vw,44px); font-weight:900; line-height:1.15; margin:0 0 18px; } .z-about-hero__grid p{ font-size:15px; color:var(--z-grey-5); line-height:1.7; max-width:480px; margin:0 0 26px; } .z-about-hero__cta{ display:flex; gap:12px; flex-wrap:wrap; } .z-about-hero__img img{ width:100%; border-radius:14px; display:block; object-fit:cover; aspect-ratio:4/3; } .z-about-connect{ display:grid; grid-template-columns:280px 1fr; gap:32px; align-items:center; } .z-about-connect__text{ text-align:left; } .z-about-connect__text h2{ font-size:24px; font-weight:800; margin:0 0 12px; line-height:1.25; } .z-about-connect__text p{ color:var(--z-grey-5); font-size:13.5px; line-height:1.7; margin:0; } .z-about-connect__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; } .z-about-connect__card img{ width:100%; height:100%; object-fit:cover; display:block; } .z-about-center-title{ text-align:center; font-size:26px; font-weight:800; margin:0 0 32px; } .z-about-paths{ display:grid; grid-template-columns:1fr 1fr; gap:20px; max-width:900px; margin:0 auto; } .z-about-path{ background:#fff; border:1px solid var(--z-grey-2); border-radius:14px; padding:28px; } .z-about-path--dark{ background:#16281F; border-color:#16281F; color:#fff; } .z-about-path__icon{ width:42px; height:42px; border-radius:10px; background:rgba(255,255,255,.12); display:flex; align-items:center; justify-content:center; margin-bottom:16px; } .z-about-path__icon--light{ background:var(--z-green-light); } .z-about-path h3{ font-size:18px; font-weight:800; margin:0 0 14px; } .z-about-path--dark h3{ color:#fff !important; } .z-about-path ul{ list-style:none; padding:0; margin:0 0 20px; } .z-about-path li{ padding:6px 0 6px 22px; position:relative; font-size:13px; } .z-about-path li::before{ content:'\2713'; position:absolute; left:0; color:var(--z-green); font-weight:800; } .z-about-path--dark li::before{ color:#7fd9a5; } .z-about-note{ max-width:900px; margin:24px auto 0; text-align:center; border:1px solid var(--z-grey-2); border-radius:10px; padding:16px; font-size:13px; color:var(--z-grey-5); background:#fff; } .z-about-standards{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:28px; } .z-about-standard{ text-align:center; padding:20px; } .z-about-standard__icon{ width:48px; height:48px; border-radius:50%; background:var(--z-green-light); display:flex; align-items:center; justify-content:center; margin:0 auto 14px; } .z-about-standard h3{ font-size:15px; font-weight:800; margin:0 0 6px; } .z-about-standard p{ font-size:12.5px; color:var(--z-grey-5); line-height:1.6; margin:0; } .z-about-ticker{ text-align:center; padding:14px; background:var(--z-grey-1); border-radius:10px; font-size:13px; font-weight:700; color:var(--z-grey-5); } .z-about-ticker span{ color:var(--z-green); margin:0 6px; } .z-about-steps{ display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:16px; align-items:start; } .z-about-step{ text-align:center; } .z-about-step__num{ display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%; background:var(--z-green); color:#fff; font-size:12px; font-weight:800; margin-bottom:10px; } .z-about-step__icon{ display:block; margin:0 auto 10px; } .z-about-step h3{ font-size:15px; font-weight:800; margin:0 0 6px; } .z-about-step p{ font-size:12.5px; color:var(--z-grey-5); line-height:1.6; max-width:200px; margin:0 auto; } .z-about-step__arrow{ color:var(--z-grey-3); font-size:20px; align-self:center; margin-top:20px; } .z-about-map-grid{ display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:center; } .z-about-map-grid h2{ font-size:24px; font-weight:800; margin:0 0 12px; } .z-about-map-grid p{ color:var(--z-grey-5); font-size:14px; line-height:1.7; } .z-about-leaflet{ width:100%; height:340px; border-radius:14px; overflow:hidden; border:1px solid var(--z-grey-2); z-index:1; } .z-about-leaflet__pin span{ display:block; width:14px; height:14px; border-radius:50%; background:var(--z-green); border:2.5px solid #fff; box-shadow:0 1px 4px rgba(0,0,0,.35); } .z-about-leaflet__label{ background:#16281F !important; color:#fff !important; border:none !important; font-weight:800 !important; font-size:11px !important; padding:2px 8px !important; border-radius:5px !important; box-shadow:none !important; } .z-about-leaflet__label::before{ border-top-color:#16281F !important; } .z-about-cta-band{ background:#0D0D0D; padding:40px 0; } .z-about-cta-band__inner{ display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; } .z-about-cta-band__inner h2{ color:#fff !important; font-size:22px; font-weight:800; margin:0 0 6px; } .z-about-cta-band__inner p{ color:rgba(255,255,255,.6); font-size:13px; margin:0; } .z-about-cta-band__btns{ display:flex; gap:10px; flex-shrink:0; } .z-btn--white{ background:#fff !important; color:#16281F !important; } .z-btn--outline-white{ background:transparent !important; border-color:rgba(255,255,255,.4) !important; color:#fff !important; } @media(max-width:900px){ .z-about-hero__grid,.z-about-map-grid{ grid-template-columns:1fr; } .z-about-connect{ grid-template-columns:1fr; } .z-about-connect__grid,.z-about-paths{ grid-template-columns:1fr; } .z-about-standards{ grid-template-columns:repeat(2,1fr); } .z-about-steps{ grid-template-columns:1fr; } .z-about-step__arrow{ display:none; } } /* ============================================================ ABOUT US v2 — pixel-matched sections ============================================================ */ /* Hero: diagonal two-photo split */ .z-about-hero2{ display:flex; min-height:420px; background:#fff; overflow:hidden; } .z-about-hero2__text{ flex:0 0 38%; display:flex; flex-direction:column; justify-content:center; padding:48px 40px; } .z-about-hero2__text h1{ font-size:clamp(26px,3vw,38px); font-weight:900; line-height:1.15; margin:0 0 16px; color:#111; } .z-about-hero2__text h1 span{ color:var(--z-green); } .z-about-hero2__text p{ font-size:14px; color:#666; line-height:1.7; margin:0 0 24px; max-width:400px; } .z-about-hero2__cta{ display:flex; gap:12px; flex-wrap:wrap; } .z-about-hero2__imgs{ position:relative; flex:1; min-height:420px; } .z-about-hero2__img{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; object-position:center !important; } .z-about-hero2__img--left{ clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); } .z-about-hero2__img--right{ clip-path:polygon(62% 0, 100% 0, 100% 100%, 38% 100%); } /* Connecting demand cards: photo + solid dark bottom bar */ .z-about-connect__card{ border-radius:10px; overflow:hidden; background:#16281F; } .z-about-connect__imgwrap{ aspect-ratio:16/11; overflow:hidden; } .z-about-connect__imgwrap img{ width:100%; height:100%; object-fit:cover; display:block; } .z-about-connect__label{ display:flex; align-items:center; gap:10px; padding:14px 16px; color:#fff; font-weight:700; font-size:14px; text-shadow:none; position:static; } .z-about-connect__icon{ width:28px; height:28px; border-radius:50%; background:var(--z-green); display:flex; align-items:center; justify-content:center; flex-shrink:0; } /* Commercial standards: flat icons, no circle bg */ .z-about-standard--flat{ text-align:left; padding:0; border-right:1px solid #EEF0EE; } .z-about-standard--flat:last-child{ border-right:none; } .z-about-standard__icon--flat{ background:none; width:auto; height:auto; margin:0 0 14px; justify-content:flex-start; } .z-about-standards{ align-items:start; } @media(max-width:900px){ .z-about-standard--flat{ border-right:none; border-bottom:1px solid #EEF0EE; padding-bottom:16px; } } /* AI banner — dark variant */ .z-about-ai{ background:#0B0F0D; padding:36px 0; } .z-about-ai__inner{ display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; } .z-about-ai__left{ display:flex; align-items:center; gap:24px; flex:1; min-width:280px; } .z-about-ai__badge{ flex-shrink:0; border:1.5px solid var(--z-green); border-radius:10px; padding:12px 18px; text-align:center; color:#fff; font-size:13px; font-weight:800; line-height:1.4; } .z-about-ai__badge span{ color:var(--z-green); font-size:15px; } .z-about-ai__copy h2{ color:#fff !important; font-size:19px; font-weight:800; margin:0 0 6px; } .z-about-ai__copy p{ color:rgba(255,255,255,.55); font-size:13px; margin:0; max-width:420px; } .z-about-ai__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; } .z-about-ai__item{ display:flex; flex-direction:column; align-items:center; gap:10px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); border-radius:10px; padding:16px 14px; min-width:110px; } .z-about-ai__item span{ color:#fff; font-size:12px; font-weight:700; text-align:center; } @media(max-width:900px){ .z-about-ai__grid{ grid-template-columns:repeat(2,1fr); } } /* CTA band with real background photo */ .z-about-cta-band{ position:relative; background-size:cover; background-position:center; } .z-about-cta-band__overlay{ position:absolute; inset:0; background:rgba(5,5,5,.82); } .z-about-cta-band .z-container{ position:relative; z-index:1; } @media(max-width:900px){ .z-about-hero2{ flex-direction:column; } .z-about-hero2__text{ flex:none; padding:36px 20px; } .z-about-hero2__imgs{ min-height:280px; } } .zl2-help-box{ display:block; text-align:center; border:1.5px solid var(--z-green); border-radius:8px; padding:14px; text-decoration:none; margin-bottom:10px; } .zl2-help-box__title{ display:flex; align-items:center; justify-content:center; gap:6px; font-size:13px; font-weight:800; color:var(--z-green); } .zl2-help-box__sub{ display:block; font-size:12px; color:var(--z-grey-5); margin-top:3px; } /* ============================================================ ACCOUNT & PRIVACY — deactivate / delete account ============================================================ */ .z-btn--danger{ background:#D64545 !important; color:#fff !important; border-color:#D64545 !important; } .z-btn--danger:hover{ background:#b23636 !important; } .zad-privacy-card{ background:#fff; border:1px solid var(--z-grey-2); border-radius:12px; padding:22px; margin-top:20px; } .zad-privacy-card h3{ font-size:16px; font-weight:800; margin:0 0 16px; } .zad-privacy-row{ display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 0; border-top:1px solid var(--z-grey-1); } .zad-privacy-row:first-of-type{ border-top:none; padding-top:0; } .zad-privacy-row strong{ display:block; font-size:14px; margin-bottom:4px; } .zad-privacy-row p{ font-size:12.5px; color:var(--z-grey-5); margin:0; max-width:440px; line-height:1.6; } .zad-privacy-row--danger strong{ color:#D64545; } .zad-privacy-row .z-btn{ flex-shrink:0; } .zad-modal{ position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:999999; display:flex; align-items:center; justify-content:center; padding:20px; } .zad-modal__inner{ background:#fff; border-radius:12px; padding:28px; max-width:460px; width:100%; } .zad-modal__inner h3{ font-size:18px; font-weight:800; margin:0 0 12px; color:#D64545; } .zad-modal__inner p{ font-size:13.5px; color:var(--z-grey-5); line-height:1.6; margin:0 0 18px; } .zad-modal__inner label{ display:block; font-size:12px; font-weight:700; margin-bottom:6px; } .zad-modal__inner input{ width:100%; border:1px solid var(--z-grey-2); border-radius:8px; padding:10px 14px; font-family:inherit; font-size:14px; margin-bottom:20px; box-sizing:border-box; } .zad-modal__actions{ display:flex; gap:10px; justify-content:flex-end; } /* ============================================================ MY SUPPORT TICKETS (customer-facing) ============================================================ */ .zt-mytix-card{ max-width:680px; margin:0 auto; background:#fff; border:1px solid var(--z-grey-2); border-radius:14px; padding:32px; } .zt-mytix-card h2{ font-size:20px; font-weight:800; margin:0 0 18px; } .zt-mytix-empty{ color:var(--z-grey-5); font-size:14px; margin-bottom:16px; } .zt-mytix-list{ display:flex; flex-direction:column; gap:10px; } .zt-mytix-row{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 16px; border:1px solid var(--z-grey-2); border-radius:10px; text-decoration:none; color:inherit; } .zt-mytix-row:hover{ border-color:var(--z-green); } .zt-mytix-row strong{ display:block; font-size:14px; } .zt-mytix-row__cat{ font-size:12.5px; color:var(--z-grey-5); } .zt-mytix-row__meta{ display:flex; align-items:center; gap:12px; font-size:12px; color:var(--z-grey-5); flex-shrink:0; } .zt-mytix-badge{ font-size:11px; font-weight:700; padding:3px 10px; border-radius:6px; } .zt-mytix-badge--open{ background:#FDEFDB; color:#9a6700; } .zt-mytix-badge--resolved{ background:#E7F1EA; color:#207943; } .zt-mytix-back{ display:inline-block; font-size:13px; font-weight:700; color:var(--z-green); text-decoration:none; margin-bottom:14px; } .zt-mytix-thread{ display:flex; flex-direction:column; gap:12px; margin:20px 0; } .zt-mytix-msg{ background:var(--z-grey-1); border-radius:10px; padding:14px 16px; } .zt-mytix-msg--agent{ background:#E7F1EA; } .zt-mytix-msg__time{ font-size:11px; color:var(--z-grey-5); margin-left:8px; } .zt-mytix-msg p{ margin:6px 0 0; font-size:13.5px; line-height:1.6; } .zt-mytix-attachments{ display:flex; gap:8px; margin-top:10px; flex-wrap:wrap; } .zt-mytix-attachments img{ width:64px; height:64px; object-fit:cover; border-radius:8px; } #zt-mytix-reply-form textarea{ width:100%; border:1px solid var(--z-grey-2); border-radius:8px; padding:12px 14px; font-family:inherit; font-size:14px; margin-bottom:12px; box-sizing:border-box; } /* ============================================================ REPORT AN ISSUE (support ticket form) ============================================================ */ .zt-form-card{ max-width:680px; margin:0 auto; background:#fff; border:1px solid var(--z-grey-2); border-radius:14px; padding:36px; } .zt-form-card h2{ font-size:22px; font-weight:800; margin:0 0 8px; } .zt-context-note{ font-size:13.5px; color:var(--z-grey-5); margin:0 0 22px; } .zt-category-list{ display:flex; flex-direction:column; gap:10px; } .zt-category-opt{ display:block; border:1.5px solid var(--z-grey-2); border-radius:10px; padding:16px 18px; cursor:pointer; position:relative; } .zt-category-opt:hover{ border-color:var(--z-green); } .zt-category-opt input{ position:absolute; opacity:0; } .zt-category-opt input:checked ~ .zt-category-opt__title{ color:var(--z-green); } .zt-category-opt:has(input:checked){ border-color:var(--z-green); background:var(--z-green-light); } .zt-category-opt__title{ display:block; font-size:14.5px; font-weight:700; margin-bottom:4px; } .zt-category-opt__desc{ display:block; font-size:12.5px; color:var(--z-grey-5); } .zt-selected-category{ font-size:13px; color:var(--z-green); font-weight:700; margin:0 0 18px; } #zt-step-2 #zt-back-btn{ margin-right:10px; } .zt-confirmation h2{ font-size:20px; font-weight:800; margin:0 0 10px; } .zt-confirmation p{ font-size:14px; color:var(--z-grey-5); margin:0 0 8px; line-height:1.6; } .zt-confirmation .z-btn{ margin-top:14px; } .zt-gate{ max-width:420px; margin:60px auto; text-align:center; } @media(max-width:700px){ .zt-form-card, .zt-mytix-card{ padding:22px; } } .z-hero__btn-group{ display:flex !important; flex-direction:column !important; gap:8px !important; } .z-hero__btn-caption{ font-size:12.5px !important; color:rgba(255,255,255,.75) !important; max-width:220px !important; line-height:1.5 !important; } @media(max-width:600px){ .z-hero__btns{ flex-direction:column !important; } .z-hero__btn-caption{ max-width:none !important; } } /* Footer bottom — acknowledgement, diversity & legal */ .z-footer__respect { display:grid !important;grid-template-columns:1fr 1fr !important;gap:32px !important;padding:28px 0 22px !important;border-bottom:1px solid rgba(255,255,255,.08) !important; } .z-footer__respect-item { display:flex !important;align-items:flex-start !important;gap:14px !important; } .z-footer__flag { flex-shrink:0 !important;display:block !important;border-radius:3px !important;overflow:hidden !important;margin-top:2px !important; } .z-footer__respect-item p { font-size:12.5px !important;line-height:1.7 !important;color:rgba(255,255,255,.5) !important;margin:0 !important; } .z-footer__bottom-inner { padding-top:18px !important; } .z-footer__followrow { display:flex !important;align-items:center !important;gap:14px !important; } .z-footer__followlabel { font-size:12px !important;font-weight:700 !important;letter-spacing:.04em !important;color:rgba(255,255,255,.5) !important;text-transform:uppercase !important; } .z-footer__legalstack { display:flex !important;flex-direction:column !important;align-items:flex-end !important;gap:6px !important; } @media (max-width: 640px) { .z-footer__respect { grid-template-columns:1fr !important;gap:20px !important; } .z-footer__bottom-inner { flex-direction:column !important;align-items:flex-start !important;gap:16px !important; } .z-footer__legalstack { align-items:flex-start !important; } } /* Category landing page — subcategory chips, empty-state */ .z-cat-subcats { display:flex !important;flex-wrap:wrap !important;gap:8px !important;margin-top:14px !important; } .z-cat-subcats__chip { display:inline-block !important;font-size:12.5px !important;padding:5px 12px !important;border-radius:999px !important;background:rgba(0,0,0,.04) !important;color:#444 !important;border:1px solid rgba(0,0,0,.08) !important; } .z-no-results-wrap p { color:#666 !important;margin:8px 0 18px !important; } .z-no-results-actions { display:flex !important;gap:12px !important;flex-wrap:wrap !important;margin-bottom:32px !important; } .z-nearby-cats { border-top:1px solid rgba(0,0,0,.08) !important;padding-top:20px !important;max-width:520px !important;margin:0 auto !important; } .z-nearby-cats h3 { font-size:14px !important;margin-bottom:10px !important; } .z-nearby-cats__list { display:flex !important;flex-wrap:wrap !important;gap:8px !important;justify-content:center !important; } .z-nearby-cats__link { font-size:13px !important;padding:6px 12px !important;border-radius:8px !important;border:1px solid rgba(0,0,0,.1) !important;color:#207943 !important;text-decoration:none !important; } .z-nearby-cats__link:hover { background:var(--z-green-light) !important; } .z-nearby-cats__link span { opacity:.6 !important; } /* Review rating badges on listing page */ .zl2-rating-row { margin:6px 0 10px !important; } /* Zintra global centered modal (replaces alert()) */ .zm-modal-overlay{position:fixed !important;inset:0 !important;background:rgba(10,10,10,.5) !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:99999 !important;opacity:0 !important;transition:opacity .18s ease !important;padding:20px !important;} .zm-modal-overlay.is-open{opacity:1 !important;} .zm-modal-box{background:#fff !important;border-radius:14px !important;padding:32px 28px !important;max-width:380px !important;width:100% !important;text-align:center !important;transform:scale(.95) !important;transition:transform .18s ease !important;box-shadow:0 20px 60px rgba(0,0,0,.25) !important;} .zm-modal-overlay.is-open .zm-modal-box{transform:scale(1) !important;} .zm-modal-icon{width:52px !important;height:52px !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;margin:0 auto 16px !important;} .zm-modal-box--info .zm-modal-icon{background:#e8f0fe !important;color:#1a56db !important;} .zm-modal-box--success .zm-modal-icon{background:var(--z-green-light,#e8f4ec) !important;color:var(--z-green,#207943) !important;} .zm-modal-box--error .zm-modal-icon{background:#fdecea !important;color:#c0392b !important;} .zm-modal-box--warning .zm-modal-icon{background:#fef6e7 !important;color:#b7791f !important;} .zm-modal-title{font-size:17px !important;font-weight:800 !important;margin:0 0 8px !important;} .zm-modal-message{font-size:14px !important;color:#555 !important;line-height:1.6 !important;margin:0 0 20px !important;} .zm-modal-close-btn{background:var(--z-green,#207943) !important;color:#fff !important;border:none !important;padding:11px 28px !important;border-radius:8px !important;font-size:14px !important;font-weight:700 !important;cursor:pointer !important;} .zm-modal-box--error .zm-modal-close-btn{background:#c0392b !important;} .zm-modal-box--warning .zm-modal-close-btn{background:#b7791f !important;} /* Public owner profile (author.php) */ .zsp-wrap { padding:24px 0 60px; } .zsp-breadcrumb { font-size:12.5px; color:#888; margin-bottom:18px; } .zsp-breadcrumb a { color:#888; text-decoration:none; } .zsp-breadcrumb a:hover { text-decoration:underline; } .zsp-profile { background:#fff; border:1px solid var(--z-grey-1,#e5e5e5); border-radius:12px; padding:24px; display:grid; grid-template-columns:auto 1fr auto; gap:22px; align-items:start; } .zsp-avatar { width:78px; height:78px; border-radius:12px; background:var(--z-green,#207943); color:#fff; display:flex; align-items:center; justify-content:center; font-size:26px; font-weight:700; flex-shrink:0; } .zsp-name-row { display:flex; align-items:center; gap:10px; flex-wrap:wrap; } .zsp-name-row h1 { font-size:24px; margin:0; } .zsp-verified-pill { display:inline-flex; align-items:center; gap:5px; padding:4px 10px; border-radius:999px; background:var(--z-green-light,#e8f4ec); color:var(--z-green-dark,#185e34); font-size:11.5px; font-weight:700; } .zsp-meta { display:flex; gap:16px; flex-wrap:wrap; margin:9px 0 12px; color:#666; font-size:12.5px; } .zsp-meta span { display:inline-flex; gap:6px; align-items:center; } .zsp-description { margin:0; max-width:660px; color:#444; font-size:13.5px; line-height:1.6; } .zsp-contact { min-width:190px; display:grid; gap:10px; align-content:start; } .zsp-contact small { color:#888; text-align:center; font-size:11.5px; } .zsp-contact #zsp-message-box { display:grid; gap:6px; } .zsp-contact #zsp-message-box textarea { width:100%; border:1px solid #ddd; border-radius:6px; padding:8px 10px; font:inherit; font-size:13px; resize:vertical; } .zsp-stats { display:grid; grid-template-columns:repeat(5,1fr); gap:1px; margin-top:16px; background:var(--z-grey-1,#e5e5e5); border:1px solid var(--z-grey-1,#e5e5e5); border-radius:10px; overflow:hidden; } .zsp-stat { background:#fff; padding:16px; text-align:left; } .zsp-stat strong { display:block; font-size:19px; font-weight:800; margin-bottom:3px; color:#1a1a1a; } .zsp-stat span { color:#888; font-size:11px; } .zsp-tabs { display:flex; gap:26px; margin:24px 0 20px; border-bottom:1px solid var(--z-grey-1,#e5e5e5); } .zsp-tab { border:none; background:none; padding:0 2px 12px; font-size:14px; color:#888; font-weight:600; cursor:pointer; border-bottom:2px solid transparent; } .zsp-tab.is-active { color:var(--z-green,#207943); border-bottom-color:var(--z-green,#207943); } .zsp-panel[hidden] { display:none; } .zsp-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:16px; flex-wrap:wrap; } .zsp-section-head h2 { margin:0; font-size:19px; } .zsp-section-head p { margin:4px 0 0; color:#888; font-size:12.5px; } .zsp-empty { color:#888; font-size:13.5px; padding:20px 0; } .zsp-listing-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; } .zsp-side-layout { display:grid; grid-template-columns:1.4fr .6fr; gap:16px; align-items:start; } .zsp-block { background:#fff; border:1px solid var(--z-grey-1,#e5e5e5); border-radius:10px; padding:20px; } .zsp-block h2 { font-size:17px; margin:0 0 10px; } .zsp-block h3 { font-size:14px; margin:18px 0 6px; } .zsp-block p { font-size:13.5px; color:#444; line-height:1.6; margin:0; } .zsp-checks { list-style:none; margin:0; padding:0; } .zsp-checks li { display:flex; align-items:center; gap:9px; padding:10px 0; font-size:13px; border-bottom:1px solid #f0f0f0; color:#333; } .zsp-checks li:last-child { border-bottom:none; } .zsp-checks li svg { color:var(--z-green,#207943); flex-shrink:0; } @media (max-width: 760px) { .zsp-profile { grid-template-columns:auto 1fr; padding:18px; } .zsp-contact { grid-column:1 / -1; } .zsp-stats { grid-template-columns:repeat(2,1fr); } .zsp-stat:last-child { grid-column:1 / -1; } .zsp-listing-grid, .zsp-side-layout { grid-template-columns:1fr; } .zsp-tabs { gap:18px; overflow-x:auto; } } @media (max-width:420px) { .z-grid-4,.z-grid-3 { grid-template-columns:1fr !important; } }