/* Coupons Future: compact, readable storefront based on the supplied reference. */
:root{--ink:#103653;--muted:#526779;--paper:#f5f8fb;--line:#d9e5ee;--accent:#1768a2;--accent-dark:#0b4776;--mist:#edf5fa;--soft:#eaf3f9}
body{background:#f5f8fb;color:#17354b}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e1a63d;outline-offset:3px}
.wrap{width:min(1200px,calc(100% - 40px))}
.micro{padding:6px 0;background:#0e3e65;color:#f2f8fc;text-align:center;font-size:12px}
.micro span{color:#e6ae44}
.site-header{background:#fff;border-bottom:1px solid #dbe6ee}
.header-row{height:73px;gap:28px}
.brand img{display:block;width:194px;height:auto}
.search{border-radius:99px;background:#f6f9fc;border-color:#d4e2ec;max-width:310px}
.search input{padding:9px 16px;font-size:13px}
.search button{font-size:24px;color:var(--accent)}
.all-stores{color:var(--accent-dark)}
.all-stores span{color:var(--accent)}
.nav{height:42px;justify-content:center;border-top:1px solid #eff3f7;gap:38px;font-size:13px;letter-spacing:0}
.nav a:hover,.text-link:hover,.footer a:hover{color:var(--accent)}
.eyebrow{color:#246991;letter-spacing:.14em;font-size:10px}
.home-hero{position:relative;background:radial-gradient(circle at 14% 105%,#d6eaf8 0,transparent 40%),radial-gradient(circle at 88% -15%,#dceef8 0,transparent 45%),linear-gradient(105deg,#eaf4fa,#f8fbfe 48%,#e8f2f8)!important;border-bottom:1px solid #d5e5ef!important;overflow:hidden;padding:29px 0 34px!important}
.home-hero:before,.home-hero:after{content:'✦';position:absolute;color:#b0d4ea;font-size:40px;opacity:.55;pointer-events:none}
.home-hero:before{left:10%;top:18%}.home-hero:after{right:10%;bottom:10%;font-size:25px}
.home-intro{display:block;text-align:center;padding:0!important;position:relative;z-index:1}
.home-intro h1{font-size:clamp(32px,4.3vw,54px)!important;line-height:1.08;margin:7px 0 8px!important;letter-spacing:-.055em!important;color:#103b5d}
.home-intro h1 em{color:#1768a2!important;font-style:normal}
.home-intro p{font-size:15px!important;max-width:none!important;margin:0 0 17px!important;color:#425b6c}
.home-intro .hero-search{margin:auto;max-width:560px;box-shadow:0 8px 20px #17486d18;border:1px solid #c8dce9;border-radius:99px;padding:4px;overflow:hidden}
.home-intro .hero-search input{font-size:14px;padding:9px 17px;background:#fff}
.home-intro .hero-search button{border-radius:99px;padding:0 22px;background:#1768a2;font-size:12px}
.home-intro .hero-search button span{font-size:17px;margin-left:7px}
.home-board{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(280px,1fr);gap:24px;padding-top:28px;padding-bottom:25px;align-items:start}
.board-offers,.board-aside{min-width:0}
.board-aside{padding-left:24px;border-left:1px solid #d9e5ee}
.board-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:6px}
.board-heading h2{font-size:25px;line-height:1.1;letter-spacing:-.045em;margin:4px 0 0;color:#143c5d}
.board-heading .text-link{font-size:12px;color:#185d8e}
.board-note{font-size:12px;line-height:1.4;color:#5b6f7d;margin:0 0 12px}
.board-offers .offer-list{gap:9px}
.offer{grid-template-columns:75px minmax(0,1fr) auto;gap:13px;min-height:116px;padding:13px 15px;border:1px solid #dbe5ec;border-left:1px solid #dbe5ec;border-radius:8px;box-shadow:0 2px 4px #0c3e6410;background:#fff}
.offer-value{min-height:70px;border-right:1px solid #e1e9ef;align-items:center;text-align:center;padding-right:9px}
.offer-value strong{color:#145e91;font-size:23px;line-height:1;letter-spacing:-.04em}
.offer-value span{font-size:9px;color:#617687;margin-top:5px}
.offer-merchant{color:#174464;font-size:11px;gap:7px}
.offer-merchant img{width:36px;height:25px}
.offer-kicker{color:#667b89;font-size:10px}
.offer h3{font-size:17px;line-height:1.18;margin:5px 0;color:#162f40;letter-spacing:-.03em}
.offer-copy p{font-size:11px;line-height:1.3;color:#637687}
.offer-button,.button.primary{background:linear-gradient(#2280bc,#1768a2);border:1px solid #1768a2;color:#fff;border-radius:5px;padding:11px 15px;box-shadow:0 2px 0 #0c4772;font-size:11px}
.offer-button:hover,.button.primary:hover{background:#0b4776;border-color:#0b4776}
.board-brands{display:grid;gap:8px}
.board-brands .store-tile{min-height:0;display:grid;grid-template-columns:53px minmax(0,1fr);grid-template-rows:auto auto;column-gap:11px;align-items:center;padding:8px 12px;border-radius:8px;box-shadow:none}
.board-brands .store-art{width:53px;height:49px;grid-row:1/3;justify-content:center}
.board-brands .store-art img{max-width:50px;max-height:39px}
.board-brands .monogram{font-size:23px}
.board-brands .tile-name{font-size:15px;margin:0;line-height:1.2}
.board-brands .tile-link{font-size:10px;margin:3px 0 0}
.board-tip{display:flex;gap:12px;margin-top:12px;padding:16px;border-radius:8px;background:#e6f1f8;border:1px solid #d2e5f0;color:#144b70}
.board-tip>span{font-size:22px;color:#db9b35;line-height:1}
.board-tip b{font-size:13px}
.board-tip p{font-size:12px;line-height:1.4;margin:5px 0 0;color:#4b6575}
.brands-section{padding-top:28px!important}
.section{padding-bottom:55px}
.section-top h2{font-size:clamp(27px,3vw,39px)}
.store-tile{border-radius:8px;box-shadow:none}
.store-tile:hover{box-shadow:0 8px 24px #104a7216}
.tile-link,.panel-category{color:#1768a2}
.category-section{background:#eaf3f9}
.category-link{border-bottom-color:#8fc6e4}
.category-link:hover{border-color:#1768a2}
.ink-band{background:#103e61}
.band-row em{color:#f0bd5b}
.footer{background:#e9f3f9}
.footer-grid img{width:200px}
.footer-grid small,.footer-grid p{color:#455f70}
.modal{border-top-color:#e9ad45}
.code-box{border-color:#1768a2}
.admin-header{border-bottom-color:#1768a2}
.editorial{border-top-color:#e9ad45}
.region-page .page-intro{border-left-color:#e9ad45}
@media(max-width:900px){.home-board{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.board-aside{padding-left:18px}.offer{grid-template-columns:68px minmax(0,1fr)}.offer-button{grid-column:2;justify-self:start}.nav{gap:23px}}
@media(max-width:650px){
 .wrap{width:calc(100% - 28px)}
 .micro{font-size:10px;padding:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .header-row{height:58px;min-height:0;padding:4px 0;flex-wrap:nowrap}
 .brand img{width:155px}
 .header-row .search{display:none}
 .all-stores{font-size:11px}
 .nav{height:40px;justify-content:flex-start;gap:21px;padding:9px 0;font-size:11px}
 .home-hero{padding:16px 0 18px!important}
 .home-hero:before,.home-hero:after{display:none}
 .home-intro h1{font-size:30px!important;line-height:1.03;margin:4px 0 6px!important}
 .home-intro p{font-size:12px!important;line-height:1.3;margin:0 0 12px!important}
 .home-intro .hero-search{box-shadow:0 4px 10px #17486d15;padding:3px}
 .home-intro .hero-search input{font-size:12px;padding:8px 12px}
 .home-intro .hero-search button{font-size:11px;padding:0 14px}
 .home-board{display:flex;flex-direction:column;gap:27px;padding-top:16px}
 .board-offers,.board-aside{width:100%}
 .board-aside{padding:0;border:0}
 .board-heading{margin-bottom:7px}
 .board-heading h2{font-size:22px}
 .board-note{font-size:10px;margin-bottom:9px}
 .board-offers .offer-list{gap:8px}
 .offer{grid-template-columns:57px minmax(0,1fr);padding:10px;gap:8px;min-height:0}
 .offer-value{min-height:63px;padding-right:6px}
 .offer-value strong{font-size:17px}
 .offer-merchant{font-size:10px;gap:4px}
 .offer-merchant img{width:30px;height:20px}
 .offer-kicker{font-size:9px;padding-left:5px;margin-left:4px}
 .offer h3{font-size:15px;margin:3px 0}
 .offer-copy p{font-size:10px}
 .offer-button{grid-column:2;padding:8px 11px;font-size:10px}
 .board-brands{grid-template-columns:repeat(2,minmax(0,1fr))}
 .board-brands .store-tile{grid-template-columns:42px minmax(0,1fr);column-gap:5px;padding:7px;min-height:64px}
 .board-brands .store-art{width:42px}
 .board-brands .tile-name{font-size:12px}
 .board-brands .tile-link{font-size:9px}
 .section{padding-top:35px;padding-bottom:35px}
 .brands-section{padding-top:20px!important}
 .footer{margin-top:35px}
 .store-title h1{font-size:35px}
 .store-layout{padding-top:6px}
 .store-layout .offer-heading{margin-top:12px}
}