/* About Page Styles adapted to site palette (black/white + #5ce2e6) */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}
.about-container{max-width:1200px;margin:0 auto;padding:2rem}
.breadcrumb{margin-bottom:2rem;font-size:.95rem;color:#666}
.breadcrumb a{color:#5ce2e6;text-decoration:none;transition:color .3s}
.breadcrumb a:hover{color:#000}
.breadcrumb .separator{margin:0 .5rem;color:#999}
.about-hero{text-align:center;margin-bottom:3rem;padding:2rem 0}
.chef-avatar{margin-bottom:2rem;display:flex;justify-content:center}
.chef-avatar img{width:200px;height:200px;border-radius:50%;border:5px solid #5ce2e6;box-shadow:0 5px 20px rgba(92, 226, 230,.25);transition:transform .3s,box-shadow .3s}
.chef-avatar img:hover{transform:scale(1.05);box-shadow:0 8px 30px rgba(92, 226, 230,.35)}
.about-hero h1{font-size:3rem;color:#2c3e50;margin-bottom:1rem;font-weight:700}
.intro-text{font-size:1.25rem;color:#555;max-width:800px;margin:0 auto;line-height:1.8}
.about-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}
.about-card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s}
.about-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px rgba(0,0,0,.12)}
.about-card h2{color:#2c3e50;font-size:1.5rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:3px solid #5ce2e6;display:inline-block}
.about-card ul{list-style:none;padding-left:0}
.about-card ul li{padding:.75rem 0 .75rem 1.5rem;position:relative;color:#555;line-height:1.6}
.about-card ul li::before{content:"✓";position:absolute;left:0;color:#5ce2e6;font-weight:700;font-size:1.2rem}
@media (max-width:768px){.about-hero h1{font-size:2rem}.intro-text{font-size:1.1rem}.about-sections{grid-template-columns:1fr}.about-card{padding:1.5rem}}
@media (max-width:480px){.about-container{padding:1rem}.about-hero h1{font-size:1.75rem}.intro-text{font-size:1rem}.about-card h2{font-size:1.25rem}}

/* Enhanced Ad Type Cards */
.ad-type-card{border:1px solid #e5e7eb;border-radius:12px;margin:16px 0;overflow:hidden;transition:all 0.2s;background:#fff}
.ad-type-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px rgba(0,0,0,0.05)}
.ad-type-header{background:#f9fafb;padding:16px;border-bottom:1px solid #e5e7eb}
.ad-type-content{padding:16px;display:none}
.ad-type-content.active{display:block}

/* Toggle Switch */
.toggle-switch{display:flex;align-items:center;gap:12px;cursor:pointer;margin:0}
.toggle-slider{position:relative;display:inline-block;width:48px;height:24px;background:#cdd1d6;border-radius:24px;transition:all 0.2s}
.toggle-slider:before{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all 0.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2)}
.toggle-switch input[type="checkbox"]{display:none}
.toggle-switch input[type="checkbox"]:checked + .toggle-slider{background:#10b981}
.toggle-switch input[type="checkbox"]:checked + .toggle-slider:before{transform:translateX(24px)}
.toggle-label{font-weight:600;color:#333;font-size:16px}

/* Enhanced form styling for ads */
.ad-type-content textarea{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;padding:12px;resize:vertical;width:100%;font-family:monospace;font-size:12px}
.ad-type-content textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,0.1)}
.ad-type-content input[type="number"], .ad-type-content select{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px;width:100%}
.ad-type-content input[type="number"]:focus, .ad-type-content select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,0.1)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:640px){.grid-2{grid-template-columns:1fr}}