:root{--cream:#faf7f2;--paper:#fffdf9;--ink:#171717;--muted:#76716a;--line:#e9e1d7;--accent:#c95c3c;--accent-dark:#a9462d;--dark:#191817;--shadow:0 20px 55px rgba(31,25,18,.09);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 40px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{position:sticky;top:0;z-index:30;background:rgba(250,247,242,.91);backdrop-filter:blur(14px);border-bottom:1px solid rgba(233,225,215,.75)}.nav-wrap{height:76px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px;letter-spacing:-.7px}.brand>span:last-child>span{font-weight:500}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:#fff;border-radius:11px;font-family:Georgia,serif;font-size:20px}.desktop-nav{display:flex;gap:28px;margin:auto;font-size:14px;font-weight:650}.desktop-nav a{color:#65605a;position:relative}.desktop-nav a.active,.desktop-nav a:hover{color:var(--ink)}.desktop-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-27px;height:2px;background:var(--accent)}.search-trigger{border:1px solid var(--line);background:var(--paper);border-radius: 30px;
padding: 10px 30px;color: #514d48;}.menu-btn{display:none;border:0;background:none;font-size:24px}.mobile-menu{display:none;padding:10px 20px 20px}.mobile-menu a{display:block;padding:11px 0;border-bottom:1px solid var(--line);font-weight:700}
.hero{position:relative;overflow:hidden;padding:75px 0 65px;background:#eee6dc}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:850;color:var(--accent);margin:0 0 13px}.hero h1{font:700 clamp(46px,6vw,78px)/.98 Georgia,serif;letter-spacing:-3px;margin:0 0 25px;max-width:680px}.hero h1 em{color:var(--accent);font-style:italic}.hero-text{font-size:18px;color:#615b54;max-width:570px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:13px 20px;border-radius:99px;border:0;font-weight:800}.btn-dark{background:var(--dark);color:#fff}.btn-dark:hover{background:var(--accent-dark);transform:translateY(-1px)}.text-btn{background:none;border:0;font-weight:750}.hero-stats{display:flex;align-items:center;gap:16px;margin-top:34px;color:#706a63;font-size:13px}.hero-stats b{color:var(--ink)}.hero-stats i{height:17px;width:1px;background:#cfc6bb}.hero-feature{background:var(--paper);border-radius:26px;overflow:hidden;box-shadow:var(--shadow);transform:rotate(1deg); position: relative;}.feature-image{height:450px}.feature-info {
    position: absolute;
    z-index: 2;
    padding: 23px 26px;
    background: linear-gradient(to top, white, transparent);
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: end;
    width: 100%;
    flex-direction: column;
}.feature-info>div{display:flex;justify-content:space-between;align-items:center}.pill,.card-tag{display:inline-block;background:#f1e5d9;color:#8e4834;border-radius:99px;padding:5px 10px;font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.rating{font-size:12px;font-weight:800}.feature-info h2{font:700 31px Georgia,serif;margin:12px 0 4px}.feature-info p{color:var(--muted);margin:0 0 8px}.feature-info a{font-weight:800;font-size:13px;color:var(--accent)}
.section{padding:72px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.section-head h2,.page-hero h1{font:700 42px/1.1 Georgia,serif;letter-spacing:-1.6px;margin:0}.view-all{font-weight:800;font-size:13px}.category-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.category-card{background:var(--paper);border:1px solid var(--line);padding:21px;border-radius:18px;transition:.25s}.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d6c8b9}.category-card span{font-size:28px;display:block;margin-bottom:18px}.category-card b{display:block}.category-card small{color:var(--muted);font-size:11px}
.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.recipe-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.25s}.recipe-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card-image{display:block;height:245px;position:relative;background-size:cover;background-position:center}.card-tag{position:absolute;left:15px;top:15px}.save{position:absolute;right:15px;top:13px;background:rgba(255,255,255,.88);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:21px}.card-body{padding:18px 19px 20px}.card-meta{display:flex;justify-content:space-between;color:#8a837b;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:850}.card-body h3{font:700 25px/1.12 Georgia,serif;margin:10px 0 7px}.card-body p{color:var(--muted);font-size:13px;margin:0 0 12px}.read-more{font-size:12px;font-weight:850;color:var(--accent)}
.ad-wrap{padding:10px 0 35px}.affiliate-ad{display:flex;justify-content:space-between;align-items:center;min-height:185px;border-radius:24px;background:#22201e;color:#fff;padding:32px 38px;overflow:hidden;position:relative}.affiliate-ad:hover{background:#2b2825}.ad-copy{max-width:670px}.ad-label{display:block;font-size:9px;letter-spacing:.18em;font-weight:850;color:#cfc7bf;margin-bottom:9px}.affiliate-ad strong{display:block;font:700 30px Georgia,serif}.affiliate-ad p{margin:5px 0 12px;color:#c7c0b9;font-size:13px}.ad-cta,.affiliate-ad a{font-size:12px;font-weight:850;color:#fff}.ad-art{width:220px;height:145px;background:#d9b79e;border-radius:20px;display:grid;place-items:center;transform:rotate(5deg);color:#2a211d}.ad-art span{font-size:36px}.ad-art b{font:700 25px Georgia,serif;text-align:center;line-height:1}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:28px;min-height:225px;transition:.25s}.guide-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.guide-card span{color:var(--accent);font-size:11px;font-weight:900}.guide-card h3,.guide-card h2{font:700 25px/1.15 Georgia,serif;margin:35px 0 10px}.guide-card p{font-size:13px;color:var(--muted);margin:0}.guide-card b{display:block;margin-top:22px;font-size:12px}.newsletter{background:#e6ddd2;padding:60px 0}.newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.newsletter h2{font:700 38px/1.1 Georgia,serif;margin:0}.newsletter p{color:var(--muted)}.newsletter-form{display:flex;flex-wrap:wrap;gap:9px;max-width:450px}.newsletter-form input{min-width:280px;border:1px solid #d4c8bb;background:var(--paper);padding:13px 16px;border-radius:99px;outline:0}.form-msg{width:100%;color:var(--accent);font-weight:700}
.site-footer{background:#191817;color:#ddd7d0;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid>div{display:flex;flex-direction:column;gap:9px}.footer-grid .brand{margin-bottom:5px}.footer-grid p{color:#918b84;max-width:340px}.footer-grid b{color:#fff;font-size:12px;margin-bottom:6px}.footer-grid a:not(.brand){font-size:12px;color:#aaa39b}.brand.light{color:#fff}.brand.light .brand-mark{background:#fff;color:#191817}.footer-bottom{border-top:1px solid #383431;margin-top:45px;padding-top:18px;color:#77716b;font-size:11px}
.page-hero{padding:78px 0 58px;background:#eee6dc}.page-hero h1{font-size:60px;max-width:800px}.page-hero p:not(.eyebrow){max-width:650px;color:#666059;font-size:17px}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--paper);border:1px solid var(--line);border-radius:99px;padding:9px 14px;font-size:11px;font-weight:800}.chip.active,.chip:hover{background:var(--ink);border-color:var(--ink);color:#fff}.filter-bar>span{font-size:12px;color:var(--muted)}
.category-large-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.category-large-grid a{background:var(--paper);border:1px solid var(--line);border-radius:25px;padding:38px;min-height:230px;transition:.25s}.category-large-grid a:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.category-large-grid span{font-size:36px}.category-large-grid h2{font:700 34px Georgia,serif;margin:22px 0 5px}.category-large-grid p{color:var(--muted)}
.narrow-content{max-width:780px}.narrow-content h2{font:700 30px Georgia,serif;margin-top:38px}.narrow-content p{color:#5f5a54}.legal{padding-top:80px;padding-bottom:100px}.legal h1{font:700 55px Georgia,serif;margin-top:60px}
.article{padding:55px 0 100px}.article-top{max-width:850px;margin:auto;text-align:center}.back-link{font-size:12px;font-weight:800;color:var(--accent)}.article-meta{display:flex;justify-content:center;gap:18px;margin:22px 0 13px;color:#787169;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.article-top h1{font:700 clamp(44px,6vw,68px)/1.02 Georgia,serif;letter-spacing:-2px;margin:0}.article-deck{font-size:18px;color:var(--muted);max-width:700px;margin:18px auto 35px}.article-hero{height:500px;border-radius:28px;max-width:1050px;margin:auto;overflow: hidden;}.article-hero img{width: 100%;object-fit: cover;} .article-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:60px;justify-content:center;margin-top:50px}.article-copy{font-size:16px}.article-copy>p:first-child{font-size:18px}.article-copy h2{font:700 34px Georgia,serif;margin:42px 0 17px}.recipe-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--paper);border-radius:17px;margin:30px 0}.recipe-summary div{padding:17px;text-align:center;border-right:1px solid var(--line)}.recipe-summary div:last-child{border:0}.recipe-summary b,.recipe-summary span{display:block}.recipe-summary b{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.recipe-summary span{font-weight:800}.ingredient-list{list-style:none;padding:0;border-top:1px solid var(--line)}.ingredient-list li{padding:11px 0;border-bottom:1px solid var(--line)}.ingredient-list label{display:flex;gap:12px;align-items:center}.ingredient-list input{accent-color:var(--accent);width:18px;height:18px}.ingredient-list input:checked+span{text-decoration:line-through;color:#aaa}.steps{padding:0;list-style:none}.steps li{display:grid;grid-template-columns:48px 1fr;gap:14px;margin:0 0 27px}.steps li>div span{display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:50%;width:38px;height:38px;font-size:10px;font-weight:850}.steps p{margin:3px 0}.article-note{background:#eee6dc;padding:22px;border-radius:17px}.article-note p{margin:5px 0;color:#665f57}.article-aside{position:relative}.aside-card{position:sticky;top:110px;background:var(--paper);border:1px solid var(--line);padding:20px;border-radius:18px}.aside-recipe{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}.aside-recipe:last-child{border:0}.aside-recipe b{font:600 15px Georgia,serif;line-height:1.15}.aside-recipe small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.mini-image{width:58px;height:58px;border-radius:11px;display:block;flex:0 0 auto; background-size: cover;}
.affiliate-ad.compact{display:flex;align-items:center;justify-content:space-between;background:#24211f;color:#fff;border-radius:18px;padding:22px;margin:30px 0}.compact strong{font:700 21px Georgia,serif;display:block}.compact p{color:#bdb5ad;font-size:12px;margin:3px 0}.compact a{font-size:11px;font-weight:850}.ad-art.small{width:90px;height:80px;border-radius:13px;transform:rotate(3deg)}.ad-art.small span{font-size:25px}.search-modal{position:fixed;inset:0;background:rgba(22,20,18,.62);z-index:100;display:none;place-items:center;padding:20px}.search-modal.open{display:grid}.search-box{width:min(680px,100%);background:var(--cream);border-radius:25px;padding:35px;position:relative;box-shadow:0 30px 100px rgba(0,0,0,.25)}.modal-close{position:absolute;right:17px;top:12px;border:0;background:none;font-size:30px;color:#777}.search-box h2{font:700 34px Georgia,serif;margin:0 0 18px}.search-box input{width:100%;padding:16px 18px;border-radius:13px;border:1px solid var(--line);background:#fff;outline:0}.search-results{margin-top:14px;max-height:380px;overflow:auto}.search-results>a{display:flex;align-items:center;gap:12px;padding:11px;border-bottom:1px solid var(--line)}.search-results>a:hover{background:#f0e9e0}.search-results b{display:block}.search-results small{color:var(--muted)}.search-hint{color:var(--muted);font-size:13px}
.image-pasta,.card-image.image-pasta,.article-hero.image-pasta{background-image:radial-gradient(circle at 65% 35%,#e6b16c 0 8%,transparent 9%),radial-gradient(circle at 45% 55%,#b77b42 0 10%,transparent 11%),linear-gradient(135deg,#7e3f25,#e4a65c 48%,#f2d3a4);}
.image-chicken,.card-image.image-chicken,.article-hero.image-chicken{background-image:radial-gradient(ellipse at 55% 55%,#d78943 0 17%,transparent 18%),radial-gradient(ellipse at 25% 35%,#b65d2e 0 16%,transparent 17%),linear-gradient(135deg,#7b3c29,#dca56a 52%,#e8d2a8)}
.image-breakfast,.card-image.image-breakfast,.article-hero.image-breakfast{background-image:radial-gradient(circle at 45% 45%,#fff4c8 0 18%,transparent 19%),radial-gradient(circle at 70% 55%,#9f3f3d 0 8%,transparent 9%),linear-gradient(135deg,#8e5140,#e6b17a 50%,#f3d9aa)}
.image-lemon,.card-image.image-lemon,.article-hero.image-lemon{background-image:radial-gradient(circle at 60% 48%,#e6d35b 0 15%,transparent 16%),radial-gradient(circle at 30% 65%,#557c49 0 13%,transparent 14%),linear-gradient(135deg,#55704b,#d4bb64 50%,#efe3a9)}
.image-cake,.card-image.image-cake,.article-hero.image-cake{background-image:radial-gradient(circle at 53% 50%,#6d3329 0 19%,transparent 20%),radial-gradient(circle at 65% 38%,#f0d5b1 0 8%,transparent 9%),linear-gradient(135deg,#42251f,#a6573f 55%,#dfaa75)}
.image-noodles,.card-image.image-noodles,.article-hero.image-noodles{background-image:radial-gradient(ellipse at 50% 50%,#d6a050 0 18%,transparent 19%),radial-gradient(ellipse at 70% 62%,#6c873f 0 9%,transparent 10%),linear-gradient(135deg,#4f3427,#b97c3d 55%,#e1bd7d)}
@media(max-width:900px){.desktop-nav{display:none}.menu-btn{display:block}.nav-wrap{gap:14px}.search-trigger{margin-left:auto}.mobile-menu.show{display:block}.hero{padding:50px 0}.hero-grid{grid-template-columns:1fr;gap:35px}.hero-feature{transform:none}.category-row{grid-template-columns:repeat(2,1fr)}.recipe-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.article-aside{display:none}.footer-grid{grid-template-columns:1fr 1fr}.newsletter-inner{display:block}.newsletter-form{margin-top:20px}.category-large-grid{grid-template-columns:1fr}}
@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.nav-wrap{height:68px}.search-trigger span{display:none}.hero h1{font-size:47px;letter-spacing:-2px}.hero-text{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start;gap:15px}.feature-image{height:280px}.section{padding:52px 0}.section-head{display:block}.view-all{display:inline-block;margin-top:8px}.section-head h2{font-size:34px}.category-row,.recipe-grid,.guide-grid{grid-template-columns:1fr}.card-image{height:235px}.page-hero{padding:55px 0 45px}.page-hero h1{font-size:45px}.affiliate-ad{padding:25px;min-height:190px}.ad-art{display:none}.newsletter{padding:45px 0}.newsletter h2{font-size:32px}.newsletter-form input{min-width:0;width:100%}.newsletter-form .btn{width:100%}.footer-grid{grid-template-columns:1fr 1fr}.article{padding-top:40px}.article-top h1{font-size:45px}.article-hero{height:330px;border-radius:20px}.article-layout{margin-top:30px}.recipe-summary{grid-template-columns:1fr 1fr}.recipe-summary div{border-bottom:1px solid var(--line)}.compact{gap:15px}.search-box{padding:28px 20px}.legal h1{font-size:44px}}
.logo{max-width: 100px;}
.brand.light .logo{max-width: 200px;}

/* =========================================================
   YUMICY CREATIVE FOOTER
========================================================= */

.yumicy-footer {
  background: #171412;
  color: #fff;
  position: relative;
  overflow: hidden;
}

/* subtle decorative glow */

.yumicy-footer::before {
  content: "";
  position: absolute;
  width: 450px;
  height: 450px;
  border-radius: 50%;
  background: rgba(201, 92, 60, 0.08);
  top: -250px;
  right: -150px;
  pointer-events: none;
}

.yumicy-footer::after {
  content: "✦";
  position: absolute;
  color: rgba(255, 255, 255, 0.04);
  font-size: 260px;
  font-family: Georgia, serif;
  bottom: -120px;
  left: -30px;
  pointer-events: none;
}


/* =========================================================
   NEWSLETTER
========================================================= */

.yumicy-footer-top {
  border-bottom: 1px solid rgba(255,255,255,.10);
}

.yumicy-footer-cta {
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  padding-top: 55px;
  padding-bottom: 55px;
}

.footer-kicker {
  display: block;
  color: #e87955;
  font-size: 10px;
  letter-spacing: .2em;
  font-weight: 900;
  margin-bottom: 14px;
}

.footer-cta-content h2 {
  margin: 0;
  font-family: Georgia, serif;
  font-size: clamp(35px, 4vw, 52px);
  line-height: 1.02;
  letter-spacing: -2px;
}

.footer-cta-content h2 em {
  color: #e87955;
  font-weight: 400;
}

.footer-cta-content p {
  max-width: 500px;
  color: #9d9790;
  margin: 18px 0 0;
  font-size: 14px;
}


/* =========================================================
   NEWSLETTER FORM
========================================================= */

.footer-newsletter {
  width: min(440px, 100%);
}

.newsletter-input {
  display: flex;
  padding: 5px;
  border-radius: 100px;
  background: #24211f;
  border: 1px solid rgba(255,255,255,.12);
}

.newsletter-input input {
  flex: 1;
  min-width: 0;
  background: transparent;
  border: 0;
  outline: none;
  color: white;
  padding: 12px 15px;
  font-size: 13px;
}

.newsletter-input input::placeholder {
  color: #77716b;
}

.newsletter-input button {
  border: 0;
  border-radius: 100px;
  padding: 12px 18px;
  background: #e06745;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
  transition: .25s ease;
}

.newsletter-input button:hover {
  background: #f07b59;
  transform: translateX(2px);
}

.newsletter-input button span {
  margin-left: 7px;
}

.footer-newsletter small {
  display: block;
  margin-top: 9px;
  color: #68625d;
  font-size: 10px;
}

.footer-newsletter .newsletter-success {
  display: none;
  color: #70b879;
  font-weight: 700;
}

.footer-newsletter.submitted .newsletter-success {
  display: block;
}


/* =========================================================
   MAIN FOOTER
========================================================= */

.yumicy-footer-main {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1.25fr;
  gap: 55px;
  padding-top: 60px;
  padding-bottom: 55px;
}


/* =========================================================
   BRAND
========================================================= */

.footer-brand-area {
  max-width: 330px;
}

.yumicy-footer-logo {
  display: inline-block;
}

.yumicy-footer-logo img {
  width: 145px;
  height: auto;
  display: block;
}

.footer-brand-area p {
  color: #8d8781;
  font-size: 13px;
  line-height: 1.7;
  margin: 18px 0 22px;
}


/* =========================================================
   SOCIAL
========================================================= */

.footer-socials {
  display: flex;
  gap: 9px;
}

.footer-socials a {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.12);
  display: grid;
  place-items: center;
  transition: .25s ease;
}

.footer-socials a:hover {
  background: #e06745;
  border-color: #e06745;
  transform: translateY(-3px);
}

.footer-socials svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
}

.footer-socials a:nth-child(2) svg,
.footer-socials a:nth-child(3) svg {
  fill: currentColor;
  stroke: none;
}


/* =========================================================
   FOOTER COLUMNS
========================================================= */

.footer-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.footer-column-title {
  color: #fff;
  font-size: 10px;
  letter-spacing: .17em;
  font-weight: 900;
  margin-bottom: 20px;
}

.footer-column a {
  color: #85807a;
  font-size: 12px;
  margin-bottom: 11px;
  transition: .2s ease;
}

.footer-column a:hover {
  color: #e87955;
  transform: translateX(3px);
}


/* =========================================================
   POPULAR RECIPES
========================================================= */

.footer-popular a {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 9px 0;
  margin: 0;
  border-bottom: 1px solid rgba(255,255,255,.07);
}

.footer-popular a:last-child {
  border-bottom: 0;
}

.footer-popular a:hover {
  transform: none;
}

.popular-number {
  color: #e06745;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
}

.footer-popular a span:last-child {
  color: #9d9790;
  transition: .2s ease;
}

.footer-popular a:hover span:last-child {
  color: #fff;
}


/* =========================================================
   BOTTOM BAR
========================================================= */

.yumicy-footer-bottom {
  border-top: 1px solid rgba(255,255,255,.09);
  min-height: 65px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: #66615c;
  font-size: 10px;
}

.footer-bottom-links {
  display: flex;
  gap: 22px;
}

.footer-bottom-links a {
  color: #77716b;
  transition: .2s;
}

.footer-bottom-links a:hover {
  color: #fff;
}

.footer-made span {
  color: #e06745;
  font-size: 13px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

  .yumicy-footer-cta {
    display: block;
    padding-top: 50px;
    padding-bottom: 45px;
  }

  .footer-newsletter {
    margin-top: 30px;
    max-width: 500px;
  }

  .yumicy-footer-main {
    grid-template-columns: 1.5fr 1fr 1fr;
    gap: 40px;
  }

  .footer-popular {
    grid-column: 2 / 4;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

  .yumicy-footer-cta {
    padding-top: 45px;
    padding-bottom: 40px;
  }

  .footer-cta-content h2 {
    font-size: 38px;
  }

  .footer-cta-content p {
    font-size: 13px;
  }

  .newsletter-input {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    padding: 6px;
  }

  .newsletter-input input {
    width: 100%;
    padding: 13px;
  }

  .newsletter-input button {
    width: 100%;
  }

  .yumicy-footer-main {
    grid-template-columns: 1fr 1fr;
    gap: 40px 25px;
    padding-top: 45px;
  }

  .footer-brand-area {
    grid-column: 1 / -1;
    max-width: 100%;
  }

  .footer-popular {
    grid-column: 1 / -1;
  }

  .yumicy-footer-bottom {
    padding-top: 20px;
    padding-bottom: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-bottom-links {
    flex-wrap: wrap;
    gap: 10px 18px;
  }

  .footer-made {
    margin-top: 3px;
  }

}
/* Product Ad Styles */
.product-ad {
    border-radius: 12px;
    margin: 1.5rem 0;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-ad:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}

.product-ad-link {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1.25rem;
    text-decoration: none;
    color: inherit;
}

.product-ad.compact .product-ad-link {
    padding: 1rem;
    gap: 1rem;
}

.product-ad-image {
    position: relative;
    flex-shrink: 0;
    width: 120px;
    height: 120px;
    background: white;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-ad.compact .product-ad-image {
    width: 80px;
    height: 80px;
}

.product-ad-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 10px;
}

.discount-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #ff4444;
    color: white;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 12px;
}

.new-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    background: #4CAF50;
    color: white;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 12px;
}

.product-ad-content {
    flex: 1;
}

.product-ad-content .ad-label {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #999;
    font-weight: 600;
    display: inline-block;
    background: rgba(0,0,0,0.05);
    padding: 2px 8px;
    border-radius: 4px;
    margin-bottom: 6px;
}

.product-ad-content h4 {
    margin: 0 0 4px 0;
    font-size: 1rem;
    color: #1a1a1a;
    font-weight: 600;
    line-height: 1.3;
}

.product-ad.compact .product-ad-content h4 {
    font-size: 0.9rem;
}

.product-rating {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

.product-rating .stars {
    color: #ffb400;
    font-size: 0.85rem;
    letter-spacing: 1px;
}

.product-rating .rating-text {
    color: #666;
    font-size: 0.8rem;
}

.product-pricing {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.product-pricing .current-price {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1a1a1a;
}

.product-ad.compact .product-pricing .current-price {
    font-size: 1rem;
}

.product-pricing .original-price {
    font-size: 0.85rem;
    color: #999;
    text-decoration: line-through;
}

.product-pricing .discount-text {
    font-size: 0.8rem;
    color: #ff4444;
    font-weight: 600;
    background: rgba(255,68,68,0.1);
    padding: 0 8px;
    border-radius: 4px;
}

.shop-now-btn {
    display: inline-block;
    background: #1a1a1a;
    color: white;
    padding: 0.4rem 1rem;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 500;
    transition: background 0.2s ease;
}

.product-ad-link:hover .shop-now-btn {
    background: #333;
}

/* Sidebar product ads */
.aside-card .product-ad {
    margin: 0.5rem 0;
}

.aside-card .product-ad-link {
    flex-direction: column;
    padding: 0.75rem;
    gap: 0.5rem;
    text-align: center;
}

.aside-card .product-ad-image {
    width: 100%;
    height: 120px;
}

.aside-card .product-ad-content h4 {
    font-size: 0.85rem;
}

.aside-card .product-ad-content .product-pricing .current-price {
    font-size: 0.95rem;
}

.aside-card .product-ad-content .product-pricing .original-price {
    font-size: 0.75rem;
}

.aside-card .shop-now-btn {
    font-size: 0.7rem;
    padding: 0.3rem 0.8rem;
}

.aside-card .product-rating .stars {
    font-size: 0.7rem;
}

/* Responsive */
@media (max-width: 640px) {
    .product-ad-link {
        flex-direction: column;
        text-align: center;
    }
    
    .product-ad-image {
        width: 150px;
        height: 150px;
    }
    
    .product-pricing {
        justify-content: center;
    }
}



/* Homepage Ad Styles */
.homepage-ads {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 2rem 0;
}

.homepage-ad {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1.5rem;
    border-radius: 16px;
    text-decoration: none;
    color: inherit;
    border: 1px solid rgba(0,0,0,0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
    position: relative;
}

.homepage-ad:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0,0,0,0.1);
}

.homepage-ad.reversed {
    flex-direction: row-reverse;
}

.homepage-ad .home-ad-image {
    position: relative;
    flex-shrink: 0;
    width: 140px;
    height: 140px;
    background: white;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.homepage-ad .home-ad-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 12px;
}

.homepage-ad .home-ad-content {
    flex: 1;
}

.homepage-ad .home-ad-content .ad-label {
    font-size: 0.6rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #999;
    font-weight: 700;
    display: inline-block;
    background: rgba(0,0,0,0.05);
    padding: 2px 10px;
    border-radius: 12px;
    margin-bottom: 6px;
}

.homepage-ad .home-ad-content h3 {
    margin: 0 0 6px 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1.3;
}

.homepage-ad .home-ad-content .product-rating {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

.homepage-ad .home-ad-content .product-rating .stars {
    color: #ffb400;
    font-size: 0.8rem;
    letter-spacing: 1px;
}

.homepage-ad .home-ad-content .product-rating .rating-text {
    color: #666;
    font-size: 0.75rem;
}

.homepage-ad .home-ad-content .product-pricing {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.homepage-ad .home-ad-content .product-pricing .current-price {
    font-size: 1.2rem;
    font-weight: 700;
    color: #1a1a1a;
}

.homepage-ad .home-ad-content .product-pricing .original-price {
    font-size: 0.85rem;
    color: #999;
    text-decoration: line-through;
}

.homepage-ad .home-ad-content .product-pricing .discount-text {
    font-size: 0.8rem;
    color: #ff4444;
    font-weight: 600;
    background: rgba(255,68,68,0.1);
    padding: 0 10px;
    border-radius: 12px;
}

.homepage-ad .home-ad-content .ad-description {
    font-size: 0.85rem;
    color: #666;
    margin: 0 0 8px 0;
}

.homepage-ad .home-ad-content .shop-now-btn {
    display: inline-block;
    background: #1a1a1a;
    color: white;
    padding: 0.5rem 1.2rem;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 500;
    transition: background 0.2s ease;
}

.homepage-ad:hover .home-ad-content .shop-now-btn {
    background: #333;
}

/* Discount and New Badges */
.homepage-ad .discount-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #ff4444;
    color: white;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: 12px;
}

.homepage-ad .new-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    background: #4CAF50;
    color: white;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: 12px;
}

/* Responsive */
@media (max-width: 968px) {
    .homepage-ads {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .homepage-ad {
        padding: 1.25rem;
    }
}

@media (max-width: 640px) {
    .homepage-ad {
        flex-direction: column !important;
        text-align: center;
        padding: 1rem;
    }
    
    .homepage-ad .home-ad-image {
        width: 180px;
        height: 180px;
    }
    
    .homepage-ad .home-ad-content .product-pricing {
        justify-content: center;
    }
    
    .homepage-ad .home-ad-content .shop-now-btn {
        margin: 0 auto;
    }
}