/* Shared light coupon theme: applies to every exported page. */
:root,html[data-theme]{
 color-scheme:light;--bg:#fff9f3;--surface:#fff;--text:#24180f;--text-secondary:#71655b;
 --primary:#ff5a1f;--primary-hover:#df3f0b;--accent:#a64219;--border:#f0dfd1;
 --radius:20px;--shadow:0 3px 14px #4a28100d;--shadow-lg:0 14px 32px #4a281014;
 --header-bg:#fff;--sidebar-w:216px;
}
html{scroll-behavior:smooth;scroll-padding-top:120px}
html body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
body>header{background:#fffffff5;border-bottom:1px solid var(--border);box-shadow:0 2px 16px #4a281006;backdrop-filter:blur(12px)}
.header-inner{max-width:1340px;padding:18px 28px;gap:16px}
body .brand{color:var(--text);font-weight:800;letter-spacing:-.035em}
.brand-accent{color:var(--primary);margin-left:5px}
.brand-icon{display:grid;place-items:center;background:#ffe5d6;border-radius:12px;width:40px;height:40px}
.header-inner nav{gap:4px}.nav-link{color:#71655b;padding:10px 14px;border-radius:12px}
.nav-link:hover,.nav-link.active{color:#9e3215;background:#ffeadf}
.lang.lang-switch,.lang-switch{border:1px solid var(--border);border-radius:12px;padding:3px;background:#fffaf5}
.lang a,.lang-btn{color:#71655b}.lang a:hover,.lang-btn:hover{color:#9e3215;background:#ffeadf}
.lang a.on,.lang-btn.active{background:var(--primary);color:white}
.theme-toggle{display:none!important}
.layout{max-width:1340px;gap:24px;padding:24px 28px}
.sidebar{background:#fff;border:1px solid var(--border);border-radius:20px;padding:20px 14px;top:100px;height:calc(100vh - 124px)}
.sidebar-title{letter-spacing:.1em;font-size:11px}
.merchant-item{padding:9px 12px}.merchant-item:hover,.merchant-item.active{background:#fff0e6;color:#9e3215}
.alpha-btn:hover,.alpha-btn.active{background:#ffeadf;color:#9e3215}
.main-content{padding:0 0 40px}
.right-sidebar{display:none!important}
.greeting{text-align:left;padding:0 0 12px}
.hero-compact{position:relative;isolation:isolate;overflow:hidden;text-align:left;padding:38px 32px;margin-bottom:26px;border:1px solid #f0dfd1;border-radius:26px;background:linear-gradient(115deg,#fff0e4 0%,#fffaf5 58%,#ffe4d2 100%)}
.hero-compact::after{content:"";position:absolute;z-index:-1;right:-30px;top:-40px;width:210px;height:210px;border:28px solid #ffffff75;border-radius:44px;transform:rotate(24deg);pointer-events:none}
.hero-compact .editorial-heading,.hero-title-sm{max-width:750px;font-size:clamp(28px,3.4vw,46px);line-height:1.15;letter-spacing:-.045em;margin:0 0 18px;font-weight:800}
.hero-compact .editorial-intro{font-size:16px;color:#71655b;max-width:650px;margin-bottom:24px}
.highlight{background:none;color:var(--primary);-webkit-text-fill-color:var(--primary)}
html[data-theme] .search-box,.search-box{background:#fff;max-width:650px;margin:20px 0 0;border-radius:16px;box-shadow:0 6px 22px #74390f12,0 0 0 1px var(--border);padding:6px 6px 6px 18px}
.search-box input{min-width:0;color:var(--text);font-size:16px}
.search-btn,.cta-btn,.refresh-link,.primary,.product-card a{background:var(--primary);color:#fff;border-radius:12px;min-height:44px}
.search-btn:hover,.cta-primary:hover,.refresh-link:hover,.product-card a:hover{background:var(--primary-hover)}
.cat-chips{padding:0 0 20px;gap:8px}
.cat-chip{background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px 16px;font-size:13px;min-height:44px}
.cat-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}
.results-bar{margin:8px 0 18px}
.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:22px}
.card{border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow);background:#fff}
.card-header{padding:22px 22px 0;gap:12px}.card-logo{width:48px;height:48px;border-radius:13px;background:#fffaf6}
.card-body{padding:16px 22px}.card-title{font-size:17px;line-height:1.45;color:#24180f}
.card-merchant{font-size:13px}.card-desc,.coupon-reveal-note{color:var(--text-secondary)}
.discount-badge,.discount-badge.gold,.discount-badge.green{background:#ffe7d8;color:#9e3215;font-size:16px;border-radius:10px;padding:6px 12px}
.offer-kind{background:#fff1d5;color:#8b5300}
.card-footer{position:relative;padding:18px 22px;border-top:1px dashed #efb18c;background:#fff5ec;gap:12px}
.card-footer::before,.card-footer::after{content:"";position:absolute;top:-8px;width:14px;height:14px;border:1px solid var(--border);border-radius:50%;background:var(--bg);pointer-events:none}
.card-footer::before{left:-8px}.card-footer::after{right:-8px}
.card-footer .cta-btn{font-size:13px;line-height:1.45;padding:12px 18px}
.coupon-code{padding:12px;border:1px dashed #f3a779;border-radius:12px;background:#fff0e5}
.coupon-code code{color:#9e3215}.copy-code{background:#fff;color:#9e3215;min-height:44px;border-color:#efb18c}
.copy-status:not(:empty){background:#9e3215;border-radius:14px;box-shadow:var(--shadow-lg)}
.share-row{border-color:var(--border);padding:10px 22px}.share-btn{background:#fff3e8}
.btn-secondary,.pagination button{color:#9e3215;border:1px solid #efb18c;background:#fff;border-radius:12px;min-height:44px}
.btn-secondary:hover,.pagination button:not(:disabled):hover{background:#ffeadf;color:#9e3215}
button:disabled{opacity:.45;cursor:not-allowed}
.faq-section{margin-top:40px;padding-top:28px}.faq-list{max-width:100%}
html[data-theme] .faq-list summary{background:white;color:var(--text)}
.faq-list details{border-radius:16px;border-color:var(--border);background:white}
.faq-list summary{padding:18px 20px;min-height:52px}
.blog-card,.seo-help,.store-conditions,.compare-result,.compare-grid fieldset{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}
.blog-card{padding:28px}.blog-grid{gap:22px}.blog-card h3{font-size:20px;letter-spacing:-.025em}
.seo-help{padding:28px}.seo-help h2{letter-spacing:-.025em}
.seo-links{gap:12px}.seo-links a{border:1px solid var(--border);border-radius:14px;padding:14px 16px;background:#fff;transition:background .18s,border-color .18s}
.seo-links a:hover{background:#fff0e5;border-color:#f3b18b}.seo-links a span{color:var(--text-secondary);font-size:12px}
.store-header{padding:28px 0;flex-wrap:wrap}.store-logo{background:white;border-color:var(--border);border-radius:18px}
.store-header h1{font-size:clamp(26px,3vw,40px);letter-spacing:-.04em;line-height:1.2}
.seo-breadcrumbs{color:var(--text-secondary)}
body footer{background:#fff1e5;border-top:1px solid var(--border);padding:28px;margin-top:36px}
.footer-bottom{color:#71655b}.seo-footer{display:block!important;background:#fff1e5;color:#71655b;padding:20px}
html[data-theme] .tg-cta{background:#fff0e5}.tg-btn{background:#a64219}
html[data-theme] .counter-bar{background:#ffeadf;color:#9e3215}
.feed-dot{animation:none}
.product-wrap{max-width:1280px;padding:32px 28px}
header.product-head{position:static;background:transparent;padding:0;border:0;box-shadow:none;height:auto;gap:20px}
.product-head a{color:var(--primary);font-weight:650}.product-head h1{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em}
.product-note{color:var(--text-secondary);margin:16px 0}
.product-tools{padding:20px;background:#fff4ea;border:1px solid var(--border);border-radius:18px}
.product-tools select{max-width:100%;min-width:0;color:var(--text);border-color:#e7cdbb;border-radius:12px;min-height:44px;font:inherit}
.product-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:22px}
.product-card{border:1px solid var(--border);border-radius:20px;padding:20px;box-shadow:var(--shadow);gap:16px}
.product-card img{height:200px;border-radius:12px;background:#fffaf6;padding:10px}
.product-card h2{font-size:16px;font-weight:650}.product-card .price{color:#9e3215;font-size:21px;letter-spacing:-.02em}
.product-card a{font-weight:650;background:var(--primary)}
body:has(#dashboard)>header{height:auto;min-height:76px;gap:16px;flex-wrap:wrap;padding:16px max(20px,calc((100% - 1200px)/2))}
body:has(#dashboard) .brand span{color:var(--text-secondary)}
body:has(#dashboard) .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body:has(#dashboard) .stats article,body:has(#dashboard) .grid article,.admitad-list,.welcome{border-color:var(--border);border-radius:20px;box-shadow:var(--shadow)}
body:has(#dashboard) h1{letter-spacing:-.04em}.eyebrow{color:var(--primary)}
.period button.active{background:var(--primary);border-color:var(--primary);color:#fff}
.update-time{background:#ffe9d9;color:#8b5300}.row,.offer-row{border-color:var(--border)}
input,select,textarea{accent-color:var(--primary)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ff9b66;outline-offset:3px}
.card,.product-card,.blog-card{animation:coupon-appear .35s ease-out both;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
@keyframes coupon-appear{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){.card:hover,.product-card:hover,.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#f0b18a}}
@media(max-width:1000px){.layout{gap:18px;padding:20px}.header-inner{padding:16px 20px}.sidebar{width:190px}.header-inner nav{display:flex;flex-wrap:wrap}.hero-compact{padding:28px}}
@media(max-width:760px){
 .layout{display:block;padding:16px}.sidebar{display:none}.main-content{padding:0 0 24px}
 .header-inner{padding:12px 16px;gap:10px}.header-inner nav{display:flex;order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
 .nav-link{white-space:nowrap;font-size:13px;padding:8px 12px;min-height:40px}
 .header-actions{max-width:100%}.lang.lang-switch{display:flex}.lang a{font-size:11px;padding:6px}
 .hero-compact{padding:26px 22px;border-radius:22px}.hero-compact .editorial-heading{font-size:30px}
 .cat-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:16px}.cat-chip{flex-shrink:0;max-width:none;min-height:44px;padding:10px 14px}
 .grid,.blog-grid{grid-template-columns:1fr;gap:18px}.card-header{padding:20px 20px 0}.card-body{padding:14px 20px}.card-footer{padding:16px 20px}
 .card-footer .cta-btn{width:100%;font-size:14px}.seo-help{padding:20px}.seo-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-wrap{padding:22px 16px}.product-tools{padding:16px}.product-tools select{width:100%}.product-tools #summary{width:100%}
 .product-head h1{width:100%;font-size:30px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .product-card{padding:12px;gap:12px;border-radius:16px}.product-card img{height:150px;padding:6px}.product-card h2{font-size:14px}.product-card .price{font-size:18px}
 body:has(#dashboard) .grid{grid-template-columns:1fr}.welcome{padding:28px}.panel-heading{overflow-wrap:anywhere}
}
@media(max-width:380px){.product-grid,.seo-links{grid-template-columns:1fr}.product-card img{height:200px}.search-btn{padding:10px 12px}.hero-compact{padding:22px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}


/* Selected concept: orange coupon tickets */
body:not(:has(#dashboard)) .grid{grid-template-columns:1fr;gap:14px}
body:not(:has(#dashboard)) .card{
 display:grid;grid-template-columns:150px minmax(0,1fr) 170px;
 grid-template-rows:minmax(64px,auto) auto;align-items:stretch;gap:0;
 border:1px solid #f0d7c5;border-radius:18px;background:#fffdfb;
}
body:not(:has(#dashboard)) .card-header{display:contents}
body:not(:has(#dashboard)) .card-logo{
 grid-column:1;grid-row:1;align-self:end;justify-self:center;
 width:72px;height:72px;margin:12px 0 4px;border:0;background:transparent;
}
body:not(:has(#dashboard)) .card-logo img{width:100%;height:100%;object-fit:contain}
body:not(:has(#dashboard)) .card-merchant{
 grid-column:1;grid-row:2;align-self:start;justify-self:stretch;
 padding:0 10px 14px;text-align:center;color:#24180f;font-weight:750;
}
body:not(:has(#dashboard)) .offer-kind{display:none}
body:not(:has(#dashboard)) .discount-badge,
body:not(:has(#dashboard)) .discount-badge.gold,
body:not(:has(#dashboard)) .discount-badge.green{
 grid-column:3;grid-row:1;align-self:stretch;justify-self:stretch;
 display:flex;align-items:center;justify-content:center;margin:12px 14px 4px;
 min-height:56px;padding:8px;border-radius:9px;
 color:#fff!important;background:linear-gradient(135deg,#ff9f18,#ff570f);
 font-size:clamp(20px,2vw,30px);font-weight:900;letter-spacing:-.04em;
 box-shadow:0 4px 0 #e94a0b;transform:rotate(-2deg);
}
body:not(:has(#dashboard)) .card-body{
 grid-column:2;grid-row:1/3;align-self:center;
 min-width:0;padding:18px 22px;border-left:1px dashed #e9ad83;
 border-right:1px dashed #e9ad83;
}
body:not(:has(#dashboard)) .card-title{
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
 overflow:hidden;font-size:17px;line-height:1.35;font-weight:750;color:#24180f;
}
body:not(:has(#dashboard)) .card-body>p{margin:6px 0 0;color:#71655b;font-size:14px}
body:not(:has(#dashboard)) .card-footer{
 grid-column:3;grid-row:2;align-self:stretch;align-content:center;
 display:flex;flex-direction:column;justify-content:center;gap:10px;
 padding:12px 14px 14px;border:0;border-radius:0 0 16px 0;
 background:linear-gradient(145deg,#ff7b16,#f44a0d);
}
body:not(:has(#dashboard)) .card-footer::before,
body:not(:has(#dashboard)) .card-footer::after{display:none}
body:not(:has(#dashboard)) .expire{color:#fff;font-size:12px;text-align:center}
body:not(:has(#dashboard)) .card-footer .cta-btn{
 width:100%;min-height:40px;padding:9px 10px;border:1px solid #fff8;
 border-radius:999px;background:#fff;color:#8b2b0e;text-align:center;
 font-weight:750;box-shadow:0 2px 8px #8b2b0e18;
}
body:not(:has(#dashboard)) .card-footer .cta-btn:hover{background:#fff4e9;color:#742108}
body:not(:has(#dashboard)) .card:hover{border-color:#ffad79;box-shadow:0 10px 24px #9b4c1c18}
body:not(:has(#dashboard)) .hero{
 position:relative;isolation:isolate;overflow:hidden;
 margin:24px 0 26px;padding:38px 32px;border:1px solid #f0d7c5;
 border-radius:26px;background:linear-gradient(115deg,#fff1e5 0%,#fffaf5 60%,#ffe2cf 100%);
}
body:not(:has(#dashboard)) .hero::after{
 content:"%";position:absolute;z-index:0;right:7%;top:17%;
 width:clamp(130px,17vw,220px);aspect-ratio:1.3;
 display:grid;place-items:center;border-radius:22px;
 background:linear-gradient(135deg,#ff7b16,#f3430b);color:white;
 font-size:clamp(64px,9vw,112px);font-weight:900;line-height:1;
 box-shadow:16px 18px 0 #ffd34f;transform:rotate(-8deg);
 clip-path:polygon(0 10%,8% 10%,8% 0,92% 0,92% 10%,100% 10%,100% 90%,92% 90%,92% 100%,8% 100%,8% 90%,0 90%);
 pointer-events:none;
}
body:not(:has(#dashboard)) .hero>*{position:relative;z-index:1;max-width:70%}
body:not(:has(#dashboard)) .hero .editorial-heading{font-size:clamp(30px,4vw,50px);line-height:1.08;letter-spacing:-.04em}
body:not(:has(#dashboard)) .hero .search-box{max-width:670px}
@media(max-width:760px){
 body:not(:has(#dashboard)) .grid{gap:12px}
 body:not(:has(#dashboard)) .card{
  grid-template-columns:82px minmax(0,1fr);grid-template-rows:auto auto auto;
  border-radius:16px;
 }
 body:not(:has(#dashboard)) .card-logo{grid-column:1;grid-row:1;width:54px;height:54px;margin:14px 0 4px}
 body:not(:has(#dashboard)) .card-merchant{grid-column:2;grid-row:1;align-self:center;text-align:left;padding:10px 10px 10px 0}
 body:not(:has(#dashboard)) .card-body{grid-column:1/-1;grid-row:2;border:0;border-top:1px dashed #e9ad83;padding:12px 16px}
 body:not(:has(#dashboard)) .card-title{-webkit-line-clamp:4;font-size:15px}
 body:not(:has(#dashboard)) .card-footer{
  grid-column:1/-1;grid-row:3;flex-direction:row;align-items:center;
  justify-content:space-between;gap:10px;padding:10px 12px;border-radius:0 0 14px 14px;
 }
 body:not(:has(#dashboard)) .discount-badge,
 body:not(:has(#dashboard)) .discount-badge.gold,
 body:not(:has(#dashboard)) .discount-badge.green{
  grid-column:1;grid-row:3;z-index:1;align-self:center;justify-self:center;
  min-height:34px;margin:0 8px;padding:4px 6px;font-size:16px;box-shadow:0 2px 0 #e94a0b;
 }
 body:not(:has(#dashboard)) .expire{margin-left:auto;font-size:11px}
 body:not(:has(#dashboard)) .card-footer .cta-btn{width:auto;min-width:122px;min-height:38px;padding:8px 12px}
 body:not(:has(#dashboard)) .hero{padding:26px 20px;border-radius:22px}
 body:not(:has(#dashboard)) .hero>*{max-width:100%}
 body:not(:has(#dashboard)) .hero::after{right:-32px;top:auto;bottom:12px;width:100px;opacity:.18}
}
@media(max-width:380px){
 body:not(:has(#dashboard)) .card{grid-template-columns:68px minmax(0,1fr)}
 body:not(:has(#dashboard)) .card-footer .cta-btn{min-width:108px;padding:7px 9px;font-size:12px}
 body:not(:has(#dashboard)) .expire{font-size:10px}
}
