/**
 * Zukro Contact & Farm Support Stylesheet
 * Standardized Apple Liquid Glass 2026 & Baymard International UX
 */

.zk-skip-link{position:absolute;left:-9999px;top:4px;z-index:10000;background:#123D2A;color:#fff;padding:8px 18px;border-radius:0 0 6px 6px;font-size:14px;font-weight:700;text-decoration:none}
        .zk-skip-link:focus{left:4px}

        :root{
            --zgreen:#123D2A; --zgreend:#123D2A; --gold:#e8a92e; --gold-d:#E8A92E;
            --cream:#F3EEE3; --ink:#1a1a1a; --muted:#5f6b60; --line:#e7e3d8;
            --s-top:84px;
        }
        *{ margin:0; padding:0; box-sizing:border-box; }
        body{ background:var(--cream); color:var(--ink); line-height:1.7; padding-top:72px; overflow-x:hidden; }
        img{ max-width:100%; display:block; }
        .container{ width:90%; max-width:1180px; margin:0 auto; }
        .narrow{ max-width:840px; }
        section{ padding:var(--s-top) 0; }
        .eyebrow{ display:inline-block; font-size:12.5px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--gold-d); margin-bottom:14px; }
        h2.sec-title{ font-size:clamp(1.8rem,3.6vw,2.6rem); color:var(--zgreend); line-height:1.12; margin-bottom:16px; }
        .lead{ font-size:clamp(1.05rem,1.7vw,1.28rem); color:#1a1a1a; line-height:1.6; }
        p{ color:#444; }

        .btn-gold{ background:var(--gold); color:#123D2A; font-weight:700; padding:15px 32px; border-radius:8px; text-decoration:none; transition:.25s; display:inline-block; border:none; cursor:pointer; font-size:1rem; }
        .btn-gold:hover{ background:var(--gold-d); transform:translateY(-3px); }
        .btn-ghost{ background:rgba(255,255,255,.94); color:var(--zgreend); font-weight:700; padding:13px 28px; border-radius:8px; text-decoration:none; border:2px solid var(--zgreen); transition:.25s; display:inline-block; cursor:pointer; }
        .btn-ghost:hover{ background:var(--zgreen); color:#fff; transform:translateY(-3px); }

        /* HERO */
        .c-hero{ position:relative; min-height:46vh; display:flex; align-items:center; color:#fff; overflow:hidden; background:#090e1a; }
        .c-hero img.bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(0.94) brightness(0.98); z-index:0; }
        .c-hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.18) 48%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.10) 0%, transparent 35%, rgba(0, 0, 0, 0.26) 100%); pointer-events:none; z-index:1; }
        .c-hero .container{ position:relative; z-index:2; padding:clamp(58px,7vw,86px) 0; }
        .c-hero .eyebrow{ color:var(--gold); }
        .c-hero h1{ font-size:clamp(2.2rem,5vw,3.6rem); line-height:1.06; color:#fff; margin-bottom:14px; }
        .c-hero p{ color:rgba(255,255,255,.92); font-size:clamp(1.05rem,1.8vw,1.28rem); max-width:54ch; }

        /* CONTACT METHODS */
        .methods{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
        .mcard{ background:#fff; border:1px solid var(--line); border-radius:10px; padding:26px 22px; text-decoration:none; color:inherit; transition:.25s; display:block; }
        .mcard:hover{ transform:translateY(-4px); box-shadow:0 16px 34px rgba(16,24,40,.10); }
        .mcard .ic{ width:48px; height:48px; border-radius:10px; background:#F3EEE3; color:var(--zgreen); display:flex; align-items:center; justify-content:center; font-size:20px; margin-bottom:14px; }
        .mcard h3{ color:var(--zgreend); font-size:1.05rem; margin-bottom:5px; }
        .mcard p{ font-size:.92rem; color:#555; }
        .mcard b{ color:var(--ink); }

        /* MAIN: form + info */
        .cwrap{ background:#fff; }
        .cgrid{ display:grid; grid-template-columns:1.1fr .9fr; gap:50px; align-items:start; }
        form.wform{ background:var(--cream); border:1px solid var(--line); border-radius:12px; padding:28px; }
        .frow{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
        .field{ margin-bottom:14px; }
        .field label{ display:block; font-size:13px; font-weight:600; color:var(--zgreend); margin-bottom:6px; }
        .field input, .field select, .field textarea{ width:100%; padding:12px 13px; border:1px solid var(--line); border-radius:8px; font:inherit; font-size:.95rem; background:#fff; }
        .field textarea{ min-height:120px; resize:vertical; }
        .wform .btn-gold{ width:100%; margin-top:6px; }
        .wform .formnote{ font-size:12px; color:var(--muted); margin-top:10px; text-align:center; }
        .wf-success{ background:var(--cream); border:1px solid var(--line); border-radius:12px; padding:36px 28px; text-align:center; }
        .wf-success .ok{ width:62px; height:62px; border-radius:50%; background:#F3EEE3; color:var(--zgreen); display:flex; align-items:center; justify-content:center; font-size:28px; margin:0 auto 16px; }
        .wf-success h3{ color:var(--zgreend); font-size:1.3rem; margin-bottom:10px; }
        .wf-success p{ color:#555; font-size:.96rem; }
        .wf-success a{ color:var(--zgreen); font-weight:600; }

        .info h3{ color:var(--zgreend); font-size:1.1rem; margin:0 0 8px; }
        .info .row{ display:flex; gap:12px; align-items:flex-start; margin-bottom:18px; }
        .info .row i{ color:var(--zgreen); margin-top:4px; width:18px; text-align:center; }
        .info .row a{ color:var(--zgreend); text-decoration:none; font-weight:600; }
        .hours{ background:#F3EEE3; border-radius:10px; padding:18px 20px; margin:6px 0 22px; font-size:.95rem; color:#123D2A; }
        .hours b{ color:var(--zgreend); }
        .social a{ display:inline-flex; width:42px; height:42px; border-radius:10px; background:#fff; border:1px solid var(--line); align-items:center; justify-content:center; color:var(--zgreend); margin-right:8px; text-decoration:none; transition:.25s; }
        .social a:hover{ background:var(--zgreen); color:#fff; }

        /* B2B Card with explicit high contrast */
        body.zk-contact-page .b2b,
        .b2b{
            margin-top:24px !important;
            background:#123D2A !important;
            color:#FFFFFF !important;
            border-radius:14px !important;
            padding:22px 24px !important;
            border:1px solid #CED6C9 !important;
            box-shadow:0 12px 28px rgba(18,61,42,.12) !important;
        }
        body.zk-contact-page .b2b h3,
        .b2b h3{
            color:#FFFFFF !important;
            font-size:1.1rem !important;
            margin-bottom:8px !important;
            background:transparent !important;
        }
        body.zk-contact-page .b2b p,
        .b2b p{
            color:#F3EEE3 !important;
            font-size:0.94rem !important;
            margin-bottom:14px !important;
            background:transparent !important;
            line-height:1.55 !important;
        }
        body.zk-contact-page .b2b a,
        .b2b a{
            color:#E8A92E !important;
            font-weight:700 !important;
            text-decoration:none !important;
            margin-right:18px !important;
            display:inline-block !important;
            background:transparent !important;
            font-size:0.95rem !important;
        }
        body.zk-contact-page .b2b a:hover,
        .b2b a:hover{
            color:#F3E2BD !important;
            text-decoration:underline !important;
        }

        /* MAP */
        .map iframe{ width:100%; height:420px; border:0; display:block; border-radius:0; }

        @media(max-width:900px){
            .methods{ grid-template-columns:1fr 1fr; }
            .cgrid{ grid-template-columns:1fr; gap:34px; }
        }
        @media(max-width:560px){ :root{ --s-top:56px; } .methods,.frow{ grid-template-columns:1fr; } }