/* Self-hosted Roboto; variable normal weight 400-700. */
/* Roboto cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../webfonts/roboto-cyrillic-ext-400-700-20261024.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Roboto cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../webfonts/roboto-cyrillic-400-700-20261024.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Roboto vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../webfonts/roboto-vietnamese-400-700-20261024.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* Roboto latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../webfonts/roboto-latin-ext-400-700-20261024.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Roboto latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../webfonts/roboto-latin-400-700-20261024.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Responsive text scale: 16px content, 14px secondary, 15px labels at a 16px root. */
html[data-city-design=purple] body{font-family:Roboto,Arial,sans-serif;font-size:1rem;line-height:1.5;}
html[data-city-design=purple] :is(.full-text,.descr,.pmovie__text,.comment-item__main){font-size:1rem;line-height:1.65;}
html[data-city-design=purple] :is(.full-text,.descr,.pmovie__text) :is(p,li){font-size:inherit;line-height:inherit;}
html[data-city-design=purple] .descr :is(h2,h3,h4){font-size:1.25rem;line-height:1.4;}

/* Navigation and catalogue. Icon font sizing is intentionally separate. */
html[data-city-design=purple] :is(.header__menu>li>a,.header__menu-hidden a,.header__login-menu a,.header__btn-login,.city-mobile-genres-toggle){font-size:.9375rem;line-height:1.5;}
html[data-city-design=purple] .mobile-menu .header__menu-hidden a{font-size:.9375rem;}
html[data-city-design=purple] .header__search input{font-family:inherit;font-size:1rem;}
html[data-city-design=purple] .header__search input:not(:focus)::placeholder{font-size:.875rem;}
html[data-city-design=purple] .city-pills{flex-wrap:wrap;align-items:center;row-gap:12px;}
html[data-city-design=purple] .city-pills a{display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:400;line-height:1.4;min-height:2.5rem;height:auto;padding:8px 14px;}
html[data-city-design=purple] .city-pills .city-new-badge{font-size:.5625rem;line-height:1;padding:3px 4px;top:-6px;right:8px;}
html[data-city-design=purple] .city-feature-text{font-size:1rem;line-height:1.6;}
html[data-city-design=purple] :is(.city-feature-meta,.city-feature-status,.city-eyebrow,.city-section-note,.city-popular-all){font-size:.875rem;line-height:1.5;}
html[data-city-design=purple] .city-feature-play{font-size:.9375rem;line-height:1.5;}
html[data-city-design=purple] .poster__title,
html[data-city-design=purple] .city-catalog-card .poster__title,
html[data-city-design=purple] .carou .poster__title,
html[data-city-design=purple] .city-popular-copy h3{font-size:1rem;line-height:1.45;}
html[data-city-design=purple] .poster__subtitle,
html[data-city-design=purple] .city-catalog-card .city-catalog-meta,
html[data-city-design=purple] .city-catalog-card .city-catalog-meta p,
html[data-city-design=purple] .city-popular-copy p,
html[data-city-design=purple] .city-popular-copy>span{font-size:.875rem;line-height:1.5;}
html[data-city-design=purple] .city-catalog-card .city-card-year,
html[data-city-design=purple] .city-catalog-episode{font-size:.875rem;line-height:1.35;}
html[data-city-design=purple] :is(.poster__btn-info,.poster__fav a){font-size:.875rem;min-height:36px;height:auto;padding-top:7px;padding-bottom:7px;line-height:1.4;}

/* Filter: consistent typeface, readable controls, wrapping labels. */
html[data-city-design=purple] .city-filter-heading{flex-wrap:wrap;}
html[data-city-design=purple] .city-filter-heading h2{font-size:1.25rem;line-height:1.4;}
html[data-city-design=purple] .city-filter-heading>p{font-size:.875rem;line-height:1.5;}
html[data-city-design=purple] .city-filter-grid>label,
html[data-city-design=purple] .city-filter-grid>fieldset,
html[data-city-design=purple] .city-filter-grid legend{font-size:.9375rem;line-height:1.5;color:#c1c1cd;}
html[data-city-design=purple] .city-filter input:not([type=radio]),
html[data-city-design=purple] .city-filter select{font-family:inherit;font-size:1rem;min-height:48px;height:3rem;line-height:1.5;}
html[data-city-design=purple] .city-filter input::placeholder{font-family:inherit;font-size:1rem;color:#a9a9bd;}
html[data-city-design=purple] .city-filter select{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23e9e9ef' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:10px 6px;background-position:right 12px center;}
html[data-city-design=purple] .city-filter-types>div{height:auto;min-height:48px;}
html[data-city-design=purple] .city-filter-types span{font-size:.9375rem;line-height:1.5;min-height:46px;padding:8px 4px;}
html[data-city-design=purple] .city-filter-toggle,
html[data-city-design=purple] .city-filter-actions button{font-size:.9375rem;font-family:inherit;line-height:1.5;min-height:48px;height:auto;white-space:normal;}
html[data-city-design=purple] .city-filter-status{font-size:.875rem;line-height:1.5;}
html[data-city-design=purple] .city-filter-footer{flex-wrap:wrap;}
html[data-city-design=purple] .city-filter-pagination{flex-wrap:wrap;gap:12px;}
html[data-city-design=purple] .city-filter-pagination :is(button,span){font-size:.9375rem;line-height:1.5;}
html[data-city-design=purple] .city-filter-pagination button{height:auto;min-height:48px;}
html[data-city-design=purple] .city-filter-empty p{font-size:1rem;line-height:1.5;}

/* Drama details, recommendations and comments. */
html[data-city-design=purple] .city-original-title{font-size:.875rem;line-height:1.5;overflow-wrap:anywhere;}
html[data-city-design=purple] .pmovie__main>.pmovie__list,
html[data-city-design=purple] .pmovie__list{font-size:1rem;line-height:1.6;}
html[data-city-design=purple] .pmovie__main>.pmovie__list li>span:first-child{font-size:.9375rem;line-height:1.5;}
html[data-city-design=purple] :is(.city-quality-badge,.pmovie__rating-votes,.pmovie__rating-votes span,.city-rating-empty,.city-complaint-label,.city-description-toggle,.speedbar){font-size:.875rem;line-height:1.5;}
html[data-city-design=purple] :is(.city-comment-note,.page__comments-title,.comment-item__author,.comment-item__author a){font-size:1rem;line-height:1.5;}
html[data-city-design=purple] :is(.comment-item__date,.comment-item__footer,.comment-item__controls,.comment-item__rating){font-size:.875rem;line-height:1.5;}
html[data-city-design=purple] .comment-item__footer{flex-wrap:wrap;}

/* Shared forms, account pages and footer. */
html[data-city-design=purple] :is(.form__caption,.form__label,.usp__group,.usp__status,.usp__activity,.usp__list,.usp__list li,.usp__list li>span){font-size:.9375rem;line-height:1.6;}
html[data-city-design=purple] :is(.form input:not([type=checkbox]):not([type=radio]),.form textarea,.form select,.page__comments-form textarea){font-family:inherit;font-size:1rem;line-height:1.5;}
html[data-city-design=purple] :is(.form input,.form textarea)::placeholder{font-size:1rem;}
html[data-city-design=purple] :is(.form button,.form__btn,.usp__btn>a,.add-comments-form__btn){font-size:.9375rem;line-height:1.5;min-height:44px;height:auto;white-space:normal;}
html[data-city-design=purple] .usp__list li{overflow-wrap:anywhere;}
html[data-city-design=purple] .city-footer-rights,
html[data-city-design=purple] .city-footer-layout .footer__copyright{font-size:.875rem;line-height:1.6;}
html[data-city-design=purple] .city-footer-layout .footer__copyright{white-space:normal;overflow-wrap:anywhere;}

@media(max-width:760px){
 html[data-city-design=purple] .city-filter-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;}
 html[data-city-design=purple] .city-filter-heading h2{font-size:1.125rem;}
 html[data-city-design=purple] .city-filter-toggle{max-width:140px;padding:9px 10px;}
 html[data-city-design=purple] .city-filter-grid>.city-filter-query{grid-column:1/-1;}
 html[data-city-design=purple] .city-pills a{min-height:2.75rem;padding:9px 12px;}
 html[data-city-design=purple] .pmovie__main>.pmovie__rating .pmovie__rating-votes{font-size:.875rem;}
 html[data-city-design=purple] .pmovie__main>.pmovie__rating{flex-wrap:wrap;}
 html[data-city-design=purple] .pagination .city-pagination-prev>a,
 html[data-city-design=purple] .pagination .pagination__pages-btn>a{font-size:.875rem;}
 html[data-city-design=purple] .city-pagination-numbers{min-width:0;gap:2px;}
 html[data-city-design=purple] .pagination__pages .city-pagination-numbers>a,
 html[data-city-design=purple] .pagination__pages .city-pagination-numbers>span{min-width:40px;padding:0 7px;}
}
@media(max-width:360px){
 html[data-city-design=purple] .city-filter-grid{grid-template-columns:minmax(0,1fr);}
}

html[data-city-design=purple] .pmovie__img>.pmovie__btn-scroll,
html[data-city-design=purple] .pmovie__img>.pmovie__btn-scroll>span,
html[data-city-design=purple] .pmovie__poster>.poster__fav>a,
html[data-city-design=purple] .pmovie__main>.pmovie__rating .pmovie__rating-votes{font-size:.875rem;line-height:1.5;}
html[data-city-design=purple] .pmovie .page__comments-form button[type=submit]{font-size:.9375rem;line-height:1.5;min-height:48px;height:auto;}
html[data-city-design=purple] .mobile-menu .header__menu>li>a{font-size:.9375rem;}

/* Final content specificity matches the existing drama layout rules. */
html[data-city-design=purple] .pmovie__descr .pmovie__text{font-size:1rem;line-height:1.65;}
html[data-city-design=purple] .header__favlink>span{font-size:.75rem;}

/* Centre actual icon geometry instead of a font glyph baseline. */
html[data-city-design=purple] .city-feature-controls>button{display:flex;align-items:center;justify-content:center;line-height:0;padding:0;}
html[data-city-design=purple] .city-feature-controls>button>svg{display:block;flex:none;width:20px;height:20px;pointer-events:none;}
html[data-city-design=purple] .city-pills a.is-current{font-weight:500;}