.tint-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;max-width:1200px;margin:auto}.tint-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tint-category{position:relative;cursor:pointer;display:block!important;border:1px solid #374151;border-radius:16px;overflow:hidden;background:#0b1220;color:#e5e7eb!important;margin:0!important}.tint-category:has(input:checked){border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf84d}.tint-category input[type=radio]{position:absolute;top:12px;left:12px;width:18px!important;height:18px;padding:0!important;accent-color:#2563eb}.tint-category img{width:100%;aspect-ratio:12/7;object-fit:cover}.tint-category-copy{display:block;padding:12px}.tint-category strong{display:block;font-size:14px;color:#f9fafb}.tint-category small{display:block;font-weight:400;line-height:1.5;color:#9ca3af;margin-top:6px}.tint-summary{position:sticky;top:20px;height:fit-content}.tint-total{font-size:30px;font-weight:800;color:#34d399}.tint-row{padding:12px 0;border-bottom:1px solid #263344;display:flex;gap:12px;justify-content:space-between}.tint-row span:first-child{max-width:72%}.tint-intro{max-width:1200px;margin:0 auto 24px}.tint-intro h1{font-size:clamp(25px,4vw,40px);font-weight:800}.tint-check{display:flex!important;gap:12px;align-items:flex-start;font-size:14px!important}.tint-check input{width:18px!important;height:18px;margin-top:3px;flex-shrink:0;accent-color:#2563eb}.tint-film{display:flex;gap:12px;flex-wrap:wrap}.tint-film label{display:flex;gap:8px;align-items:center;border:1px solid #374151;border-radius:12px;padding:12px}.tint-film input[type=radio]{width:18px!important;height:18px;padding:0!important}.tint-admin-table{min-width:650px}@media(max-width:1000px){.tint-layout{grid-template-columns:1fr}.tint-summary{position:static}}@media(max-width:600px){.tint-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.tint-category-copy{padding:10px}.tint-category strong{font-size:12px}.tint-category small{font-size:11px}.tint-layout{gap:12px}}
.tint-row strong{white-space:nowrap;flex-shrink:0}
.tint-film-card{flex:1;min-width:200px;background:#0b1220;border:1px solid #374151;border-radius:14px;padding:14px;margin:12px 0}.tint-film .tint-film-card label{border:0;padding:0;align-items:flex-start}.tint-film-card strong{display:block;color:#e5e7eb;font-size:14px}.tint-film-card small{display:block;color:#9ca3af;font-weight:400;line-height:1.6;margin-top:8px}.tint-film-card a{display:inline-block;margin:10px 0 0 26px;font-size:12px}.tint-film-card:has(input:checked){border-color:#3b82f6}

.tint-category-price{display:block;margin-top:14px;font-size:19px;font-weight:800;color:#34d399}.tint-film-premium{display:block;margin-top:6px;font-size:14px;font-weight:700;color:#34d399}@media(max-width:600px){.tint-category-price{font-size:16px}}

/* Photographic rear-glass comparison; use the shared booking colour palette. */
.tint-shade-picker{margin:18px 0 22px;padding:0;border:0;min-width:0}.tint-shade-picker[hidden]{display:none!important}.tint-shade-picker legend{font-size:16px;font-weight:700}.tint-shade-picker>p{font-size:12px;margin:8px 0 14px;line-height:1.6}.tint-shades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.booking .tint-shade{margin:0;position:relative;display:block;overflow:hidden;border:1px solid #d7e1ec;border-radius:12px;background:#fff;color:#17253b;cursor:pointer;transition:border-color .15s,box-shadow .15s}.tint-shade:hover{border-color:#7a9bc5}.tint-shade:has(input:checked){border-color:#2563eb;box-shadow:0 0 0 2px #2563eb22;background:#f3f7ff}.tint-shade:has(input:focus-visible){outline:3px solid #93c5fd;outline-offset:3px}.tint-shade input[type=radio]{position:absolute;top:9px;left:9px;accent-color:#2563eb;width:17px!important;height:17px;margin:0;z-index:1}.tint-shade img{width:100%;display:block;aspect-ratio:1.9;object-fit:cover;object-position:center 50%;border-bottom:1px solid #e5eaf0}.tint-shade>span{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:10px 12px;min-height:58px}.tint-shade strong{display:block;font-size:24px;line-height:1.1;color:#17253b;grid-row:span 2}.tint-shade small{font-size:10px;line-height:1.4;color:#52637b;display:block}.tint-shade em{font-style:normal;display:block;color:#1d4ed8;font-size:9px;font-weight:600;line-height:1.5}.tint-shade-note{color:#64748b}@media(max-width:500px){.tint-shades{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tint-shade>span{padding:9px;column-gap:6px}.tint-shade strong{font-size:22px}.tint-shade small{font-size:9px}}