/* EL NINO PIZZA INNER PAGES V9 */
.inner-hero{position:relative;min-height:330px;display:flex;align-items:end;overflow:hidden;background:#03090e;border-bottom:1px solid #31566e}
.inner-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.22)),url("../images/elnino-storm.png") center/cover no-repeat;opacity:.9}
.inner-hero-copy{position:relative;z-index:2;padding-top:70px;padding-bottom:42px}
.inner-kicker{font-family:"Oswald";letter-spacing:2px;color:#69c6ff;font-weight:700;margin-bottom:12px}
.inner-hero h1{font-family:"Anton";font-size:64px;line-height:1;margin:0 0 16px;max-width:850px}
.inner-hero p{font-size:22px;line-height:1.4;max-width:800px;margin:0;color:#d9e5ec}
.content-page{padding-top:44px;padding-bottom:55px}
.content-main{max-width:1050px;margin:auto;font-size:19px;line-height:1.6;color:#dfe8ee}
.content-main p{margin:0 0 22px}
.content-main h2{font-family:"Anton";font-size:34px;line-height:1.1;margin:38px 0 16px;color:#fff}
.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:34px 0}
.detail-card{background:#071725;border:1px solid #31566e;padding:20px;text-align:center}
.detail-icon{font-size:34px;margin-bottom:8px}
.detail-card small{display:block;text-transform:uppercase;color:#a9bdca}
.detail-card strong{display:block;font-size:20px;margin-top:6px}
.pizza-detail{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;margin:30px 0}
.pizza-detail img{width:100%;border:1px solid #405f72}
.ingredient-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;text-transform:uppercase;font-weight:700}
.big-blue{font-size:22px;color:#51baf7;font-weight:700}
.article-cards{display:grid;gap:14px;margin-top:28px}
.article-card{display:grid;grid-template-columns:80px 1fr;gap:18px;background:#071725;border:1px solid #31566e;padding:20px}
.article-card.joke{border-color:#8b2c31}
.article-icon{font-size:42px;text-align:center}
.article-card h2{margin:0 0 8px}
.article-card p{margin:0}
.contact-box{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:center;background:#071725;border:1px solid #31566e;padding:28px;margin-top:35px}
.contact-box img{width:150px}
.kit-category{margin:38px 0}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.product-card{background:#071725;border:1px solid #31566e;padding:20px}
.product-card h3{font-family:"Oswald";font-size:22px;margin:0 0 10px}
.empty-state{padding:25px;background:#071725;border:1px solid #31566e;text-align:center;color:#a9bdca}
.storm-dashboard{padding-top:34px;padding-bottom:55px}
.storm-current{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:30px}
.storm-current>div{background:#071725;border:1px solid #31566e;padding:22px}
.storm-current small{display:block;color:#88a4b5;font-size:12px}
.storm-current strong{display:block;font-family:"Anton";font-size:42px;line-height:1;margin:8px 0;color:#52bdff}
.storm-current span{display:block;color:#d5e1e8}
.storm-section{margin:38px 0}
.storm-section>h2{font-family:"Anton";font-size:32px;margin-bottom:16px}
.alerts-list,.update-list{display:grid;gap:14px}
.alert-card,.update-list article{background:#12151a;border:1px solid #7f3337;padding:20px}
.alert-tag{display:inline-block;background:#b5282d;padding:5px 9px;font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:10px}
.alert-card h3,.update-list h3{font-family:"Oswald";font-size:24px;margin:0 0 10px}
.alert-card p,.update-list p{line-height:1.5}
.instruction{border-left:3px solid #f1ac27;padding-left:12px}
.forecast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.forecast-card{background:#071725;border:1px solid #31566e;padding:18px}
.forecast-card h3{font-family:"Oswald";margin:0 0 8px}
.forecast-card strong{font-size:30px;color:#52bdff}
.forecast-card p{line-height:1.35}
.forecast-card small{color:#a8bac6}
.weather-disclaimer{background:#171a1e;border-left:4px solid #f1ac27;padding:16px;line-height:1.45}
.simple-message{padding-top:80px;padding-bottom:80px}
.message-card{max-width:650px;margin:auto;background:#071725;border:1px solid #31566e;padding:34px;text-align:center}
.message-card h1{font-family:"Anton";font-size:42px}
.message-card.success{border-color:#2c7a4d}.message-card.error{border-color:#9a3438}
@media(max-width:900px){
.detail-grid{grid-template-columns:1fr 1fr}
.pizza-detail{grid-template-columns:1fr}
.product-grid,.forecast-grid,.storm-current{grid-template-columns:1fr}
}
@media(max-width:700px){
.inner-hero{min-height:260px}
.inner-hero-copy{padding:42px 16px 28px}
.inner-hero h1{font-size:44px;line-height:1.05}
.inner-hero p{font-size:18px}
.content-page,.storm-dashboard{padding-left:16px;padding-right:16px}
.content-main{font-size:17px}
.detail-grid{grid-template-columns:1fr}
.ingredient-list{grid-template-columns:1fr}
.article-card{grid-template-columns:55px 1fr;padding:16px}
.contact-box{grid-template-columns:1fr;text-align:center}
.contact-box img{margin:auto}
}


/* V10 SURVIVAL GUIDE */
.survival-topic-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin:34px 0;
}
.survival-topic-card{
  display:block;
  background:linear-gradient(180deg,#081a29,#041019);
  border:1px solid #31566e;
  padding:24px;
  min-height:270px;
  color:#eef6fb;
  transition:.2s ease;
}
.survival-topic-card:hover{
  transform:translateY(-4px);
  border-color:#53bdfb;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
.survival-topic-card.joke{
  border-color:#8f3035;
  background:linear-gradient(180deg,#241012,#10090a);
}
.survival-topic-icon{
  font-size:50px;
  margin-bottom:18px;
}
.survival-topic-card h2{
  font-size:27px;
  margin:0 0 12px;
  line-height:1.1;
}
.survival-topic-card p{
  font-size:16px;
  line-height:1.45;
  color:#cbd8e0;
  margin:0 0 18px;
}
.survival-topic-card span{
  display:inline-block;
  color:#58c2ff;
  font-weight:700;
  text-transform:uppercase;
  font-size:13px;
}
.topic-icon-large{
  font-size:64px;
  margin-bottom:12px;
}
.topic-content{
  max-width:900px;
}
.source-box{
  margin:35px 0;
  padding:22px;
  border-left:4px solid #51baf7;
  background:#071725;
}
.source-box b{
  display:block;
  color:#51baf7;
  text-transform:uppercase;
  font-size:13px;
  margin-bottom:8px;
}
.source-box p{margin-bottom:14px}

@media(max-width:900px){
  .survival-topic-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .survival-topic-grid{grid-template-columns:1fr}
  .survival-topic-card{min-height:0}
  .survival-topic-icon{font-size:44px}
}