/* Color Card V2.2 — frontend and editor, scoped to this page only. */
.dayi-color-v22{--cc-paper:#fbf8f3;--cc-soft:#f3ece3;--cc-ink:#28211b;--cc-copy:#75604e;--cc-gold:#a97031;--cc-line:rgba(92,70,51,.16);width:100%;max-width:none!important;margin:0;color:var(--cc-ink);background:#fff}
.dayi-color-v22 .dayi-color-section{width:100%;max-width:none;margin:0;box-sizing:border-box;padding-left:max(1.5rem,calc((100% - 1240px)/2));padding-right:max(1.5rem,calc((100% - 1240px)/2))}
.dayi-color-v22 .dayi-color-kicker{margin:0 0 1.5rem;color:var(--cc-gold);font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.dayi-color-v22 .dayi-color-display,.dayi-color-v22 .dayi-color-collection-title,.dayi-color-v22 .dayi-color-cta h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em}
.dayi-color-v22 .dayi-color-hero{min-height:760px;padding-top:clamp(4rem,7vw,7rem);padding-bottom:clamp(4rem,7vw,7rem);background:radial-gradient(circle at 72% 25%,rgba(255,255,255,.9),transparent 30%),repeating-linear-gradient(103deg,transparent 0,transparent 18px,rgba(169,112,49,.035) 18px,rgba(169,112,49,.035) 19px),var(--cc-paper)}
.dayi-color-v22 .dayi-color-hero-columns{gap:clamp(3rem,7vw,8rem);margin:0}
.dayi-color-v22 .dayi-color-display{margin:0 0 2rem;font-size:clamp(4.5rem,7vw,7.4rem);line-height:.85}
.dayi-color-v22 .dayi-color-lead{max-width:610px;color:var(--cc-copy);font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.8}
.dayi-color-v22 .dayi-color-hero-features{gap:1.2rem;margin-top:3rem}
.dayi-color-v22 .dayi-color-hero-features>.wp-block-column{padding-left:1rem;border-left:1px solid var(--cc-line)}
.dayi-color-v22 .dayi-color-hero-features h3{margin:0 0 .35rem;font-size:.95rem;line-height:1.25}
.dayi-color-v22 .dayi-color-hero-features p{margin:0;color:var(--cc-copy);font-size:.8rem;line-height:1.45}
.dayi-color-v22 .dayi-color-inquiry{padding:clamp(1.5rem,3vw,2.5rem);background:#fff;border:1px solid var(--cc-line);border-radius:10px;box-shadow:0 20px 55px rgba(72,50,32,.1)}
.dayi-color-v22 .dayi-color-inquiry h2{margin:0 0 .55rem;font-size:1.45rem}
.dayi-color-v22 .dayi-color-inquiry>p{margin:0 0 1.3rem;color:#887b70}
.dayi-color-v22 .dayi-color-form{display:grid;gap:1rem}
.dayi-color-v22 .dayi-color-form label{display:grid;gap:.45rem;font-size:.82rem;font-weight:700}
.dayi-color-v22 .dayi-color-form input,.dayi-color-v22 .dayi-color-form textarea,.dayi-color-v22 .dayi-color-search input{width:100%;box-sizing:border-box;padding:.9rem 1rem;color:var(--cc-ink);background:#fff;border:1px solid #d8d2cc;border-radius:7px;font:inherit;font-weight:400}
.dayi-color-v22 .dayi-color-form textarea{resize:vertical}
.dayi-color-v22 .dayi-color-form button{padding:1rem;color:#fff;background:var(--cc-gold);border:0;border-radius:6px;font:inherit;font-weight:700;cursor:pointer}
.dayi-color-v22 .dayi-color-form small{color:#92877e;text-align:center}
.dayi-color-v22 .dayi-color-toolbar-section{position:sticky;z-index:20;top:0;padding-top:1.4rem;padding-bottom:1.4rem;background:rgba(247,243,238,.96);backdrop-filter:blur(12px)}
.admin-bar .dayi-color-v22 .dayi-color-toolbar-section{top:32px}
.dayi-color-v22 .dayi-color-toolbar{gap:1rem;padding:.75rem;background:#fff;border:1px solid var(--cc-line);border-radius:8px;box-shadow:0 10px 35px rgba(72,50,32,.07)}
.dayi-color-v22 .dayi-color-filter-buttons{gap:.25rem}
.dayi-color-v22 .dayi-color-filter .wp-block-button__link{padding:.75rem 1.1rem;color:var(--cc-ink);background:transparent;border:0;border-radius:6px;font-size:.92rem}
.dayi-color-v22 .dayi-color-filter.is-active .wp-block-button__link,.dayi-color-v22 .dayi-color-filter .wp-block-button__link:hover{color:#fff;background:var(--cc-gold)}
.dayi-color-v22 .dayi-color-search{display:block;width:min(360px,100%)}
.dayi-color-v22 .dayi-color-search input{border-radius:999px}
.dayi-color-v22 .dayi-color-collection{padding-top:4rem;padding-bottom:4.5rem}
.dayi-color-v22 .dayi-color-collection-title{margin:0 0 2rem;font-size:clamp(2.8rem,4vw,4.5rem)}
.dayi-color-v22 .dayi-color-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:2rem 1.5rem!important}
.dayi-color-v22 .dayi-color-card-item{overflow:hidden;min-width:0;padding:1rem;background:var(--cc-soft);border:1px solid var(--cc-line);border-radius:8px;box-shadow:0 14px 35px rgba(58,42,28,.09);transition:transform .2s ease,box-shadow .2s ease}
.dayi-color-v22 .dayi-color-card-item:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(58,42,28,.14)}
.dayi-color-v22 .dayi-color-card-cover{overflow:hidden;border-radius:5px;background-size:50% 50%!important;background-position:0 0!important}
.dayi-color-v22 .dayi-color-palette-1 .dayi-color-card-cover{background:conic-gradient(from 90deg,#35193c,#d5a093,#153e34,#35193c)}
.dayi-color-v22 .dayi-color-palette-2 .dayi-color-card-cover{background:conic-gradient(from 90deg,#8e2030,#1b57ae,#d08c12,#8e2030)}
.dayi-color-v22 .dayi-color-palette-3 .dayi-color-card-cover{background:conic-gradient(from 90deg,#e66819,#2999a3,#795d43,#e66819)}
.dayi-color-v22 .dayi-color-palette-4 .dayi-color-card-cover{background:conic-gradient(from 90deg,#49322f,#c7a47a,#778b5f,#49322f)}
.dayi-color-v22 .dayi-color-palette-5 .dayi-color-card-cover{background:conic-gradient(from 90deg,#6b4776,#d5b766,#8f4435,#6b4776)}
.dayi-color-v22 .dayi-color-palette-6 .dayi-color-card-cover{background:conic-gradient(from 90deg,#243349,#b96b52,#619296,#243349)}
.dayi-color-v22 .dayi-color-card-cover:has(.wp-block-cover__image-background) .dayi-color-image-note{display:none}
.dayi-color-v22 .dayi-color-image-note{max-width:180px;margin:auto;padding:.65rem;color:#4e4035;background:rgba(255,255,255,.88);border-radius:4px;font-size:.72rem;line-height:1.4}
.dayi-color-v22 .dayi-color-card-category{margin:1rem 0 .25rem;color:var(--cc-gold);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.dayi-color-v22 .dayi-color-card-number{margin:0;font-size:1.25rem;line-height:1.25}
.dayi-color-v22 .dayi-color-empty{margin:2rem 0;padding:2rem;background:var(--cc-paper);border-radius:8px;text-align:center}
.dayi-color-v22 .dayi-color-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;width:max-content;max-width:100%;margin:3rem auto;padding:1rem 1.15rem;background:#fff;border:1px solid #e5d6c5;border-radius:999px;box-shadow:0 12px 35px rgba(58,42,28,.08)}
.dayi-color-v22 .dayi-color-pagination button{padding:.8rem 1.25rem;color:#85571f;background:#fff;border:1px solid #dfc7aa;border-radius:999px;font:inherit;font-weight:700;cursor:pointer}
.dayi-color-v22 .dayi-color-pagination button:hover:not(:disabled),.dayi-color-v22 .dayi-color-next{color:#fff!important;background:var(--cc-gold)!important}
.dayi-color-v22 .dayi-color-pagination button:disabled{opacity:.45;cursor:not-allowed}
.dayi-color-v22 .dayi-color-page-status{padding:.8rem 1.1rem;background:var(--cc-paper);border-radius:999px;font-weight:700}
.dayi-color-v22 .dayi-color-pagination label{display:flex;align-items:center;gap:.55rem;color:#85571f;font-weight:700}
.dayi-color-v22 .dayi-color-page-input{width:64px;padding:.7rem;text-align:center;border:1px solid #dfc7aa;border-radius:999px}
.dayi-color-v22 .dayi-color-benefits{gap:0;margin:3rem 0 0;padding:2rem;background:#fff;border:1px solid var(--cc-line);border-radius:8px;box-shadow:0 12px 35px rgba(58,42,28,.06)}
.dayi-color-v22 .dayi-color-benefits>.wp-block-column{padding:0 1.5rem;border-right:1px solid var(--cc-line)}
.dayi-color-v22 .dayi-color-benefits>.wp-block-column:last-child{border:0}
.dayi-color-v22 .dayi-color-benefits h3{margin:0 0 .4rem;font-size:1rem}
.dayi-color-v22 .dayi-color-benefits p{margin:0;color:var(--cc-copy);font-size:.82rem;line-height:1.45}
.dayi-color-v22 .dayi-color-cta{padding-top:4.5rem;padding-bottom:4.5rem;background:var(--cc-soft);border:1px solid var(--cc-line);border-radius:12px}
.dayi-color-v22 .dayi-color-cta h2{margin:0 auto 1rem;font-size:clamp(2.4rem,4vw,4.2rem)}
.dayi-color-v22 .dayi-color-cta p{color:var(--cc-copy);font-size:1.05rem}
.dayi-color-v22 .dayi-color-cta .wp-block-button__link{padding:1rem 2rem;background:#87633e;border-radius:5px}
@media(max-width:1050px){.dayi-color-v22 .dayi-color-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.dayi-color-v22 .dayi-color-toolbar-section{position:relative;top:auto!important}}
@media(max-width:781px){.dayi-color-v22 .dayi-color-hero{min-height:0}.dayi-color-v22 .dayi-color-display{font-size:4.7rem}.dayi-color-v22 .dayi-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dayi-color-v22 .dayi-color-toolbar{display:block}.dayi-color-v22 .dayi-color-search{width:100%;margin-top:1rem}.dayi-color-v22 .dayi-color-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.dayi-color-v22 .dayi-color-benefits>.wp-block-column{padding:0;border:0}}
@media(max-width:520px){.dayi-color-v22 .dayi-color-section{padding-left:1rem;padding-right:1rem}.dayi-color-v22 .dayi-color-display{font-size:3.7rem}.dayi-color-v22 .dayi-color-grid{grid-template-columns:1fr!important}.dayi-color-v22 .dayi-color-filter-buttons{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.dayi-color-v22 .dayi-color-pagination{width:100%;box-sizing:border-box;border-radius:18px}.dayi-color-v22 .dayi-color-benefits{grid-template-columns:1fr}}