/* SHRI GANGA FARMS — Shared stylesheet
   Extracted from uploaded PHP pages. Keep page-specific CSS here to centralize styling. */

/* ================= CSS extracted from index.php ================= */

:root{--green:#183b2b;--gold:#c8a45a;--cream:#fbf7ee;--ink:#17251e;--muted:#6c756f;--line:#e7e1d5}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream)}

button{font:inherit;cursor:pointer}.top{position:relative;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--green);color:#fff;text-align:center;font-size:13px;letter-spacing:.3px}.top-line{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 16px;opacity:0;animation:topOffer 9s infinite;white-space:nowrap}.top-line:nth-child(2){animation-delay:3s}.top-line:nth-child(3){animation-delay:6s}@keyframes topOffer{0%,27%{opacity:1}33%,100%{opacity:0}}.nav{height:78px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}

.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:1.5px;color:var(--green)}.brand-logo{width:88px;height:72px;object-fit:contain;display:block}.footer-logo{width:110px;height:92px;object-fit:contain;display:block}.footer-brand{color:#fff}.brand-mark{width:42px;height:42px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center}.navlinks{display:flex;gap:25px}.navlinks a{color:#25332c;text-decoration:none;font-size:14px}.actions{display:flex;gap:10px}.icon{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#fff}.cart{position:relative}.count{position:absolute;right:-2px;top:-2px;background:var(--gold);color:#111;border-radius:50%;font-size:10px;width:17px;height:17px;display:grid;place-items:center;font-weight:800}

.hero{min-height:560px;background:linear-gradient(90deg,rgba(17,47,33,.94),rgba(17,47,33,.25)),linear-gradient(135deg,#315c43,#b7a47a);display:flex;align-items:center;padding:70px 7%;color:#fff}.hero-content{max-width:900px;position:relative;z-index:1}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:3px;color:#ead39b;font-weight:700}.hero h1{font-family:Georgia,serif;font-size:clamp(42px,3.8vw,56px);line-height:1.05;margin:16px 0;white-space:nowrap}.hero p{font-size:18px;line-height:1.7;color:#f2f1e9}.btn{border:0;border-radius:4px;padding:14px 24px;font-weight:700}.btn-gold{background:var(--gold);color:#18241d}.btn-light{background:#fff;color:var(--green);margin-left:8px}.trust{display:flex;gap:35px;margin-top:42px;flex-wrap:wrap}.trust b{display:block;font-size:25px}.trust span{font-size:12px;color:#d9dfda}

.section{padding:72px 7%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section h2{font-family:Georgia,serif;font-size:38px;margin:7px 0}.section-head p{color:var(--muted);max-width:500px;line-height:1.6}.link{color:var(--green);font-weight:700;text-decoration:none}

.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.cat{height:150px;border-radius:10px;background:#eee7d8;display:flex;flex-direction:column;justify-content:end;padding:20px;position:relative;overflow:hidden}.cat .emoji{font-size:50px;position:absolute;right:15px;top:15px}.cat:nth-child(2){background:#e4eee5}.cat:nth-child(3){background:#efe3cf}.cat:nth-child(4){background:#e8e9df}.cat:nth-child(5){background:#e9dfd3}.cat{cursor:pointer}.cat:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.08)}

.products{background:#fff}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.08)}.photo{height:230px;background:#eee8dc;display:grid;place-items:center;font-size:92px;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;display:block}.card-body{padding:17px}.tag{font-size:11px;color:#8b7750;text-transform:uppercase;letter-spacing:1px}.card h3{margin:7px 0;font-size:17px}.price{font-weight:800;font-size:18px}.price small{font-weight:400;color:#888}.price em{font-size:9px;color:#b26b2d;font-style:normal;text-transform:uppercase;margin-left:4px}.confirmed{font-size:9px;color:#16723a;text-transform:uppercase;margin-left:4px}.add{width:100%;margin-top:14px;border:1px solid var(--green);background:#fff;color:var(--green);padding:11px;border-radius:5px;font-weight:700}.stock-status{display:inline-block;margin-top:9px;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:700}.stock-in{background:#dcefe2;color:#1c6335}.stock-low{background:#fff1c7;color:#765900}.stock-out{background:#f8dede;color:#8b2525}.product-tools{display:flex;gap:12px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.product-search{flex:1;min-width:220px;padding:13px 15px;border:1px solid var(--line);border-radius:7px;font:inherit;background:#fff}.category-filter{padding:13px 15px;border:1px solid var(--line);border-radius:7px;font:inherit;background:#fff;min-width:180px}.no-products{text-align:center;padding:45px 20px;background:#fbf7ee;border:1px solid var(--line);border-radius:10px;color:var(--muted);grid-column:1/-1}.quick-view{width:100%;margin-top:8px;border:1px solid var(--line);background:#f7f3ea;color:var(--green);padding:10px;border-radius:5px;font-weight:700}.quick-view:hover{background:#eee7d8}.quick-modal{display:none;position:fixed;inset:0;background:rgba(10,25,18,.65);z-index:60;align-items:center;justify-content:center;padding:16px}.quick-modal.open{display:flex}.quick-box{background:#fff;width:min(760px,100%);max-height:90vh;overflow:auto;border-radius:14px;padding:24px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.quick-photo{height:320px;border-radius:10px;background:#eee8dc;display:grid;place-items:center;font-size:120px}.quick-title{font-family:Georgia,serif;font-size:32px;margin:8px 0}.quick-description{color:var(--muted);line-height:1.7}.quick-info{display:grid;gap:9px;margin:18px 0}.quick-close{border:0;background:#f2eee5;border-radius:50%;width:36px;height:36px;float:right}

.story{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.story-img{min-height:390px;border-radius:14px;background:linear-gradient(145deg,#315b42,#d3bd8b);display:grid;place-items:center;font-size:150px}.story p{line-height:1.8;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px}.stat{background:#fff;border:1px solid var(--line);padding:20px;border-radius:8px}.stat b{font-size:28px;color:var(--green)}

.quality{background:var(--green);color:#fff}.quality .section-head p{color:#cbd5ce}.quality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.quality-card{padding:28px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(255,255,255,.05)}.quality-card p{color:#cbd5ce;line-height:1.6;font-size:14px}

.cta{margin:70px 7%;border-radius:15px;padding:48px 6%;background:#e8dfcd;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font-family:Georgia,serif;font-size:35px;margin:0 0 10px}.cta p{color:var(--muted);margin:0}

.contact-section{background:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.contact-copy p{color:var(--muted);line-height:1.7;max-width:560px}.contact-form{background:#fbf7ee;border:1px solid var(--line);border-radius:12px;padding:24px}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:block;font-weight:700;font-size:13px}.contact-form input,.contact-form textarea{width:100%;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:6px;font:inherit;background:#fff}.contact-form textarea{min-height:120px;resize:vertical}.contact-form .full{grid-column:1/-1}.contact-submit{margin-top:16px;width:100%;background:var(--green);color:#fff;border:0;padding:13px;border-radius:6px;font-weight:700}.contact-alert{padding:12px 14px;border-radius:6px;margin-bottom:15px;font-size:14px}.contact-success{background:#e2f2e6;color:#1d6737}.contact-error{background:#f9e1e1;color:#8b2525}.partner-section{background:#f7f1e5}.partner-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.partner-copy h3{font-family:Georgia,serif;font-size:30px;margin:0 0 12px}.partner-copy p{color:var(--muted);line-height:1.7}.partner-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.partner-point{background:#fff;border:1px solid var(--line);padding:15px;border-radius:8px;font-weight:700}.partner-form{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}.partner-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.partner-form label{display:block;font-weight:700;font-size:13px}.partner-form input,.partner-form textarea{width:100%;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:6px;font:inherit;background:#fff}.partner-form textarea{min-height:110px;resize:vertical}.partner-form .full{grid-column:1/-1}.partner-submit{margin-top:16px;width:100%;background:var(--green);color:#fff;border:0;padding:13px;border-radius:6px;font-weight:700}.footer{background:#11291d;color:#d9e0db;padding:55px 7% 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.footer h3{color:#fff}.footer a{display:block;color:#bdc9c0;text-decoration:none;margin:10px 0;font-size:14px}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:18px;font-size:12px;color:#9eaaa2}

.cart-panel{position:fixed;right:0;top:0;width:min(410px,100%);height:100vh;background:#fff;z-index:30;box-shadow:-12px 0 35px rgba(0,0,0,.18);transform:translateX(100%);transition:.3s;padding:28px;overflow:auto}.cart-panel.open{transform:translateX(0)}.cart-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.cart-head h2{font-family:Georgia,serif;margin:0}.close-cart{border:0;background:#f2eee5;border-radius:50%;width:36px;height:36px}.cart-item{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.qty{display:flex;align-items:center;gap:10px;margin-top:8px}.qty button{border:1px solid var(--line);background:#fff;width:27px;height:27px;border-radius:4px}.cart-total{display:flex;justify-content:space-between;font-size:20px;font-weight:800;margin:24px 0}.checkout{width:100%;background:var(--green);color:#fff;border:0;padding:14px;border-radius:5px;font-weight:700}.empty-cart{text-align:center;color:var(--muted);padding:50px 10px}.toast{position:fixed;right:22px;bottom:22px;background:#173b2a;color:#fff;padding:13px 18px;border-radius:6px;opacity:0;transition:.25s;z-index:40}.toast.show{opacity:1}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkout-full{grid-column:1/-1}.payment-box{grid-column:1/-1;margin-top:4px;padding:15px;background:#f7f3ea;border:1px solid var(--line);border-radius:8px}.payment-title{font-weight:700;margin-bottom:10px;color:var(--green)}.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-option{display:flex;align-items:center;gap:9px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:6px;cursor:pointer}.payment-option input{accent-color:var(--green)}.payment-note{margin-top:9px;font-size:12px;color:var(--muted)}.whatsapp-float{position:fixed;right:20px;bottom:78px;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;text-decoration:none;font-size:27px;box-shadow:0 8px 20px rgba(0,0,0,.2);z-index:45}.whatsapp-float:hover{transform:scale(1.05)}.whatsapp-order{width:100%;margin-top:10px;background:#25D366;color:#fff;border:0;padding:13px;border-radius:5px;font-weight:700}

@media(max-width:900px){.navlinks{display:none}.categories{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.story{grid-template-columns:1fr}.quality-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.brand-logo{width:68px;height:58px}.footer-logo{width:90px;height:76px}.hero h1{font-size:32px;line-height:1.08;white-space:normal;letter-spacing:-.4px}.checkout-grid{grid-template-columns:1fr}.checkout-full{grid-column:auto}.hero{min-height:610px;padding:55px 6%}.hero h1{font-size:48px}.btn-light{margin:10px 0 0}.section{padding:55px 6%}.categories,.grid,.quality-grid,.stats,.footer-grid,.contact-grid,.partner-grid{grid-template-columns:1fr}.contact-form-grid,.partner-form-grid,.partner-points{grid-template-columns:1fr}.contact-form .full,.partner-form .full{grid-column:auto}.section-head{display:block}.cta{margin:45px 6%;display:block;padding:35px 7%}}
.story-img img {
    width: 100%;
    height: 390px;
    object-fit: cover;
    display: block;
    border-radius: 14px;
}


/* PREMIUM SHRI GANGA FARMS NAVIGATION */
.nav{height:82px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(23,37,30,.08);border-bottom:1px solid rgba(200,164,90,.28);}
.navlinks{align-items:center;gap:4px;background:#f7f3e9;padding:6px;border:1px solid var(--line);border-radius:999px;box-shadow:0 5px 18px rgba(23,37,30,.05);}
.navlinks a{position:relative;padding:11px 15px;border-radius:999px;color:#304138;font-size:13px;font-weight:700;letter-spacing:.35px;text-transform:uppercase;transition:all .25s ease;white-space:nowrap;}
.navlinks a::after{content:"";position:absolute;left:50%;bottom:5px;width:0;height:2px;border-radius:10px;background:linear-gradient(90deg,var(--gold),#ead69e);transform:translateX(-50%);transition:width .25s ease;}
.navlinks a:hover{background:#fff;color:var(--green);box-shadow:0 6px 16px rgba(23,37,30,.09);transform:translateY(-1px);}
.navlinks a:hover::after,.navlinks a.active::after{width:24px;}
.navlinks a.active{background:linear-gradient(135deg,var(--green),#28543d);color:#fff;box-shadow:0 7px 18px rgba(24,59,43,.20);}
.actions{gap:8px;padding-left:14px;border-left:1px solid var(--line);}
.actions .icon{box-shadow:0 5px 16px rgba(23,37,30,.07);transition:all .2s ease;}
.actions .icon:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(23,37,30,.12);border-color:rgba(200,164,90,.65);}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--green);font-size:20px;line-height:1;place-items:center;}
.menu-toggle:hover{background:#f6f0e4;border-color:var(--gold);}
@media(max-width:900px){
 .nav{height:auto;min-height:74px;padding:10px 5%;flex-wrap:wrap;gap:10px;}
 .menu-toggle{display:grid;order:2;}
 .actions{margin-left:auto;order:3;padding-left:0;border-left:0;}
 .navlinks{display:none;order:4;width:100%;grid-template-columns:repeat(2,1fr);gap:7px;padding:8px;border-radius:14px;background:rgba(255,255,255,.98);box-shadow:0 16px 34px rgba(23,37,30,.13);backdrop-filter:blur(14px);}
 .navlinks.open{display:grid;}
 .navlinks a{background:#fbf8f1;border:1px solid #eee7d9;border-radius:10px;text-align:center;padding:11px 8px;font-size:12px;}
 .navlinks a.active{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;border-color:transparent;}
 .navlinks a.active::after{background:#ead39b;}
}
@media(max-width:560px){
 .nav{padding:9px 4%;}
 .brand-logo{width:68px;height:58px;}
 .navlinks{grid-template-columns:1fr 1fr;}
 .navlinks a{font-size:11px;letter-spacing:.2px;padding:10px 6px;}
}


.brand-logo{width:155px;max-height:58px;object-fit:contain;display:block}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--green);font-size:20px}
.navlinks a{text-decoration:none}
@media(max-width:900px){
 .nav{height:auto;min-height:72px;padding:12px 5%;flex-wrap:wrap;gap:10px}
 .menu-toggle{display:grid;place-items:center}
 .navlinks{display:none;width:100%;order:3;grid-template-columns:repeat(2,1fr);padding:8px;background:#fff;border:1px solid var(--line);border-radius:10px}
 .navlinks.open{display:grid}
 .navlinks a{padding:10px 7px;text-align:center}
 .actions{margin-left:auto}
}


/* Keep complete product photos visible without cropping */
.products .photo{overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}
.products .photo img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;padding:10px;background:#fff}
@media(max-width:560px){.products .photo{height:210px}.products .photo img{padding:8px}}
/* Show the full farm/story photo too */
.story-img{overflow:hidden}
.story-img img{width:100%;height:390px;object-fit:contain;object-position:center;display:block;padding:8px;background:#fff;border-radius:14px}
@media(max-width:900px){.story-img img{height:320px}}
@media(max-width:560px){.story-img img{height:260px}}


/* SHREE GANGA FARMS — Product card hover effect */
#productGrid .product-card {
    position: relative;
    border: 1px solid var(--line);
    border-radius: 12px;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
    will-change: transform;
}

#productGrid .product-card .photo {
    overflow: hidden;
}

#productGrid .product-card .photo img {
    transition: transform 0.35s ease;
}

@media (hover: hover) and (pointer: fine) {
    #productGrid .product-card:hover {
        transform: translateY(-8px);
        border-color: var(--gold);
        box-shadow: 0 16px 32px rgba(24, 59, 43, 0.16);
    }

    #productGrid .product-card:hover .photo img {
        transform: scale(1.05);
    }

    #productGrid .product-card:hover .add,
    #productGrid .product-card:hover .quick-view {
        border-color: var(--gold);
    }
}

@media (prefers-reduced-motion: reduce) {
    #productGrid .product-card,
    #productGrid .product-card .photo img {
        transition: none;
    }
}

.brand-mark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    overflow: hidden;
    border-radius: 50%;
    background: #ffffff;
}

.brand-mark img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}

.hero {
    min-height: 560px;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 70px 7%;
    color: #fff;
    background: #183b2b;
}

.hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image: var(--hero-image);
    background-size: cover;
    background-position: center;
    transform: scale(1);
    transition: background-image 0.6s ease;
    animation: heroZoom 8s ease-in-out infinite alternate;
}

.hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(
        90deg,
        rgba(13,39,26,0.94) 0%,
        rgba(17,47,33,0.72) 50%,
        rgba(17,47,33,0.20) 100%
    );
}

@keyframes heroZoom {
    from { transform: scale(1); }
    to   { transform: scale(1.06); }
}

.hero-content {
    max-width: 900px;
    position: relative;
    z-index: 1;
}

.hero-dots {
    display: flex;
    gap: 8px;
    margin-top: 22px;
}

.hero-dot {
    width: 9px;
    height: 9px;
    padding: 0;
    border: 1px solid #fff;
    border-radius: 50%;
    background: rgba(255,255,255,0.45);
    cursor: pointer;
}

.hero-dot.active {
    width: 26px;
    border-radius: 8px;
    background: #c8a45a;
    border-color: #c8a45a;
}

@media (max-width: 560px) {
    .hero {
        min-height: 610px;
        padding: 55px 6%;
    }

    .hero h1 {
        font-size: clamp(34px, 9vw, 48px);
        line-height: 1.08;
        white-space: normal;
    }

    .hero::after {
        background: linear-gradient(
            90deg,
            rgba(13,39,26,0.92),
            rgba(17,47,33,0.58)
        );
    }
}


/* ================= CSS extracted from shop.php ================= */

/* Display the complete product image in its card; do not crop edges */
.products .photo{height:230px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}
.products .photo img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;padding:10px;background:#fff}
@media(max-width:560px){.products .photo{height:210px}.products .photo img{padding:8px}}


/* SHREE GANGA FARMS — Shop page product hover effect */
#productGrid .product-card {
    position: relative;
    border: 1px solid var(--line, #e7e1d5);
    border-radius: 12px;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

#productGrid .product-card .photo {
    overflow: hidden;
}

#productGrid .product-card .photo img {
    transition: transform 0.35s ease;
}

@media (hover: hover) and (pointer: fine) {
    #productGrid .product-card:hover {
        transform: translateY(-8px);
        border-color: var(--gold, #c8a45a);
        box-shadow: 0 16px 32px rgba(24, 59, 43, 0.16);
    }

    #productGrid .product-card:hover .photo img {
        transform: scale(1.05);
    }

    #productGrid .product-card:hover .add,
    #productGrid .product-card:hover .quick-view {
        border-color: var(--gold, #c8a45a);
    }
}

@media (prefers-reduced-motion: reduce) {
    #productGrid .product-card,
    #productGrid .product-card .photo img {
        transition: none;
    }
}


/* ================= CSS extracted from create_admin.php (scoped) ================= */

.admin-setup-page {
    font-family: Arial, sans-serif;
    background: #f3f4f6;
    padding: 20px;
}

.admin-setup-page form {
    max-width: 400px;
    margin: 30px auto;
    padding: 24px;
    background: white;
    border-radius: 12px;
}

.admin-setup-page input, .admin-setup-page button {
    box-sizing: border-box;
    width: 100%;
    padding: 12px;
    margin: 8px 0 16px;
}

.admin-setup-page button {
    background: #176b43;
    color: white;
    border: 0;
    cursor: pointer;
}



/* ================= Shared inner-page layout: bulk, certificates, contact, story, quality ================= */
.page-hero {
    padding: 56px 7%;
    color: #fff;
    background: linear-gradient(125deg, #183b2b 0%, #28543d 68%, #3c684b 100%);
}
.page-hero > div { max-width: 1120px; margin: 0 auto; }
.page-hero .eyebrow { color: #ead39b; margin-bottom: 10px; }
.page-hero h1 {
    margin: 0 0 12px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(32px, 4.4vw, 48px);
    line-height: 1.12;
    color: #fff;
}
.page-hero p {
    max-width: 760px;
    margin: 0;
    color: #edf2ed;
    font-size: 16px;
    line-height: 1.7;
}
main.content {
    width: min(1120px, 86%);
    margin: 0 auto;
    padding: 42px 0 64px;
}
.content p { line-height: 1.75; }
.content .muted { color: var(--muted, #6c756f); }
.content .cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 22px;
}
.content > .card { margin-top: 20px; }
.content .card {
    min-width: 0;
    padding: 24px;
    border: 1px solid var(--line, #e7e1d5);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(23, 37, 30, .05);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.content .card h3 { margin: 0 0 10px; color: var(--green, #183b2b); }
.content .card p:last-child { margin-bottom: 0; }
.content .card a:not(.btn) { overflow-wrap: anywhere; }
.content .btn, .content a.btn {
    display: inline-block;
    padding: 12px 18px;
    border: 1px solid var(--green, #183b2b);
    border-radius: 6px;
    background: var(--green, #183b2b);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease;
}
.content .btn.gold, .content a.btn.gold {
    border-color: var(--gold, #c8a45a);
    background: var(--gold, #c8a45a);
    color: #17251e;
}
.content .btn:hover, .content a.btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(23, 37, 30, .13);
}
.content iframe { display: block; max-width: 100%; }
@media (max-width: 700px) {
    .page-hero { padding: 40px 6%; }
    .page-hero h1 { font-size: clamp(29px, 8vw, 38px); }
    main.content { width: 88%; padding: 28px 0 44px; }
    .content .cards { grid-template-columns: 1fr; gap: 14px; }
    .content .card { padding: 18px; }
}
@media (prefers-reduced-motion: reduce) {
    .content .card, .content .btn, .content a.btn { transition: none; }
}