:root{
--brand:#C2410C;--fm-accent:#C2410C;--brand-600:#EA580C;--brand-700:#9A3412;--brand-050:#FFF1E7;
--ink:#0f1b22;--body:#33454d;--muted:#5c6b73;--line:#e4e9ec;--line-2:#eef2f4;
--bg:#f3f6f7;--surface:#ffffff;--ok:#127a4a;--rent:#4f46e5;--want:#475569;
--radius:14px;--shadow:0 1px 2px rgba(15,27,34,.04),0 8px 24px rgba(15,27,34,.06);
}
html[data-theme="dark"]{
--brand:#FB923C;--fm-accent:#FB923C;--brand-600:#FCA55F;--brand-700:#EA580C;--brand-050:#2E2018;
--ink:#e6edf0;--body:#c2cdd3;--muted:#8a99a1;--line:#2a353b;--line-2:#222c31;
--bg:#0f171b;--surface:#18232a;--ok:#34d399;--rent:#818cf8;--want:#94a3b8;
--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.5);
color-scheme:dark;
}
@media (prefers-color-scheme: dark){
html:not([data-theme="light"]){
--brand:#FB923C;--fm-accent:#FB923C;--brand-600:#FCA55F;--brand-700:#EA580C;--brand-050:#2E2018;
--ink:#e6edf0;--body:#c2cdd3;--muted:#8a99a1;--line:#2a353b;--line-2:#222c31;
--bg:#0f171b;--surface:#18232a;--ok:#34d399;--rent:#818cf8;--want:#94a3b8;
--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.5);
color-scheme:dark;
}
}
html[data-theme="dark"] img,html:not([data-theme="light"]) .ph img{}
html[data-theme="dark"] footer.site{background:#0b1519}
html[data-theme="dark"] .topstrip{background:#0F1215}
html[data-theme="dark"] .topstrip a{color:#eaf7fa}
html[data-theme="dark"] header.site form.search button,html[data-theme="dark"] header.site .auth a.sell,html[data-theme="dark"] .tag-sale,html[data-theme="dark"] .search-page button,html[data-theme="dark"] .btn:not(.gray):not(.red):not(.ghost):not(.outline):not(.follow-btn){background:#C2410C}
html[data-theme="dark"] .tag-rent{background:#4f46e5}
html[data-theme="dark"] .wr-tag,html[data-theme="dark"] .tag-want{background:#475569}
html[data-theme="dark"] .price-ask{color:#FCA55F}
html[data-theme="dark"] .hero form button,html[data-theme="dark"] .chip.on,html[data-theme="dark"] .mf-open{background:#C2410C}
html[data-theme="dark"] [style*="background:#fff"],html[data-theme="dark"] [style*="background: #fff"],html[data-theme="dark"] [style*="background:#f8fafc"],html[data-theme="dark"] [style*="background:#f1f5f9"],html[data-theme="dark"] [style*="background:#f8f9fa"]{background:var(--surface)!important}
html[data-theme="dark"] [style*="background:#e2e8f0"],html[data-theme="dark"] [style*="background:#eef2f4"],html[data-theme="dark"] [style*="background:#e0f2fe"],html[data-theme="dark"] [style*="background: rgb(224, 242, 254)"]{background:#222c31!important}
html[data-theme="dark"] [style*="solid #e2e8f0"],html[data-theme="dark"] [style*="solid #e4e9ec"],html[data-theme="dark"] [style*="solid #eef2f4"],html[data-theme="dark"] [style*="solid #f1f5f9"]{border-color:var(--line)!important}
html[data-theme="dark"] [style*="color:#64748b"],html[data-theme="dark"] [style*="color:#475569"],html[data-theme="dark"] [style*="color:#334155"],html[data-theme="dark"] [style*="color:#33454d"],html[data-theme="dark"] [style*="color:#6a7b83"]{color:#93a1a9!important}
html[data-theme="dark"] [style*="color:#0f172a"],html[data-theme="dark"] [style*="color:#0f1b22"],html[data-theme="dark"] [style*="color:#1e293b"]{color:var(--ink)!important}
html[data-theme="dark"] [style*="color:#C2410C"]{color:#FCA55F!important}
html[data-theme="dark"] [style*="color:#16a34a"],html[data-theme="dark"] [style*="color:#127a4a"]{color:#34d399!important}
@media(prefers-color-scheme:dark){
html:not([data-theme="light"]) footer.site{background:#0b1519}
html:not([data-theme="light"]) .topstrip{background:#0F1215}
html:not([data-theme="light"]) .topstrip a{color:#eaf7fa}
html:not([data-theme="light"]) header.site form.search button,html:not([data-theme="light"]) header.site .auth a.sell,html:not([data-theme="light"]) .tag-sale,html:not([data-theme="light"]) .search-page button,html:not([data-theme="light"]) .btn:not(.gray):not(.red):not(.ghost):not(.outline):not(.follow-btn){background:#C2410C}
html:not([data-theme="light"]) .tag-rent{background:#4f46e5}
html:not([data-theme="light"]) .wr-tag,html:not([data-theme="light"]) .tag-want{background:#475569}
html:not([data-theme="light"]) .price-ask{color:#FCA55F}
html:not([data-theme="light"]) .hero form button,html:not([data-theme="light"]) .chip.on,html:not([data-theme="light"]) .mf-open{background:#C2410C}
html:not([data-theme="light"]) [style*="background:#fff"],html:not([data-theme="light"]) [style*="background: #fff"],html:not([data-theme="light"]) [style*="background:#f8fafc"],html:not([data-theme="light"]) [style*="background:#f1f5f9"],html:not([data-theme="light"]) [style*="background:#f8f9fa"]{background:var(--surface)!important}
html:not([data-theme="light"]) [style*="background:#e2e8f0"],html:not([data-theme="light"]) [style*="background:#eef2f4"],html:not([data-theme="light"]) [style*="background:#e0f2fe"],html:not([data-theme="light"]) [style*="background: rgb(224, 242, 254)"]{background:#222c31!important}
html:not([data-theme="light"]) [style*="solid #e2e8f0"],html:not([data-theme="light"]) [style*="solid #e4e9ec"],html:not([data-theme="light"]) [style*="solid #eef2f4"],html:not([data-theme="light"]) [style*="solid #f1f5f9"]{border-color:var(--line)!important}
html:not([data-theme="light"]) [style*="color:#64748b"],html:not([data-theme="light"]) [style*="color:#475569"],html:not([data-theme="light"]) [style*="color:#334155"],html:not([data-theme="light"]) [style*="color:#33454d"],html:not([data-theme="light"]) [style*="color:#6a7b83"]{color:#93a1a9!important}
html:not([data-theme="light"]) [style*="color:#0f172a"],html:not([data-theme="light"]) [style*="color:#0f1b22"],html:not([data-theme="light"]) [style*="color:#1e293b"]{color:var(--ink)!important}
html:not([data-theme="light"]) [style*="color:#C2410C"]{color:#FCA55F!important}
html:not([data-theme="light"]) [style*="color:#16a34a"],html:not([data-theme="light"]) [style*="color:#127a4a"]{color:#34d399!important}
}
.theme-toggle{background:none;border:0;cursor:pointer;color:var(--muted);font-size:14px;padding:4px 6px;border-radius:8px;line-height:1;min-width:24px;min-height:24px;display:inline-flex;align-items:center;justify-content:center}
.theme-toggle:hover{background:var(--brand-050)}
*{box-sizing:border-box}
body{margin:0;font-family:'Plus Jakarta Sans',system-ui,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.container{max-width:1240px;margin:0 auto;padding:0 20px}
.topstrip{background:#1C2126;color:#C6CDD4;font-size:12.5px}
.topstrip .container{display:flex;align-items:center;justify-content:space-between;height:34px}
.topstrip a{color:#eaf7fa}
.topstrip .ts-links{display:flex;gap:18px}
.topstrip i{margin-right:5px;opacity:.85}
header.site{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
header.site .bar{display:flex;align-items:center;gap:22px;padding:14px 0}
header.site .brand{display:inline-flex;align-items:center;gap:11px}
header.site .brand .mark{width:46px;height:46px;border-radius:11px;background:#1C2126;display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 4px 12px rgba(0,0,0,.25)}
header.site .brand .mark i{color:#fff;font-size:19px}
header.site .brand .wm{font-size:21px;font-weight:800;color:var(--ink);letter-spacing:-.3px;line-height:1}
header.site .brand .wm b{color:var(--fm-accent,#C2410C);font-weight:800}
header.site .brand .wm small{display:block;font-size:10.5px;font-weight:600;color:var(--muted);letter-spacing:.5px;text-transform:uppercase;margin-top:2px}
header.site form.search{flex:1;display:flex;max-width:620px;background:var(--bg);border:1.5px solid var(--line);border-radius:11px;overflow:hidden;transition:.15s}
header.site form.search:focus-within{border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px var(--brand-050)}
header.site form.search input{flex:1;min-width:0;border:0;background:transparent;padding:11px 16px;font-size:15px;font-family:inherit;color:var(--ink);outline:none}
header.site form.search button{flex:0 0 auto;white-space:nowrap;border:0;background:var(--brand);color:#fff;padding:0 20px;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px}
header.site form.search button:hover{background:var(--brand-700)}
header.site .auth{display:flex;gap:8px;align-items:center;margin-left:auto}
header.site .auth a{color:var(--body);font-size:14px;font-weight:600;padding:8px 10px;border-radius:9px}
header.site .auth a:hover{color:var(--brand);background:var(--brand-050)}
header.site .auth a.sell{background:var(--brand);color:#fff;padding:9px 18px}
header.site .auth a.sell:hover{background:var(--brand-700);color:#fff}
header.site .auth .msg-link{position:relative;font-size:18px;min-width:24px;min-height:24px;display:inline-flex;align-items:center;justify-content:center}
header.site .auth .badge-n{position:absolute;top:-3px;right:-3px;background:#e11d48;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;line-height:16px;text-align:center;border-radius:8px;padding:0 4px}
header.site .nav-toggle{display:none}
header.site .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;border-radius:8px}
header.site .hamburger span{display:block;width:24px;height:2.5px;background:var(--ink);border-radius:2px;transition:.2s}
header.site .catbar{border-top:1px solid var(--line-2);background:var(--surface)}
header.site .catbar-row{display:flex;gap:3px 4px;align-items:center;flex-wrap:wrap;padding:8px 0}
header.site .catbar-row a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:var(--body);font-size:13px;font-weight:600;padding:6px 11px;border-radius:9px;transition:.12s}
header.site .catbar-row a:hover{color:var(--brand);background:var(--brand-050)}
header.site .catbar-row a .ic{font-size:14px;color:var(--brand)}
header.site .catbar-row a.all{color:var(--brand);font-weight:700}
header.site .mega-item{position:relative}
header.site .mega-item>.mega-top{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--body);font-size:13px;font-weight:600;padding:6px 11px;border-radius:9px;cursor:pointer;transition:.12s}
header.site .mega-item>.mega-top:hover,header.site .mega-item:focus-within>.mega-top{color:var(--brand);background:var(--brand-050)}
header.site .mega-item>.mega-top .ic{font-size:14px;color:var(--brand)}
header.site .mega-caret{font-size:10px;opacity:.55}
header.site .mega-panel{position:absolute;top:calc(100% - 1px);left:0;z-index:60;min-width:540px;width:max-content;max-width:min(780px,90vw);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px rgba(2,6,23,.15);padding:16px 18px;display:none}
header.site .mega-item:hover>.mega-panel,header.site .mega-item:focus-within>.mega-panel{display:block}
header.site .mega-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:2px 22px}
header.site .mega-col{min-width:0;break-inside:avoid;margin-bottom:8px}
header.site .mega-col .mega-h{display:block;font-weight:700;font-size:13px;color:var(--ink);padding:3px 0;border-bottom:1px solid var(--line-2);margin-bottom:3px}
header.site .mega-col .mega-h:hover{color:var(--brand)}
header.site .mega-col ul{list-style:none;margin:0;padding:0}
header.site .mega-col li a{display:block;font-size:12.5px;color:var(--body);padding:2px 0;white-space:normal}
header.site .mega-col li a:hover{color:var(--brand)}
header.site .mega-all{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:700;color:var(--brand)}
.hero{background:linear-gradient(160deg,#2A333C 0%,#1C2126 55%,#14181C 100%);color:#fff;padding:46px 0 52px;position:relative;overflow:hidden;border-bottom:3px solid #EA580C}
.hero::after{content:"";position:absolute;right:-80px;top:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 70%)}
.hero .container{position:relative;z-index:1}
.hero h1{font-size:36px;line-height:1.15;margin:0 0 10px;font-weight:800;letter-spacing:-.5px;max-width:760px}
.hero p{color:#bfe3eb;font-size:17px;margin:0 0 24px;max-width:620px}
.hero form{display:flex;max-width:660px;background:#fff;border-radius:13px;padding:6px;box-shadow:0 14px 40px rgba(0,0,0,.18)}
.hero form input{flex:1;border:0;border-radius:9px;padding:14px 18px;font-size:16px;font-family:inherit;color:var(--ink);outline:none}
.hero form button{border:0;background:var(--brand);color:#fff;border-radius:9px;padding:0 28px;font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:8px}
.hero form button:hover{background:var(--brand-700)}
.hero-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.hero-links a{background:rgba(255,255,255,.14);backdrop-filter:blur(2px);color:#fff;padding:9px 16px;border-radius:999px;font-size:14px;font-weight:600;border:1px solid rgba(255,255,255,.16)}
.hero-links a:hover{background:#fff;color:var(--brand-700)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:-30px 0 8px;position:relative;z-index:5}
.stats div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 16px;text-align:center;box-shadow:var(--shadow)}
.stats strong{display:block;font-size:27px;font-weight:800;color:var(--brand)}
.stats span{color:var(--muted);font-size:13px;font-weight:500}
.sec-head{display:flex;align-items:center;justify-content:space-between;margin:34px 0 16px}
h2.section{font-size:21px;font-weight:800;margin:34px 0 16px;letter-spacing:-.3px;color:var(--ink)}
.sec-head h2.section{margin:0}
.sec-head .more{color:var(--brand);font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:6px}
.sec-head .more:hover{color:var(--brand-700)}
.grid{display:grid;gap:18px}
.grid.cards{grid-template-columns:repeat(auto-fill,minmax(228px,1fr))}
.view-toggle{display:inline-flex;gap:4px;margin-left:10px;vertical-align:middle}
.view-toggle .vt-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;color:#94a3b8;border-radius:8px;cursor:pointer;font-size:13px}
.view-toggle .vt-btn.on{background:#C2410C;color:#fff;border-color:#C2410C}
.grid.cards.view-list{display:flex;flex-direction:column;gap:10px}
.grid.cards.view-list .card-wrap{width:100%}
.grid.cards.view-list .card{flex-direction:row;align-items:stretch}
.grid.cards.view-list .card .ph{width:200px;flex:0 0 200px;aspect-ratio:auto;height:auto}
.grid.cards.view-list .card .ph img{width:100%;height:100%;object-fit:cover}
.grid.cards.view-list .card .body{flex:1;display:flex;flex-direction:column;justify-content:center}
.grid.cards.view-list .card.want{flex-direction:column}
@media(max-width:560px){ .grid.cards.view-list .card .ph{width:120px;flex-basis:120px} }
.grid.cats{grid-template-columns:repeat(auto-fill,minmax(184px,1fr))}
.cat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 16px;text-align:center;transition:.15s;display:block}
.cat:hover{border-color:var(--brand);box-shadow:var(--shadow);transform:translateY(-2px)}
.cat .ic{width:54px;height:54px;margin:0 auto 12px;border-radius:13px;background:var(--brand-050);display:flex;align-items:center;justify-content:center;font-size:23px;color:var(--brand)}
.cat .nm{font-weight:700;font-size:14.5px;color:var(--ink);overflow-wrap:break-word;hyphens:auto}
.cat .ct{color:var(--muted);font-size:12.5px;margin-top:3px}
.card-wrap{position:relative;display:flex;flex-direction:column}
.grid.cards .card{flex:1 1 auto;display:flex;flex-direction:column}
.grid.cards .card .body{flex:1;display:flex;flex-direction:column}
.grid.cards .card .price,.grid.cards .card .price-ask{margin-top:auto}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.15s;display:block}
.card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:#d4dde1}
.card .ph{aspect-ratio:4/3;position:relative;background:var(--brand-050);overflow:hidden}
.card .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.card .ph-ico{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:40px;color:#aac9d1}
.card .body{padding:13px 14px}
.card .name{font-weight:700;font-size:15px;line-height:1.34;margin:0 0 7px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;overflow-wrap:break-word}
.card .meta{color:var(--muted);font-size:12.5px;font-weight:500;min-height:18px}
.card .loc{color:var(--muted);font-size:12.5px;margin-top:4px;display:flex;align-items:center;gap:5px}
.card .loc i{color:#9cb6bd}
.card .price{color:var(--ink);font-weight:800;font-size:18px;margin-top:9px;letter-spacing:-.3px}
.card .price small{color:var(--muted);font-weight:600;font-size:12px}
.card .price-fx{color:var(--muted);font-weight:600;font-size:12px;margin-top:1px}
.card .price-ask{color:#C2410C;font-size:15px}
.tag{position:absolute;top:10px;left:10px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:8px;color:#fff;background:var(--brand);box-shadow:0 2px 6px rgba(0,0,0,.12);z-index:2}
.tag-rent{background:var(--rent)}.tag-sale{background:var(--brand)}.tag-want{background:var(--want)}
.card-wrap{position:relative}
.fav-btn{position:absolute;top:8px;right:8px;z-index:10;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.95);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.18);transition:.15s}
.fav-btn i{font-weight:900;color:transparent;-webkit-text-stroke:1.7px #64748b;text-stroke:1.7px #64748b}
.fav-btn:hover i{-webkit-text-stroke-color:#e11d48;text-stroke-color:#e11d48}
.fav-btn.on i{color:#e11d48;-webkit-text-stroke-width:0;text-stroke-width:0}
.card.want{background:var(--surface);border:1px dashed #cbd5d9;display:flex;flex-direction:column}
.card.want:hover{border-color:var(--brand);border-style:solid}
.card.want .want-head{display:flex;align-items:center;justify-content:space-between;padding:13px 14px 0}
.card.want .want-ico{font-size:17px;color:#b6c4c9}
.card.want .body{padding:9px 14px 15px}
.card.want .name{margin:5px 0 11px;min-height:0}
.card.want .want-rows{display:flex;flex-direction:column;gap:7px;font-size:13px;border-top:1px solid var(--line-2);padding-top:11px}
.card.want .want-rows div{display:flex;justify-content:space-between;gap:10px}
.card.want .want-rows span{color:var(--muted)}
.card.want .want-rows b{color:var(--ink);font-weight:700;text-align:right}
.card.want .want-cta{display:inline-block;margin-top:13px;color:var(--brand);font-size:13px;font-weight:700}
.chips{display:flex;gap:9px;flex-wrap:wrap;margin:4px 0 18px}
.chip{border:1.5px solid var(--line);background:var(--surface);color:var(--body);padding:8px 16px;border-radius:999px;font-size:13.5px;font-weight:700}
.chip.on,.chip:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.seo-intro{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px 26px;margin:22px 0;color:var(--body);line-height:1.85;font-size:15px}
.pop-brands{display:flex;flex-wrap:wrap;gap:10px}
.pop-brands a{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:14px;color:var(--body);font-weight:700}
.pop-brands a:hover{border-color:var(--brand);color:var(--brand)}
.pop-brands a span{color:var(--muted);font-weight:500;font-size:12px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:11px;padding:0 20px}
.faq summary{cursor:pointer;font-weight:700;padding:16px 0;color:var(--ink);list-style:none;display:flex;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:'+';color:var(--brand);font-weight:800;margin-right:12px;font-size:20px;line-height:1}
.faq details[open] summary::before{content:'−'}
.faq details>div{color:var(--body);line-height:1.75;padding:0 0 18px;font-size:15px}
.page-head{background:var(--surface);border-bottom:1px solid var(--line);padding:22px 0}
.page-head h1{font-size:28px;font-weight:800;margin:8px 0 4px;letter-spacing:-.4px}
.page-head .lead{color:var(--muted);margin:0;font-size:15px}
.page-head .head-intro{color:var(--body);margin-top:12px;line-height:1.75;font-size:15px;max-width:900px}
.crumbs{font-size:13px;color:var(--muted)}
.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--brand)}
.crumbs .sep{margin:0 7px;color:#c3ced2}
.crumbs strong{color:var(--ink);font-weight:700}
.btn{display:inline-block;background:var(--brand);color:#fff;font-weight:700;border:0;border-radius:10px;padding:11px 20px;cursor:pointer;text-decoration:none;transition:.15s}
.btn:hover{background:var(--brand-700)}
.alert{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:11px 15px;border-radius:10px;margin-bottom:14px}
.empty{color:var(--muted);background:var(--surface);border:1px dashed #cbd5d9;border-radius:var(--radius);padding:32px;text-align:center}
.empty a{color:var(--brand);font-weight:700}
.form label{display:block;margin:12px 0;font-size:14px;font-weight:700;color:var(--ink)}
.form input,.form select,.form textarea{display:block;width:100%;margin-top:6px;padding:11px 13px;border:1.5px solid var(--line);border-radius:10px;font-size:15px;font-weight:400;font-family:inherit;box-sizing:border-box;background:#fff}
.form input[hidden],.form select[hidden],.form textarea[hidden]{display:none!important}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-050)}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.badge{display:inline-block;background:var(--brand-050);color:var(--brand-700);font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}
html[data-theme="dark"] .badge{color:#3bc9db}
html[data-theme="dark"] .lbl{color:#fff}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .badge{color:#3bc9db}html:not([data-theme="light"]) .lbl{color:#fff}}
a[style*="color:#C2410C"],a[style*="color:var(--brand)"],a.link{text-decoration:underline}
a.link{color:var(--brand)}
.btn.gray{background:var(--line-2);color:var(--body)}
.btn.red{background:#b91c1c;color:#fff}
.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:26px}
.gallery-main{display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--brand-050);cursor:zoom-in;border:1px solid var(--line);overflow:hidden;position:relative;line-height:0;min-height:220px}
.gallery-main .gm-img{max-width:100%;width:auto;height:auto;max-height:70vh;object-fit:contain;display:block;margin:0 auto}
.gallery-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin-top:11px}
.gallery-thumbs a{aspect-ratio:1;border-radius:10px;background:var(--brand-050) center/contain no-repeat;cursor:zoom-in;border:1px solid var(--line)}
.gallery-thumbs a:hover{border-color:var(--brand)}
.spec-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px}
.spec-table tr{border-bottom:1px solid var(--line-2)}
.spec-table th{text-align:left;color:var(--muted);font-weight:600;padding:10px 12px 10px 0;width:42%;vertical-align:top}
.spec-table td{color:var(--ink);font-weight:600;padding:10px 0}
.blog-grid{display:grid;grid-template-columns:1fr 280px;gap:30px}
.contact-cta{display:flex;flex-direction:column;gap:9px;margin-top:16px}
.contact-cta .btn{text-align:center;display:block}
.cta-call{background:var(--ok)}.cta-call:hover{background:#0e5f3a}
.cta-firm{background:var(--surface);color:var(--ink);border:1.5px solid var(--line)}
.cta-firm:hover{border-color:var(--brand);color:var(--brand);background:var(--surface)}
.fav-detail{background:var(--surface);color:var(--body);border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;gap:7px}
.fav-detail .hrt{color:#aab8bd;font-size:17px}
.fav-detail:hover{border-color:#e11d48;color:#e11d48}.fav-detail:hover .hrt{color:#e11d48}
.fav-detail.on{border-color:#e11d48;color:#e11d48}.fav-detail.on .hrt{color:#e11d48}
.want-notice{display:flex;gap:14px;align-items:flex-start;background:var(--brand-050);border:1px dashed #b9d6dd;border-radius:var(--radius);padding:20px 22px;color:var(--body);line-height:1.65}
.want-notice .wn-ico{font-size:28px;color:var(--brand);flex:0 0 auto}
.want-notice strong{color:var(--ink)}
.tg-msg{margin-top:16px;border-top:1px solid var(--line-2);padding-top:14px;display:flex;flex-direction:column;gap:8px}
.tg-msg .tg-title{font-weight:700;margin:0 0 2px;font-size:14px;color:var(--ink)}
.tg-msg input,.tg-msg textarea{border:1.5px solid var(--line);border-radius:10px;padding:9px 11px;font-size:14px;font-family:inherit;width:100%}
.search-page{display:flex;max-width:660px;margin-bottom:22px}
.search-page input{flex:1;min-width:0;border:1.5px solid var(--line);border-right:0;border-radius:11px 0 0 11px;padding:13px 16px;font-size:16px;font-family:inherit}
.search-page button{border:0;background:var(--brand);color:#fff;border-radius:0 11px 11px 0;padding:0 28px;font-weight:700;cursor:pointer}
.company-cover{height:170px;border-radius:var(--radius);background:linear-gradient(135deg,var(--brand-600),var(--brand-700)) center/cover}
.company-head{display:flex;align-items:flex-end;gap:18px;margin-top:-44px}
.company-head .logo{width:98px;height:98px;border-radius:16px;background:#fff center/cover;border:3px solid #fff;box-shadow:var(--shadow);flex:0 0 auto}
.lb{position:fixed;inset:0;background:rgba(8,16,20,.94);z-index:1000;display:none;align-items:center;justify-content:center}
.lb:target{display:flex}
.lb img{max-width:92vw;max-height:86vh;width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.lb-bg{position:absolute;inset:0;cursor:zoom-out}
.lb-close{position:absolute;top:12px;right:22px;color:#fff;font-size:38px;line-height:1;z-index:2}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:50px;line-height:1;padding:8px 18px;z-index:2;user-select:none}
.lb-prev{left:6px}.lb-next{right:6px}
.lb-nav:hover,.lb-close:hover{color:var(--brand-600)}
.lb-count{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#C6CDD4;font-size:13px;background:rgba(0,0,0,.45);padding:4px 12px;border-radius:999px;z-index:2}
footer.site{background:var(--ink);color:#9fb1b8;margin-top:54px;padding:42px 0 0;font-size:14px}
footer.site a{color:#9fb1b8}footer.site a:hover{color:#fff}
footer.site .foot-cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}
footer.site .foot-brand{display:inline-flex;align-items:center;gap:11px;margin-bottom:6px}
footer.site .foot-brand .fb-badge{width:44px;height:44px;border-radius:11px;background:#1C2126;border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
footer.site .foot-brand .fb-badge i{color:#fff;font-size:18px}
footer.site .foot-brand .fb-text{font-size:21px;font-weight:800;color:#fff;letter-spacing:-.3px}
footer.site .foot-brand .fb-text b{color:var(--fm-accent,#EA580C);font-weight:800}
footer.site .foot-slogan{color:#8398a0;font-size:13.5px;margin-top:4px;max-width:300px;line-height:1.6}
footer.site h2{color:#cfdde2;font-size:14px;font-weight:700;margin:0 0 12px}
footer.site .foot-cols a{display:block;margin:4px 0;padding:3px 0;font-size:14px}
footer.site .foot-links{min-width:0}
footer.site .foot-contact{color:#8398a0;font-size:13.5px;margin-top:12px;line-height:1.8}
footer.site .foot-contact i{width:15px;text-align:center;margin-right:6px;color:var(--brand-600)}
footer.site .socials{display:flex;gap:10px;margin-top:14px}
footer.site .socials a{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border-radius:10px;color:#cfdde2;font-size:15px}
footer.site .socials a:hover{background:var(--brand);color:#fff}
footer.site .foot-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:34px;padding:18px 0;font-size:13px;color:#7c9097;text-align:center}
.listing-wrap{padding-top:18px}
.listing-layout{display:flex;gap:24px;align-items:start}
.lsidebar{position:sticky;top:84px;flex:0 0 250px}
.lsidebar-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.lsidebar-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;font-weight:800;font-size:14px;color:var(--ink);cursor:pointer;list-style:none}
.lsidebar-head::-webkit-details-marker{display:none}
.lsidebar-head .chev{transition:.2s;color:var(--muted);font-size:12px}
.lsidebar-head .sb-ic{color:var(--brand);margin-right:2px}
.lsidebar-box[open] .lsidebar-head .chev{transform:rotate(180deg)}
@media(min-width:981px){
.lsidebar-head{cursor:default}
.lsidebar-head .chev{display:none}
}
.lsidebar-nav{border-top:1px solid var(--line-2);max-height:72vh;overflow:auto;padding:6px}
.lsidebar-nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;font-size:13.5px;color:var(--body);font-weight:600;min-width:0;overflow-wrap:break-word}
.lsidebar-nav a:hover{background:var(--brand-050);color:var(--brand)}
.lsidebar-nav a.on{background:var(--brand);color:#fff}
.lsidebar-nav a.on b{color:#fff}
.lsidebar-nav a b{color:var(--muted);font-weight:600;font-size:12px}
.lsidebar-nav a.up{color:var(--brand);font-weight:700;border-bottom:1px solid var(--line-2);border-radius:0;margin-bottom:4px}
.lmain{flex:1 1 auto;min-width:0}
.filterbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:2px 0 16px}
.result-count{font-weight:700;color:var(--ink);font-size:15px}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filters select{appearance:none;-webkit-appearance:none;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%236a7b83' d='M6 8 0 0h12z'/%3E%3C/svg%3E") no-repeat right 11px center;border:1.5px solid var(--line);border-radius:10px;padding:9px 30px 9px 12px;font-size:13.5px;font-weight:600;color:var(--ink);font-family:inherit;cursor:pointer}
.filters select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-050)}
.want-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--brand-050);border:1px solid #bfe0e7;color:var(--brand-700);border-radius:12px;padding:12px 16px;font-size:14px;font-weight:600;margin-bottom:16px}
.want-banner:hover{background:#d7ecf0}
.want-info{display:flex;gap:10px;align-items:flex-start;background:var(--surface);border:1px dashed #cbd5d9;border-radius:12px;padding:13px 16px;color:var(--body);font-size:14px;line-height:1.5;margin-bottom:16px}
.want-info i{color:var(--brand);font-size:16px;margin-top:2px}
.wantlist{display:flex;flex-direction:column;gap:10px}
.home-wants{margin-bottom:8px}
.wantrow{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:13px 16px;transition:.15s}
.wantrow:hover{border-color:var(--brand);box-shadow:var(--shadow)}
.wr-ico{width:42px;height:42px;border-radius:11px;background:var(--brand-050);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:17px;flex:0 0 auto}
.wr-main{flex:1;min-width:0}
.wr-title{font-weight:700;color:var(--ink);font-size:15px;margin-bottom:4px}
.wr-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--muted);font-size:12.5px}
.wr-meta i{margin-right:4px;color:#9cb6bd}
.wr-tag{background:var(--want);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px}
.wr-budget{text-align:right;flex:0 0 auto}
.wr-budget small{display:block;color:var(--muted);font-size:11px}
.wr-budget b{color:var(--ink);font-weight:800;font-size:15px}
.wr-go{color:var(--brand);font-size:14px;flex:0 0 auto}
@media(min-width:981px) and (max-width:1350px){
header.site .catbar-row{gap:2px}
header.site .mega-item>.mega-top{font-size:12px;padding:5px 6px}
header.site .catbar-row a{font-size:12px;padding:5px 7px}
header.site .mega-item>.mega-top .ic{display:none}
}
@media(max-width:980px){
.topstrip{display:none}
header.site .bar{flex-wrap:wrap;gap:12px}
header.site .brand{order:1}
header.site .hamburger{display:flex;order:2;margin-left:auto}
header.site .auth{order:3;margin-left:0;gap:6px}
header.site .auth a.acc-link{display:none}
header.site form.search{order:4;flex-basis:100%;max-width:none}
.detail-grid,.blog-grid{grid-template-columns:minmax(0,1fr)}
.detail-grid>*,.blog-grid>*{min-width:0}
.stats{margin-top:-22px}
.listing-layout{flex-direction:column;gap:16px}
.lmain{width:100%;max-width:100%;min-width:0}
.lmain .grid.cards{width:100%;max-width:100%;min-width:0}
.lsidebar{position:static;flex:none;width:100%}
.lsidebar-nav{max-height:320px}
}
@media(max-width:760px){
.hero{padding:36px 0 42px}.hero h1{font-size:27px}.hero p{font-size:15px}
.stats{grid-template-columns:repeat(2,1fr)}
h2.section,.sec-head h2.section{font-size:18px}
.page-head h1{font-size:23px}
.crumbs{display:none}
.det-crumbs{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.det-crumbs .dc-self{display:none}
.mstick-dup{display:none !important}
.page-head{padding:14px 0}
}
@media(max-width:1032px){
header.site{padding-left:8px;padding-right:8px}
details.qr-det{display:none}
.m-hide{display:none !important}
.gallery-thumbs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}
.gallery-thumbs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),rgba(0,0,0,.15));mask-image:linear-gradient(90deg,#000 calc(100% - 24px),rgba(0,0,0,.15))}
.gallery-thumbs::-webkit-scrollbar{display:none}
.gallery-thumbs a{flex:0 0 64px;height:64px;width:64px;aspect-ratio:auto;scroll-snap-align:start}
.desc-collapsible{max-height:240px;overflow:hidden;position:relative}
.desc-collapsible:not(.desc-open)::after{content:'';position:absolute;left:0;right:0;bottom:0;height:56px;background:linear-gradient(transparent,var(--bg,#fff))}
.desc-collapsible.desc-open{max-height:none}
#descToggle{display:inline-flex;align-items:center;min-height:44px;padding:11px 18px;font-size:14px}
.grid.cards.mob-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:4px 2px 14px 2px;margin:0;max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-columns:none;contain-intrinsic-size:1px 400px}
.grid.cards.mob-carousel::-webkit-scrollbar{display:none}
.grid.cards.mob-carousel .card-wrap{flex:0 0 260px;min-width:0;scroll-snap-align:start;box-sizing:border-box}
}
@media(max-width:520px){
.container{padding:0 14px}
.hero h1{font-size:23px}
.hero form{flex-wrap:wrap;gap:6px}.hero form button{flex-basis:100%;justify-content:center;padding:13px}
.grid.cards:not(.mob-carousel){grid-template-columns:repeat(2,calc(50% - 6px));gap:12px;width:100%;box-sizing:border-box;margin:0;padding:0}
.grid.cards .card-wrap,.grid.cards .card,.grid.cards .body,.grid.cards .name,.grid.cards .price{min-width:0;width:100%;box-sizing:border-box}
.grid.cards.mob-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:4px 2px 14px 2px;margin:0;max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-columns:none}
.grid.cards.mob-carousel::-webkit-scrollbar{display:none}
.grid.cards.mob-carousel .card-wrap{flex:0 0 78vw;max-width:280px;min-width:0;scroll-snap-align:start;box-sizing:border-box}
.grid.cards.mob-carousel{contain-intrinsic-size:1px 400px}
.card .name{-webkit-line-clamp:3}
.stats{gap:10px}
.stats div{padding:10px 8px}
.stats strong{font-size:19px}
.stats span{font-size:11.5px}
.grid.cards .name{overflow:hidden}
.grid.cats{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
footer.site .foot-cols{grid-template-columns:1fr}
.wr-go{display:none}
.filterbar{gap:8px}.filters{width:100%}.filters select{flex:1}
}
.ac-box{position:absolute;z-index:2000;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 12px 34px rgba(15,27,34,.16);overflow:hidden;font-size:14px;max-height:70vh;overflow-y:auto}
.ac-box .ac-group{padding:5px 0}
.ac-box .ac-group.ac-sep{border-top:1px solid var(--line-2)}
.ac-box .ac-h{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:7px 14px 3px}
.ac-box a{display:flex;align-items:center;gap:10px;padding:9px 14px;color:var(--ink);text-decoration:none}
.ac-box a:hover,.ac-box a.sel{background:var(--brand-050);color:var(--brand)}
.ac-box a i{color:#9cb6bd;width:15px;text-align:center;flex:0 0 auto}
.ac-box a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.skeleton{background:linear-gradient(90deg,#eef2f7 25%,#e2e8f0 37%,#eef2f7 63%);background-size:400% 100%;animation:mi-shimmer 1.4s ease infinite;border-radius:8px}
@keyframes mi-shimmer{0%{background-position:100% 0}100%{background-position:0 0}}
@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}
.grid.cards{content-visibility:auto;contain-intrinsic-size:1px 800px} 
@media(max-width:640px){
header.site form.search button,.btn,.btn-sm{min-height:44px}
.lang-dd summary,.theme-toggle,.socials a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.btn,.btn-sm{display:inline-flex;align-items:center;justify-content:center}
header.site form.search input{padding:14px 16px;font-size:16px} 
.form .row2{grid-template-columns:1fr}
.form select,.form textarea{font-size:16px}
.grid.cats{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px}
.grid.cats::-webkit-scrollbar{height:0}
.grid.cats .cat{flex:0 0 42vw;max-width:180px;scroll-snap-align:start}
main#icerik{padding-bottom:env(safe-area-inset-bottom);overflow-x:hidden}
main#icerik table:not(.acc-tbl){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
}
@media (width:360px) and (height:740px){:root{--device:"galaxy-s9-s9plus-note9"}}
@media (width:740px) and (height:360px){:root{--device:"galaxy-s9-s9plus-note9-landscape"}}
@media (width:360px) and (height:760px){:root{--device:"galaxy-s10-s10plus"}}
@media (width:760px) and (height:360px){:root{--device:"galaxy-s10-s10plus-landscape"}}
@media (width:360px) and (height:800px){:root{--device:"galaxy-s20"}}
@media (width:800px) and (height:360px){:root{--device:"galaxy-s20-landscape"}}
@media (width:384px) and (height:854px){:root{--device:"galaxy-s20plus"}}
@media (width:854px) and (height:384px){:root{--device:"galaxy-s20plus-landscape"}}
@media (width:360px) and (height:780px){:root{--device:"galaxy-s25"}}
@media (width:780px) and (height:360px){:root{--device:"galaxy-s25-landscape"}}
@media (width:412px) and (height:891px){:root{--device:"galaxy-s25plus-s25ultra"}}
@media (width:891px) and (height:412px){:root{--device:"galaxy-s25plus-s25ultra-landscape"}}
@media (width:320px) and (height:568px){:root{--device:"dar-telefon-320"}}
@media (width:568px) and (height:320px){:root{--device:"dar-telefon-320-landscape"}}
@media (width:375px) and (height:667px){:root{--device:"iphone-se"}}
@media (width:667px) and (height:375px){:root{--device:"iphone-se-landscape"}}
@media (width:375px) and (height:812px){:root{--device:"iphone-x-xs-11pro-12mini-13mini"}}
@media (width:812px) and (height:375px){:root{--device:"iphone-x-xs-11pro-12mini-13mini-landscape"}}
@media (width:414px) and (height:896px){:root{--device:"iphone-xsmax-xr-11-11promax"}}
@media (width:896px) and (height:414px){:root{--device:"iphone-xsmax-xr-11-11promax-landscape"}}
@media (width:390px) and (height:844px){:root{--device:"iphone-12-13-12pro-13pro"}}
@media (width:844px) and (height:390px){:root{--device:"iphone-12-13-12pro-13pro-landscape"}}
@media (width:428px) and (height:926px){:root{--device:"iphone-12promax-13promax"}}
@media (width:926px) and (height:428px){:root{--device:"iphone-12promax-13promax-landscape"}}
@media (width:393px) and (height:852px){:root{--device:"iphone-14-15-16"}}
@media (width:852px) and (height:393px){:root{--device:"iphone-14-15-16-landscape"}}
@media (width:430px) and (height:932px){:root{--device:"iphone-14plus-15plus-16plus"}}
@media (width:932px) and (height:430px){:root{--device:"iphone-14plus-15plus-16plus-landscape"}}
@media (width:402px) and (height:874px){:root{--device:"iphone-15pro-16pro-17-17pro"}}
@media (width:874px) and (height:402px){:root{--device:"iphone-15pro-16pro-17-17pro-landscape"}}
@media (width:440px) and (height:956px){:root{--device:"iphone-16promax-17promax"}}
@media (width:956px) and (height:440px){:root{--device:"iphone-16promax-17promax-landscape"}}
@media (width:420px) and (height:912px){:root{--device:"iphone-air"}}
@media (width:912px) and (height:420px){:root{--device:"iphone-air-landscape"}}
@media (width:393px) and (height:851px){:root{--device:"pixel-5"}}
@media (width:851px) and (height:393px){:root{--device:"pixel-5-landscape"}}
@media (width:412px) and (height:915px){:root{--device:"pixel-8-9"}}
@media (width:915px) and (height:412px){:root{--device:"pixel-8-9-landscape"}}
@media (width:800px) and (height:1280px){:root{--device:"galaxy-tab-s9"}}
@media (width:1280px) and (height:800px){:root{--device:"galaxy-tab-s9-landscape"}}
@media (width:876px) and (height:1400px){:root{--device:"galaxy-tab-s9plus"}}
@media (width:1400px) and (height:876px){:root{--device:"galaxy-tab-s9plus-landscape"}}
@media (width:924px) and (height:1480px){:root{--device:"galaxy-tab-s9-ultra"}}
@media (width:1480px) and (height:924px){:root{--device:"galaxy-tab-s9-ultra-landscape"}}
@media (width:810px) and (height:1080px){:root{--device:"ipad"}}
@media (width:1080px) and (height:810px){:root{--device:"ipad-landscape"}}
@media (width:820px) and (height:1180px){:root{--device:"ipad-10-11gen-ipad-air"}}
@media (width:1180px) and (height:820px){:root{--device:"ipad-10-11gen-ipad-air-landscape"}}
@media (width:768px) and (height:1024px){:root{--device:"ipad-mini"}}
@media (width:1024px) and (height:768px){:root{--device:"ipad-mini-landscape"}}
@media (width:744px) and (height:1133px){:root{--device:"ipad-mini-6"}}
@media (width:1133px) and (height:744px){:root{--device:"ipad-mini-6-landscape"}}
@media (width:834px) and (height:1194px){:root{--device:"ipad-pro-11"}}
@media (width:1194px) and (height:834px){:root{--device:"ipad-pro-11-landscape"}}
@media (width:834px) and (height:1210px){:root{--device:"ipad-pro-11-m4"}}
@media (width:1210px) and (height:834px){:root{--device:"ipad-pro-11-m4-landscape"}}
@media (width:1024px) and (height:1366px){:root{--device:"ipad-pro-12-9"}}
@media (width:1366px) and (height:1024px){:root{--device:"ipad-pro-12-9-landscape"}}
@media (width:1032px) and (height:1376px){:root{--device:"ipad-pro-13-m4"}}
@media (width:1376px) and (height:1032px){:root{--device:"ipad-pro-13-m4-landscape"}}
@media (width:1440px) and (height:900px){:root{--device:"laptop-hidpi"}}
@media (width:1280px) and (height:950px){:root{--device:"laptop-touch"}}
@media (width:1280px) and (height:720px){:root{--device:"tv-720p"}}
@media (width:1920px) and (height:1080px){:root{--device:"tv-1080p"}}
@media (width:3840px) and (height:2160px){:root{--device:"tv-4k"}}