.paint-systems{padding:clamp(4.5rem,8vw,8rem) 0;background:#f3eee7;color:#17212d}.paint-systems__head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.paint-systems__head h2{font-size:clamp(2.8rem,6vw,5.5rem);line-height:.9;letter-spacing:-.065em;margin:.6rem 0 0}.paint-systems__head h2 b{font-style:italic;color:#c5682e;font-weight:400}.paint-systems__intro{max-width:30rem;color:#5d6973;line-height:1.65;margin:0}.brand-strip{display:flex;align-items:center;gap:1rem;overflow:auto;padding:.65rem 0 1.35rem;border-top:1px solid #d9d2c9;border-bottom:1px solid #d9d2c9}.brand-filter{flex:0 0 auto;border:1px solid #d5d1cb;background:transparent;color:#34414a;min-height:2.7rem;padding:0 1rem;font:700 .72rem/1 inherit;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:.2s}.brand-filter[aria-pressed="true"]{background:#17212d;color:#fff;border-color:#17212d}.brand-logo{flex:0 0 auto;height:1.55rem;width:auto;object-fit:contain;filter:grayscale(1);opacity:.68;margin-right:.5rem}.paint-system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.paint-system-card{position:relative;min-height:25rem;padding:1.2rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#202b34;color:#fff;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease}.paint-system-card:hover{transform:translateY(-5px);box-shadow:0 20px 30px rgba(29,37,44,.16)}.paint-system-card[hidden]{display:none}.paint-system-card::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--system-colour)}.paint-system-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(145deg,rgba(7,14,20,.04),rgba(7,14,20,.74) 88%)}.paint-system-card:nth-child(3n+2)::before{background:linear-gradient(135deg,var(--system-colour),#e8ddca)}.paint-system-card:nth-child(3n)::before{background:linear-gradient(155deg,#1d2932,var(--system-colour))}.system-card-top{display:flex;justify-content:space-between;gap:1rem;align-items:start}.system-brand{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase}.system-tag{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.55);padding:.35rem .5rem}.system-card-bottom{max-width:23rem}.system-card-bottom h3{font-size:clamp(1.7rem,2.8vw,2.55rem);letter-spacing:-.055em;line-height:.96;margin:0 0 .8rem}.system-card-bottom p{margin:0;line-height:1.55;font-size:.84rem;max-width:22rem;opacity:.88}.system-meta{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;margin-top:1.25rem;border-top:1px solid rgba(255,255,255,.28)}.system-meta span{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;opacity:.72}.system-meta strong{display:block;margin-top:.22rem;font-size:.9rem}.system-select{margin-top:1rem;display:inline-flex;align-items:center;gap:.55rem;color:#fff;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.8);padding:0 0 .4rem;font:700 .75rem/1 inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.system-select:hover{color:#ffbf90;border-color:#ffbf90}.system-note{display:flex;gap:1rem;align-items:start;padding-top:1.35rem;color:#66717a;font-size:.77rem;line-height:1.55}.system-note b{color:#c5682e;white-space:nowrap}.system-choice{margin-top:1.25rem;background:#17212d;color:#fff;padding:1rem 1.2rem;display:none;align-items:center;justify-content:space-between;gap:1rem;font-size:.85rem}.system-choice.is-visible{display:flex}.system-choice button{border:0;background:none;color:#fff;text-decoration:underline;font:inherit;cursor:pointer}@media(max-width:850px){.paint-systems__head{display:block}.paint-systems__intro{margin-top:1rem}.paint-system-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.paint-system-grid{grid-template-columns:1fr}.paint-system-card{min-height:22rem}.brand-strip{margin-inline:-1rem;padding-inline:1rem}.system-choice.is-visible{align-items:start;flex-direction:column}}

/* Product-pack presentation */
.paint-system-card{min-height:31rem;background:#17212d}.paint-system-card::after{background:linear-gradient(180deg,rgba(7,14,20,.08) 0%,rgba(7,14,20,.14) 32%,rgba(7,14,20,.9) 79%,rgba(7,14,20,.98) 100%)}.system-card-top,.system-card-bottom{position:relative;z-index:2}.system-brand-logo{display:block;max-width:8.4rem;max-height:2.2rem;width:auto;height:auto;object-fit:contain;object-position:left center;filter:none}.system-pack{position:absolute;z-index:1;right:-4%;top:11%;width:66%;height:60%;object-fit:contain;object-position:center;filter:drop-shadow(0 24px 15px rgba(0,0,0,.28));transform:rotate(-2deg);transition:transform .4s ease}.paint-system-card:hover .system-pack{transform:translateY(-.5rem) rotate(1deg) scale(1.035)}.system-card-bottom{max-width:none}.system-card-bottom h3{max-width:12rem;text-shadow:0 2px 16px rgba(0,0,0,.22)}.system-card-bottom p{max-width:19rem}.system-meta{max-width:24rem}.system-tag{background:rgba(10,18,24,.26);backdrop-filter:blur(8px)}@media(max-width:560px){.paint-system-card{min-height:28rem}.system-pack{top:9%;right:-2%;width:63%;height:57%}.system-brand-logo{max-width:7.3rem}}

/* Refined card hierarchy and logo-only brand filter */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.brand-strip{gap:.65rem}.brand-filter{display:grid;place-items:center;width:3.4rem;min-width:3.4rem;height:3.4rem;min-height:3.4rem;padding:.45rem;border-radius:50%;background:#fff;border-color:#e3ddd5}.brand-filter--all{font-size:1.1rem;color:#17212d}.brand-logo{height:auto;max-height:1.65rem;max-width:2.1rem;margin:0;opacity:1;filter:none}.brand-filter[data-brand="birla"] .brand-logo{max-height:1.9rem;max-width:1.9rem;border-radius:50%}.brand-filter[aria-pressed="true"]{background:#fff;color:#c5682e;border-color:#c5682e;box-shadow:0 0 0 3px rgba(197,104,46,.12)}.brand-filter[aria-pressed="true"] .brand-logo{filter:none}.paint-system-card{padding:1.45rem;background:#1b2730}.paint-system-card::before{background:radial-gradient(circle at 72% 27%,var(--system-colour),#18242d 68%)}.paint-system-card:nth-child(3n+2)::before{background:radial-gradient(circle at 75% 23%,#fff6e9,var(--system-colour) 41%,#243039 82%)}.paint-system-card:nth-child(3n)::before{background:radial-gradient(circle at 70% 24%,var(--system-colour),#18242d 70%)}.system-card-top{min-height:2.25rem;align-items:center}.system-brand-logo{max-width:7.6rem;max-height:1.8rem}.system-card-bottom{display:grid;grid-template-columns:1fr;align-content:end;gap:0}.system-card-bottom h3{font-size:clamp(1.85rem,2.7vw,2.45rem);line-height:.91;letter-spacing:-.065em;margin:0 0 .75rem;max-width:13rem}.system-card-bottom p{font-size:.78rem;line-height:1.5;max-width:17rem;min-height:3.55rem;letter-spacing:.002em}.system-meta{padding-top:.85rem;margin-top:.9rem;max-width:none}.system-meta strong{font-size:.82rem;line-height:1.25}.system-select{margin-top:.8rem;font-size:.61rem;letter-spacing:.1em;padding-bottom:.3rem;border-bottom-color:rgba(255,255,255,.6)}.system-select span{font-size:.85rem}.paint-system-card[data-product="Silk Glamour"] .system-pack{width:240%;height:auto;right:-70%;top:7%;object-fit:initial;filter:drop-shadow(0 22px 16px rgba(0,0,0,.38)) saturate(1.08)}.paint-system-card[data-product="Silk Glamour"] .system-card-bottom{background:linear-gradient(90deg,rgba(16,18,24,.75),rgba(16,18,24,.08));margin-inline:-1.45rem;margin-bottom:-1.45rem;padding:1.45rem}.paint-system-card[data-product="Silk Glamour"] .system-meta{border-color:rgba(255,255,255,.34)}@media(max-width:560px){.brand-filter{width:3rem;min-width:3rem;height:3rem;min-height:3rem}.system-card-bottom h3{font-size:2rem}.system-card-bottom p{min-height:0}.paint-system-card[data-product="Silk Glamour"] .system-pack{width:260%;right:-80%;top:9%}}

/* Surface selection and transparent-looking Birla mark */
.surface-switch{display:flex;gap:.45rem;margin:1.2rem 0 0}.surface-filter{border:1px solid #d6cec4;background:transparent;color:#56616a;padding:.62rem 1rem;font:700 .7rem/1 inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.surface-filter[aria-pressed="true"]{background:#17212d;color:#fff;border-color:#17212d}.system-brand-logo--birla,.brand-filter[data-brand="birla"] .brand-logo{mix-blend-mode:multiply}.system-card-top .system-brand-logo--birla{max-width:7rem;max-height:2rem}.paint-system-card[data-product="Silk Glamour"] .system-pack{width:61%;height:62%;right:0;top:8%;object-fit:contain;filter:drop-shadow(0 22px 16px rgba(0,0,0,.38)) saturate(1.04)}.paint-system-card[data-product="Silk Glamour"] .system-card-bottom{background:none;margin:0;padding:0}@media(max-width:560px){.paint-system-card[data-product="Silk Glamour"] .system-pack{width:65%;right:-2%;top:8%}}
.paint-system-card[data-brand="birla"] .system-brand-logo{mix-blend-mode:multiply}

/* Paint system quote drawer */
body.quote-drawer-open{overflow:hidden}.quote-drawer[hidden]{display:none}.quote-drawer{position:fixed;inset:0;z-index:1000;display:grid;justify-items:end}.quote-drawer__backdrop{position:absolute;inset:0;border:0;background:rgba(12,18,24,.58);backdrop-filter:blur(4px);cursor:pointer}.quote-drawer__panel{position:relative;width:min(100%,34rem);height:100%;overflow:auto;background:#f7f3ed;color:#17212d;padding:clamp(1.5rem,4vw,3.25rem);box-shadow:-24px 0 70px rgba(0,0,0,.22);animation:quoteDrawerIn .32s ease both}.quote-drawer__close{position:absolute;right:1.15rem;top:1.15rem;width:2.35rem;height:2.35rem;border:1px solid #cfc8be;background:transparent;border-radius:50%;font-size:1.55rem;line-height:1;cursor:pointer}.quote-drawer__eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#c5682e;padding-right:3rem}.quote-drawer h2{font-size:clamp(2.25rem,5vw,3.8rem);line-height:.93;letter-spacing:-.065em;margin:.7rem 0 .45rem;max-width:25rem}.quote-drawer__brand{margin:0 0 1.75rem;color:#68737d;font-size:.82rem;text-transform:capitalize}.quote-drawer form>label,.quote-contact label{display:block;color:#35414a;font-size:.78rem;font-weight:700;letter-spacing:.01em;margin-top:1rem}.quote-drawer label span{font-weight:400;color:#77818a}.quote-drawer .input{width:100%;height:3.15rem;margin-top:.45rem;border:1px solid #d8d0c6;background:#fff;padding:0 .85rem;color:#17212d;font:inherit;border-radius:0}.quote-drawer select.input{font-size:.82rem}.quote-checkbox{display:flex!important;align-items:center;gap:.6rem;font-size:.78rem!important;font-weight:500!important;line-height:1.4;margin:1.25rem 0 .9rem!important}.quote-checkbox input{width:1rem;height:1rem;accent-color:#c5682e;flex:0 0 auto}.quote-value{background:#17212d;color:#fff;min-height:7.2rem;padding:1.1rem 1.2rem;display:flex;flex-wrap:wrap;align-content:center;gap:.35rem;margin:1rem 0 1.4rem}.quote-value span{width:100%;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#bcc7cc}.quote-value strong{font-size:clamp(1.65rem,4vw,2.35rem);letter-spacing:-.065em;line-height:1.05}.quote-value small{width:100%;font-size:.73rem;line-height:1.5;color:#bcc7cc}.quote-contact{padding-top:.25rem;border-top:1px solid #ddd6cd}.quote-submit{width:100%;justify-content:center;margin-top:1.35rem}.quote-drawer__note{font-size:.72rem;line-height:1.55;color:#75808a;margin:1rem 0 0}.quote-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@keyframes quoteDrawerIn{from{transform:translateX(100%)}to{transform:translateX(0)}}@media(max-width:560px){.quote-drawer__panel{width:100%;padding:1.5rem 1.25rem}.quote-drawer h2{font-size:2.45rem}}

/* Compact product-card density */
.paint-system-card{min-height:24.5rem;padding:1.15rem}.system-pack{top:7%;width:56%;height:54%}.system-card-top{min-height:1.8rem}.system-brand-logo{max-width:6.4rem;max-height:1.5rem}.system-tag{font-size:.58rem;padding:.28rem .42rem}.system-card-bottom h3{font-size:clamp(1.55rem,2.2vw,2rem);margin-bottom:.5rem}.system-card-bottom p{font-size:.72rem;line-height:1.42;min-height:3rem;max-width:15.5rem}.system-meta{margin-top:.65rem;padding-top:.65rem}.system-meta span{font-size:.58rem}.system-meta strong{font-size:.75rem}.system-select{margin-top:.6rem;font-size:.56rem}.paint-system-card[data-product="Silk Glamour"] .system-pack{width:53%;height:54%;top:7%;right:2%}@media(max-width:850px){.paint-system-card{min-height:22.5rem}}@media(max-width:560px){.paint-system-card{min-height:20.5rem;padding:1rem}.system-pack{width:51%;height:51%;top:6%}.system-card-bottom h3{font-size:1.65rem}.system-card-bottom p{font-size:.69rem;max-width:14.5rem}.system-meta{margin-top:.55rem;padding-top:.55rem}.paint-system-card[data-product="Silk Glamour"] .system-pack{width:52%;height:51%;top:6%}}
