/* ===== CSS VARIABLES ===== */

:root {
  --zt-orange: #ff5c00;
  --zt-dark-1: #0d0e11;
  --zt-dark-2: #141619;
  --zt-dark-3: #1c1f23;
  --zt-border: rgba(255,255,255,0.08);
  --zt-text-primary: #f0f0f0;
  --zt-text-secondary: #8a9099;
}

/* ===== HIDE BLOCKS ===== */
[class*="widget-type_widget_v4_video"],.video-gallery,.video-gallery__wrap { display:none!important; }
.widget-type_system_widget_v4_promo_slider_15 { display:none!important; }
.widget-type_system_widget_v4_article_previews_2 { display:none!important; }
.widget-type_widget_v4_stories_2_587a111ad54aaee4d2f970727009aa76 { display:none!important; }

/* ===== HERO ===== */
.zt-hero { position:relative; overflow:hidden; min-height:560px; display:flex; align-items:center; background:linear-gradient(135deg,#0a0b0d 0%,#141820 60%,#0e1015 100%); }
.zt-hero-bg { position:absolute; inset:0; background:radial-gradient(ellipse 60% 80% at 70% 50%,rgba(255,92,0,0.08) 0%,transparent 70%),radial-gradient(ellipse 30% 50% at 20% 80%,rgba(255,92,0,0.05) 0%,transparent 60%); }
.zt-hero-grid { position:absolute; inset:0; opacity:0.03; background-image:linear-gradient(rgba(255,255,255,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.07) 1px,transparent 1px); background-size:60px 60px; }
.zt-hero-inner { max-width:1320px; margin:0 auto; padding:80px 24px; display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; position:relative; z-index:1; width:100%; }
.zt-hero-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(255,92,0,0.12); border:1px solid rgba(255,92,0,0.25); border-radius:100px; padding:6px 14px; font-size:12px; color:#ff5c00; font-weight:600; letter-spacing:0.5px; margin-bottom:20px; }
.zt-hero-badge-dot { width:6px; height:6px; background:#ff5c00; border-radius:50%; animation:zt-pulse 2s infinite; }
@keyframes zt-pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }
.zt-hero-title { font-size:clamp(28px,3.5vw,48px); font-weight:900; line-height:1.1; color:#f0f0f0; margin-bottom:20px; letter-spacing:-1px; }
.zt-accent { color:#ff5c00; }
.zt-hero-subtitle { font-size:15px; color:#8a9099; margin-bottom:36px; max-width:440px; line-height:1.7; }
.zt-hero-cta { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.zt-btn-primary { display:inline-flex; align-items:center; gap:8px; background:#ff5c00; color:#fff!important; border-radius:10px; padding:14px 28px; font-size:15px; font-weight:700; text-decoration:none!important; transition:all .2s; box-shadow:0 8px 24px rgba(255,92,0,0.35); }
.zt-btn-primary:hover { background:#ff7a2e; transform:translateY(-2px); box-shadow:0 12px 32px rgba(255,92,0,0.45); }
.zt-btn-outline { display:inline-flex; align-items:center; gap:8px; background:transparent; color:#f0f0f0!important; border:1px solid rgba(255,255,255,0.07); border-radius:10px; padding:14px 28px; font-size:15px; font-weight:600; text-decoration:none!important; transition:all .2s; }
.zt-btn-outline:hover { border-color:#ff5c00; color:#ff5c00!important; background:rgba(255,92,0,0.1); }
.zt-hero-stats { display:flex; gap:32px; margin-top:40px; padding-top:32px; border-top:1px solid rgba(255,255,255,0.07); }
.zt-stat-val { font-size:26px; font-weight:800; color:#f0f0f0; }
.zt-stat-val span { color:#ff5c00; }
.zt-stat-label { font-size:11px; color:#555b65; text-transform:uppercase; letter-spacing:0.5px; margin-top:2px; }
.zt-hero-visual { display:flex; flex-direction:column; gap:16px; }

/* ===== FEATURED CARD ===== */
.zt-featured-card { display:block; background:#1c1f23; border:1px solid rgba(255,255,255,0.08); border-radius:16px; overflow:hidden; transition:transform .3s,border-color .3s; text-decoration:none!important; color:inherit!important; }
.zt-featured-card:hover { transform:translateY(-4px); border-color:rgba(255,92,0,0.3); }
.zt-featured-img { width:100%; height:190px; background:radial-gradient(at 50% 42%,#e8e9ea 0%,#b0b2b5 28%,#2c3040 62%,#1c1f23 100%); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.zt-featured-img img { max-height:88%; max-width:88%; object-fit:contain; mix-blend-mode:multiply; }
.zt-featured-body { padding:16px; background:#fff; }
.zt-featured-tag { display:inline-block; background:rgba(255,92,0,0.15); color:#ff5c00; border:1px solid rgba(255,92,0,0.2); border-radius:4px; padding:2px 8px; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:1px; margin-bottom:8px; }
.zt-featured-name { font-size:14px; font-weight:700; color:#1a1a2e!important; }
.zt-featured-price { font-size:18px; font-weight:800; color:#ff5c00!important; margin-top:4px; }

/* ===== MINI CARDS ===== */
.zt-mini-cards { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.zt-mini-card { display:block; background:#fff; border:1px solid rgba(0,0,0,0.10); border-radius:12px; overflow:hidden; text-decoration:none!important; color:inherit!important; transition:border-color .2s,transform .2s; box-shadow:0 2px 12px rgba(0,0,0,0.07); }
.zt-mini-card:hover { border-color:rgba(255,92,0,0.35); transform:translateY(-2px); }
.zt-mini-img { width:100%; height:110px; background:radial-gradient(at 50% 40%,#d8d9db 0%,#9a9c9e 28%,#3c3f44 62%,#1c1f23 100%); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.zt-mini-img img { max-height:85%; max-width:85%; object-fit:contain; mix-blend-mode:multiply; }
.zt-mini-body { padding:10px 14px; background:#fff; }
.zt-mini-name { font-size:13px; font-weight:600; color:#1a1a2e!important; margin-bottom:3px; }
.zt-mini-price { font-size:15px; font-weight:700; color:#ff5c00!important; }

/* ===== TRUST STRIP ===== */
.zt-trust-strip { background:#fff; border-top:1px solid rgba(0,0,0,0.08); border-bottom:1px solid rgba(0,0,0,0.08); padding:32px 0; }
.zt-trust-inner { max-width:1320px; margin:0 auto; padding:0 24px; display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.zt-trust-item { display:flex; align-items:flex-start; gap:16px; }
.zt-trust-icon,.zt-trust-icon--svg { width:48px; height:48px; min-width:48px; background:rgba(255,92,0,0.1); border:1px solid rgba(255,92,0,0.2); border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0; }
.zt-trust-icon--svg svg { width:26px; height:26px; stroke:#ff5c00; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.zt-trust-title { font-size:14px; font-weight:700; color:#1a1a2e; margin-bottom:3px; }
.zt-trust-desc { font-size:12px; color:#666; line-height:1.4; }

/* ===== ABOUT BLOCK ===== */
.zt-about-block { background:#fff; border-top:1px solid rgba(0,0,0,0.08); border-bottom:1px solid rgba(0,0,0,0.08); padding:72px 0; }
.zt-about-inner { max-width:1320px; margin:0 auto; padding:0 24px; display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.zt-about-badge { display:inline-flex; align-items:center; background:rgba(255,92,0,0.10); border:1px solid rgba(255,92,0,0.25); border-radius:100px; padding:4px 14px; font-size:11px; color:#ff5c00; font-weight:600; letter-spacing:1px; text-transform:uppercase; margin-bottom:20px; }
.zt-about-title { font-size:clamp(24px,2.8vw,36px); font-weight:900; color:#1a1a2e; line-height:1.15; margin-bottom:24px; letter-spacing:-0.5px; }
.zt-about-text { font-size:14px; color:#444; line-height:1.75; margin-bottom:16px; }
.zt-about-cta { display:flex; gap:16px; flex-wrap:wrap; margin-top:32px; }
.zt-about-right { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.zt-about-stat-card { background:#f0f4ff; border:1px solid rgba(0,0,0,0.08); border-radius:16px; padding:28px 24px; position:relative; overflow:hidden; transition:border-color .3s; }
.zt-about-stat-card::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,#ff5c00,transparent); }
.zt-about-stat-card:hover { border-color:rgba(255,92,0,0.3); }
.zt-about-num { font-size:36px; font-weight:900; color:#1a1a2e; line-height:1; margin-bottom:8px; }
.zt-about-num-label { font-size:12px; color:#555; line-height:1.4; }

/* ===== PHOTO COLLAGE ===== */
.zt-photo-collage { display:flex; flex-direction:column; gap:10px; margin-bottom:24px; }
.zt-collage-main { position:relative; border-radius:14px; overflow:hidden; background:radial-gradient(ellipse at 50% 40%,#e8e9ea 0%,#b0b2b5 28%,#2c3040 62%,#1c1f23 100%); height:220px; display:flex; align-items:center; justify-content:center; }
.zt-collage-main img { max-height:100%; max-width:88%; object-fit:contain; filter:drop-shadow(0 8px 28px rgba(0,0,0,0.65)); position:relative; z-index:1; }
.zt-collage-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.zt-collage-cell { position:relative; border-radius:12px; overflow:hidden; background:#eef1f7; border:1px solid rgba(0,0,0,0.10); height:150px; display:flex; align-items:center; justify-content:center; }
.zt-collage-cell img { max-height:88%; max-width:88%; object-fit:contain; filter:drop-shadow(0 4px 14px rgba(0,0,0,0.15)); }
.zt-collage-tag { position:absolute; bottom:8px; left:10px; font-size:10px; font-weight:700; color:rgba(255,255,255,0.75); background:rgba(0,0,0,0.55); padding:2px 8px; border-radius:4px; text-transform:uppercase; letter-spacing:0.06em; }

/* ===== CUSTOM REVIEWS ===== */
.zt-reviews { background:#f4f6f8; padding:64px 0; border-top:1px solid rgba(0,0,0,0.08); }
.zt-reviews-inner { max-width:1320px; margin:0 auto; padding:0 24px; }
.zt-reviews-title { font-size:28px; font-weight:800; color:#1a1a2e; margin-bottom:32px; position:relative; }
.zt-reviews-title::before { content:''; display:block; width:32px; height:3px; background:#ff5c00; border-radius:2px; margin-bottom:10px; }
.zt-reviews-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.zt-review-card { display:block; border-radius:14px; overflow:hidden; border:1px solid rgba(0,0,0,0.08); position:relative; cursor:pointer; transition:border-color .2s,transform .2s; text-decoration:none!important; background:#fff; box-shadow:0 2px 12px rgba(0,0,0,0.06); }
.zt-review-card:hover { border-color:rgba(255,92,0,0.4); transform:translateY(-3px); }
.zt-review-card img { width:100%; height:280px; object-fit:cover; object-position:top; display:block; }
.zt-review-overlay { position:absolute; inset:0; background:rgba(0,0,0,0); display:flex; align-items:center; justify-content:center; transition:background .2s; }
.zt-review-overlay span { background:#ff5c00; color:#fff; padding:8px 18px; border-radius:8px; font-size:13px; font-weight:700; opacity:0; transform:translateY(8px); transition:opacity .2s,transform .2s; }
.zt-review-card:hover .zt-review-overlay { background:rgba(0,0,0,0.35); }
.zt-review-card:hover .zt-review-overlay span { opacity:1; transform:translateY(0); }

/* ===== LIGHT THEME — HERO OVERRIDE ===== */
.zt-hero { background:linear-gradient(135deg,#eef1f7 0%,#dde3f0 100%)!important; }
.zt-hero-bg { background:none!important; }
.zt-hero-grid { opacity:0.04!important; filter:invert(1)!important; }
.zt-hero-title { color:#1a1a2e!important; }
.zt-hero-subtitle { color:#555!important; }
.zt-hero-badge { color:#ff5c00!important; background:rgba(255,92,0,0.10)!important; border-color:rgba(255,92,0,0.25)!important; }
.zt-hero-badge-dot { background:#ff5c00!important; }
.zt-hero-stats { border-top-color:rgba(0,0,0,0.10)!important; }
.zt-stat-val { color:#1a1a2e!important; }
.zt-stat-label { color:#777!important; }
.zt-btn-outline { color:#1a1a2e!important; border-color:rgba(0,0,0,0.20)!important; }
.zt-btn-outline:hover { border-color:#ff5c00!important; color:#ff5c00!important; }

/* ===== CATEGORY CARDS — CONTRAST ===== */
.banner-list__item-text,.banner-list__item-name,[class*="banner-list__item"] .heading,[class*="banner-list__item"] h3,[class*="banner-list__item"] h4 { color:#fff!important; text-shadow:0 2px 12px rgba(0,0,0,0.9),0 1px 4px rgba(0,0,0,0.8)!important; font-weight:800!important; }
.banner-list__item::after { content:''!important; position:absolute!important; inset:0!important; background:linear-gradient(to top,rgba(0,0,0,0.82) 0%,rgba(0,0,0,0.25) 55%,rgba(0,0,0,0.05) 100%)!important; z-index:1!important; pointer-events:none!important; border-radius:inherit!important; }
.banner-list__item-body,.banner-list__item-content,[class*="banner-list__item-body"] { position:relative!important; z-index:2!important; }

/* ===== CATEGORY PAGE SPACING ===== */
.widget-type_system_widget_v4_breadcrumbs_1 > .layout__content { padding-top:6px!important; padding-bottom:6px!important; }
.widget-type_system_widget_v4_page_title_1 > .layout__content { padding-top:12px!important; padding-bottom:4px!important; }
.widget-type_widget_v4_subcollections_1_b5aa22ac6fad2bd98022734b6e0eafad > .layout__content { padding-top:12px!important; padding-bottom:12px!important; }
.widget-type_widget_v4_subcollections_1_b5aa22ac6fad2bd98022734b6e0eafad .subcollection-list.grid-list { row-gap:16px!important; column-gap:16px!important; }
.widget-type_system_widget_v4_filter_sort_1 > .layout__content { padding-top:10px!important; padding-bottom:10px!important; }
.widget-type_system_widget_v4_catalog_7 > .layout__content { padding-top:4px!important; padding-bottom:12px!important; }
.widget-type_system_widget_v4_pagination_1 > .layout__content { padding-top:20px!important; padding-bottom:20px!important; }

/* ===== RESPONSIVE ===== */
@media (max-width:900px) {
  .zt-hero-inner { grid-template-columns:1fr; padding:48px 20px; }
  .zt-hero-visual { display:none; }
  .zt-trust-inner { grid-template-columns:1fr 1fr; gap:16px; }
  .zt-about-inner { grid-template-columns:1fr; gap:32px; }
  .zt-reviews-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:560px) {
  .zt-trust-inner { grid-template-columns:1fr; }
  .zt-reviews-grid { grid-template-columns:1fr; }
}