/* Jinnah Tools client skin. The approved six-tab structure and controls remain intact. */
:root{--bg:#050505;--surface:#0c0c0d;--text:#f5f5f3;--muted:#a8a8aa;--line:#303033;--soft:#1a1a1c;--accent:#d5252d;--radius:7px}
body{background:var(--bg);color:var(--text);font-weight:500}
.shell{background:var(--surface);box-shadow:0 0 46px #0008}
.cover{height:clamp(560px,138vw,680px);background:#0c0c0d url('assets/cover-supplied-v3.jpg') center center/cover no-repeat;border:0;isolation:isolate}
.cover::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0008 0%,#0001 24%,#0000 48%,#0005 73%,#0c0c0d 100%)}
.cover-logo{position:absolute;z-index:2;bottom:58px;left:50%;transform:translateX(-50%);width:min(330px,calc(100% - 48px));height:74px;margin:0;padding:0;border:2px solid #303033;border-radius:5px;overflow:hidden;background:#111;box-shadow:0 8px 25px #0008}
.cover-logo img{display:block;width:100%;height:100%;object-fit:contain}
.cover-meta{position:absolute;z-index:2;bottom:29px;left:14px;right:14px;text-align:center;color:#fff;font-size:11px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 2px 8px #000d}
.profile{background:var(--surface);border-color:var(--line);padding-top:0}
.profile h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.profile .meta{text-align:center;color:#f3f3f3;font-size:12px;font-weight:900;letter-spacing:1.65px;text-transform:uppercase;line-height:1.5;margin:0 auto;padding-top:2px}
.profile .rating{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;min-width:0;margin-top:12px;text-align:center;font-size:14px;font-weight:800;line-height:1.35}
.profile .rating-summary{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:10px;row-gap:0;max-width:100%}
.profile .rating-score{display:inline-flex;align-items:baseline;gap:3px;white-space:nowrap;color:#ffd000;font-weight:900}
.profile .rating-count{white-space:nowrap;color:#bdbdbf;font-weight:650}
.profile .rating-hours{max-width:100%;color:#bdbdbf;font-size:13px;font-weight:600;overflow-wrap:normal}
.profile .desc{text-align:center;color:#fff;font-size:16px;font-weight:800;line-height:1.45;margin:22px auto 8px;max-width:370px}
.btn{background:#19191b;border-color:#3c3c40;color:#f5f5f3;border-radius:6px;font-weight:800}
.btn.primary,.review-fab{background:#d5252d;border-color:#d5252d;color:#fff;border-radius:6px;box-shadow:none}
.utility-grid .btn{background:#1c1c1f}
.profile-actions{gap:8px;margin:18px 0}
.profile-action,.profile-action:disabled{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:76px;padding:7px 2px 5px;background:#1c1c1f;border:1px solid #3a3a3e;border-radius:6px;color:#f2f2f2}
.profile-action .action-symbol{width:100%;height:39px;border-radius:0;background:transparent;color:#ffd000}
.profile-action svg{width:22px;height:22px}
.profile-action .action-name{font-size:11px;font-weight:800;line-height:1.1;color:#f2f2f2;margin:0;padding:0}
.profile-action:disabled{opacity:.46;cursor:not-allowed}
.profile-action:disabled .action-symbol{filter:none}
.promo-banner{border:1px solid #3a3a3e;border-radius:6px;overflow:hidden;background:#171717}
.tabs-wrap{background:#101012;border-color:var(--line)}
.tab{color:#aaa;font-size:13px;font-weight:850;border-radius:5px}
.tab.active{background:#ffd000;color:#111;border:0}
.panel{background:var(--surface)}
.section-title{color:#f7f7f4;text-transform:uppercase;font-size:17px;font-weight:900;letter-spacing:.15px}
.section .small,.service p,.quote,.review-card blockquote{color:#c4c4c6!important}
.card,.info-list,.faq-item,.review-card{background:#171719;border-color:#353538;border-radius:7px;color:var(--text)}
.service{border-color:#303033}
.service h3{font-size:15px;font-weight:850;color:#fff}
.thumb,.gallery img,.gallery button{border-radius:5px}
.price{color:#ffd000}
.mini-btn{background:#d5252d;color:#fff;border-radius:4px;font-weight:800}
.notice{background:#171719;color:#f4f4f2;border:1px solid #3b3b3d;border-left:4px solid #d5252d;border-radius:5px;font-weight:700}
.review-stars,.rating{color:#ffd000}
.review-summary .small,.quote span,.review-card small,.doc-meta{color:#a9a9ab}
.avatar{background:#302a0c;color:#ffd000}
.faq-item:has([aria-expanded=true]){background:#202023;border-color:#555}
.faq-question{color:#f5f5f3;font-weight:800}
.faq-answer p{color:#bdbdc0}
.service-search,textarea,input,select{background:#19191b;color:#f5f5f3;border-color:#3b3b3e;border-radius:6px}
.service-search input{background:transparent;color:#fff}
.service-search input::placeholder,input::placeholder,textarea::placeholder{color:#939397}
.service-search:focus-within{outline-color:#ffd000}
.service-search svg{color:#aaa}
.service-search button,.copy-btn{background:#2a2a2d;color:#f5f5f3;border-radius:4px}
.service-search-empty{background:#19191b;border-color:#3b3b3e;color:#c4c4c6}
.contact-icon,.contact-info .contact-icon{background:#232326;border-color:#444449;color:#f5f5f3;border-radius:5px}
.contact-icon:hover{background:#333338;transform:none}
.contact-icon:disabled{opacity:.42;cursor:not-allowed}
.contact-info .info-label{color:#b0b0b3}
.info-value{color:#f5f5f3}
.opening-hours,.hours-day{color:#e0e0e2}
.hours-next{color:#aaa}
.hours-open,.hours-day.is-today{color:#ffd000}
.hours-closed{color:#ff666e}
.sticky-cta{background:#101012f5;border-color:#303033;backdrop-filter:blur(12px)}
.toast{background:#27272a;color:#fff;border-radius:5px}
dialog{background:#19191b;color:#f7f7f4;border:1px solid #44444a;border-radius:8px}
dialog::backdrop{background:#000b}
dialog .small,#feedback-success p{color:#bcbcc0}
.dialog-close{background:#303034;color:#f5f5f3;border-radius:4px}
.experience-options button{background:#29292c;border-color:#4a4a4f;color:#f5f5f3;border-radius:5px}
.experience-options button:hover{background:#36363a}
.slider-controls button,.gallery-controls button{background:#252528;color:#f5f5f3;border-color:#4b4b50}
#gallery-dialog{background:#0c0c0d}
:focus-visible{outline-color:#ffd000}
@media(min-width:700px){.shell{border-radius:7px}.sticky-cta{border-radius:0 0 7px 7px}}
@media(max-width:370px){.cover-logo{width:calc(100% - 36px)}.profile .meta{font-size:10px;letter-spacing:1.2px}.profile-action .action-name{font-size:10px}}
#more .info-row{color:#f5f5f3;text-decoration:none}
#more .info-row span{color:#ffd000;font-weight:900}
/* User-supplied landscape cover and unboxed wordmark. */
.cover{height:auto;aspect-ratio:1923/818;background:#0c0c0d url('assets/cover-supplied-v3.jpg') center center/cover no-repeat}
.cover::after{background:linear-gradient(180deg,transparent 34%,#0c0c0d 100%)}
.profile{padding-top:6px}
.profile .cover-logo{position:relative;inset:auto;z-index:1;transform:none;width:min(360px,calc(100% - 20px));height:auto;margin:0 auto;padding:0;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}
.profile .cover-logo img{display:block;width:100%;height:auto;object-fit:contain}
.profile .cover-meta{position:static;inset:auto;z-index:auto;margin:0 auto 6px;padding:0;color:#f3f3f3;font-size:11px;font-weight:900;letter-spacing:1.5px;text-shadow:none}
.brand-section{margin-top:-5px}
.brand-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.brand-track{display:flex;width:max-content;animation:brand-drift 16s linear infinite}
.brand-set{display:flex;gap:10px;padding-right:10px}
.brand-tile{display:grid;place-items:center;flex:0 0 142px;width:142px;height:78px;padding:8px;background:#f4f4f4;border-radius:5px}
.brand-tile img{display:block;max-width:125px;max-height:60px;width:auto;height:auto;object-fit:contain}
.brand-marquee:hover .brand-track{animation-play-state:paused}
@keyframes brand-drift{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.brand-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.brand-track{animation:none}.brand-set[aria-hidden=true]{display:none}}