/* AWARD 0.4.1 — оформление главной и категорий. */
:root {
  --ink: #17372e;
  --paper: #f8f7f2;
  --line: #e2e3d9;
  --amber: #d7b56e;
  --sage: #e5ece4;
  --award-gold: #bb8d3f;
  --award-display: Georgia, "Times New Roman", serif;
}
.site-header {background: #fbfaf6; border-bottom-color: #dedfd5;}
.brand {letter-spacing: -.9px; font-size: 30px;}
.brand-mark {fill: #be954d; filter: drop-shadow(0 2px 1px #b3924926);}
.brand-dot {color: #ba8b3c;}
.desktop-nav {gap: 30px; font-size: 13px;}
.desktop-nav a:hover, .desktop-nav a[aria-current] {color: #956b25;}
.button-dark {background: #1b4135; box-shadow: 0 3px 8px #17372e0d;}
.button-dark:hover {background: #285443;}
.language-switch {padding: 3px; background: #efeee7; border: 1px solid #e2e2d5; border-radius: 8px;}
.language-switch button {padding: 6px 8px; min-width: 29px;}
.language-switch button[aria-pressed=true] {background: #fffdf8; box-shadow: 0 1px 4px #17372e10;}
.award-home .hero {background: radial-gradient(ellipse at 80% 5%, #e6ddc529, transparent 52%), #fbfaf6; border-bottom: 0;}
.award-home .hero-grid {grid-template-columns: 1.12fr 1fr; gap: 64px; padding-block: 62px 65px;}
.award-home .hero h1 {font-family: var(--award-display); font-weight: 400; font-size: clamp(42px, 4.6vw, 64px); letter-spacing: -2.5px; line-height: 1.08; margin-bottom: 27px;}
.award-home .hero h1 .highlight {color: #a27329; background: none;}
.award-home .hero-description {max-width: 420px; line-height: 1.8; font-size: 15px;}
.award-home .hero .eyebrow {font-size: 10px; letter-spacing: 2.1px; margin-bottom: 24px;}
.award-home .search-box {border-radius: 10px; border-color: #d6d6c9; box-shadow: 0 7px 23px #26392e07; padding: 7px 7px 7px 17px;}
.award-home .search-box input {font-size: 13px;}
.award-home .hero-art {height: 449px; border-radius: 14px; border: 1px solid #1d4539; background: radial-gradient(ellipse at 54% 48%, #345c43, #1b3a30 52%, #102c24); box-shadow: 0 22px 40px -25px #18372c66; color: #eadfc5; isolation: isolate;}
.award-home .hero-art:before {content: ""; position: absolute; width: 320px; height: 600px; background: linear-gradient(90deg, transparent, #d8b6760b, #ffffff08, transparent); transform: rotate(35deg); left: -100px; top: -150px; z-index: -1;}
.award-home .hero-art:after {content: ""; position: absolute; inset: 13px; border: 1px solid #d4b3792b; border-radius: 5px; pointer-events: none;}
.award-home .art-grid {opacity: .24; background-image: linear-gradient(#d4ba7f1a 1px, transparent 1px), linear-gradient(90deg, #d4ba7f1a 1px, transparent 1px); background-size: 42px 42px;}
.award-home .orbit {border-color: #dbc38619; top: 50%;}
.award-home .orbit-one {width: 322px; height: 322px;}
.award-home .orbit-two {width: 425px; height: 425px;}
.award-home .art-tag {top: 29px; left: 30px; right: 30px; font-size: 9px; color: #d6cda9; letter-spacing: 2px;}
.award-home .art-tag>span {color: #d4b274;}
.award-home .art-side-caption {position: absolute; left: 26px; top: 52%; writing-mode: vertical-rl; transform: rotate(180deg); letter-spacing: 2.5px; font-size: 8px; color: #b8c2ad;}
.award-home .medal-wrap {padding-bottom: 20px;}
.award-home .medal {width: 244px; height: 244px; transform: rotate(-9deg); color: #3f4529; background: radial-gradient(circle at 33% 24%, #f9e5b6 0, #e6c989 30%, #c69e58 67%, #efdaa0 100%); box-shadow: 12px 24px 34px #021b2180, inset 0 0 0 5px #f9e6b8, inset 0 0 0 7px #b68d4a, inset 0 0 0 17px #d4b475, inset 0 0 0 18px #f5dda4; border: 1px solid #cfaa62;}
.award-home .medal:before {content: ""; position: absolute; inset: 25px; border-radius: 50%; border: 1px solid #85663369;}
.award-home .medal:after {inset: 21px; border-color: #86673069;}
.award-home .medal svg {width: 90px; height: 90px; fill: #36513b; filter: drop-shadow(0 2px 0 #f4dfaa); margin-top: -2px;}
.award-home .medal span {font-family: var(--award-display); font-weight: 400; letter-spacing: 4px; font-size: 28px; margin-top: 9px; color: #324931; text-shadow: 0 1px #f8e6b4;}
.award-home .art-spark {color: #c8ad77;}
.award-home .spark-one {left: 57px; top: 104px; font-size: 24px;}
.award-home .spark-two {right: 49px; bottom: 110px; font-size: 18px;}
.award-home .art-note {left: 52px; right: 52px; bottom: 43px; padding: 15px 17px; border-radius: 8px; transform: rotate(2deg); border-color: #d5c69e; background: #faf5e7; color: #25432f; box-shadow: 0 9px 25px #021b2247;}
.award-home .art-note strong {font-weight: 600; font-size: 13px;}
.award-home .art-note div>span {font-size: 11px; color: #66705e;}
.award-home .note-icon {background: #ece6d3; color: #927039;}
.award-home .art-caption {bottom: 20px; color: #b1bdab; font-size: 8px; letter-spacing: 2px;}
.award-home .category-section {padding-top: 43px; padding-bottom: 30px;}
.award-home .section-heading {align-items: end; margin-bottom: 27px;}
.award-home .section-heading h2 {font-family: var(--award-display); font-size: 39px; font-weight: 400; letter-spacing: -1.1px; line-height: 1.2;}
.award-home .section-heading .eyebrow {font-size: 9px; letter-spacing: 2px; color: #927043;}
.section-description {color: var(--muted); font-size: 13px; margin: 12px 0 0; line-height: 1.6;}
.award-home .text-link {font-size: 12px; color: #425744;}
.award-home .category-grid {grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 17px;}
.award-home .category-card {
  --art-face: #faf6e9;
  --art-side: #99ac94;
  --art-gold: #e2c88e;
  --art-roof: #b79053;
  --art-ink: #2b503f;
  --art-glass: #b8cdc2;
  --art-paper: #fffdf4;
  --art-line: #647b60;
  --art-shadow: #72876426;
  position: relative; display: flex; flex-direction: column; align-items: stretch;
  padding: 20px 23px 19px; gap: 0; min-height: 270px; overflow: hidden;
  border: 1px solid #e0dfd0; border-radius: 12px; background: #f0eee3;
  box-shadow: 0 4px 10px #26372a03;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.award-home .category-card:before {content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 25%, #fffaf194, transparent 75%); pointer-events: none;}
.award-home .category-card>span {position: relative;}
.award-home .category-card:hover {transform: translateY(-5px); border-color: #bcaa79; box-shadow: 0 13px 24px -8px #273e3024;}
.category-topline {display: flex; justify-content: space-between; align-items: center; font-size: 10px; line-height: 1; color: #78816b;}
.category-index {letter-spacing: 1.5px; font-variant-numeric: tabular-nums;}
.category-emblem {color: #a8884a; font-size: 15px;}
.category-illustration {display: grid; place-items: center; height: 120px; margin: 1px 0 4px;}
.category-art {display: block; width: 132px; max-width: 100%; height: 110px; overflow: visible; filter: drop-shadow(0 4px 3px #4e623714);}
.category-art .art-face {fill: var(--art-face);}
.category-art .art-side {fill: var(--art-side);}
.category-art .art-gold {fill: var(--art-gold);}
.category-art .art-roof {fill: var(--art-roof);}
.category-art .art-ink {fill: var(--art-ink);}
.category-art .art-glass {fill: var(--art-glass);}
.category-art .art-paper {fill: var(--art-paper);}
.category-art .art-shadow {fill: var(--art-shadow);}
.category-art .art-line {fill: none; stroke: var(--art-line); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;}
.category-copy {display: block; margin-bottom: 18px; min-height: 49px;}
.award-home .category-card strong {display: block; font-family: Arial, "Helvetica Neue", sans-serif; font-size: 16px; font-weight: 600; letter-spacing: -.25px; line-height: 1.3; overflow-wrap: anywhere;}
.category-description {display: block; margin-top: 7px; color: #646f5e; font-size: 11px; line-height: 1.6; overflow-wrap: anywhere;}
.category-bottom {display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 13px; border-top: 1px solid #8b997d2b; font-size: 10px; color: #63765c; gap: 10px;}
.award-home .category-arrow {position: static; display: grid; place-items: center; flex-shrink: 0; margin-left: auto; width: 27px; height: 27px; border-radius: 50%; color: #617557; background: #dce1cd; font-size: 17px; transition: background .2s, color .2s;}
.award-home .category-card:hover .category-arrow {background: #244836; color: #fffaf0;}
.award-home .category-theme-tools {background: #e8e6db;}
.award-home .category-theme-shop {background: #efeee5; --art-side: #bfa776; --art-glass: #dbca9d;}
.award-home .category-theme-car {background: #e9ece7; --art-face: #ecece3; --art-side: #799284; --art-glass: #b6ccc4;}
.award-home .category-theme-book {background: #ececdf; --art-side: #6e8b74; --art-gold: #bfa174;}
.award-home .category-theme-spark {background: #f2eadf; --art-face: #f1d797; --art-gold: #d9b26c; --art-roof: #ba8a4d; --art-line: #8e713d;}
.award-home .category-theme-tech {background: #e7ece6; --art-glass: #cad8c3; --art-side: #90a18c;}
.award-home .category-grid .category-featured {background: #244936; border-color: #244936; color: #f9f4e7; --art-side: #90ad91; --art-face: #f2efdb; --art-ink: #d4bb7c; --art-line: #708963; --art-shadow: #0a261459;}
.award-home .category-featured:before {background: radial-gradient(ellipse at 50% 23%, #75956a33, transparent 65%);}
.award-home .category-featured .category-topline {color: #c3cead;}
.award-home .category-featured .category-emblem {color: #e4c687;}
.award-home .category-featured .category-description {color: #c3cfb8;}
.award-home .category-featured .category-bottom {color: #c8d2bb; border-top-color: #9eb59033;}
.award-home .category-featured .category-arrow {background: #d8c28e; color: #284931;}
.award-home .category-featured:hover {border-color: #d4bf8c;}
.award-home .category-featured:hover .category-arrow {background: #f7e4b2; color: #284931;}
.award-home .recent-section {padding-top: 37px;}
.award-home .listing-card {border-radius: 12px; padding: 25px 22px; box-shadow: 0 6px 17px #2c463007;}
.award-home .listing-card:hover {border-color: #c0aa7d; box-shadow: 0 13px 23px #30462b12;}
.award-home .listing-avatar {background: #e6eadd; border: 1px solid #dce2d2; border-radius: 10px;}
.award-home .about-panel {background: radial-gradient(ellipse at 100% 0, #365641, transparent 65%), #17372e; border-radius: 13px; border: 1px solid #294d3c;}
.award-home .about-intro h2 {font-family: var(--award-display); font-weight: 400; font-size: 35px; letter-spacing: -.6px;}
.site-footer {background: #f3f2eb; border-color: #dedfd5;}

@media (max-width: 1100px) {
  .award-home .hero-grid {gap: 35px;}
  .award-home .hero h1 {font-size: 52px; letter-spacing: -2px;}
  .award-home .hero-art {height: 415px;}
  .award-home .category-grid {gap: 13px;}
  .award-home .category-card {padding: 19px 17px 17px; min-height: 277px;}
  .award-home .category-card strong {font-size: 15px;}
  .award-home .art-note {left: 31px; right: 31px;}
}
@media (max-width: 900px) {
  .desktop-nav {gap: 18px;}
  .brand {font-size: 27px;}
  .award-home .hero-grid {gap: 28px;}
  .award-home .hero h1 {font-size: clamp(35px, 4.9vw, 45px);}
  .award-home .hero-art {height: 383px;}
  .award-home .medal {width: 218px; height: 218px;}
  .award-home .medal svg {width: 80px; height: 80px;}
  .award-home .medal span {font-size: 24px;}
  .award-home .art-tag {font-size: 8px; left: 25px; right: 25px; letter-spacing: 1px;}
  .award-home .art-note {left: 25px; right: 25px; padding: 13px; gap: 10px; bottom: 37px;}
  .award-home .art-note strong {font-size: 11px;}
  .award-home .art-note div>span {font-size: 10px;}
  .award-home .art-side-caption {left: 21px; font-size: 7px;}
  .award-home .category-grid {grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px;}
  .award-home .category-card {min-height: 268px; padding: 21px 25px;}
  .award-home .category-card strong {font-size: 17px;}
  .category-description {font-size: 12px;}
  .category-bottom {font-size: 11px;}
}
@media (max-width: 720px) {
  .desktop-nav {gap: 12px; font-size: 11px;}
  .award-home .hero-grid {grid-template-columns: 1fr; gap: 33px; padding-block: 38px 40px;}
  .award-home .hero h1 {font-size: clamp(40px, 7.4vw, 57px); letter-spacing: -1.8px;}
  .award-home .hero-art {height: 350px;}
  .award-home .art-note {left: 54px; right: 54px; bottom: 35px;}
  .award-home .art-note strong {font-size: 13px;}
  .award-home .art-note div>span {font-size: 11px;}
  .award-home .medal-wrap {padding-bottom: 17px;}
  .award-home .section-heading h2 {font-size: 33px;}
  .award-home .section-heading .text-link {max-width: 100px; white-space: normal; text-align: right;}
  .section-description {font-size: 12px; max-width: 270px;}
}
@media (max-width: 480px) {
  .brand {font-size: 25px;}
  .language-switch button {min-width: 26px; padding: 6px;}
  .award-home .hero h1 {font-size: clamp(33px, 9.6vw, 43px); letter-spacing: -1.35px;}
  .award-home .hero .eyebrow {font-size: 8px; letter-spacing: 1.8px;}
  .award-home .hero-description {font-size: 13px;}
  .award-home .search-box input {font-size: 12px;}
  .award-home .hero-art {height: 306px;}
  .award-home .medal {width: 193px; height: 193px;}
  .award-home .medal svg {width: 68px; height: 68px;}
  .award-home .medal span {font-size: 21px;}
  .award-home .art-note {left: 27px; right: 27px; bottom: 32px; padding: 12px 13px;}
  .award-home .art-note strong {font-size: 12px;}
  .award-home .art-note div>span {font-size: 10px;}
  .award-home .art-caption {font-size: 7px; bottom: 16px;}
  .award-home .art-tag {font-size: 7px; top: 24px; left: 24px; right: 24px;}
  .award-home .art-side-caption {font-size: 6px; left: 22px;}
  .award-home .spark-one {left: 35px; top: 84px; font-size: 20px;}
  .award-home .spark-two {right: 26px; bottom: 94px; font-size: 15px;}
  .award-home .category-section {padding-top: 28px;}
  .award-home .section-heading {align-items: end; gap: 16px; margin-bottom: 24px;}
  .award-home .section-heading h2 {font-size: 28px; letter-spacing: -.7px;}
  .award-home .section-heading .eyebrow {font-size: 8px;}
  .award-home .section-heading .text-link {font-size: 10px; max-width: 67px; gap: 5px; margin-bottom: 5px;}
  .section-description {font-size: 11px; line-height: 1.6; margin-top: 9px;}
  .award-home .category-grid {gap: 11px;}
  .award-home .category-card {min-height: 267px; padding: 15px 15px 14px; border-radius: 10px;}
  .category-illustration {height: 95px; margin-top: 5px;}
  .category-art {width: 109px; height: 91px;}
  .award-home .category-card strong {font-size: 14px; line-height: 1.35; letter-spacing: -.2px;}
  .category-copy {min-height: 61px; margin-bottom: 13px;}
  .category-description {font-size: 11px; line-height: 1.55;}
  .category-bottom {font-size: 11px; padding-top: 12px; gap: 5px;}
  .award-home .category-arrow {width: 24px; height: 24px; font-size: 16px;}
  .category-topline {font-size: 9px;}
  .category-emblem {font-size: 13px;}
  .award-home .about-intro h2 {font-size: 29px;}
}
html[lang="ky"] .award-home .hero h1 {font-size: clamp(32px, 4.1vw, 54px); line-height: 1.12; overflow-wrap: normal;}
html[lang="ky"] .award-home .hero .highlight {white-space: normal;}
@media (max-width: 720px) {html[lang="ky"] .award-home .hero h1 {font-size: clamp(34px, 6.8vw, 49px);}}
@media (max-width: 480px) {html[lang="ky"] .award-home .hero h1 {font-size: clamp(31px, 8.3vw, 40px); overflow-wrap: anywhere;}}

@media (prefers-reduced-motion: reduce) {
  .award-home .category-card, .award-home .category-arrow {transition: none;}
  .award-home .category-card:hover {transform: none;}
}

/* AWARD 0.4.2 — общий стиль всех экранов. */
:root {
  --ink: #173c30;
  --paper: #f8f4ea;
  --line: #ded3bb;
  --muted: #627065;
  --award-gold: #a57b32;
  --award-gold-light: #f2dfaa;
  --award-metal: linear-gradient(112deg, #b8914c, #f0dba5 27%, #d4b374 58%, #e8cb8e 82%, #b68b44);
  --award-shadow: 0 14px 35px -22px #55452145;
}
body {background: radial-gradient(ellipse at 0 260px, #e3cc9729, transparent 550px), radial-gradient(ellipse at 100% 900px, #bb935622, transparent 700px), #f8f4ea;}
.site-header {height: 94px; background: linear-gradient(112deg, #12362b, #1e4434 55%, #102e25); color: #fbf5e7; border-top: 3px solid #c7a260; border-bottom: 1px solid #b79a59; box-shadow: 0 5px 25px #102f2612;}
.brand {color: #fff9ea; letter-spacing: 1px; font-size: 29px;}
.brand-mark {fill: #e0c17d; filter: drop-shadow(0 1px 0 #fff0c070);}
.brand-dot {color: #e1c482;}
.desktop-nav a {color: #e4e7d6; font-weight: 500;}
.desktop-nav a:hover, .desktop-nav a[aria-current] {color: #f3d99e;}
.desktop-nav a[aria-current]:after {content: ""; position: absolute; height: 1px; background: #ddbd7a; bottom: 3px; left: 0; right: 0;}
.button {border-radius: 8px; min-height: 48px; box-shadow: 0 3px 6px #53412108;}
.button-dark {color: #263b2a; border: 1px solid #c7a15b; background: var(--award-metal); box-shadow: inset 0 1px #fff3d5, inset 0 -1px #936a3333, 0 6px 13px #92704020;}
.button-dark:hover {color: #173527; background: linear-gradient(112deg, #d2b374, #f7e6b8 40%, #d6b477 80%, #e5cb93); box-shadow: inset 0 1px #fff6dc, 0 8px 16px #8a652a2b;}
.button-outline {border-color: #c3ad7c; color: #40523e; background: #fffdf66b;}
.button-outline:hover {background: #efe4ca; border-color: #a8813a;}
.button-small {min-height: 42px;}
.site-header .button-outline {color: #ecd19b; border-color: #907c50; background: #ffffff05;}
.language-switch {background: #ffffff08; border-color: #8d9a754a; padding: 4px; gap: 4px;}
.language-switch button {color: #dfdfc9; min-width: 29px; min-height: 30px;}
.language-switch button[aria-pressed=true] {color: #30402b; background: var(--award-metal); box-shadow: inset 0 1px #fff0bd;}
.menu-toggle span {background: #ead69d;}
.mobile-nav {background: #12372c; border-color: #b79a59; color: #eee5ce;}
.mobile-nav a {border-bottom: 1px solid #d6b6701a;}
.site-footer {color: #e7e4cf; background: radial-gradient(ellipse at 15% 0, #35503b, transparent 70%), #15372c; border-top: 2px solid #c9a664; margin-top: 12px;}
.site-footer .brand {color: #f4e9c9;}
.site-footer .brand-dot {color: #dabb75;}
.site-footer p, .site-footer .footer-inner>span {color: #c9cebb;}
.page-title, .detail-title, .account-section>h1, .auth-card h1, .review-form-card h1 {font-family: var(--award-display); font-weight: 400; letter-spacing: -1.2px; line-height: 1.15;}
.panel h2, .results-heading h2, .empty-results h2 {font-family: var(--award-display); font-weight: 400; letter-spacing: -.5px;}
.eyebrow {color: #896523;}
.text-link {color: #6e5624;}
.text-link:hover {color: #8e6520; text-decoration: underline; text-underline-offset: 4px;}
.page-section, .account-section {padding-top: 43px;}
.page-masthead {
  position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; justify-content: space-between;
  min-height: 208px; padding: 38px 45px; margin-bottom: 34px; gap: 35px;
  border: 1px solid #b99b60; border-radius: 14px;
  background: radial-gradient(ellipse at 82% 25%, #3f573c, transparent 65%), linear-gradient(112deg, #15372b, #123126);
  color: #fff7e4; box-shadow: 0 18px 30px -23px #25422c99;
}
.page-masthead:before {content: ""; position: absolute; inset: 8px; border: 1px solid #d4b27545; border-radius: 8px; pointer-events: none; z-index: -1;}
.page-masthead:after {content: ""; position: absolute; top: -110px; right: 10%; width: 270px; height: 400px; transform: rotate(32deg); background: linear-gradient(90deg, transparent, #ecd3970a, transparent); z-index: -1;}
.masthead-copy {min-width: 0; max-width: 820px;}
.page-masthead .eyebrow {color: #e1c480; font-size: 10px; letter-spacing: 2px; margin-bottom: 17px;}
.page-masthead .page-title {font-size: clamp(34px, 3.6vw, 48px); margin: 0 0 14px; overflow-wrap: anywhere;}
.page-masthead .page-description {color: #d8ddc8; max-width: 710px; font-size: 14px; line-height: 1.75; margin: 0;}
.masthead-emblem {flex: 0 0 144px;}
.award-crest {display: block; width: 144px; height: 144px; filter: drop-shadow(0 8px 7px #021e1b33);}
.crest-disc {fill: #dcc08b; stroke: #eed79d; stroke-width: 2;}
.crest-ring {stroke: #9d793c; stroke-width: 1;}
.crest-inner {stroke: #fae4b0;}
.crest-letter {fill: #284c35;}
.crest-rays {stroke: #c9ad6d; stroke-width: 1;}
.crest-laurel {stroke: #d5bb7d; stroke-width: 1.2; stroke-linejoin: round; stroke-linecap: round;}
.crest-star {fill: #d9bf7e;}
.catalog-form {padding: 25px 27px; border: 1px solid #d9caa9; border-radius: 13px; background: linear-gradient(135deg, #fffdf7, #f3eddc); box-shadow: var(--award-shadow); margin-bottom: 36px;}
.search-box {border-color: #cbb584; border-radius: 9px; box-shadow: inset 0 1px 4px #574a2720; background: #fffdf8;}
.filter-row select, .form-field input, .form-field textarea, .form-field select {border-color: #c9b994; background: #fffef9; color: #243f30; box-shadow: inset 0 2px 3px #554a2210; border-radius: 7px;}
.filter-row label, .form-field label, .rating-field legend {color: #40513e;}
.form-field input:focus, .form-field textarea:focus, .form-field select:focus, .filter-row select:focus {border-color: #a68036;}
.form-field input[aria-invalid=true] {border-color: #a53b32;}
.form-field input[type=file] {box-shadow: none; padding: 8px; max-width: 100%; font-size: 12px;}
.form-field input[type=file]::file-selector-button {padding: 8px 11px; border: 1px solid #c7ae75; border-radius: 5px; background: #efe2c3; color: #344932; margin-right: 10px; font: inherit; cursor: pointer;}
.panel, .listing-card, .auth-card, .review-form-card {background: linear-gradient(130deg, #fffef9, #faf7ed); border: 1px solid #d7c6a2; box-shadow: var(--award-shadow), inset 0 0 0 4px #fffdf459; border-radius: 13px;}
.listing-card {position: relative; overflow: hidden; min-width: 0; padding: 25px 24px; transition: transform .2s, border-color .2s, box-shadow .2s;}
.listing-card:before {content: ""; position: absolute; top: 0; left: 24px; right: 24px; height: 3px; background: linear-gradient(90deg, transparent, #d7b879, transparent);}
.listing-card:hover {transform: translateY(-4px); border-color: #b99a58; box-shadow: 0 18px 32px -20px #66502950;}
.listing-card h3 {font-family: var(--award-display); font-weight: 400; font-size: 24px; line-height: 1.2; letter-spacing: -.5px;}
.listing-avatar, .award-home .listing-avatar {color: #f2dfb3; background: linear-gradient(130deg, #2e513a, #123a2c); border: 1px solid #b69c65; border-radius: 50%; box-shadow: inset 0 0 0 3px #fff2b411, 0 3px 10px #25433218; font-family: var(--award-display);}
.type-label {color: #716137; font-size: 10px; letter-spacing: .5px; border: 1px solid #d7c5a1; border-radius: 20px; padding: 5px 9px; background: #f2e9d4;}
.card-bottom {border-top-color: #dbcba9; padding-top: 16px; color: #65562f;}
.card-bottom>span:last-child {color: #94733b;}
.card-rating>span:first-child, .review-stars, .rating-summary>span:first-child {color: #8c661e;}
.star-muted {color: #d5cebc;}
.detail-masthead {position: relative; padding: 33px 36px; border-radius: 13px; border: 1px solid #b49860; background: radial-gradient(ellipse at 95% 0, #455a3d, transparent 75%), #16382b; color: #fff7e5; box-shadow: var(--award-shadow); margin-bottom: 23px;}
.detail-masthead:before {content: ""; position: absolute; inset: 8px; border: 1px solid #dac18938; border-radius: 7px; pointer-events: none;}
.detail-masthead>div {min-width: 0;}
.detail-masthead .type-label {display: inline-block; color: #ecd199; background: #edcf8811; border-color: #c4a36759;}
.detail-masthead .page-description {color: #d9dfc8;}
.detail-masthead .detail-title {font-size: clamp(30px, 3.5vw, 46px); margin-top: 12px;}
.detail-masthead .avatar-large {flex-shrink: 0; width: 86px; height: 86px; font-size: 42px; color: #28422c; background: var(--award-metal); border-color: #e7ce93; box-shadow: inset 0 0 0 5px #fff0be80, inset 0 0 0 6px #a98348;}
.panel {padding: 31px;}
.panel h2 {font-size: 27px; line-height: 1.2;}
.contact-panel {border-top: 3px solid #c0a064; background: linear-gradient(140deg, #faf1da, #fffdf5 70%);}
.contact-panel dt {color: #746346; font-size: 12px;}
.contact-panel dd {font-size: 14px; line-height: 1.65;}
.contact-panel a {color: #52603b;}
.contact-note, .rating-explanation {border-top-color: #d7c7a3;}
.listing-actions {margin-top: 0;}
.representative-badge {padding: 16px 19px; background: #eaf0e2; border: 1px solid #bdccb0; border-radius: 9px;}
.listing-award {background: linear-gradient(112deg, #f6e4b5, #fcf6e6); border-color: #cdb078; box-shadow: inset 0 0 0 4px #fff9e347; padding: 21px 25px;}
.public-review, .my-review {padding: 23px; background: #fffdf799; border: 1px solid #e1d6be; border-radius: 10px; margin-top: 20px;}
.review-top strong {color: #314a36;}
.review-top time {font-size: 12px;}
.review-score {padding: 9px 12px; border: 1px solid #e1d4b5; background: #f3ead5; border-radius: 7px; width: fit-content; max-width: 100%;}
.review-text {color: #40513e; font-size: 14px; line-height: 1.85;}
.review-photos img {border: 1px solid #c6b28b; padding: 3px; background: #fffdf5; border-radius: 7px;}
.official-reply {border-left: 3px solid #ae8c4e; background: #efe9d8;}
.review-status {border: 1px solid #d4c29c; background: #f3e6c8; color: #795a25;}
.status-published {color: #36543a; background: #e7eddc; border-color: #bfcdad;}
.status-rejected {color: #8d2c24; background: #faeae5; border-color: #e4b9aa;}
.own-review-state {border: 1px solid #c7d3b7; background: #eff1e2;}
.rating-options label {background: #faf7eb; border-color: #cab991;}
.rating-options label:has(input:checked) {border-color: #a67f36; background: var(--award-metal); color: #243d2a; box-shadow: inset 0 1px #fff6d8;}
.rating-options input {accent-color: #284c35;}
.auth-card, .review-form-card {position: relative; padding: 40px; overflow: hidden;}
.auth-card:before, .review-form-card:before {content: "✦  AWARD  ✦"; display: block; margin: -40px -40px 32px; padding: 21px; background: radial-gradient(ellipse at 50% 10%, #36513a, transparent 75%), #173b2c; border-bottom: 2px solid #ccb074; color: #e5cc94; text-align: center; font-size: 13px; font-weight: 600; letter-spacing: 6px;}
.auth-card h1, .review-form-card h1 {font-size: 35px; overflow-wrap: anywhere;}
.auth-card .eyebrow, .review-form-card .eyebrow {font-size: 9px; letter-spacing: 1.7px;}
.auth-intro {font-size: 14px; line-height: 1.75;}
.auth-switch {padding-top: 20px; border-top: 1px solid #dfd2b5; font-size: 13px;}
.auth-switch+.auth-switch {padding-top: 0; border-top: 0;}
.account-catalog {background: radial-gradient(ellipse at 100% 0, #425a3b, transparent 80%), #173b2d; border-color: #baa16a; color: #f4edd8;}
.account-catalog h2 {color: #f8efda;}
.account-catalog .muted {color: #cfd9c1;}
.account-catalog>.small-star {color: #e2bf74; font-size: 29px;}
.account-details>div {border-bottom: 1px solid #e4d9c3; padding-bottom: 14px;}
.account-details dt {color: #75644a;}
.account-tools {padding: 20px 0; border-block: 1px solid #dbcbab; gap: 12px;}
.account-extra, .my-reviews {border-top: 3px solid #c8aa6b;}
.award-period {border-color: #bea16b; border-top: 4px solid #d2b575; background: linear-gradient(130deg, #fffaf0, #faf1dc);}
.award-period>h2 {font-size: 30px;}
.award-entry {padding: 24px; border: 1px solid #d1bc8b; border-radius: 10px; background: #fffaf0; box-shadow: inset 0 0 0 4px #f6e8c880;}
.award-entry h3 {font-family: var(--award-display); font-size: 25px; font-weight: 400; color: #785923;}
.empty-results {border: 1px solid #d5be8e; background: radial-gradient(ellipse at 50% 0, #f1e0b9, transparent 75%), #faf6eb; box-shadow: inset 0 0 0 6px #fffdf489;}
.empty-symbol {color: #80612b; background: #eee0bf; border: 1px solid #d2bd8b;}
.site-message {background: #eef0df; border-color: #c6c9a8; color: #405438;}
.pagination a {border-color: #c4ad7b; background: #fffaf0; border-radius: 6px; box-shadow: 0 3px 6px #6650280d;}
.pagination a:hover {background: #efe1c4;}

/* Больше золота и света на главной, в общей палитре сайта. */
.award-home .hero {background: radial-gradient(ellipse at 70% 0, #dbc38b2e, transparent 65%), #fcf8ee; border-bottom: 1px solid #dfcda8;}
.award-home .hero h1 .highlight {color: #946620; text-shadow: 0 1px #fff5d8;}
.award-home .hero-art {border: 1px solid #ba9858; border-radius: 15px; box-shadow: 0 18px 40px -23px #243e2e88, inset 0 0 0 5px #cfb7781c; background: radial-gradient(ellipse at 50% 43%, #4f6240, #204433 50%, #102f26);}
.award-home .hero-art:after {border-color: #d4b37975; inset: 10px;}
.award-home .orbit {border-color: #d9bd732b;}
.award-home .medal {background: radial-gradient(circle at 30% 20%, #fff1c6, #eacf94 32%, #bf964c 66%, #f6dfa5); box-shadow: 10px 23px 36px #061d1980, inset 0 0 0 5px #faebc4, inset 0 0 0 7px #b38a42, inset 0 0 0 17px #debd80, inset 0 0 0 18px #fff0c3;}
.award-home .medal span {letter-spacing: 5px;}
.award-home .art-note {border-color: #b89d64; background: linear-gradient(130deg, #fff8e6, #ebd4a2); box-shadow: 0 11px 27px #031f1c70, inset 0 0 0 3px #fff4d480;}
.award-home .category-card {background: linear-gradient(142deg, #fffdf4, #eee1c3); border: 1px solid #cbb27e; box-shadow: inset 0 0 0 4px #fff8df70, 0 10px 25px -20px #7d592844; --art-gold: #e2bd78; --art-roof: #a87d37;}
.award-home .category-card:before {background: radial-gradient(ellipse at 30% 20%, #ffffffb3, transparent 68%);}
.award-home .category-card:hover {border-color: #a78037; box-shadow: inset 0 0 0 4px #fff8df90, 0 16px 27px -15px #7c5c344d;}
.category-index {color: #8b7040;}
.category-emblem {color: #a5823a; font-size: 18px;}
.category-bottom {border-top-color: #c5aa7345; color: #796032; font-size: 11px;}
.award-home .category-arrow {background: var(--award-metal); color: #51482c; border: 1px solid #c5a061; box-shadow: inset 0 1px #fff1c4;}
.award-home .category-theme-spark {background: linear-gradient(135deg, #fff9ec, #efd7b8);}
.award-home .category-theme-car, .award-home .category-theme-tech {background: linear-gradient(135deg, #f8faf0, #e1e5d1);}
.award-home .category-grid .category-featured {background: radial-gradient(ellipse at 30% 10%, #526340, transparent 70%), #234b35; border-color: #b89d65; box-shadow: inset 0 0 0 4px #d3b57a22, 0 10px 25px -20px #263c2655;}
.award-home .category-featured .category-index {color: #d3c395;}
.award-home .category-featured .category-bottom {color: #ddcd9f; border-top-color: #c4ae753d;}
.award-home .category-featured:before {background: radial-gradient(ellipse at 50% 5%, #d2bc7726, transparent 68%);}
.award-home .category-featured .category-arrow {color: #334b30;}
.award-home .listing-card {background: linear-gradient(130deg, #fffef9, #faf7ed); border-color: #d7c6a2; box-shadow: var(--award-shadow), inset 0 0 0 4px #fffdf459;}
.award-home .listing-card:hover {border-color: #b99a58; box-shadow: 0 18px 32px -20px #66502950;}
.award-home .about-panel {border-color: #b59659; box-shadow: inset 0 0 0 6px #dabf791a;}
.award-home .about-panel .eyebrow, .award-home .about-step>span {color: #e1c27f;}

@media (max-width: 900px) {
  .page-masthead {padding: 30px; gap: 20px;}
  .masthead-emblem {flex-basis: 120px;}
  .award-crest {width: 120px; height: 120px;}
  .detail-masthead {padding: 29px;}
  .catalog-form {padding: 22px;}
  .panel {padding: 26px;}
}
@media (max-width: 680px) {
  .site-header {height: 76px;}
  .site-header .brand {font-size: 24px; letter-spacing: .7px;}
  .mobile-nav {top: 75px;}
  .page-section, .account-section {padding-top: 27px;}
  .page-masthead {min-height: 184px; padding: 26px 23px; gap: 14px; margin-bottom: 25px;}
  .page-masthead .page-title {font-size: 33px; letter-spacing: -.8px;}
  .page-masthead .page-description {font-size: 13px;}
  .page-masthead .eyebrow {font-size: 8px; letter-spacing: 1.4px;}
  .masthead-emblem {flex-basis: 76px;}
  .award-crest {width: 76px; height: 76px;}
  .catalog-form {padding: 19px;}
  .detail-masthead {padding: 25px 22px; gap: 18px;}
  .detail-masthead .detail-title {font-size: 33px; letter-spacing: -.8px;}
  .detail-masthead .avatar-large {width: 67px; height: 67px; font-size: 34px;}
  .auth-card, .review-form-card {padding: 27px 23px;}
  .auth-card:before, .review-form-card:before {margin: -27px -23px 27px; padding: 18px; letter-spacing: 5px;}
  .auth-card h1, .review-form-card h1 {font-size: 30px;}
  .panel {padding: 25px 22px;}
  .panel h2 {font-size: 25px;}
  .public-review, .my-review {padding: 18px;}
  .account-tools {gap: 10px;}
  .account-tools .button {font-size: 12px;}
  .listing-card h3 {font-size: 24px;}
  .review-text {font-size: 14px;}
  .language-switch {padding: 3px;}
  .language-switch button {min-width: 26px;}
}
@media (max-width: 420px) {
  .page-masthead {padding: 25px 21px;}
  .masthead-emblem {position: absolute; top: 12px; right: 12px; opacity: .16; z-index: -1;}
  .page-masthead .page-title {font-size: 31px;}
  .page-masthead .eyebrow {max-width: calc(100% - 42px); line-height: 1.7;}
  .detail-masthead {padding: 24px 21px; gap: 15px;}
  .detail-masthead .detail-title {font-size: 29px;}
  .detail-masthead .avatar-large {width: 55px; height: 55px; font-size: 29px;}
  .auth-card h1, .review-form-card h1 {font-size: 28px;}
  .rating-options {gap: 5px;}
  .rating-options label {padding: 12px 4px; gap: 4px; font-size: 13px;}
  .rating-options input {width: 14px; height: 14px;}
  .review-top {flex-wrap: wrap;}
  .category-description, .category-bottom {font-size: 11px;}
}
@media (prefers-reduced-motion: reduce) {
  .listing-card:hover {transform: none;}
}