/* ================================ CUSTOM PCI WAREHOUSE FUNNEL SHOPIFY / PAGEFLY SAFE VERSION No Liquid required ================================ */ .pci-warehouse-alert{ background:#fff; color:#050505; border-bottom:1px solid #d9d9de; position:relative; z-index:350; } .pci-warehouse-alert-inner{ max-width:1180px; margin:0 auto; padding:13px 20px; display:flex; align-items:center; justify-content:space-between; gap:18px; } .pci-warehouse-alert strong{ display:block; font-size:13px; font-weight:950; letter-spacing:.04em; text-transform:uppercase; } .pci-warehouse-alert span{ display:block; color:#424245; font-size:13px; font-weight:750; margin-top:3px; } .pci-warehouse-alert a{ display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:8px 15px; border-radius:999px; background:#050505; color:#fff; text-decoration:none; font-size:12px; font-weight:950; white-space:nowrap; } .pci-warehouse-hero{ position:relative; min-height:790px; display:flex; align-items:center; overflow:hidden; background:#050505; border-bottom:1px solid rgba(255,255,255,.14); } .pci-warehouse-hero::before{ content:""; position:absolute; inset:0; background: linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.78) 34%,rgba(0,0,0,.42) 67%,rgba(0,0,0,.82) 100%), linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.92)); z-index:2; pointer-events:none; } .pci-warehouse-hero::after{ content:""; position:absolute; inset:0; background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.08),transparent 35%); z-index:3; pointer-events:none; } .pci-warehouse-hero img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:1; filter:contrast(1.12) saturate(.94) brightness(.72); } .pci-warehouse-content{ position:relative; z-index:5; max-width:1180px; margin:0 auto; padding:112px 20px; width:100%; } .pci-warehouse-kicker{ display:inline-flex; align-items:center; margin:0 0 18px; padding:10px 14px; border-radius:999px; border:1px solid rgba(255,255,255,.28); background:rgba(0,0,0,.48); color:#fff; font-size:12px; font-weight:950; letter-spacing:.095em; text-transform:uppercase; } .pci-warehouse-title{ margin:0; max-width:1020px; color:#fff; font-size:clamp(48px,7.5vw,104px); line-height:.88; letter-spacing:-.068em; font-weight:950; } .pci-warehouse-title span{ display:block; } .pci-warehouse-copy{ max-width:790px; margin:26px 0 0; color:#ededf0; font-size:20px; line-height:1.55; font-weight:550; } .pci-warehouse-proof{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; max-width:1040px; margin-top:34px; } .pci-warehouse-proof div{ padding:17px; border-radius:18px; border:1px solid rgba(255,255,255,.20); background:rgba(0,0,0,.52); backdrop-filter:blur(8px); } .pci-warehouse-proof strong{ display:block; color:#fff; font-size:25px; line-height:1; margin-bottom:8px; font-weight:950; } .pci-warehouse-proof span{ display:block; color:#d8d8dc; font-size:12.8px; line-height:1.38; font-weight:750; } .pci-warehouse-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; position:relative; z-index:20; } .pci-warehouse-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:14px 24px; border-radius:999px; font-size:14px; font-weight:950; text-decoration:none; border:1px solid rgba(255,255,255,.32); color:#fff; background:rgba(0,0,0,.42); pointer-events:auto!important; cursor:pointer!important; } .pci-warehouse-btn-primary{ background:#fff; color:#050505; border-color:#fff; } .pci-warehouse-btn:hover{ opacity:.86; } .pci-warehouse-disclaimer{ max-width:780px; margin-top:18px; color:#c2c2c7; font-size:13.5px; line-height:1.5; font-weight:750; } .pci-warehouse-strip{ position:relative; z-index:5; background:#fff; color:#050505; border-bottom:1px solid #d9d9de; } .pci-warehouse-strip-inner{ max-width:1180px; margin:0 auto; padding:20px; display:grid; grid-template-columns:1.15fr .85fr auto; gap:18px; align-items:center; } .pci-warehouse-strip strong{ display:block; font-size:18px; line-height:1.15; font-weight:950; letter-spacing:-.02em; } .pci-warehouse-strip span{ display:block; color:#424245; font-size:14px; line-height:1.42; margin-top:5px; font-weight:700; } .pci-warehouse-strip a{ display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:11px 18px; border-radius:999px; background:#050505; color:#fff; text-decoration:none; font-size:13px; font-weight:950; white-space:nowrap; } .pci-warehouse-form-note{ margin-top:12px!important; color:#bdbdc2!important; font-size:13px!important; line-height:1.45!important; font-weight:700!important; } @media(max-width:980px){ .pci-warehouse-alert-inner{ align-items:flex-start; flex-direction:column; } .pci-warehouse-hero{ min-height:760px; } .pci-warehouse-proof{ grid-template-columns:repeat(2,1fr); } .pci-warehouse-strip-inner{ grid-template-columns:1fr; } } @media(max-width:720px){ .pci-warehouse-hero{ min-height:820px; } .pci-warehouse-content{ padding:76px 18px; } .pci-warehouse-title{ font-size:44px; } .pci-warehouse-copy{ font-size:18px; } .pci-warehouse-proof{ grid-template-columns:1fr; } .pci-warehouse-actions{ flex-direction:column; } .pci-warehouse-btn{ width:100%; } .pci-warehouse-alert a{ width:100%; } }