/* SaveBloger v3 — original editorial coupon marketplace theme. */
:root{
  --std-primary:#087f5b;
  --std-primary-dark:#055f46;
  --std-primary-soft:#e8f7f1;
  --std-ink:#0f172a;
  --std-muted:#64748b;
  --std-line:#e5e2dc;
  --std-bg:#faf7f2;
  --std-card:#ffffff;
  --std-warm:#f59e0b;
  --std-shadow:0 8px 26px rgba(15,23,42,.07);
  --std-radius:14px;
}
html{scroll-padding-top:84px}
body{
  background:var(--std-bg)!important;
  color:var(--std-ink)!important;
  font-family:"DM Sans",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:15px;
}
h1,h2,h3,h4,h5,h6,.std-btn,.std-links,.std-rated-cta{
  font-family:Outfit,"DM Sans",sans-serif;
}
.std-container{width:min(1240px,calc(100% - 36px))}
.std-card{border-color:var(--std-line);box-shadow:0 4px 18px rgba(15,23,42,.045)}
.std-eyebrow{background:var(--std-primary-soft);color:var(--std-primary-dark)}
.std-dot{background:var(--std-primary)}
.std-btn-primary{background:var(--std-primary)}
.std-btn-primary:hover{background:var(--std-primary-dark)}
.std-text-link,a{color:var(--std-primary)}
a:hover{color:var(--std-primary-dark)}

/* Shared header */
.std-header{
  top:0;
  background:rgba(255,255,255,.98);
  border-bottom:1px solid #e9e7e1;
  box-shadow:0 2px 12px rgba(15,23,42,.04);
}
.std-nav{min-height:76px;gap:22px}
.std-brand{
  width:126px;
  height:59px;
  padding:0;
  overflow:hidden;
  border-radius:9px;
  background:#14d8df;
}
.std-brand img{width:100%;height:100%;object-fit:cover}
.std-search{max-width:420px;margin:0}
.std-search input{
  height:44px;
  border-radius:999px;
  border-color:#d9dde4;
  padding-left:18px;
  font-size:14px;
}
.std-search input:focus{border-color:var(--std-primary);box-shadow:0 0 0 4px rgba(8,127,91,.1)}
.std-search button{
  top:4px;
  right:4px;
  width:36px;
  height:36px;
  border-radius:50%;
  background:var(--std-primary);
}
.std-links{gap:21px}
.std-links a{
  color:var(--std-ink);
  font-family:Outfit,sans-serif;
  font-size:13px;
  font-weight:800;
  letter-spacing:.025em;
  text-transform:uppercase;
}
.std-links a:hover{color:var(--std-primary)}
.std-links .std-nav-cta{
  padding:11px 17px;
  border:1px solid #d8dce2;
  border-radius:9px;
}
.std-links .std-nav-cta:hover{border-color:var(--std-primary);background:var(--std-primary-soft)}

/* Homepage hero */
.std-rated-hero{
  position:relative;
  min-height:610px;
  overflow:hidden;
  background:#aeeaf2;
  border-bottom:1px solid #a3dbe3;
}
.std-rated-hero-image{
  position:absolute;
  inset:0;
  background:url("../images/savebloger-shoppers-hero.png") center center/cover no-repeat;
}
.std-rated-hero-image:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(174,234,242,.08),rgba(174,234,242,0) 22%,rgba(174,234,242,.03) 78%,rgba(174,234,242,.08));
}
.std-rated-hero-content{
  position:relative;
  z-index:1;
  max-width:720px;
  padding:70px 0 58px;
  text-align:center;
}
.std-rated-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border:1px solid rgba(8,127,91,.2);
  border-radius:999px;
  background:rgba(255,255,255,.9);
  color:var(--std-primary-dark);
  font-family:Outfit,sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.std-rated-hero h1{
  margin:20px 0 14px;
  color:var(--std-ink);
  font-size:64px;
  font-weight:900;
  letter-spacing:-.045em;
  line-height:.99;
}
.std-rated-hero h1 em{color:var(--std-primary);font-style:normal}
.std-rated-hero-content>p{
  max-width:620px;
  margin:0 auto 22px;
  color:#334155;
  font-size:17px;
  line-height:1.65;
}
.std-rated-trust{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:27px}
.std-rated-trust span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:10px 13px;
  border:1px solid rgba(15,23,42,.1);
  border-radius:9px;
  background:rgba(255,255,255,.9);
  color:#1e293b;
  font-size:12.5px;
  font-weight:700;
}
.std-rated-trust i{color:var(--std-primary)}
.std-rated-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:245px;
  padding:15px 22px;
  border-radius:10px;
  background:var(--std-ink);
  color:#fff!important;
  font-size:14px;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
  box-shadow:0 12px 25px rgba(15,23,42,.18);
}
.std-rated-cta:hover{background:var(--std-primary);transform:translateY(-2px)}

.std-rated-category-bar{background:#fff;border-bottom:1px solid var(--std-line)}
.std-rated-category-scroll{display:flex;justify-content:center;gap:10px;padding-top:20px;padding-bottom:20px;overflow:auto}
.std-rated-category-scroll a{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  padding:10px 16px;
  border:1px solid #dfe2e7;
  border-radius:8px;
  color:#334155;
  background:#fff;
  font-family:Outfit,sans-serif;
  font-size:13px;
  font-weight:700;
}
.std-rated-category-scroll a.active,.std-rated-category-scroll a:hover{
  border-color:var(--std-primary);
  color:var(--std-primary-dark);
  background:var(--std-primary-soft);
}

.std-rated-trending{padding:30px 0 12px}
.std-rated-label{
  width:max-content;
  margin:0 auto 18px;
  padding:7px 14px;
  border:1px solid #bfe6d7;
  border-radius:999px;
  color:var(--std-primary-dark);
  background:var(--std-primary-soft);
  font-family:Outfit,sans-serif;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.std-rated-logo-row{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}
.std-rated-logo-row a{
  height:86px;
  padding:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--std-line);
  border-radius:12px;
  background:#fff;
  box-shadow:0 3px 12px rgba(15,23,42,.035);
  transition:.2s ease;
}
.std-rated-logo-row a:hover{transform:translateY(-3px);border-color:#abd9ca}
.std-rated-logo-row img{max-height:52px;max-width:100%;object-fit:contain}

/* Homepage sections */
.std-rated-section{padding:58px 0}
.std-rated-section-white{background:#fff;border-top:1px solid var(--std-line);border-bottom:1px solid var(--std-line)}
.std-rated-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.std-rated-section-head>div>span,.std-rated-how-title>span{
  color:var(--std-primary);
  font-family:Outfit,sans-serif;
  font-size:11px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.std-rated-section-head h2,.std-rated-how-title h2{
  margin:3px 0 4px;
  color:var(--std-ink);
  font-size:32px;
  font-weight:850;
  letter-spacing:-.025em;
}
.std-rated-section-head p,.std-rated-how-title p{margin:0;color:var(--std-muted);font-size:14px}
.std-rated-section-head>a{
  flex:0 0 auto;
  color:var(--std-ink);
  font-family:Outfit,sans-serif;
  font-size:13px;
  font-weight:800;
}
.std-rated-section-head>a:hover{color:var(--std-primary)}

.std-rated-deal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.std-rated-deal-card{
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-width:0;
  border:1px solid var(--std-line);
  border-radius:13px;
  background:#fff;
  box-shadow:0 6px 20px rgba(15,23,42,.05);
  transition:.2s ease;
}
.std-rated-deal-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(15,23,42,.09)}
.std-rated-deal-store{display:flex;align-items:center;gap:11px;padding:16px 16px 13px;border-bottom:1px solid #f0efeb}
.std-rated-deal-store>a{width:55px;height:55px;display:flex;align-items:center;justify-content:center;flex:0 0 55px;border:1px solid #e7e8eb;border-radius:10px;padding:6px;background:#fff}
.std-rated-deal-store img{max-width:100%;max-height:100%;object-fit:contain}
.std-rated-deal-store strong{display:block;overflow:hidden;color:var(--std-ink);font-size:14px;white-space:nowrap;text-overflow:ellipsis}
.std-rated-deal-store span{display:block;color:var(--std-primary);font-size:11px;font-weight:700}
.std-rated-deal-body{flex:1;padding:15px 16px}
.std-rated-badge-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.std-rated-type{padding:5px 8px;border-radius:5px;font-size:10px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}
.std-rated-type.code{color:#055f46;background:#e3f7ef}
.std-rated-type.deal{color:#9a5b05;background:#fff5db}
.std-rated-badge-row>strong{color:var(--std-primary);font-family:Outfit,sans-serif;font-size:13px;text-align:right}
.std-rated-deal-body h3{height:47px;overflow:hidden;margin:12px 0 8px;font-size:17px;line-height:1.35;font-weight:800}
.std-rated-deal-body h3 a{color:var(--std-ink)}
.std-rated-deal-body h3 a:hover{color:var(--std-primary)}
.std-rated-deal-body>p{height:40px;overflow:hidden;margin:0 0 14px;color:var(--std-muted);font-size:12.5px;line-height:1.55}
.std-rated-deal-meta{display:flex;justify-content:space-between;gap:8px;color:#7c8798;font-size:11px}
.std-rated-deal-action{padding:0 16px 16px}
.std-rated-deal-action button,.std-rated-deal-action>a{
  width:100%;
  min-height:43px;
  border:0;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  background:var(--std-ink);
  color:#fff!important;
  font-family:Outfit,sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  cursor:pointer;
}
.std-rated-deal-action button:hover,.std-rated-deal-action>a:hover{background:var(--std-primary)}

.std-rated-store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.std-rated-store-card{
  padding:22px 16px;
  border:1px solid var(--std-line);
  border-radius:13px;
  background:var(--std-bg);
  color:var(--std-ink)!important;
  text-align:center;
  transition:.2s ease;
}
.std-rated-store-card:hover{transform:translateY(-4px);border-color:#afdccc;background:#fff}
.std-rated-store-card>div{height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.std-rated-store-card img{max-height:65px;max-width:85%;object-fit:contain}
.std-rated-store-card h3{margin:0 0 4px;overflow:hidden;font-size:17px;font-weight:800;white-space:nowrap;text-overflow:ellipsis}
.std-rated-store-card p{margin:0;color:var(--std-warm);font-size:12px}
.std-rated-store-card>span{display:block;margin:8px 0 14px;color:var(--std-muted);font-size:11.5px;text-transform:uppercase}
.std-rated-store-card>b{font-family:Outfit,sans-serif;font-size:12px;letter-spacing:.06em;text-transform:uppercase}

.std-rated-cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.std-rated-cat-grid>a{
  min-width:0;
  padding:18px;
  display:grid;
  grid-template-columns:43px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  border:1px solid var(--std-line);
  border-radius:12px;
  background:#fff;
  color:var(--std-ink)!important;
}
.std-rated-cat-grid>a>i{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--std-primary-soft);color:var(--std-primary)}
.std-rated-cat-grid strong{display:block;overflow:hidden;font-size:14px;white-space:nowrap;text-overflow:ellipsis}
.std-rated-cat-grid span{display:block;color:var(--std-muted);font-size:11.5px}
.std-rated-cat-grid b{color:var(--std-primary);font-family:Outfit,sans-serif;font-size:11px;text-transform:uppercase}
.std-rated-cat-grid>a:hover{border-color:#afdccc;box-shadow:var(--std-shadow)}

.std-rated-how{padding:66px 0;background:#0f172a;color:#fff}
.std-rated-how-title{text-align:center}
.std-rated-how-title>span{color:#5ee3b8}
.std-rated-how-title h2{color:#fff}
.std-rated-how-title p{color:#aab5c5}
.std-rated-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.std-rated-how-grid article{
  position:relative;
  padding:28px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:14px;
  background:rgba(255,255,255,.055);
}
.std-rated-how-grid small{display:block;margin-bottom:20px;color:#5ee3b8;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.std-rated-how-grid article>i{font-size:28px;color:#5ee3b8}
.std-rated-how-grid h3{margin:15px 0 7px;font-size:20px}
.std-rated-how-grid p{margin:0;color:#aab5c5;font-size:13.5px;line-height:1.65}
.std-rated-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:32px;border-top:1px solid rgba(255,255,255,.12)}
.std-rated-stats div{padding:24px;text-align:center;border-right:1px solid rgba(255,255,255,.12)}
.std-rated-stats div:last-child{border-right:0}
.std-rated-stats strong{display:block;color:#fff;font-family:Outfit,sans-serif;font-size:31px}
.std-rated-stats span{color:#93a0b2;font-size:12px;letter-spacing:.06em;text-transform:uppercase}

/* Existing store and directory pages inherit the new system */
.std-page{background:var(--std-bg)}
.std-store-hero{border-color:var(--std-line)}
.std-store-title h1,.std-offer-title,.std-content-card h2,.std-side-card h3{font-family:Outfit,sans-serif;color:var(--std-ink)}
.std-store-action .std-btn,.std-offer-side .std-btn{background:var(--std-primary)}
.std-store-action .std-btn:hover,.std-offer-side .std-btn:hover{background:var(--std-primary-dark)}
.std-filter-btn.active{background:var(--std-primary-soft);border-color:#99d5c2;color:var(--std-primary-dark)}
.std-offer-tag{background:var(--std-primary-soft);color:var(--std-primary-dark)}
.std-code-box{border-color:#69bda3;background:#effaf6;color:var(--std-primary-dark)}
.std-vote-btn:hover{border-color:#81c8b2;color:var(--std-primary)}
.page-container{background:var(--std-bg)!important}

/* Footer */
.std-footer{margin-top:0;background:#0b1220}
.std-footer-main{padding-top:52px}
.std-footer-brand img{width:150px;height:auto;padding:0;background:#14d8df;border-radius:9px}
.std-footer h4{font-family:Outfit,sans-serif;font-size:15px}
.std-footer a:hover{color:#5ee3b8}

@media(max-width:1140px){
  .std-links{gap:13px}.std-links a{font-size:12px}
  .std-rated-deal-grid{grid-template-columns:repeat(3,1fr)}
  .std-rated-logo-row{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:920px){
  .std-search{max-width:none}
  .std-links{top:70px}
  .std-rated-hero{min-height:555px}
  .std-rated-hero-image{background-position:center center;opacity:.32}
  .std-rated-hero-content{padding:70px 0 60px}
  .std-rated-hero h1{font-size:54px}
  .std-rated-deal-grid{grid-template-columns:repeat(2,1fr)}
  .std-rated-store-grid,.std-rated-cat-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .std-container{width:min(100% - 24px,1240px)}
  .std-nav{min-height:68px;gap:11px}
  .std-brand{width:112px;height:52px}
  .std-search{display:none}
  .std-menu-toggle{display:block;border-color:#dfe2e7;color:var(--std-ink)}
  .std-links{left:12px;right:12px;top:63px}
  .std-links .std-nav-cta{text-align:center}
  .std-rated-hero{min-height:520px}
  .std-rated-hero-image{background-position:center center;opacity:.18}
  .std-rated-hero-content{padding:57px 0 48px}
  .std-rated-hero h1{font-size:42px}
  .std-rated-hero-content>p{font-size:15px}
  .std-rated-trust{gap:7px}
  .std-rated-trust span{padding:8px 10px;font-size:11px}
  .std-rated-category-scroll{justify-content:flex-start}
  .std-rated-logo-row{grid-template-columns:repeat(2,1fr)}
  .std-rated-logo-row a{height:74px}
  .std-rated-section{padding:42px 0}
  .std-rated-section-head{align-items:flex-start;flex-direction:column}
  .std-rated-section-head h2,.std-rated-how-title h2{font-size:27px}
  .std-rated-deal-grid,.std-rated-store-grid,.std-rated-cat-grid,.std-rated-how-grid{grid-template-columns:1fr}
  .std-rated-deal-body h3,.std-rated-deal-body>p{height:auto}
  .std-rated-how{padding:50px 0}
  .std-rated-stats{grid-template-columns:1fr}
  .std-rated-stats div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .std-rated-stats div:last-child{border-bottom:0}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important}
}
