/* lovelentils.ca — Star of the Show (rebuilt base styles) */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#3a3a3a;background:#fff;line-height:1.55;font-size:16px}
img{max-width:100%;height:auto;border:0;vertical-align:middle}
a{color:#c8102e;text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;color:#2b2b2b;line-height:1.2;margin:0 0 .5em}
h1{font-size:2.1rem}
h2{font-size:1.7rem}
h3{font-size:1.2rem}
p{margin:0 0 1em}
.container{max-width:1080px;margin:0 auto;padding:0 20px}
.outdatedbrowser{background:#c8102e;color:#fff;text-align:center;padding:10px}

/* header + nav */
.header{border-bottom:1px solid #eee;background:#fff}
.header .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.logo-lentils img{height:46px;width:auto;display:block}
.nav-primary{display:flex;align-items:center;gap:8px}
.nav-primary a{display:inline-block;padding:8px 16px;color:#2b2b2b;font-weight:700;text-transform:uppercase;font-size:.82rem;letter-spacing:.05em;font-family:"Helvetica Neue",Arial,sans-serif}
.nav-primary a:hover{color:#c8102e;text-decoration:none}
.logo-star{display:block;margin:24px auto;max-width:340px}

/* intro / hero */
.intro{background:#faf6f0;text-align:center;padding:40px 0}
.intro-inner{max-width:760px;margin:0 auto}
.intro h1{color:#c8102e}
.intro p small{font-size:1rem;color:#555}

/* buttons */
.cta,.btn,.load-btn{display:inline-block;background:#c8102e;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:12px 28px;border-radius:3px;border:0;cursor:pointer;font-size:.9rem;font-family:"Helvetica Neue",Arial,sans-serif}
.cta:hover,.btn:hover,.load-btn:hover{background:#a50d24;text-decoration:none;color:#fff}
.cta.large{padding:15px 40px;font-size:1rem}

/* lined section headings */
.lined{text-align:center;position:relative;margin:0 0 20px}
.lined span{display:inline-block;position:relative;padding:0 18px;background:#fff}
.lined::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#ddd;z-index:0}
.lined span{z-index:1}

/* gallery */
.gallery{padding:40px 0}
.gallery>.container>p{text-align:center;color:#555;max-width:640px;margin:0 auto 24px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.grid-item{position:relative;background:#f4f4f4;border-radius:4px;overflow:hidden;cursor:pointer;min-height:150px}
.grid-item .s-thumb{width:100%;height:100%;object-fit:cover;display:block}
.s-content{position:absolute;left:0;right:0;bottom:0;padding:12px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff}
.s-title{font-family:"Helvetica Neue",Arial,sans-serif;font-size:.85rem;color:#fff;margin:0}
.s-title small{font-weight:400;opacity:.85}
.grid-item .social{margin-top:6px;display:flex;gap:8px}
.grid-item .social img{width:20px;height:20px}

/* instructions steps */
.instructions{padding:40px 0;background:#faf6f0}
.steps{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}
.step{flex:1 1 220px;max-width:280px;text-align:center;background:#fff;border-radius:4px;padding:22px}
.step-title{font-family:Georgia,serif;font-size:1.3rem;color:#c8102e;margin-bottom:8px;font-weight:700}
.step-false{flex:1 1 100%;text-align:center}
.step-false.center{margin-top:10px}
.red{color:#c8102e}

/* enter form */
.enter-form{display:flex;flex-wrap:wrap;gap:30px;padding:30px 0}
.enter-form .col-1{flex:1 1 320px}
.enter-form .col-2{flex:1 1 320px}
.enter-form label{display:block;font-weight:700;margin:12px 0 4px}
.enter-form input,.enter-form textarea,.enter-form select{width:100%;padding:10px;border:1px solid #ccc;border-radius:3px;font-size:1rem}
.checklist{list-style:none;padding:0;margin:0}
.checklist li{padding:6px 0 6px 26px;position:relative}
.checklist li::before{content:"\2713";color:#4a8b2c;position:absolute;left:0;font-weight:700}

/* youtube embeds */
.videoWrapper,.tyoutube-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:16px}
.videoWrapper iframe,.tyoutube-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.tyoutube-container{display:block}

/* modals (JS-driven; hidden by default) */
.video-overlay,#tips{display:none}

/* footer */
.footer{background:#2b2b2b;color:#fff;padding:26px 0;margin-top:20px}
.footer .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer a{color:#fff}
.hashtag{font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.footer .social{display:flex;align-items:center;gap:12px}
.footer .social img{width:24px;height:24px}
.linkback{font-weight:700}

@media(max-width:600px){
  h1{font-size:1.6rem}
  .header .container{flex-direction:column;gap:10px}
  .footer .container{flex-direction:column;text-align:center}
}
