/* Atta Boys — Kitchens wall (customer clips): shared by the homepage and the product page. Markup ids: #kitchens, #kitGrid, #kitOv (kitchens.js). */
.kit .eyebrow{display:inline-block;background:var(--cobalt);color:#fff;font-family:'Anton','Anton-fb',Impact,sans-serif;text-transform:uppercase;padding:8px 14px;font-size:.9rem;transform:rotate(-2deg);box-shadow:4px 4px 0 var(--ink);margin-bottom:18px}
.kit h2{font-family:'Anton','Anton-fb',Impact,sans-serif;text-transform:uppercase;font-size:clamp(2.2rem,5.4vw,4.4rem);line-height:.94;margin:0 0 12px}
.kit h2 em{font-style:normal;color:var(--org)}
.kit .lead{max-width:36rem;font-size:1.05rem;line-height:1.5;font-weight:500;margin:0 0 22px}
.kit .lead b{background:var(--lime);padding:0 4px}
.kgrid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 8px 12px 0;margin-right:-8px;scroll-padding-left:0}
.kgrid::-webkit-scrollbar{display:none}
.kgrid .ktile{flex:0 0 calc((100% - 4 * 16px) / 5);scroll-snap-align:start}
@media(max-width:1100px){.kgrid .ktile{flex-basis:calc((100% - 2 * 16px) / 3)}}
.karr{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:52px;height:52px;border:3px solid var(--ink);background:var(--ink);color:var(--org);font-family:'Anton','Anton-fb',Impact,sans-serif;font-size:1.6rem;line-height:1;cursor:pointer;box-shadow:4px 4px 0 var(--org);display:flex;align-items:center;justify-content:center;padding:0}
.karr:hover{background:var(--org);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}
.karr.prev{left:-14px}
.karr.next{right:-14px}
.karr[hidden]{display:none}
@media(hover:none){.karr{display:none}}
.ktile{position:relative;display:block;aspect-ratio:9/16;border:3px solid var(--ink);background:#2a241f;overflow:hidden;cursor:pointer;box-shadow:5px 5px 0 var(--ink);transition:transform .12s;color:inherit}
.ktile:hover,.ktile:focus-visible{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink);outline:none}
.ktile:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}
.ktile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#2a241f}
.ktile .kpill{position:absolute;top:8px;left:8px;background:rgba(17,16,19,.75);color:#fff;font-size:11px;font-weight:700;padding:3px 7px;letter-spacing:.08em}
.ktile .ksnd{position:absolute;top:8px;right:8px;background:rgba(17,16,19,.75);color:#fff;font-size:12px;padding:3px 6px}
.ktile .kstk{position:absolute;left:-6px;bottom:14px;background:var(--org);color:#fff;font-family:'Anton','Anton-fb',Impact,sans-serif;text-transform:uppercase;font-size:13px;letter-spacing:.04em;padding:6px 10px;transform:rotate(-4deg);box-shadow:3px 3px 0 var(--ink);max-width:calc(100% - 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ktile.ksend{background:var(--lime);border-style:dashed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-decoration:none;color:var(--ink);padding:16px;text-align:center}
.ksend .plus{font-family:'Anton','Anton-fb',Impact,sans-serif;font-size:3.4rem;line-height:1}
.ksend .big{font-family:'Anton','Anton-fb',Impact,sans-serif;text-transform:uppercase;font-size:1.4rem;line-height:1}
.ksend .sm{font-size:.85rem;font-weight:600;line-height:1.35}
.ksend .txt{display:flex;flex-direction:column;align-items:center;gap:10px}
.ksend .sm b{color:var(--cobalt)}
.ksend{position:relative}
.ksend .koff{position:absolute;top:12px;right:-8px;background:var(--org);color:#fff;font-family:'Anton','Anton-fb',Impact,sans-serif;text-transform:uppercase;font-size:1.1rem;letter-spacing:.03em;padding:8px 14px;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);transform:rotate(6deg)}
.kafter{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:26px;padding-top:22px;border-top:3px solid var(--ink)}
.kafter .cnt{font-family:'Anton','Anton-fb',Impact,sans-serif;text-transform:uppercase;font-size:1.3rem;line-height:1}
.kafter .cnt .l2>span{color:var(--org)}
.kafter .cnt .kig{color:var(--cobalt);padding:6px 0;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px;display:inline-flex;align-items:center;gap:.28em}
.kafter .cnt .igi{width:.95em;height:.95em;flex:none;vertical-align:-.1em}
.kafter .cnt .kig:hover{color:var(--org)}
.kov{position:fixed;inset:0;background:rgba(17,16,19,.94);z-index:9000;display:flex;align-items:center;justify-content:center;padding:16px}
.kov[hidden],.kit[hidden],#kitSkip[hidden],#kitQuote[hidden]{display:none!important}
.kvw{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:22px;align-items:center;max-width:960px;width:100%}
.kvw .kmed{position:relative;aspect-ratio:9/16;max-height:82vh;border:3px solid var(--paper);box-shadow:8px 8px 0 var(--org);background:#000;overflow:hidden}
.kvw .kmed video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.kvw .kq{color:var(--paper)}
.kvw .kline{font-family:'Anton','Anton-fb',Impact,sans-serif;text-transform:uppercase;font-size:clamp(1.5rem,3.8vw,2.8rem);line-height:1;text-wrap:balance}
.kvw .kwho{margin-top:14px;display:inline-block;background:var(--org);color:#fff;font-family:'Anton','Anton-fb',Impact,sans-serif;text-transform:uppercase;padding:8px 12px;transform:rotate(-2deg);box-shadow:4px 4px 0 var(--paper)}
.kvw .kmeta{margin-top:14px;font-size:.9rem;color:#cfcac0;font-weight:500}
.kctr{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.kctr button{font:inherit;font-weight:700;background:var(--paper);color:var(--ink);border:3px solid var(--paper);padding:10px 14px;cursor:pointer;box-shadow:3px 3px 0 var(--org)}
.kctr button.x{background:transparent;color:var(--paper)}
.kctr button.skip{background:var(--lime);border-color:var(--lime)}
@media(max-width:700px){.kvw{grid-template-columns:1fr;max-width:420px;max-height:100%;overflow:auto}.kvw .kmed{max-height:52vh;aspect-ratio:9/13}.kvw .kline{font-size:1.35rem}}
@media(max-width:820px){.kafter .cnt{font-size:1.15rem;line-height:1.2}.kafter .cnt .l1,.kafter .cnt .l2{display:block}.kafter .cnt .l2{margin-top:6px}.kafter .cnt .dot{display:none}.kafter{gap:16px}.kgrid{gap:10px;padding-right:0;margin-right:0}.kgrid .ktile{flex-basis:64%}.kit{padding:6vh 4vw}.ksend .plus{font-size:2.4rem}.ksend .big{font-size:1.15rem}.ksend .sm{font-size:.8rem}}
@media(hover:none){.ktile:focus{outline:none}}
/* narrow screens: keep the row arrows inside the section so they never widen the page (touch devices hide them anyway) */
@media(max-width:820px){.karr.prev{left:0}.karr.next{right:0}}