/* ===== About + Contact pages ===== */
.page-hero p.crumb{margin-top:10px}
.muted{color:var(--muted)}
/* about */
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.about-collage{position:relative;height:460px}
.about-collage img{position:absolute;object-fit:cover;border:8px solid #fff;border-radius:22px;box-shadow:0 18px 40px rgba(31,61,43,.22)}
.about-collage .ac0{width:62%;height:62%;left:0;top:0;transform:rotate(-3deg)}
.about-collage .ac1{width:52%;height:50%;right:0;top:12%;transform:rotate(4deg)}
.about-collage .ac2{width:56%;height:46%;left:20%;bottom:0;transform:rotate(-1deg)}
.about-text h2{font-size:clamp(28px,3.4vw,38px)}
.about-text p{color:#4b3f35;font-size:16px}
.about-stats{display:flex;gap:34px;margin:26px 0;padding:22px 0;border-top:1px solid var(--sand);border-bottom:1px solid var(--sand)}
.about-stats b{display:block;font-family:'Playfair Display',serif;font-size:32px;color:var(--brown)}
.about-stats span{font-size:13px;color:var(--muted)}
.why-grid{grid-template-columns:repeat(4,1fr)}
.stores{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.store{background:#fff;border-radius:var(--r);padding:28px;box-shadow:var(--shadow);text-align:center;transition:.3s}
.store:hover{transform:translateY(-5px)}
.store i{font-style:normal;font-size:30px}
.store h3{margin:8px 0 4px}.store p{margin:0;color:var(--muted)}
/* contact */
.contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:46px}
.c-card{display:block;background:#fff;border-radius:var(--r);padding:28px 22px;text-align:center;box-shadow:var(--shadow);transition:.3s;border-top:4px solid var(--gold)}
a.c-card:hover{transform:translateY(-6px)}
.c-card i{font-style:normal;display:grid;place-items:center;width:60px;height:60px;margin:0 auto 12px;border-radius:18px;background:var(--sand);font-size:28px}
.c-card h3{font-size:19px;margin-bottom:6px}.c-card p{margin:0;color:var(--muted);font-size:15px;word-break:break-word}
.contact-main{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:start}
.contact-form{background:#fff;border-radius:var(--r);padding:34px;box-shadow:var(--shadow)}
.contact-form h2{font-size:28px;margin-bottom:6px}
.contact-form label{display:block;font-weight:600;font-size:14px;color:var(--brown);margin-bottom:16px}
.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:6px;padding:13px 16px;border:1px solid var(--sand);border-radius:12px;background:var(--cream);font:inherit;color:var(--ink);transition:.2s}
.contact-form input:focus,.contact-form textarea:focus{outline:0;border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px rgba(200,144,46,.18)}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.notice{padding:12px 16px;border-radius:12px;margin:14px 0;font-size:14px}
.notice.ok{background:#e6f4e8;color:#1f5a2b}.notice.err{background:#fbe9e7;color:#8a2a1e}
.map{border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);background:var(--sand)}
.map iframe{display:block;width:100%;height:320px;border:0}
.store-list{list-style:none;margin:0;padding:0}
.store-list li{padding:10px 0;border-bottom:1px solid var(--sand)}.store-list li:last-child{border:0}
.store-list b{display:block;color:var(--brown)}.store-list span{font-size:14px;color:var(--muted)}
@media(max-width:900px){
.about-story,.contact-main{grid-template-columns:1fr}
.about-collage{height:340px}
.why-grid{grid-template-columns:1fr 1fr}
.stores{grid-template-columns:1fr}
.contact-cards{grid-template-columns:1fr 1fr}
.f-row{grid-template-columns:1fr}
}
@media(max-width:520px){.why-grid,.contact-cards{grid-template-columns:1fr}}

/* footer menus */
.fmenu .fmenu-list{display:flex;gap:24px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.fmenu .fmenu-list a{font-weight:500}
.site-footer .f-links{list-style:none;margin:0;padding:0}
.site-footer .f-links li{margin:8px 0}

/* why-cards: straight gold bar, equal heights, no curled border */
.why-grid{align-items:stretch}
.why-card{position:relative;overflow:hidden;border-top:0!important;display:flex;flex-direction:column;height:100%;padding:34px 30px 30px}
.why-card::before{content:'';position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--gold),var(--gold2))}
.why-card i{flex:none}
.why-card h3{margin:6px 0 10px}
.why-card p{margin:0;color:#4b3f35}
.why-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(31,61,43,.18)}
.why-grid{grid-template-columns:repeat(4,1fr)!important}
@media(max-width:900px){.why-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:520px){.why-grid{grid-template-columns:1fr!important}}

/* mission & vision */
.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.mv-card{position:relative;overflow:hidden;border-radius:24px;padding:42px 38px;box-shadow:var(--shadow);transition:.3s}
.mv-card:hover{transform:translateY(-5px)}
.mv-card::after{content:'';position:absolute;right:-60px;bottom:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.08)}
.mv-icon{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;font-size:32px;margin-bottom:18px}
.mv-card h3{font-size:28px;margin-bottom:12px}
.mv-card p{font-size:17px;line-height:1.75;margin:0}
.mv-card.mission{background:linear-gradient(135deg,#143023,#2f5a3f);color:#e9efe3}
.mv-card.mission h3{color:#fff}.mv-card.mission .mv-icon{background:rgba(255,255,255,.12)}.mv-card.mission strong{color:var(--gold2)}
.mv-card.vision{background:#fff;color:#4b3f35;border:1px solid var(--sand)}
.mv-card.vision h3{color:var(--brown)}.mv-card.vision .mv-icon{background:var(--sand)}.mv-card.vision strong{color:var(--brown)}
.mv-card.vision::after{background:rgba(200,144,46,.1)}
@media(max-width:900px){.mv-grid{grid-template-columns:1fr}.mv-card{padding:32px 26px}}
