/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5 · genre: editorial-commerce · macrostructure: Bento Grid · theme: studied-DNA (Light Inspiration) · enrichment: migrated coupon artwork · nav/footer: existing approved chrome · contrast: pass (40–41) · slop: pass (42–45) · honest: pass (46) · chrome: pass (47) · tokens: pass (48) · responsive: pass (49) · icons: pass (30) · mobile: pass (34,49,50–57) */
html:has(body.li-coupon-page), body.li-coupon-page { overflow-x: clip; }
.li-coupon-guide { width:100%; min-width:0; color:var(--ink); font-family:var(--font-body); }
.li-coupon-page .li-entry-shell > .elementor-widget-theme-post-content { width:100% !important; max-width:none !important; }
.li-coupon-guide h2 { min-width:0; margin:0 !important; padding:0 !important; overflow-wrap:anywhere; color:var(--ink); font-family:var(--font-display); font-size:clamp(2rem,3.5vw,3.5rem); font-style:normal; font-weight:400; letter-spacing:-.03em; line-height:1.04; }
.li-coupon-prose { max-width:68ch; color:var(--ink-soft); font-size:1.0625rem; line-height:1.7; }
.li-coupon-prose > :first-child { margin-top:0; } .li-coupon-prose > :last-child { margin-bottom:0; }
.li-coupon-opening { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(var(--space-xl),8vw,8rem); align-items:center; padding-block-end:clamp(var(--space-2xl),8vw,7rem); }
.li-coupon-opening figure { min-width:0; margin:0; background:var(--paper-soft); }
.li-coupon-opening img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; }
.li-coupon-opening h2 { margin-bottom:var(--space-lg) !important; }
.li-coupon-categories { display:grid; grid-template-columns:minmax(15rem,.65fr) minmax(0,1.35fr); gap:var(--space-2xl); padding-block:var(--space-2xl); border-block:var(--rule-hair) solid var(--rule); }
.li-coupon-categories h2 { font-size:clamp(1.75rem,3vw,2.75rem); }
.li-coupon-categories nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.li-coupon-categories a { display:flex; align-items:center; justify-content:space-between; gap:var(--space-md); min-height:3.5rem; padding-block:var(--space-sm); border-bottom:var(--rule-hair) solid var(--rule); color:var(--ink); font-weight:700; white-space:nowrap; }
.li-coupon-categories a:nth-child(odd) { margin-inline-end:var(--space-lg); }
.li-coupon-categories a:focus-visible,.li-coupon-cta a:focus-visible,.li-coupon-faq summary:focus-visible { outline:.125rem solid var(--focus); outline-offset:var(--space-2xs); }
.li-coupon-categories a:active { color:var(--accent-deep); }
.li-coupon-cta a:active { color:var(--accent); }
.li-coupon-codes { padding-block:clamp(var(--space-2xl),8vw,7rem); }
.li-coupon-codes > header { display:grid; grid-template-columns:minmax(0,1fr) minmax(18rem,.7fr); gap:var(--space-2xl); align-items:end; margin-bottom:var(--space-xl); }
.li-coupon-codes > header p { max-width:58ch; margin:0; color:var(--muted); line-height:1.65; }
.li-coupon-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--space-md); }
.li-coupon-grid article { grid-column:span 4; min-width:0; padding:var(--space-lg); background:var(--paper-soft); }
.li-coupon-grid article:nth-child(2) { grid-column:span 5; background:var(--paper-blue); }
.li-coupon-grid article:nth-child(3) { grid-column:span 3; }
.li-coupon-code { display:block; margin-bottom:var(--space-xl); font-family:var(--font-display); font-size:clamp(1.75rem,3vw,2.75rem); font-weight:400; letter-spacing:.03em; overflow-wrap:anywhere; }
.li-coupon-saving { display:flex; align-items:baseline; justify-content:space-between; gap:var(--space-sm); margin:0 0 var(--space-md); font-variant-numeric:tabular-nums; }
.li-coupon-saving b { color:var(--accent-deep); font-size:var(--text-lg); } .li-coupon-saving span { color:var(--muted); font-size:var(--text-sm); }
.li-coupon-grid article > p:last-child { margin:0; color:var(--ink-soft); line-height:1.65; }
.li-coupon-empty { margin:0; padding:var(--space-lg); color:var(--ink-soft); background:var(--paper-soft); }
.li-coupon-bento { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--space-md); padding-bottom:clamp(var(--space-2xl),8vw,7rem); }
.li-coupon-bento > section { min-width:0; padding:var(--space-xl); background:var(--paper-soft); }
.li-coupon-bento h2 { margin-bottom:var(--space-lg) !important; font-size:clamp(1.75rem,3vw,2.75rem); }
.li-coupon-conditions { grid-column:span 5; } .li-coupon-steps { grid-column:span 7; background:var(--paper-blue) !important; }
.li-coupon-steps ol { margin:0; padding:0; list-style:none; counter-reset:coupon-step; }
.li-coupon-steps li { display:grid; grid-template-columns:2.5rem minmax(0,1fr); gap:var(--space-md); padding-block:var(--space-md); border-top:var(--rule-hair) solid var(--rule); counter-increment:coupon-step; }
.li-coupon-steps li::before { color:var(--accent-deep); font-weight:700; font-variant-numeric:tabular-nums; content:"0" counter(coupon-step); }
.li-coupon-faq { grid-column:span 8; } .li-coupon-cta { grid-column:span 4; align-self:stretch; display:flex; flex-direction:column; justify-content:space-between; background:var(--ink) !important; color:var(--on-dark); }
.li-coupon-cta h2 { color:var(--on-dark); } .li-coupon-cta a { display:inline-flex; align-items:center; width:fit-content; min-height:2.75rem; color:var(--on-dark); font-weight:700; text-decoration:underline; text-decoration-color:var(--accent); text-underline-offset:var(--space-2xs); white-space:nowrap; }
.li-coupon-faq details { border-top:var(--rule-hair) solid var(--rule); } .li-coupon-faq details:last-child { border-bottom:var(--rule-hair) solid var(--rule); }
.li-coupon-faq summary { display:grid; grid-template-columns:minmax(0,1fr) 1rem; gap:var(--space-md); align-items:center; min-height:3.75rem; padding-block:var(--space-sm); cursor:pointer; font-weight:700; list-style:none; }
.li-coupon-faq summary::-webkit-details-marker { display:none; } .li-coupon-faq summary::marker { content:""; }
.li-coupon-faq summary i { position:relative; width:1rem; height:1rem; }
.li-coupon-faq summary i::before,.li-coupon-faq summary i::after { position:absolute; inset-block-start:50%; inset-inline-start:0; width:1rem; height:var(--rule-hair); background:currentColor; content:""; }
.li-coupon-faq summary i::after { transform:rotate(90deg); } .li-coupon-faq details[open] summary i::after { transform:none; }
.li-coupon-faq details p { max-width:68ch; margin:0; padding:0 var(--space-xl) var(--space-lg) 0; color:var(--ink-soft); line-height:1.65; }
@media (hover:hover) and (pointer:fine) { .li-coupon-categories a:hover,.li-coupon-cta a:hover { color:var(--accent-deep); } .li-coupon-cta a:hover { color:var(--accent); } }
@media (max-width:59.99rem) { .li-coupon-opening,.li-coupon-categories,.li-coupon-codes > header { grid-template-columns:minmax(0,1fr); } .li-coupon-grid article,.li-coupon-grid article:nth-child(2),.li-coupon-grid article:nth-child(3) { grid-column:span 6; } .li-coupon-conditions,.li-coupon-steps,.li-coupon-faq,.li-coupon-cta { grid-column:span 12; } }
@media (max-width:39.99rem) { .li-coupon-categories nav { grid-template-columns:minmax(0,1fr); } .li-coupon-categories a:nth-child(odd) { margin-inline-end:0; } .li-coupon-grid article,.li-coupon-grid article:nth-child(2),.li-coupon-grid article:nth-child(3) { grid-column:span 12; } .li-coupon-bento > section { padding:var(--space-lg); } }
@media (prefers-reduced-motion:reduce) { .li-coupon-guide * { scroll-behavior:auto !important; transition-duration:.01ms !important; } }