/*
Theme Name: TV Room Kiosk
Theme URI: https://tvroom.kz
Author: TV ROOM
Description: TV-only adaptive catalog for TV ROOM.
Version: 1.3.4
Text Domain: tv-room-kiosk
*/
:root{--bg:#050813;--panel:#0b1020;--panel2:#10162a;--text:#f5f6fb;--muted:#9fa7bd;--line:#263047;--purple:#9b2cff;--purple2:#5e0fb5;--glass:rgba(5,8,19,.9);--shadow:0 28px 80px rgba(35,11,72,.3)}html[data-theme="light"]{--bg:#f5f2f8;--panel:#fff;--panel2:#faf8fd;--text:#171822;--muted:#6d7280;--line:#ddd9e8;--glass:rgba(255,255,255,.92);--shadow:0 22px 60px rgba(74,48,112,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 15% 0,rgba(132,30,214,.15),transparent 25%),var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.wrap{width:min(1480px,calc(100% - 42px));margin:auto}.header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--line);background:var(--glass);backdrop-filter:blur(18px)}.header-row{height:82px;display:flex;align-items:center;gap:26px}.logo{width:220px}.logo img{width:100%;display:block}.nav{display:flex;gap:8px}.nav a{padding:12px 15px;border-radius:12px;font-weight:700}.nav a.active,.nav a:hover{color:#fff;background:linear-gradient(135deg,var(--purple),var(--purple2))}.head-tools{margin-left:auto;display:flex;gap:8px;align-items:center}.search{position:relative;width:310px}.search i{position:absolute;left:13px;top:12px;color:var(--muted)}.search input{width:100%;height:44px;background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:13px;padding:0 14px 0 38px}.lang,.theme,.burger{height:44px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:0 13px;cursor:pointer}.lang.active{background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;border-color:transparent}.burger{display:none;font-size:22px}.mobile-menu{display:none}.hero{margin-top:22px;position:relative;display:block;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#060914;box-shadow:var(--shadow);min-height:460px;isolation:isolate}.hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,8,19,.98) 0%,rgba(5,8,19,.96) 36%,rgba(5,8,19,.78) 52%,rgba(5,8,19,.24) 72%,rgba(5,8,19,.04) 100%)}html[data-theme="light"] .hero:after{background:linear-gradient(90deg,rgba(247,244,250,.98) 0%,rgba(247,244,250,.95) 37%,rgba(247,244,250,.76) 53%,rgba(247,244,250,.20) 74%,rgba(247,244,250,.05) 100%)}.hero-copy{position:relative;z-index:2;width:min(58%,760px);min-height:460px;padding:52px 52px 42px;display:flex;flex-direction:column;justify-content:center}.eyebrow{color:#c466ff;text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:12px}.hero h1{font-size:clamp(44px,5vw,72px);line-height:.96;margin:16px 0 18px;letter-spacing:-.05em}.hero h1 span{display:block;color:#a731f1}.hero p{font-size:18px;color:var(--muted);line-height:1.55;max-width:620px}.hero-features{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px}.hero-features>div{display:grid;grid-template-columns:auto 1fr;gap:0 10px;align-items:center}.hero-features i{grid-row:1/3;color:#b63fff;font-size:28px}.hero-features b{font-size:14px}.hero-features span{font-size:12px;color:var(--muted)}.hero-image{position:absolute;inset:0;z-index:0;overflow:hidden;background:#050813}.hero-image img{position:absolute;right:0;top:50%;height:138%;width:auto;max-width:none;transform:translateY(-50%);display:block;object-fit:cover;object-position:right center}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.10));pointer-events:none}.catalog{padding-top:24px}.filters{display:flex;gap:10px;overflow:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{height:44px;padding:0 20px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-weight:800;white-space:nowrap;cursor:pointer}.filter.active,.filter:hover{background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;border-color:transparent}.brand-filters{margin-bottom:18px}.filter-row{display:flex;align-items:center;gap:14px;margin-bottom:18px}.filter-row>span{color:var(--muted);white-space:nowrap}.filter-row .filters{flex:1}.selects select{height:44px;min-width:180px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:0 14px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:20px;background:var(--panel);overflow:hidden;transition:.22s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.media{aspect-ratio:1.25/1;position:relative;background:#080b13;overflow:hidden}.media img{width:100%;height:100%;object-fit:cover;display:block}.badge{position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:999px;background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;font-weight:900;font-size:11px}.badge.sale{background:#ff3b3b}.diag{position:absolute;right:12px;top:12px;border-radius:10px;padding:7px 9px;background:#090d17;color:#fff;font-weight:900;font-size:18px}.body{padding:14px}.body h3{margin:0 0 12px;font-size:19px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips span{padding:6px 8px;border-radius:8px;background:var(--panel2);border:1px solid var(--line);font-size:10px;color:var(--muted)}.price-row{display:flex;align-items:baseline;gap:10px;margin:16px 0 10px}.price-row strong{font-size:25px}.price-row del{color:#6e7382;font-size:12px}.more{width:100%;height:42px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;font-weight:850;cursor:pointer}.benefits{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:20px;background:var(--panel);overflow:hidden}.benefits>div{padding:20px;display:grid;grid-template-columns:auto 1fr;gap:0 12px;align-items:center}.benefits>div+div{border-left:1px solid var(--line)}.benefits i{grid-row:1/3;font-size:28px;color:#b43eff}.benefits span{font-size:12px;color:var(--muted)}.about{padding:40px 0}.about>div{border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:30px}.about h2{font-size:34px;margin:8px 0 12px}.about p{color:var(--muted);max-width:900px;line-height:1.6}.footer{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px;border-top:1px solid var(--line);padding:36px 0}.footer img{width:220px}.footer h4{margin:0 0 12px}.footer a,.footer span{display:block;color:var(--muted);margin:8px 0}.copyright{border-top:1px solid var(--line);padding:18px 0 30px;color:var(--muted);font-size:13px}.modal{position:fixed;inset:0;z-index:200;background:rgba(3,5,10,.76);display:none;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modal-card{width:min(1150px,100%);max-height:92vh;overflow:auto;border:1px solid var(--line);border-radius:26px;background:var(--panel);position:relative}.close{position:absolute;right:14px;top:14px;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);cursor:pointer}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:26px}.modal-media{border-radius:20px;overflow:hidden;background:#080b13}.modal-media img{width:100%;display:block}.modal-info h2{font-size:34px;margin:10px 0}.modal-info p{color:var(--muted);line-height:1.6}.modal-price{font-size:34px;font-weight:900;margin:18px 0}.spec-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spec-item{border:1px solid var(--line);border-radius:12px;background:var(--panel2);padding:10px}.spec-item span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.wa{display:flex;margin-top:18px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;align-items:center;justify-content:center;font-weight:850}.empty{grid-column:1/-1;padding:50px;text-align:center;color:var(--muted)}@media(max-width:1200px){.grid{grid-template-columns:repeat(3,1fr)}.hero{min-height:500px}.hero-copy{width:min(66%,760px);min-height:500px}.hero-image img{height:150%}.nav{display:none}.burger{display:block}.mobile-menu.open{display:grid;position:absolute;top:82px;left:0;right:0;padding:12px 20px 18px;background:var(--glass);border-bottom:1px solid var(--line);gap:8px}.mobile-menu a{padding:14px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.header-row{height:auto;min-height:76px;flex-wrap:wrap;padding:10px 0}.head-tools{width:100%;margin-left:0}.search{flex:1;width:auto}.benefits{grid-template-columns:1fr 1fr}.benefits>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.benefits>div:nth-child(4){border-top:1px solid var(--line)}.footer{grid-template-columns:1fr 1fr}.modal-grid{grid-template-columns:1fr}}@media(max-width:600px){.wrap{width:min(100% - 20px,1480px)}.logo{width:165px}.grid{grid-template-columns:1fr}.filter-row{flex-direction:column;align-items:flex-start}.filter-row .filters{width:100%}.selects{width:100%}.selects select{width:100%}.hero{min-height:560px}.hero:after{background:linear-gradient(180deg,rgba(5,8,19,.94) 0%,rgba(5,8,19,.90) 58%,rgba(5,8,19,.72) 100%)}html[data-theme="light"] .hero:after{background:linear-gradient(180deg,rgba(247,244,250,.95) 0%,rgba(247,244,250,.90) 62%,rgba(247,244,250,.72) 100%)}.hero-copy{width:100%;min-height:560px;padding:32px 24px 28px}.hero-image img{height:178%;right:-22%}.hero h1{font-size:42px}.hero-features>div{width:100%}.benefits{grid-template-columns:1fr}.benefits>div+div{border-left:0;border-top:1px solid var(--line)}.footer{grid-template-columns:1fr}.head-tools{gap:6px}.lang,.theme{padding:0 10px}.spec-list{grid-template-columns:1fr}}

/* v1.3.2 — premium mobile layout and blurred product modal backdrop */
.modal{
  background:rgba(2,4,10,.50);
  -webkit-backdrop-filter:blur(16px) saturate(118%);
  backdrop-filter:blur(16px) saturate(118%);
}
body.modal-open .header,
body.modal-open main,
body.modal-open footer{
  filter:blur(5px);
  transform:scale(.998);
  transition:filter .18s ease,transform .18s ease;
}
body.modal-open .modal{filter:none;transform:none}
.modal-card{box-shadow:0 36px 120px rgba(0,0,0,.55),0 0 0 1px rgba(170,68,255,.08)}

@media(max-width:600px){
  body{background:radial-gradient(circle at 50% -10%,rgba(137,37,239,.20),transparent 28%),var(--bg)}
  .wrap{width:min(100% - 24px,1480px)}
  .header{position:sticky;top:0;background:rgba(5,8,19,.88);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
  html[data-theme="light"] .header{background:rgba(255,255,255,.90)}
  .header-row{min-height:0;height:auto;padding:12px 0 14px;gap:10px;display:grid;grid-template-columns:1fr auto;align-items:center}
  .logo{width:148px;grid-column:1;grid-row:1}
  .burger{display:flex;align-items:center;justify-content:center;grid-column:2;grid-row:1;margin-left:auto;width:46px;height:46px;border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01)),var(--panel);box-shadow:0 10px 30px rgba(0,0,0,.14)}
  .burger i{font-size:24px}
  .head-tools{grid-column:1/-1;grid-row:2;width:100%;display:grid;grid-template-columns:1fr auto auto auto;gap:8px;margin:0;align-items:center}
  .search{grid-column:1/-1;width:100%;margin-top:2px}
  .search input{height:48px;border-radius:16px;padding-left:42px;font-size:14px;background:rgba(13,18,34,.92)}
  html[data-theme="light"] .search input{background:rgba(255,255,255,.96)}
  .search i{top:14px;left:15px}
  .lang,.theme{height:42px;border-radius:13px;padding:0 14px;min-width:58px}
  .theme{min-width:44px;padding:0 12px}
  .head-tools .lang:first-of-type{grid-column:2}.head-tools .lang:nth-of-type(2){grid-column:3}.head-tools .theme{grid-column:4}
  .mobile-menu.open{top:100%;padding:10px 12px 14px;background:rgba(5,8,19,.97);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 20px 60px rgba(0,0,0,.3)}
  html[data-theme="light"] .mobile-menu.open{background:rgba(255,255,255,.98)}
  .mobile-menu a{padding:13px 15px;border-radius:14px}

  .hero{margin-top:14px;min-height:430px;border-radius:24px;box-shadow:0 24px 70px rgba(42,10,78,.28)}
  .hero:after{background:linear-gradient(180deg,rgba(5,8,19,.92) 0%,rgba(5,8,19,.84) 42%,rgba(5,8,19,.72) 70%,rgba(5,8,19,.88) 100%)}
  html[data-theme="light"] .hero:after{background:linear-gradient(180deg,rgba(247,244,250,.94) 0%,rgba(247,244,250,.84) 48%,rgba(247,244,250,.72) 72%,rgba(247,244,250,.92) 100%)}
  .hero-copy{width:100%;min-height:430px;padding:26px 22px 20px;justify-content:flex-start}
  .eyebrow{font-size:10px;letter-spacing:.2em;margin-top:2px}
  .hero h1{font-size:36px;line-height:.94;margin:12px 0 12px;max-width:330px}
  .hero p{font-size:14px;line-height:1.48;max-width:300px;margin:0;color:#b8bed0}
  html[data-theme="light"] .hero p{color:var(--muted)}
  .hero-image img{height:112%;width:auto;right:-40%;top:59%;opacity:.88}
  .hero-image:after{background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.22))}
  .hero-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:auto;padding-top:22px}
  .hero-features>div{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 9px;border:1px solid rgba(157,55,255,.24);border-radius:14px;background:rgba(8,11,23,.60);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:0}
  html[data-theme="light"] .hero-features>div{background:rgba(255,255,255,.72)}
  .hero-features i{font-size:20px;margin-bottom:2px}
  .hero-features b{font-size:10px;line-height:1.12;white-space:normal}
  .hero-features span{font-size:8.5px;line-height:1.18;white-space:normal}

  .catalog{padding-top:18px}
  .brand-filters{margin-bottom:12px;padding-bottom:2px}
  .filters{gap:8px;scroll-snap-type:x proximity;padding:1px}
  .filter{height:39px;padding:0 15px;border-radius:12px;font-size:12px;scroll-snap-align:start}
  .filter-row{gap:9px;margin-bottom:14px}
  .filter-row>span{font-size:12px}
  .selects select{height:42px;border-radius:13px;font-size:12px}

  .grid{grid-template-columns:1fr;gap:14px}
  .card{border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.005)),var(--panel);box-shadow:0 16px 42px rgba(0,0,0,.12)}
  .media{aspect-ratio:16/10}
  .media img{object-fit:cover}
  .badge{left:10px;top:10px;font-size:10px;padding:5px 8px}
  .diag{right:10px;top:10px;font-size:15px;padding:6px 8px}
  .body{padding:14px 14px 15px}
  .body h3{font-size:18px;margin-bottom:10px}
  .chips{gap:5px}.chips span{font-size:9px;padding:5px 7px}
  .price-row{margin:14px 0 10px}.price-row strong{font-size:23px}
  .more{height:43px;border-radius:12px}

  .benefits{margin-top:18px;border-radius:20px;grid-template-columns:1fr 1fr}
  .benefits>div{padding:14px 12px;gap:0 9px;min-height:78px}
  .benefits>div+div{border-top:0}.benefits>div:nth-child(even){border-left:1px solid var(--line)}.benefits>div:nth-child(n+3){border-top:1px solid var(--line)}
  .benefits i{font-size:22px}.benefits b{font-size:11px}.benefits span{font-size:9px;line-height:1.25}

  .about{padding:22px 0}.about>div{padding:22px;border-radius:20px}.about h2{font-size:25px}.about p{font-size:14px;line-height:1.55}
  .footer{padding:26px 0;gap:18px}.footer img{width:170px}.footer h4{font-size:14px}.footer a,.footer span{font-size:12px}.copyright{font-size:11px}

  .modal{padding:10px;align-items:flex-end;background:rgba(2,4,10,.42);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%)}
  .modal-card{width:100%;max-height:92dvh;border-radius:26px 26px 18px 18px;border-color:rgba(173,82,255,.28);box-shadow:0 -20px 80px rgba(0,0,0,.58),0 0 0 1px rgba(162,66,255,.05)}
  .close{position:sticky;float:right;top:10px;right:10px;margin:10px 10px -48px 0;z-index:5;width:42px;height:42px;border-radius:13px;background:rgba(15,22,42,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  .modal-grid{display:block;padding:12px}
  .modal-media{border-radius:19px;aspect-ratio:16/10;margin-bottom:14px}
  .modal-media img{width:100%;height:100%;object-fit:cover}
  .modal-info{padding:0 5px 8px}
  .modal-info .eyebrow{margin-top:0}
  .modal-info h2{font-size:24px;margin:8px 0 8px}
  .modal-info p{font-size:13px;line-height:1.5;margin:0}
  .modal-price{font-size:29px;margin:14px 0}
  .spec-list{grid-template-columns:1fr 1fr;gap:7px}
  .spec-item{padding:9px;border-radius:11px}.spec-item span{font-size:9px}.spec-item b{font-size:11px}
  .wa{height:48px;border-radius:13px;margin-top:14px}
}

@media(max-width:380px){
  .hero h1{font-size:33px}
  .hero-copy{padding-left:18px;padding-right:18px}
  .hero-features>div{padding:9px 7px}
  .hero-features b{font-size:9px}.hero-features span{font-size:8px}
  .lang{min-width:54px;padding:0 11px}
}


/* v1.3.3 — mobile burger on far right + uncropped product imagery */
.media img{
  object-fit:contain;
  object-position:center;
  background:#070a13;
}
.modal-media img{
  object-fit:contain;
  object-position:center;
  background:#070a13;
}

@media(max-width:600px){
  .header-row{
    position:relative;
    display:block;
    padding:12px 0 14px;
  }
  .logo{
    display:block;
    width:148px;
    min-height:46px;
    padding-right:58px;
  }
  .burger{
    display:flex;
    position:absolute;
    top:12px;
    right:0;
    margin:0;
    width:46px;
    height:46px;
    align-items:center;
    justify-content:center;
    z-index:4;
  }
  .head-tools{
    width:100%;
    margin-top:12px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto auto;
    gap:8px;
    align-items:center;
  }
  .search{
    grid-column:1/-1;
    width:100%;
  }
  .head-tools .lang:first-of-type{grid-column:2}
  .head-tools .lang:nth-of-type(2){grid-column:3}
  .head-tools .theme{grid-column:4}
  .media{
    aspect-ratio:16/10;
    background:linear-gradient(180deg,#090c16,#060811);
  }
  .media img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
  }
  .modal-media img{
    object-fit:contain;
    object-position:center;
  }
}


/* v1.3.4 — dark-only UI; language buttons beside the mobile burger */
.theme{display:none!important}

@media(max-width:600px){
  .header-row{
    position:relative;
    display:block;
    padding:12px 0 14px;
  }
  .logo{
    width:148px;
    min-height:46px;
    padding-right:0;
  }
  .burger{
    position:absolute;
    top:12px;
    right:0;
    width:46px;
    height:46px;
    margin:0;
  }
  .head-tools{
    display:block;
    width:100%;
    margin:12px 0 0;
  }
  .search{
    width:100%;
    display:block;
  }
  .head-tools .lang{
    position:absolute;
    top:12px;
    height:46px;
    min-width:54px;
    padding:0 10px;
    border-radius:14px;
    z-index:4;
  }
  .head-tools .lang:first-of-type{
    right:112px;
  }
  .head-tools .lang:nth-of-type(2){
    right:54px;
  }
}

@media(max-width:380px){
  .logo{width:138px}
  .head-tools .lang{min-width:50px;padding:0 8px;font-size:12px}
  .head-tools .lang:first-of-type{right:106px}
  .head-tools .lang:nth-of-type(2){right:52px}
  .burger{width:44px;height:44px}
}