categories-:root {--primary-color:#de272c; --primary-hover:#c9302c; --primary-light:#f8f5ff; --primary-light-hover:#e9e4ff; --text-primary:#2d3436; --text-secondary:#666; --text-tertiary:#333; --text-light:#555; --background-light:#f0f0f0; --background-light-hover:#e0e0e0; --background-white:#fff; --accent-color:#e84393; --success-color:#25d366; --danger-color:#e74c3c; --danger-hover:#c0392b; --border-color:#f0f0f0; --shadow-color:rgba(0,0,0,0.08); --overlay-dark:rgba(0,0,0,0.6)}
.news-page__description h3.heading {font-weight:700}
.news-page__description .heading:before {padding:0 5px 0 0; content:'#'; color:#f00}
.news-page__image-39,.news-page__image-40,.news-page__image-41,.news-page__image-42,.news-page__image-43,.news-page__image-44 {display:none}
#cart {display:none}
.product-page .qty-switch {display:none}
.product-page .qty-indicator {display:none}
.header-phones {display:none}
.event-info-container {font-family:'Segoe UI',system-ui,sans-serif; background:var(--background-white,white); border-radius:var(--border-radius-1); box-shadow:0 3px 15px var(--shadow-color,rgba(0,0,0,0.08)); overflow:hidden; margin-bottom:45px}
.info-row {display:flex; align-items:center; padding:12px 15px; border-bottom:1px solid var(--border-color,#f0f0f0)}
.info-row:last-child {border-bottom:none}
.info-icon {width:26px; text-align:center; margin-right:15px; color:var(--primary-color,#6c5ce7); font-size:28px}
.info-content {flex:1}
.info-label {font-size:16px; font-weight:700; color:var(--text-secondary,#666); margin-right:5px; margin-bottom:2px}
.info-value {font-size:18px; color:var(--text-tertiary,#333); font-weight:600}
.info-value-price {font-size:20px; color:var(--text-tertiary,#333); font-weight:700}
.info-row.highlight {background-color:var(--primary-light,#f8f5ff)}
.info-row.highlight .info-icon {padding:12px 5px; color:var(--accent-color,#e84393)}
.product-actions {display:flex; gap:10px; padding:15px 0; margin-top:15px}
.action-btn {display:flex; align-items:center; justify-content:center; gap:8px; padding:10px 15px; border:none; border-radius:var(--border-radius-1); font-weight:500; font-size:14px; cursor:pointer; transition:all 0.2s; flex:1}
@media (max-width:768px) {.action-text {display:none }
 .action-btn {padding:10px; justify-content:center }
}
.wishlist-btn {background:var(--primary-light,#f8f5ff); color:var(--primary-color,#6c5ce7)}
.wishlist-btn:hover {background:var(--primary-light-hover,#e9e4ff)}
.compare-btn {background:var(--background-light,#f0f0f0); color:var(--text-light,#555)}
.compare-btn:hover {background:var(--background-light-hover,#e0e0e0)}
.share-btn {background:var(--background-light,#f0f0f0); color:var(--text-light,#555)}
.share-btn:hover {background:var(--background-light-hover,#e0e0e0)}
.event-header {margin-top:10px; margin-bottom:10px; position:relative; padding-bottom:15px}
.event-title {font-family:var(--body-font,'Verdana'); font-size:1.3rem; text-transform:uppercase; font-weight:700; color:var(--text-primary,#2d3436); margin:0; line-height:1.3; position:relative; display:inline-block; padding-bottom:10px}
.event-title:after {content:''; position:absolute; bottom:0; left:0; width:60px; height:4px; background:linear-gradient(90deg,var(--primary-color,#6c5ce7),#a29bfe); border-radius:2px}
.event-subtitle {font-family:var(--body-font,'Verdana'); font-size:0.85rem; color:var(--text-secondary,#636e72); margin:8px 0 0 0; line-height:1.4; font-weight:400; opacity:0.8}
@media (max-width:992px) {.event-title {font-size:1.7rem}
 .event-subtitle {font-size:1.0rem}
}
@media (max-width:768px) {.event-header {margin-top:20px; margin-bottom:0}
 .event-title {font-size:1.1rem}
 .event-title:after {width:50px; height:3px}
 .event-subtitle {font-size:0.9rem; margin-top:6px}
}
@media (max-width:480px) {.event-title {font-size:1.0rem}
 .event-subtitle {font-size:0.8rem; margin-top:5px}
}
.event-header-h2 {margin-bottom:10px; position:relative; padding-bottom:15px}
.event-title-h2 {font-family:'Segoe UI',system-ui,sans-serif; font-size:1.2rem; text-transform:uppercase; font-weight:700; color:var(--text-primary,#2d3436); margin:0; line-height:1.3; position:relative; display:inline-block; padding-bottom:10px}
.event-title-h2:after {content:''; position:absolute; bottom:0; left:0; width:60px; height:4px; background:linear-gradient(90deg,var(--primary-color,#6c5ce7),#a29bfe); border-radius:2px}
@media (max-width:992px) {.event-title-h2 {font-size:1.2rem }
}
@media (max-width:768px) {.event-header-h2 {margin-bottom:20px }
 .event-title-h2 {font-size:1.0rem; padding-bottom:8px }
 .event-title-h2:after {width:50px; height:3px }
}
@media (max-width:480px) {.event-title-h2 {font-size:1.2rem }
}

.event-header-h3 {margin-bottom:10px; position:relative; padding-bottom:15px}
.event-title-h3 {font-family:'Segoe UI',system-ui,sans-serif; font-size:1.2rem; text-transform:uppercase; font-weight:700; color:var(--text-primary,#2d3436); margin:0; line-height:1.3; position:relative; display:inline-block; padding-bottom:10px}
.event-title-h3:after {content:''; position:absolute; bottom:0; left:0; width:60px; height:4px; background:linear-gradient(90deg,var(--primary-color,#6c5ce7),#a29bfe); border-radius:2px}
@media (max-width:992px) {.event-title-h3 {font-size:1.2rem }
}
@media (max-width:768px) {.event-header-h3 {margin-bottom:20px }
 .event-title-h3 {font-size:1.0rem; padding-bottom:8px }
 .event-title-h3:after {width:50px; height:3px }
}
@media (max-width:480px) {.event-title-h3 {font-size:1.2rem }
}

.bye-header-h2 {margin-top:25px; margin-bottom:5px; position:relative}
.bye-title-h2 {font-family:'Segoe UI',system-ui,sans-serif; font-size:1.0rem; text-transform:uppercase; letter-spacing:0.3px; font-weight:700; color:var(--text-primary,#2d3436); margin:0; line-height:1.3; position:relative; display:inline-block; padding-bottom:10px}
.bye-title-h2:after {content:''; position:absolute; bottom:0; left:0; width:60px; height:4px; background:linear-gradient(90deg,var(--primary-color,#6c5ce7),#a29bfe); border-radius:2px}
@media (max-width:992px) {.bye-title-h2 {font-size:1.2rem }
}
@media (max-width:768px) {.bye-header-h2 {margin-bottom:20px }
 .bye-title-h2 {font-size:1.0rem; padding-bottom:8px }
 .bye-title-h2:after {width:50px; height:3px }
}
@media (max-width:480px) {.bye-title-h2 {font-size:0.9rem }
}
#share-modal .modal-content {border-radius:var(--border-radius-1); border:none; box-shadow:0 5px 25px rgba(0,0,0,0.15)}
#share-modal .modal-header {border-bottom:1px solid var(--border-color,#f0f0f0); padding:15px 20px}
#share-modal .modal-title {font-weight:600; color:var(--text-primary,#2d3436)}
.share-social {display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:20px}
.social-link {display:flex; align-items:center; padding:10px 15px; border-radius:var(--border-radius-1); color:white; font-weight:500; transition:transform 0.2s}
.social-link:hover {transform:translateY(-2px); color:white; text-decoration:none}
.social-link i {margin-right:10px; font-size:18px}
.social-link.vk {background:#4a76a8}
.social-link.ok {background:#ee8208}
.social-link.tg {background:#2fa5d6}
.social-link.wa {background:var(--success-color,#25d366)}
.share-copy {margin-top:15px}
.copy-url {width:100%; background:var(--primary-light,#f8f5ff); color:var(--primary-color,#6c5ce7); border:none; padding:10px; border-radius:var(--border-radius-1); transition:all 0.2s}
.copy-url:hover {background:var(--primary-light-hover,#e9e4ff)}
.product-page__rating {display:inline-flex; align-items:center; gap:8px; padding:12px 15px; background:var(--primary-light,#f8f5ff); border-radius:var(--border-radius-1); font-size:14px; font-weight:500; color:var(--text-light,#555); cursor:pointer; transition:all 0.2s ease; line-height:1; margin:15px 0; width:100%; box-sizing:border-box}
.rating-model__rating {display:inline-flex; align-items:center; gap:8px; padding:10px 15px; font-size:14px; font-weight:500; color:#ffc107; cursor:pointer; transition:all 0.2s ease; line-height:1; box-sizing:border-box}
.product-page__rating:hover {background:var(--primary-light-hover,#e9e4ff); transform:translateY(-1px); box-shadow:0 2px 8px rgba(108,92,231,0.2)}
.product-page__rating .fa-star,.rating-model__rating .fa-star {color:#ffc107; font-size:16px}
.product-page__rating .fa-comment,.rating-model__rating .fa-comment {color:var(--primary-color,#6c5ce7); margin-left:8px; font-size:14px}
@media (max-width:768px) {.product-page__rating,.rating-model__rating {display:flex; justify-content:center; padding:12px; font-size:13px; gap:6px; width:100% }
 .product-page__rating .fa-star,.rating-model__rating .fa-star {font-size:14px }
 .product-page__rating .fa-comment,.rating-model__rating .fa-comment {font-size:13px; margin-left:6px }
 .product-page__rating {margin:12px 0 }
}
.tickets-action {margin:20px 0}
.tickets-btn {display:flex; align-items:stretch; width:100%; padding:0; color:white; border:none; border-radius:var(--border-radius-1); font-size:16px; font-weight:600; transition:all 0.3s ease; box-shadow:0 4px 12px rgba(108,92,231,0.25); overflow:hidden; position:relative}
.tickets-btn.in-stock {background:linear-gradient(135deg,var(--primary-color,#6c5ce7),var(--primary-hover,#5649c0))}
.tickets-btn.out-of-stock {background:linear-gradient(135deg,#95a5a6,#7f8c8d); cursor:not-allowed; box-shadow:0 4px 12px rgba(149,165,166,0.2)}
.tickets-btn .btn-left {display:flex; align-items:center; justify-content:center; gap:10px; padding:14px 20px; flex:1; text-decoration:none !important; color:white !important; cursor:pointer}
.tickets-btn .btn-left:hover {text-decoration:none !important; color:white !important}
.btn-text {display:inline-block}
.btn-full {display:flex; align-items:center; justify-content:center; gap:10px; padding:14px 20px; width:100%}
.btn-right {display:flex; align-items:center; justify-content:center; padding:14px 20px; position:relative; min-width:100px; cursor:help}
.btn-divider {width:1px; background:linear-gradient(to bottom,transparent 0,rgba(255,255,255,0.4) 20%,rgba(255,255,255,0.4) 80%,transparent 100%); margin:8px 0}
.tickets-count {margin-left:5px; font-size:14px; font-weight:500; text-align:center}
.tickets-btn.in-stock:hover {background:linear-gradient(135deg,var(--primary-hover,#5649c0),#4538a8); transform:translateY(-1px); box-shadow:0 6px 16px rgba(108,92,231,0.3)}
.tickets-btn.in-stock:hover .btn-right {background:rgba(255,255,255,0.2)}
.tickets-btn.in-stock:active {transform:translateY(0)}
.tickets-btn.out-of-stock:hover {transform:none; box-shadow:0 4px 12px rgba(149,165,166,0.2)}
.tickets-btn.out-of-stock .fa-times-circle {font-size:18px}
@media (max-width:768px) {.tickets-btn {font-size:15px}
 .tickets-btn .btn-left,.btn-right,.btn-full {padding:12px 15px}
 .tickets-btn .btn-left {justify-content:center; flex:0 0 70% !important; max-width:70% !important; padding:12px}
 .btn-right {flex:0 0 30% !important; max-width:30% !important; min-width:auto !important; padding:12px 10px}
 .tickets-btn .btn-left i,.btn-full i {font-size:18px}
 .tickets-count {font-size:13px}
 .btn-divider {margin:6px 0}
}
@media (max-width:1024px) and (min-width:769px) {.btn-text {font-size:14px}
}
@media (max-width:480px) {.tickets-btn .btn-left {flex:0 0 70% !important; max-width:70% !important; padding:12px 10px}
 .btn-right {flex:0 0 30% !important; max-width:30% !important; padding:12px 8px}
 .btn-divider {margin:6px 0}
 .btn-full span {font-size:14px}
 .tickets-count {font-size:12px}
 .tickets-btn .btn-left span {white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
}
.tickets-btn.low-stock {background:linear-gradient(135deg,var(--danger-color,#e74c3c),var(--danger-hover,#c0392b))}
.tickets-btn.low-stock:hover {background:linear-gradient(135deg,var(--danger-hover,#c0392b),#a23526)}
@media (min-width:769px) {.tickets-btn .btn-left {justify-content:center; flex:1}
 .btn-right {justify-content:center; flex:0 0 auto}
}
.tickets-btn,.tickets-btn:link,.tickets-btn:visited,.tickets-btn:hover,.tickets-btn:active,.tickets-btn:focus {color:white !important}
.tickets-btn *,.tickets-btn:link *,.tickets-btn:visited *,.tickets-btn:hover *,.tickets-btn:active *,.tickets-btn:focus * {color:white !important}
.btn-text,.tickets-count,.btn-full span {color:white !important}
@media (max-width:768px) {.tickets-btn {min-height:48px; -webkit-tap-highlight-color:transparent}
 .tickets-btn .btn-left,.btn-right {padding:12px 10px; touch-action:manipulation}
 .tickets-btn.in-stock {pointer-events:auto !important}
}
.tickets-btn {display:flex !important; position:relative; z-index:1}
@supports (-webkit-touch-callout:none) {.tickets-btn {cursor:pointer}
}
.tickets-info {display:flex; align-items:center; justify-content:center; gap:8px; position:relative; padding:0 10px; height:100%; width:100%; cursor:help}
.tickets-info:hover .info-icon {opacity:1}
@media (max-width:768px) {.tickets-info {padding:0 10px; gap:5px}
}
@media (max-width:480px) {.tickets-info {padding:0 8px}
 .tickets-count {font-size:12px}
}
.tooltip-inner {max-width:320px !important; padding:0 !important; background:white !important; border-radius:12px !important; box-shadow:0 10px 40px rgba(0,0,0,0.15) !important; border:1px solid rgba(108,92,231,0.1) !important; overflow:hidden !important; opacity:1 !important}
.ticket-tooltip {font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.tooltip-header {background:linear-gradient(135deg,#6c5ce7,#5649c0); color:white; padding:15px 20px; display:flex; align-items:center; gap:10px; font-weight:600; font-size:16px}
.tooltip-header i {font-size:18px; opacity:0.9}
.tooltip-body {padding:20px; background:#fff}
.info-row:last-child {margin-bottom:0; padding-bottom:0; border-bottom:none}
.info-value.status-available {color:#27ae60; font-weight:600}
.info-value.status-available i {font-size:12px}
.info-value.timestamp {color:#7f8c8d; font-size:13px}
.info-value.timestamp i {font-size:11px; opacity:0.7}
.tooltip-footer {background:#f8f9fa; padding:12px 20px; border-top:1px solid #eee}
.tooltip-footer small {color:#7f8c8d; font-size:12px; display:flex; align-items:center; gap:8px}
.tooltip-footer i {font-size:10px; opacity:0.7}
.tooltip.top .tooltip-arrow {border-top-color:#6c5ce7 !important; bottom:-2px !important; opacity:1 !important}
.tooltip.top {margin-top:-12px !important; opacity:1 !important}
.tickets-info {display:flex; align-items:center; justify-content:center; gap:8px; position:relative; padding:0 10px; height:100%; width:100%; cursor:pointer}
.ticket-info-inner {display:flex; align-items:center; justify-content:center; gap:8px}
.count-icon {font-size:12px; opacity:0.7; transition:opacity 0.2s ease,transform 0.2s ease; margin-left:2px}
.tickets-info:hover .info-icon {opacity:1; transform:scale(1.1)}
.tooltip.fade {opacity:1 !important; transition:transform 0.2s cubic-bezier(0.175,0.885,0.32,1.275)}
.tooltip.fade.in {transform:translateY(-5px)}
@media (max-width:768px) {.tooltip-inner {max-width:320px !important}
 .tooltip-header {padding:12px 15px; font-size:15px}
 .tooltip-body {padding:15px}
 .tooltip.top {margin-top:-15px !important}
}
@media (max-width:480px) {.tooltip {position:fixed !important; top:50% !important; left:50% !important; transform:translate(-50%,-50%) !important; margin:0 !important; opacity:1 !important}
 .tooltip-arrow {display:none !important}
}

@keyframes pulse-subtle {0% {opacity:0.7}
 50% {opacity:1}
 100% {opacity:0.7}
}
.timestamp[data-timestamp*="сегодня"],.timestamp[data-timestamp*="минуту"],.timestamp[data-timestamp*="час"] {color:#27ae60 !important}
.timestamp[data-timestamp*="сегодня"] i,.timestamp[data-timestamp*="минуту"] i,.timestamp[data-timestamp*="час"] i {animation:pulse-subtle 2s infinite}
.dropdown-menu.quick-select {position:fixed !important; top:50px !important; right:20px !important; left:auto !important; max-height:400px; overflow-y:auto; z-index:10000}
.quick-select-container {position:relative; z-index:1000}
.panel-body .btn-group {margin-bottom:10px}
.panel-body .btn-group .btn {padding:3px 8px; font-size:12px}
#attribute-select {max-height:200px; overflow-y:auto}
#attribute-select .checkbox {margin:5px 0; padding:2px 5px}
#attribute-select .checkbox:hover {background-color:#f5f5f5}
.modal-body .row {margin-bottom:15px}
.modal-body .panel {margin-bottom:10px}
.modal-body .panel-heading {padding:8px 15px}
.modal-body .panel-body {padding:10px}
.product-banner__image {border-radius:50%; border:2px solid #ddd; object-fit:cover}
.ad-label {position:absolute; top:5px; right:5px; display:flex; align-items:center; gap:4px; color:var(--text-light,#666); font-size:11px; cursor:pointer; z-index:10; transition:color 0.2s ease}
.ad-label:hover {color:var(--text-tertiary,#333)}
.ad-label__text {opacity:0.8}
.ad-label__icon {font-size:12px; opacity:0.7}
.ad-tooltip {position:absolute; top:100%; right:0; margin-top:8px; opacity:0; visibility:hidden; transform:translateY(-10px); transition:all 0.3s ease; z-index:10000; pointer-events:none}
.ad-label:hover .ad-tooltip {opacity:1; visibility:visible; transform:translateY(0)}
.ad-tooltip__content {background-color:var(--background-white,#fff); padding:12px 16px; border-radius:6px; box-shadow:0 4px 12px rgba(0,0,0,0.15); border:1px solid var(--border-color,#e0e0e0); max-width:280px; font-size:12px; line-height:1.4; color:var(--text-tertiary,#333); position:relative; width:max-content}
.ad-tooltip__content:before {content:''; position:absolute; bottom:100%; right:10px; width:10px; height:10px; background:var(--background-white,#fff); transform:rotate(45deg); border-top:1px solid var(--border-color,#e0e0e0); border-left:1px solid var(--border-color,#e0e0e0)}
.ad-tooltip p {margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
@media (max-width:768px) {.ad-tooltip {right:-10px; max-width:90vw }
 .ad-tooltip__content {max-width:none; white-space:normal; word-wrap:break-word; width:auto }
 .ad-tooltip__content:before {right:15px }
 .ad-tooltip p {white-space:normal; overflow:visible; text-overflow:clip }
}
@media (max-width:480px) {.ad-tooltip {right:-20px; max-width:280px }
 .ad-tooltip__content {padding:10px 12px; font-size:11px; max-width:250px }
 .ad-tooltip__content:before {right:20px }
}
.image-top-left-actions {position:absolute; top:5px; left:15px; z-index:10}
.image-top-right-actions {position:absolute; top:10px; right:80px; z-index:10; display:flex; gap:15px}
.action-icon-btn {width:36px; height:36px; border-radius:50%; background:var(--overlay-dark,rgba(0,0,0,0.6)); border:1px solid rgba(255,255,255,0.2); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.2s ease; backdrop-filter:blur(4px)}
.action-icon-btn:hover {background:rgba(0,0,0,0.8); box-shadow:0 4px 12px rgba(0,0,0,0.3); transform:translateY(-1px); border-color:rgba(255,255,255,0.3)}
.action-icon-btn.dark {background:rgba(0,0,0,0.7); border:1px solid rgba(255,255,255,0.15)}
.action-icon-btn.dark:hover {background:rgba(0,0,0,0.9); border-color:rgba(255,255,255,0.25)}
.action-icon-btn svg,.action-icon-btn i {color:rgba(255,255,255,0.9); filter:drop-shadow(0 1px 2px rgba(0,0,0,0.3))}
.action-icon-btn i {font-size:15px; color:#fff; transition:color 0.2s ease}
.action-icon-btn:hover i {color:#ff6b6b}
.action-icon-btn.wishlist-btn:hover i {color:#ff6b6b}
.action-icon-btn.share-btn:hover i {color:#4ecdc4}
.action-icon-btn.wishlist-btn.active i {color:#ff6b6b; font-weight:900}
@media (max-width:768px) {.image-top-left-actions {top:1px; left:5px; padding:0 1px; font-size:12px }
 .image-top-right-actions {top:5px; right:50px; padding:5px 6px; gap:15px }
 .action-icon-btn {width:32px; height:32px; background:rgba(255,255,255,0.7) }
 .action-icon-btn i {font-size:13px }
}
@media (max-width:480px) {.image-top-right-actions {padding:4px 5px; gap:4px }
 .action-icon-btn {width:28px; height:28px; background:rgba(255,255,255,0.7) }
 .action-icon-btn i {font-size:12px }
}
.age-value {min-width:40px; font-size:2.3em; color:var(--product-banner-icon)}
@media (max-width:768px) {.age-value {font-size:28px !important; width:60px; height:60px; line-height:60px }
}
.product-banner {margin:15px -10px 15px}
@media (max-width:575px) {.product-thumb .product-thumb__description {display:block !important}
}
.product-thumb__price {font-size:1.0em}
img[src*="no-image.svg"] {width:100%; height:500px; max-width:100%; object-fit:contain}
.product-layout img[src*="no-image.svg"],.product-grid img[src*="no-image.svg"] {width:100%; height:180px; object-fit:contain; background:#f8f9fa; padding:20px}
#tab-description {background:none}
.tickets-modern-ui {width:100%; margin:0 auto}
.modern-header {text-align:center; margin-bottom:2rem}
.header-icon {width:80px; height:80px; background:linear-gradient(135deg,#6c5ce7,#5649c0); border-radius:20px; display:flex; align-items:center; justify-content:center; margin:0 auto 1.5rem; box-shadow:0 8px 25px rgba(108,92,231,0.3)}
.header-icon i {font-size:2rem; color:white}
.modern-title {font-size:1.3rem; text-transform:uppercase; font-weight:700; background:linear-gradient(135deg,#6c5ce7,#333); -webkit-background-clip:text; -webkit-text-fill-color:transparent; margin-bottom:0.5rem}
.modern-subtitle {font-size:1.1rem; color:#666; font-weight:600}
.modern-grid {display:flex; flex-direction:column; gap:2rem}
.modern-card {background:white; border-radius:24px; padding:2.5rem; box-shadow:0 2px 8px rgba(0,0,0,0.04),0 4px 16px rgba(0,0,0,0.08); border:1px solid #f8f9fa; transition:all 0.3s ease; position:relative; overflow:hidden; animation:fadeInUp 0.6s ease-out}
.modern-card::before {content:''; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,#6c5ce7,#5649c0); transform:scaleX(0); transition:transform 0.3s ease}
.modern-card:hover {box-shadow:0 8px 25px rgba(0,0,0,0.12),0 0 0 1px rgba(108,92,231,0.1); border-color:rgba(108,92,231,0.2)}
.modern-card:hover::before {transform:scaleX(1)}
.modern-card:nth-child(1) {animation-delay:0.1s}
.modern-card:nth-child(2) {animation-delay:0.2s}
.modern-card:nth-child(3) {animation-delay:0.3s}
.modern-card:nth-child(4) {animation-delay:0.4s}
.modern-card:nth-child(5) {animation-delay:0.5s}
.modern-card:nth-child(6) {animation-delay:0.6s}
.card-icon {width:70px; height:70px; background:linear-gradient(135deg,rgba(108,92,231,0.06),rgba(86,73,192,0.06)); border-radius:18px; display:flex; align-items:center; justify-content:center; margin-bottom:1.5rem; border:1px solid rgba(108,92,231,0.1); transition:all 0.3s ease}
.modern-card:hover .card-icon {background:linear-gradient(135deg,rgba(108,92,231,0.09),rgba(86,73,192,0.09)); border-color:rgba(108,92,231,0.2)}
.card-icon i {font-size:1.6rem; color:#6c5ce7; transition:all 0.3s ease}
.modern-card h3 {font-size:1.6rem; font-weight:700; color:#333; margin-bottom:1rem}
.modern-card p {color:#666; line-height:1.6; font-size:1.1rem}
.process-steps {display:flex; flex-direction:column; gap:1rem}
.step {display:flex; align-items:center; gap:1.5rem; padding:1.2rem; background:#f8f9fa; border-radius:16px; transition:all 0.3s ease; border:1px solid transparent}
.step:hover {background:white; border-color:rgba(108,92,231,0.2); box-shadow:0 4px 12px rgba(0,0,0,0.08)}
.step-number {width:40px; height:40px; background:linear-gradient(135deg,#6c5ce7,#5649c0); color:white; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:1.1rem; flex-shrink:0}
.step-text {font-weight:500; color:#333; font-size:1.1rem}
.comparison-grid {display:grid; grid-template-columns:1fr 1fr; gap:2rem; margin:2rem 0}
.comparison-item {text-align:center; padding:1.5rem; background:#f8f9fa; border-radius:16px; transition:all 0.3s ease}
.comparison-item:hover {background:white; box-shadow:0 4px 12px rgba(0,0,0,0.08)}
.comparison-badge {padding:0.8rem 1.5rem; border-radius:25px; font-weight:600; margin-bottom:1.5rem; font-size:1rem; transition:all 0.3s ease}
.comparison-badge.personalized {background:linear-gradient(135deg,#6c5ce7,#5649c0); color:white; box-shadow:0 4px 15px rgba(108,92,231,0.3)}
.comparison-badge.non-personalized {background:linear-gradient(135deg,#6c757d,#868e96); color:white; box-shadow:0 4px 15px rgba(108,117,125,0.3)}
.feature-list {list-style:none; padding:0}
.feature-list li {display:flex; align-items:center; gap:0.8rem; margin-bottom:0.8rem; color:#666; font-size:1rem; transition:color 0.3s ease}
.feature-list li:hover {color:#333}
.feature-list i {color:#6c5ce7}
.benefits-list {list-style:none; padding:0; margin:1.5rem 0}
.benefits-list li {display:flex; align-items:flex-start; gap:1rem; margin-bottom:1rem; padding:1rem; background:#f8f9fa; border-radius:12px; transition:all 0.3s ease}
.benefits-list li:hover {background:white; box-shadow:0 4px 12px rgba(0,0,0,0.08)}
.benefits-list i {color:#6c5ce7; font-size:1.2rem; margin-top:0.2rem; flex-shrink:0}
.search-options {display:flex; flex-direction:column; gap:1.2rem}
.search-option {display:flex; align-items:center; gap:1.5rem; padding:1.5rem; background:#f8f9fa; border-radius:16px; transition:all 0.3s ease; border:1px solid transparent}
.search-option:hover {background:white; border-color:rgba(108,92,231,0.2); box-shadow:0 6px 20px rgba(0,0,0,0.08)}
.option-icon {width:60px; height:60px; border-radius:14px; display:flex; align-items:center; justify-content:center; flex-shrink:0}
.option-icon.primary {background:linear-gradient(135deg,rgba(108,92,231,0.08),rgba(86,73,192,0.08)); border:1px solid rgba(108,92,231,0.1)}
.option-icon.primary i {color:#6c5ce7; font-size:1.4rem}
.option-content h4 {margin:0 0 0.5rem 0; color:#333; font-weight:600; font-size:1.2rem}
.option-content p {margin:0; color:#666; font-size:1rem}
.support-channels {display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:1.5rem}
.support-channel {display:flex; flex-direction:column; align-items:center; gap:0.8rem; padding:2rem 1rem; background:#f8f9fa; border-radius:20px; text-decoration:none; color:#333; transition:all 0.3s ease; border:2px solid transparent}
.support-channel:hover {background:white; border-color:#6c5ce7; box-shadow:0 8px 25px rgba(108,92,231,0.15); color:#6c5ce7}
.support-channel i {font-size:2rem; margin-bottom:0.5rem}
.support-channel.telegram:hover {border-color:#0088cc; color:#0088cc; box-shadow:0 8px 25px rgba(0,136,204,0.15)}
.support-channel.email:hover {border-color:#6c5ce7; color:#6c5ce7; box-shadow:0 8px 25px rgba(108,92,231,0.15)}
.support-channel.phone:hover {border-color:#28a745; color:#28a745; box-shadow:0 8px 25px rgba(40,167,69,0.15)}
.card-note {background:linear-gradient(135deg,#f0eeff,#e8e5ff); color:#5649c0; margin: 15px 0 15px; padding:1.5rem; border-radius:16px; font-size:1rem; display:flex; align-items:center; gap:0.8rem; border:1px solid #d6d1ff}
.card-alert {padding:1.5rem; border-radius:16px; font-size:1rem; display:flex; align-items:center; gap:0.8rem; margin-top:1.5rem; margin-bottom:1rem}
.card-alert.warning {background:linear-gradient(135deg,#fff3e0,#ffe0b2); color:#e65100; border:1px solid #ffb74d}
.card-alert.info {background:linear-gradient(135deg,#e8f5e8,#c8e6c9); color:#2e7d32; border:1px solid #a5d6a7}
.info-message-block {margin:20px 0}
.info-message {display:flex; align-items:flex-start; padding:20px; margin-bottom:15px; border-radius:12px; border-left:5px solid; box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.info-message.positive {background:#f0f9f0; border-left-color:#28a745}
.info-message.negative {background:#fdf0f0; border-left-color:#dc3545}
.message-icon {flex-shrink:0; width:50px; height:50px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-right:20px; font-size:24px}
.info-message.positive .message-icon {background:#28a745; color:white}
.info-message.negative .message-icon {background:#dc3545; color:white}
.message-content {flex:1}
.message-title {font-weight:700; font-size:18px; margin-bottom:12px; color:#333}
.info-message.positive .message-title {color:#28a745}
.info-message.negative .message-title {color:#dc3545}
.message-list {list-style:none; padding:0; margin:0}
.message-list li {position:relative; padding:8px 0; padding-left:25px; line-height:1.4; color:#555}
.message-list li:before {content:"•"; position:absolute; left:10px; color:#666; font-weight:bold}
.info-message.positive .message-list li:before {color:#28a745}
.info-message.negative .message-list li:before {color:#dc3545}
.card-header {display:flex; align-items:center; gap:1.5rem; margin-bottom:2rem}
.card-header .card-icon {margin-bottom:0}
.timing-card {background:linear-gradient(135deg,#e8f5e8,#c8e6c9); border:1px solid #a5d6a7}
.timing-card::before {background:linear-gradient(90deg,#2e7d32,#4caf50)}
.timing-content {text-align:center}
.timing-badge {display:inline-flex; align-items:center; gap:0.5rem; background:white; padding:1rem 1.5rem; border-radius:25px; margin-bottom:1rem; box-shadow:0 4px 12px rgba(46,125,50,0.2)}
.timing-badge i {color:#2e7d32; font-size:1.2rem}
.timing-badge span {font-weight:600; color:#2e7d32}
.conditions-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1.5rem; margin:1.5rem 0}
.condition-item {background:white; padding:2rem 1rem; border-radius:16px; text-align:center; border:2px solid #f8f9fa; transition:all 0.3s ease; box-shadow:0 4px 12px rgba(0,0,0,0.05)}
.condition-item:hover {border-color:#6c5ce7; box-shadow:0 8px 25px rgba(108,92,231,0.15)}
.condition-percent {font-size:2.5rem; font-weight:800; color:#6c5ce7; margin-bottom:0.5rem}
.condition-period {font-weight:600; color:#333; margin-bottom:0.5rem; font-size:1rem}
.condition-desc {color:#666; font-size:0.9rem; line-height:1.4}
.documents-list h4 {color:#6c5ce7; margin:1.5rem 0 1rem 0; font-size:1.1rem}
.documents-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:1rem}
.doc-item {display:flex; align-items:center; gap:0.8rem; padding:1rem; background:#f8f9fa; border-radius:12px; transition:all 0.3s ease; border:1px solid transparent}
.doc-item:hover {background:white; border-color:#6c5ce7}
.doc-item i {color:#6c5ce7; font-size:1.2rem; width:20px}
.doc-item span {color:#333; font-weight:500}
.cancellation-features {margin:1.5rem 0}
.feature-item {display:flex; align-items:flex-start; gap:1rem; margin-bottom:1.5rem; padding:1.5rem; background:#f8f9fa; border-radius:16px; transition:all 0.3s ease}
.feature-item:hover {background:white; box-shadow:0 4px 12px rgba(0,0,0,0.08)}
.feature-item i {color:#6c5ce7; font-size:1.5rem; margin-top:0.2rem; flex-shrink:0}
.feature-content h4 {margin:0 0 0.5rem 0; color:#333; font-size:1.1rem}
.feature-content p {margin:0; color:#666; line-height:1.5}
.alert-link {color:#6c5ce7; text-decoration:none; font-weight:600; transition:color 0.3s ease}
.alert-link:hover {color:#5649c0; text-decoration:underline}
.content-section {background:white; border-radius:24px; padding:2.5rem; margin-bottom:2rem; box-shadow:0 2px 8px rgba(0,0,0,0.04),0 4px 16px rgba(0,0,0,0.08); border:1px solid #f8f9fa; transition:all 0.3s ease}
.content-section:hover {box-shadow:0 8px 25px rgba(0,0,0,0.12),0 0 0 1px rgba(108,92,231,0.1)}
.content-section h3 {font-size:1.6rem; font-weight:700; color:#333; margin-bottom:1.5rem; padding-bottom:0.5rem; border-bottom:2px solid #f8f9fa}
.content-section p {color:#666; line-height:1.6; font-size:1.1rem; margin-bottom:1rem}
.afisha-description {width:100%; margin:0 auto; padding:2rem; font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif; text-align:center}
.centered-title {text-align:center; font-size:1.8rem; font-weight:700; color:#333; margin-bottom:2rem; position:relative; padding-bottom:1rem}
.centered-title::after {content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100px; height:3px; background:linear-gradient(90deg,#6c5ce7,#5649c0); border-radius:2px}
.centered-text {text-align:center; color:#666; line-height:1.6; font-size:1.1rem; margin-top:1.5rem}
.stats-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:2rem; margin:0rem 0 2rem 0; position:relative}
.stats-grid::before {content:''; position:absolute; top:50%; left:0; right:0; height:1px; background:repeating-linear-gradient(90deg,transparent,transparent 10px,#6c5ce7 10px,#6c5ce7 20px); opacity:0.3; z-index:1}
.stat-item {background:white; padding:2.5rem 1rem; border-radius:var(--border-radius-1); text-align:center; border:solid 2px rgba(0 0 0 / .06); transition:all 0.3s ease; position:relative; z-index:2; box-shadow:0 4px 15px rgba(0,0,0,0.08)}
.stat-item:hover {transform:translateY(-2px); box-shadow:0 15px 35px rgba(108,92,231,0.15); border-color:rgba(108,92,231,0.3)}
.stat-number {font-size:3.5rem; font-weight:800; color:#6c5ce7; margin-bottom:0.5rem; display:block; text-shadow:0 2px 4px rgba(0,0,0,0.1)}
.stat-label {font-weight:600; color:#333; font-size:1.2rem}
.categories-afisha-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1.5rem; margin:2rem 0}
.category-afisha-item {display:flex; flex-direction:column; align-items:center; gap:1rem; padding:2rem 1rem; background:#f8f9fa; border-radius:20px; transition:all 0.3s ease; border:solid 2px rgba(0 0 0 / .06)}
.category-afisha-item:hover {background:white; border-color:#6c5ce7; box-shadow:0 8px 25px rgba(108,92,231,0.15); transform:translateY(-5px)}
.category-icon {width:70px; height:70px; border-radius:18px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,rgba(108,92,231,0.08),rgba(86,73,192,0.08)); border:1px solid rgba(108,92,231,0.1); transition:all 0.3s ease}
.category-afisha-item:hover .category-icon {background:linear-gradient(135deg,#6c5ce7,#5649c0); transform:scale(1.1)}
.category-afisha-item:hover .category-icon i {color:white}
.category-icon i {font-size:1.8rem; color:#6c5ce7; transition:all 0.3s ease}
.category-afisha-name {font-weight:700; color:#333; font-size:0.95rem; letter-spacing:1px; text-transform:uppercase}
.seo-text {font-size:1.1rem; line-height:1.7; color:#555; text-align:center}
.seo-text h2 {color:#333; margin:2rem 0 1rem 0; font-size:1.8rem}
.seo-text h3 {color:#6c5ce7; margin:1.5rem 0 0.8rem 0; font-size:1.4rem}
.highlight {background:linear-gradient(135deg,rgba(108,92,231,0.06),rgba(86,73,192,0.06)); padding:0.2rem 0.5rem; border-radius:6px; font-weight:600; color:#6c5ce7}
.footer-about {max-width:100%; text-align:left; padding:15px 0; line-height:1.5; margin:0}
.footer-about__title {font-weight:600; font-size:1.1em; margin-bottom:6px; color:#333}
.footer-about__main {margin-bottom:2px; color:#666; line-height:1.4}
.footer-about__slogan {font-weight:600; color:#6c5ce7; font-style:italic; margin-bottom:5px}
.home-page .html-module {padding:none; background:none; border-radius:none}
.category-wall__item {position:relative; width:100%; margin:0 0 20px !important; padding:0}
.category-wall__image {display:block; position:relative; overflow:hidden}
.category-wall__ul {margin:15px 0 0; padding:0; list-style:none}
.category-wall__ul.child {padding-bottom:65px}
.category-wall__ul.child.type2 {margin:0; padding-bottom:65px}
.category-wall__li {margin:0 0 5px}
.category-wall__li a {display:flex; color:var(--body-c)}
.category-wall__li a:hover {opacity:.8}
.category-wall__title {margin:0 0 12px; font-weight:700; word-wrap:break-word}
.category-wall__title.child-empty {margin:0; padding:0; text-align:center}
.category-wall__more {position:absolute; bottom:15px; left:15px; right:15px; text-decoration:none; color:#fff; background:rgba(255,255,255,0.2); padding:10px 15px; border-radius:5px; text-align:center; font-weight:600; border:1px solid rgba(255,255,255,0.3); transition:all 0.3s ease}
.category-wall__more:hover {background:rgba(255,255,255,0.3); color:#fff; text-decoration:none}
.category-wall__item.type2 {display:flex; padding:0; border-radius:var(--border-radius-1); border:solid 2px rgba(0,0,0,0.06); position:relative; overflow:hidden; min-height:200px}
.category-wall__image.type2 {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1}
.category-wall__image.type2 img {width:100%; height:100%; object-fit:cover}
.category-wall__ul.type2 {flex:0 0 60%; word-wrap:break-word; padding:15px 15px 65px 20px; background:rgba(0,0,0,0.6); position:relative; z-index:2; margin-left:auto; height:100%}
.category-wall__title.type2 {text-align:left; margin:0 0 15px; padding:0; font-size:1.3em; border-bottom:1px solid rgba(255,255,255,0.3); padding-bottom:10px}
.category-wall__title.type2 a {color:#fff; text-decoration:none; font-weight:800; text-shadow:1px 1px 2px rgba(0,0,0,0.5)}
.category-wall__li.type2 {margin:0 0 8px}
.category-wall__li.type2 a {color:#fff; text-decoration:none; padding:5px 0; display:block; transition:all 0.3s ease}
.category-wall__li.type2 a:hover {color:#f0f0f0; padding-left:5px; background:rgba(255,255,255,0.1)}
.category-wall__ul.child:not(.type2) {position:relative; padding-bottom:65px; background:rgba(0,0,0,0.6); border-radius:var(--border-radius-1)}
.category-wall__title.child:not(.type2) {margin:0 0 15px; padding:0 15px; font-size:1.3em; border-bottom:1px solid rgba(255,255,255,0.3); padding-bottom:10px; padding-top:15px}
.category-wall__title.child:not(.type2) a {color:#fff; text-decoration:none; font-weight:800; text-shadow:1px 1px 2px rgba(0,0,0,0.5)}
.category-wall__li:not(.type2) {margin:0 0 8px; padding:0 15px}
.category-wall__li:not(.type2) a {color:#fff; text-decoration:none; padding:5px 0; display:block; transition:all 0.3s ease}
.category-wall__li:not(.type2) a:hover {color:#f0f0f0; padding-left:5px; background:rgba(255,255,255,0.1)}
@keyframes fadeInUp {from {opacity:0; transform:translateY(30px)}
 to {opacity:1; transform:translateY(0)}
}
@media (max-width:768px) {
 .modern-title {font-size:2.5rem}
 .modern-card {padding:2rem}
 .comparison-grid {grid-template-columns:1fr; gap:1.5rem}
 .support-channels {grid-template-columns:1fr}
 .step {gap:1rem; padding:1rem}
 .step-number {width:35px; height:35px; font-size:1rem}
 .conditions-grid {grid-template-columns:1fr}
 .documents-grid {grid-template-columns:1fr}
 .condition-item {padding:1.5rem 1rem}
 .feature-item {flex-direction:column; text-align:center}
 .feature-item i {margin-top:0}
 .info-message {flex-direction:column; text-align:center; padding:15px}
 .message-icon {margin-right:0; margin-bottom:15px; align-self:center}
 .message-list li {text-align:left; padding-left:20px}
 .afisha-description {padding:1rem}
 .stats-grid {grid-template-columns:1fr; gap:1.5rem}
 .stats-grid::before {display:none}
 .categories-afisha-grid {grid-template-columns:repeat(2,1fr)}
 .stat-number {font-size:2.8rem}
 .centered-title {font-size:1.5rem}
 .info-message.positive {flex-direction:column; text-align:center}
 .info-message.positive .message-icon {margin-right:0; margin-bottom:1rem}
 .category-wall__item.type2 {flex-direction:column; position:relative; border-radius:var(--border-radius-1); border:solid 2px rgba(0,0,0,0.06); padding:0}
 .category-wall__image.type2,.category-wall__image.child.type2 {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; border-radius:inherit; border:solid 1px rgba(0,0,0,0.06); overflow:hidden}
 .category-wall__image.type2 img {width:100%; height:100%; object-fit:cover; border-radius:inherit}
 .category-wall__ul.type2 {position:relative; z-index:2; max-width:100%; padding:15px 15px 65px; background:rgba(0,0,0,0.6); border-radius:inherit; margin:0; min-height:100%}
 .category-wall__title.type2 {margin:0 0 15px 0; padding:0; font-size:1.3em; font-weight:700; border-bottom:1px solid rgba(255,255,255,0.3); padding-bottom:10px}
 .category-wall__title.type2 a {color:#fff; text-decoration:none; font-weight:800; text-shadow:1px 1px 2px rgba(0,0,0,0.5)}
 .category-wall__li.type2 {margin:0 0 8px 0; padding:0}
 .category-wall__li.type2 a {color:#fff; text-decoration:none; padding:5px 0; display:block; transition:all 0.3s ease}
 .category-wall__li.type2 a:hover {color:#f0f0f0; padding-left:5px; background:rgba(255,255,255,0.1)}
 .category-wall__more.uni-href {position:absolute; bottom:15px; left:15px; right:15px; color:#fff; text-decoration:none; background:rgba(255,255,255,0.2); padding:10px 15px; border-radius:5px; text-align:center; font-weight:600; border:1px solid rgba(255,255,255,0.3); transition:all 0.3s ease}
 .category-wall__more.uni-href:hover {background:rgba(255,255,255,0.3); color:#fff; text-decoration:none}
 .category-wall__image.child.type2 {flex:0 0 33%}
}
@media (max-width:480px) {.categories-afisha-grid {grid-template-columns:1fr}
 .stat-item {padding:2rem 1rem}
}
.uni-item {border:solid 2px rgba(0 0 0 / .06)}
@media (min-width:992px) {.uni-item:hover {border:solid 2px rgba(0 0 0 / .06); border-color:#6c5ce7}
}
.product-thumb__image {position:relative}
.product-thumb__rating {position:absolute; top:7px; left:7px; z-index:10; margin:0; color:#ffc107; padding:9px 9px; border-radius:3px}
.product-page__rating .fa-comment,.rating-model__rating .fa-comment {color:#ffc107}
.rating .fa-comment {color:#ffc107}
@media (max-width:768px) {.product-banner__item {padding:0}
}
@media (min-width:992px) {.uni-wrapper {border:solid 2px rgba(0,0,0,0.06); box-shadow:0 2px 8px rgba(0,0,0,0.08); transition:box-shadow 0.2s ease}
.uni-wrapper:hover {box-shadow:0 4px 16px rgba(0,0,0,0.12)}
}
.product-banner__item-div {padding:25px}
.faq-section {width:100%; margin:2rem 0}
.faq-item {background:var(--background-white,#fff); border-radius:var(--border-radius-1); margin-bottom:1rem; box-shadow:0 2px 8px var(--shadow-color,rgba(0,0,0,0.08)); border:1px solid var(--border-color,#f0f0f0); overflow:hidden}
.faq-question {padding:1.5rem; display:flex; justify-content:space-between; align-items:center; cursor:pointer; font-weight:600; color:var(--text-primary,#2d3436); transition:all 0.3s ease}
.faq-question:hover {background:var(--primary-light,#f8f5ff)}
.faq-question i {transition:transform 0.3s ease; color:var(--primary-color,#6c5ce7)}
.faq-answer {padding:0 1.5rem; max-height:0; overflow:hidden; transition:all 0.3s ease; border-top:1px solid transparent}
.faq-answer p {padding:1.5rem 0; margin:0; color:var(--text-secondary,#666); line-height:1.6}
.faq-item.active .faq-question {background:var(--primary-light,#f8f5ff)}
.faq-item.active .faq-question i {transform:rotate(180deg)}
.faq-item.active .faq-answer {max-height:500px; border-top-color:var(--border-color,#f0f0f0)}
@media (max-width:768px) {.faq-question {padding:1.2rem; font-size:0.95rem}
 .faq-answer p {padding:1.2rem 0; font-size:0.9rem}
}
.uni-module .owl-dots {margin:10px 0 25px !important}
.product-banner__text {font-weight:600}
 .atuinCard-container {display:flex; flex-wrap:wrap; justify-content:center; margin:10px -10px; counter-reset:count}
.atuinCard-container *,.atuinCard-container *::before,.atuinCard-container *::after {box-sizing:border-box}
.atuinCard-col {width:100%; padding:10px}
@media (min-width:576px) {.atuinCard-col {width:100%}
}
@media (min-width:768px) {.atuinCard-col {width:50%}
}
@media (min-width:992px) {.atuinCard-col {width:50%}
}
@media (min-width:1200px) {.atuinCard-col {width:50%}
}
@media (min-width:1400px) {.atuinCard-col {width:50%}
}
.atuinCard {height:100%; position:relative; border-radius:25px; background-color:#ffffff; transition:all 500ms ease; box-shadow:0 6px 10px rgba(0,0,0,0.1); border:1px solid var(--border-color,#f0f0f0); overflow:hidden}
.atuinCard:hover {box-shadow:0 8px 16px rgba(0,0,0,0.15); transform:translateY(-5px); background-color:#ffffff; border-color:rgba(108,92,231,0.2)}
.atuinCard-top {display:flex; align-items:center; height:50px; background:var(--primary-light,#f8f5ff); border-radius:25px; position:relative; overflow:hidden; z-index:1; box-shadow:0 6px 10px rgba(0,0,0,0.1); transition:all 500ms ease}
.atuinCard-top::before {content:''; position:absolute; top:0; bottom:0; left:0; width:0; border-radius:25px; background:var(--primary-color,#6c5ce7); transition:width 0.5s; z-index:-1}
.atuinCard:hover .atuinCard-top {box-shadow:0 8px 16px rgba(0,0,0,0.25)}
.atuinCard:hover .atuinCard-top::before {width:100%}
.atuinCard-icon {flex:0 0 50px; height:50px; display:flex; align-items:center; justify-content:center; position:relative; z-index:2; background:var(--primary-color,#6c5ce7); border-radius:50%; margin:0 5px}
.atuinCard-icon i {font-size:20px; color:#ffffff; transition:all 0.5s ease; text-shadow:0 1px 2px rgba(0,0,0,0.1)}
.atuinCard:hover .atuinCard-icon i {color:#ffffff; transform:scale(1.1)}
.atuinCard-title {font-weight:600; line-height:1; color:var(--primary-color,#6c5ce7); font-size:16px; padding:0 12px; transition:all 0.3s ease; font-family:'Segoe UI',system-ui,sans-serif; position:relative; z-index:2}
.atuinCard:hover .atuinCard-title {color:#ffffff; padding:0 20px 0 8px}
.atuinCard-txt {padding:16px 20px 6px}
.atuinCard-txt p {color:var(--text-secondary,#666); font-size:14px; line-height:1.4; margin:0 0 10px; font-family:'Segoe UI',system-ui,sans-serif}
.centered-title {text-align:center; font-size:1.8rem; font-weight:700; color:var(--text-primary,#2d3436); margin-bottom:2rem; position:relative; padding-bottom:1rem; font-family:'Segoe UI',system-ui,sans-serif}
.centered-title::after {content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100px; height:3px; background:linear-gradient(90deg,var(--primary-color,#6c5ce7),var(--primary-hover,#5649c0)); border-radius:2px}
.benefits-section {width:100%; margin:2rem 0; padding:0 1rem}
@media (min-width:768px) and (max-width:991px) {.atuinCard-col {width:50%}
 .atuinCard-title {font-size:15px}
 .atuinCard-txt p {font-size:13px}
}
@media (max-width:767px) {.atuinCard-col {width:100%}
 .benefits-section {padding:0 0.5rem}
 .centered-title {font-size:1.5rem; margin-bottom:1.5rem}
 .atuinCard {border-radius:20px}
 .atuinCard-top {height:45px; border-radius:20px}
 .atuinCard-top::before {left:0; border-radius:20px}
 .atuinCard-icon {flex:0 0 45px; height:45px}
 .atuinCard-icon i {font-size:18px}
 .atuinCard-title {font-size:14px; padding:0 10px}
 .atuinCard:hover .atuinCard-title {padding:0 15px 0 5px}
 .atuinCard-txt {padding:12px 15px 6px}
 .atuinCard-txt p {font-size:13px}
}
@media (min-width:992px) {.atuinCard {border-radius:35px}
 .atuinCard-top {height:70px; border-radius:35px}
 .atuinCard-top::before {left:0; border-radius:35px}
 .atuinCard-icon {flex:0 0 70px; height:70px}
 .atuinCard-icon i {font-size:24px}
 .atuinCard-title {padding:0 18px; font-size:18px}
 .atuinCard:hover .atuinCard-title {padding:0 24px 0 12px}
 .atuinCard-txt {text-align:left; padding:20px 26px 10px}
 .atuinCard-txt p {font-size:16px; line-height:1.5}
}
@keyframes fadeInUp {from {opacity:0; transform:translateY(30px)}
 to {opacity:1; transform:translateY(0)}
}
.atuinCard {animation:fadeInUp 0.6s ease-out}
.atuinCard:nth-child(1) {animation-delay:0.1s}
.atuinCard:nth-child(2) {animation-delay:0.2s}
.atuinCard:nth-child(3) {animation-delay:0.3s}
.atuinCard:nth-child(4) {animation-delay:0.4s}
.list6b {padding:0; list-style:none}
.list6b li {padding:6px}
.list6b li:before {padding-right:10px; font-weight:bold; color:#C0C0C0; content:"\2714"; transition-duration:0.5s}
.list6b li:hover:before {color:#6c5ce7; content:"\2714"}

.about-page {font-family:'Segoe UI',system-ui,sans-serif; color:var(--text-secondary,#666); line-height:1.6; padding:20px 0; border-radius: var(--border-radius-1); background:var(--background-light,#f0f0f0)}
.about-container {max-width:1200px; margin:0 auto; padding:0 15px}
.about-header {text-align:center; margin-bottom:40px; position:relative; padding-bottom:20px}
.about-title {font-family:var(--body-font,'Verdana'); font-size:2.2rem; text-transform:uppercase; font-weight:700; color:var(--text-primary,#2d3436); margin:0; line-height:1.3; position:relative; display:inline-block; padding-bottom:15px}
.about-title:after {content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:80px; height:4px; background:linear-gradient(90deg,var(--primary-color,#6c5ce7),#a29bfe); border-radius:2px}
.about-subtitle {font-size:1.1rem; color:var(--text-secondary,#636e72); margin:15px auto 0; max-width:700px; opacity:0.9}
.about-section {background:var(--background-white,#fff); border-radius:var(--border-radius-1); padding:30px; margin-bottom:30px; box-shadow:0 3px 15px var(--shadow-color,rgba(0,0,0,0.08)); border:1px solid var(--border-color,#f0f0f0); transition:all 0.3s ease}
.about-section:hover {box-shadow:0 5px 20px var(--shadow-color,rgba(0,0,0,0.12)); transform:translateY(-2px)}
.section-header {display:flex; align-items:center; gap:15px; margin-bottom:20px; padding-bottom:15px; border-bottom:2px solid var(--primary-light,#f8f5ff)}
.section-icon {width:50px; height:50px; background:linear-gradient(135deg,var(--primary-color,#6c5ce7),var(--primary-hover,#5649c0)); border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0}
.section-icon i {font-size:24px; color:white}
.section-title {font-size:1.5rem; font-weight:700; color:var(--text-primary,#2d3436); margin:0}
.section-content {font-size:1.05rem; color:var(--text-secondary,#666)}
.section-content p {margin-bottom:15px}
.section-content strong {color:var(--text-primary,#2d3436); font-weight:600}
.feature-list {list-style:none; padding:0; margin:20px 0}
.feature-list li {position:relative; padding:8px 0 8px 30px; margin-bottom:8px; color:var(--text-secondary,#666)}
.feature-list li:before {content:'✓'; position:absolute; left:0; top:8px; color:var(--primary-color,#6c5ce7); font-weight:bold; font-size:1.1rem}
.principles-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:20px; margin-top:25px}
.principle-item {background:var(--primary-light,#f8f5ff); border-radius:12px; padding:20px; border-left:4px solid var(--primary-color,#6c5ce7)}
.principle-item h4 {color:var(--primary-color,#6c5ce7); margin-top:0; margin-bottom:10px; font-size:1.1rem}
.contacts-info {display:flex; flex-wrap:wrap; gap:20px; margin-top:20px}
.contact-card {flex:1; min-width:250px; background:var(--background-light,#f0f0f0); border-radius:12px; padding:20px; display:flex; align-items:center; gap:15px; transition:all 0.3s ease}
.contact-card:hover {background:var(--primary-light,#f8f5ff); transform:translateY(-3px)}
.contact-icon {width:40px; height:40px; background:var(--primary-color,#6c5ce7); border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0}
.contact-icon i {color:white; font-size:18px}
.contact-details h4 {margin:0 0 5px 0; color:var(--text-primary,#2d3436); font-size:1rem}
.contact-details p {margin:0; color:var(--text-secondary,#666); font-size:0.95rem}
.highlight-block {background:linear-gradient(135deg,var(--primary-light,#f8f5ff),#e9e4ff); border-radius:12px; padding:20px; margin:25px 0; border-left:5px solid var(--primary-color,#6c5ce7)}
.highlight-block p {margin:0; color:var(--text-tertiary,#333); font-weight:500}
@media (max-width:768px) {.about-title {font-size:1.8rem; padding-bottom:12px}
 .about-title:after {width:60px; height:3px}
 .about-subtitle {font-size:1rem; padding:0 10px}
 .about-section {padding:20px; margin-bottom:20px}
 .section-header {flex-direction:column; align-items:flex-start; gap:10px}
 .section-icon {width:40px; height:40px}
 .section-icon i {font-size:20px}
 .section-title {font-size:1.3rem}
 .section-content {font-size:1rem}
 .principles-grid {grid-template-columns:1fr}
 .contact-card {min-width:100%}
}
@media (max-width:480px) {.about-title {font-size:1.5rem}
 .about-section {padding:15px}
 .feature-list li {padding-left:25px; font-size:0.95rem}
 .highlight-block {padding:15px}
}
@keyframes fadeInUp {from {opacity:0; transform:translateY(20px)}
 to {opacity:1; transform:translateY(0)}
}
.about-section {animation:fadeInUp 0.5s ease-out}
.about-section:nth-child(1) {animation-delay:0.1s}
.about-section:nth-child(2) {animation-delay:0.2s}
.about-section:nth-child(3) {animation-delay:0.3s}
.about-section:nth-child(4) {animation-delay:0.4s}
.about-section:nth-child(5) {animation-delay:0.5s}

.about-event {
    color: var(--text-secondary, #666);
    line-height: 1.6;
    padding: 20px;
    margin: 10px 0 15px;
    border-radius: var(--border-radius-1);
    background: var(--background-light, #f0f0f0);
}

.afisha-krd-description {font-family:'Segoe UI',system-ui,sans-serif; color:var(--text-secondary,#666); line-height:1.6; padding:30px 0; background:linear-gradient(to bottom,var(--background-white,#fff) 0,var(--background-light,#f0f0f0) 100%)}
.afisha-krd-container {max-width:1200px; margin:0 auto; padding:0 20px}
.afisha-krd-header {margin-bottom:5px; position:relative; text-align:center; padding-bottom:25px}
.afisha-krd-main-title {font-family:var(--body-font,'Verdana'); font-size:1.6rem; text-transform:uppercase; font-weight:800; color:var(--text-primary,#2d3436); margin:0 0 15px 0; line-height:1.2; position:relative; display:inline-block; padding-bottom:20px; letter-spacing:0.5px}
.afisha-krd-main-title:after {content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:120px; height:4px; background:linear-gradient(90deg,#6c5ce7,#a29bfe); border-radius:2px}
.afisha-krd-subtitle {font-size:1.3rem; color:var(--text-secondary,#636e72); margin:10px auto 0; font-weight:500; max-width:900px; opacity:0.9}
.afisha-krd-lead {background:linear-gradient(135deg,#f8f5ff,rgba(108,92,231,0.05)); border-radius:16px; padding:30px; margin-bottom:40px; border:2px solid rgba(108,92,231,0.1); box-shadow:0 8px 25px rgba(0,0,0,0.1); position:relative; overflow:hidden}
.afisha-krd-lead:before {content:''; position:absolute; top:0; left:0; width:6px; height:100%; background:linear-gradient(to bottom,#6c5ce7,#5649c0)}
.afisha-krd-lead-text {font-size:1.2rem; color:#333; margin:0; font-weight:500; line-height:1.7}
.afisha-krd-lead-highlight {color:#6c5ce7; font-weight:700; background:linear-gradient(transparent 70%,rgba(108,92,231,0.1) 70%); padding:0 2px}
.afisha-krd-section {margin-bottom:45px; padding:30px; background:#fff; border-radius:16px; box-shadow:0 4px 20px rgba(0,0,0,0.08); border:1px solid rgba(0,0,0,0.06); transition:all 0.4s ease; position:relative; overflow:hidden}
.afisha-krd-section:hover {transform:translateY(-5px); box-shadow:0 12px 30px rgba(0,0,0,0.15); border-color:rgba(108,92,231,0.2)}
.afisha-krd-section:before {content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#6c5ce7,transparent); opacity:0; transition:opacity 0.4s ease}
.afisha-krd-section:hover:before {opacity:1}
.afisha-krd-section-header {display:flex; align-items:center; gap:20px; margin-bottom:25px; padding-bottom:20px; border-bottom:2px solid #f0f0f0}
.afisha-krd-section-icon {width:60px; height:60px; background:linear-gradient(135deg,#6c5ce7,#5649c0); border-radius:14px; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 6px 15px rgba(108,92,231,0.3); position:relative; overflow:hidden}
.afisha-krd-section-icon:after {content:''; position:absolute; top:-50%; left:-50%; width:200%; height:200%; background:linear-gradient(transparent,rgba(255,255,255,0.1),transparent); transform:rotate(30deg)}
.afisha-krd-section-icon i {font-size:24px; color:white; z-index:1}
.afisha-krd-section-title {font-size:1.5rem; font-weight:700; color:#2d3436; margin:0; text-transform:uppercase; letter-spacing:0.5px; position:relative; padding-bottom:8px}
.afisha-krd-section-title:after {content:''; position:absolute; bottom:0; left:0; width:40px; height:2px; background:#6c5ce7}
.afisha-krd-content {font-size:1.1rem; color:#666; line-height:1.7}
.afisha-krd-content p {margin-bottom:18px}
.afisha-krd-content strong {color:#2d3436; font-weight:600}
.afisha-krd-venues {display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:18px; margin:25px 0; padding:0; list-style:none}
.afisha-krd-venue-item {background:linear-gradient(135deg,#f0f0f0,rgba(255,255,255,0.8)); border-radius:12px; padding:18px 20px; display:flex; align-items:center; gap:15px; transition:all 0.3s ease; border:2px solid transparent; position:relative; overflow:hidden}
.afisha-krd-venue-item:hover {transform:translateX(5px); background:#f8f5ff; border-color:rgba(108,92,231,0.2); box-shadow:0 6px 15px rgba(0,0,0,0.1)}
.afisha-krd-venue-icon {width:36px; height:36px; background:#6c5ce7; border-radius:8px; display:flex; align-items:center; justify-content:center; flex-shrink:0; color:white; font-weight:bold; font-size:14px}
.afisha-krd-venue-name {font-weight:600; color:#2d3436; flex:1}
.afisha-krd-highlight-box {background:linear-gradient(135deg,rgba(108,92,231,0.05),rgba(232,67,147,0.05)); border-radius:12px; padding:25px; margin:30px 0; border-left:4px solid #e84393; position:relative}
.afisha-krd-highlight-box:before {content:'⭐'; position:absolute; top:25px; right:25px; font-size:24px; opacity:0.2}
.afisha-krd-highlight-text {font-size:1.1rem; color:#333; margin:0; font-weight:500}
.afisha-krd-cta {text-align:center; margin-top:50px; padding:40px; background:linear-gradient(135deg,#6c5ce7,#5649c0); border-radius:20px; color:white; position:relative; overflow:hidden}
.afisha-krd-cta:before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.1) 0,transparent 50%)}
.afisha-krd-cta-title {color: white; font-size:1.8rem; line-height: 1.2; font-weight:800; margin-bottom:25px; position:relative; z-index:1; text-shadow:0 2px 4px rgba(0,0,0,0.2)}
.afisha-krd-cta-text {font-size:1.2rem; margin-bottom:25px; opacity:0.9; position:relative; z-index:1; max-width:700px; margin-left:auto; margin-right:auto}
.afisha-krd-badge {display:inline-block; background:rgba(255,255,255,0.2); padding:8px 20px; border-radius:25px; font-weight:600; font-size:0.9rem; letter-spacing:1px; margin-top:20px; backdrop-filter:blur(5px); border:1px solid rgba(255,255,255,0.3)}
@keyframes afisha-krd-fadeIn {from {opacity:0; transform:translateY(30px)}
 to {opacity:1; transform:translateY(0)}
}
@keyframes afisha-krd-pulse {0% {box-shadow:0 0 0 0 rgba(108,92,231,0.4)}
 70% {box-shadow:0 0 0 10px rgba(108,92,231,0)}
 100% {box-shadow:0 0 0 0 rgba(108,92,231,0)}
}
.afisha-krd-section {animation:afisha-krd-fadeIn 0.6s ease-out}
.afisha-krd-section:nth-child(1) {animation-delay:0.1s}
.afisha-krd-section:nth-child(2) {animation-delay:0.2s}
.afisha-krd-section:nth-child(3) {animation-delay:0.3s}
.afisha-krd-section:nth-child(4) {animation-delay:0.4s}
.afisha-krd-section:nth-child(5) {animation-delay:0.5s}
.afisha-krd-section:nth-child(6) {animation-delay:0.6s}
.afisha-krd-section:nth-child(7) {animation-delay:0.7s}
.afisha-krd-section-icon {animation:afisha-krd-pulse 2s infinite}
@media (max-width:992px) {.afisha-krd-main-title {font-size:1.4rem}
 .afisha-krd-subtitle {font-size:1.2rem}
 .afisha-krd-section {padding:25px}
 .afisha-krd-venues {grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
}
@media (max-width:768px) {.afisha-krd-container {padding:0 15px}
 .afisha-krd-main-title {font-size:1.4rem; padding-bottom:15px}
 .afisha-krd-main-title:after {width:80px; height:3px}
 .afisha-krd-lead {padding:20px}
 .afisha-krd-lead-text {font-size:1rem}
 .afisha-krd-section-header {flex-direction:column; align-items:flex-start; gap:15px}
 .afisha-krd-section-icon {width:50px; height:50px}
 .afisha-krd-section-icon i {font-size:20px}
 .afisha-krd-section-title {font-size:0.9rem}
 .afisha-krd-content {font-size:1rem}
 .afisha-krd-venues {grid-template-columns:1fr}
 .afisha-krd-cta {padding:30px 20px}
 .afisha-krd-cta-title {font-size:1.6rem}
 .afisha-krd-cta-text {font-size:1rem}
}
@media (max-width:480px) {.afisha-krd-main-title {font-size:1.3rem}
 .afisha-krd-section {padding:20px}
 .afisha-krd-venue-item {padding:15px}
 .afisha-krd-cta-title {font-size:1.1rem}
}

.fights-card__list {display:flex; flex-direction:column; gap:30px; margin:40px 0}
.fights-versus {background:var(--background-white,#fff); border-radius:var(--border-radius-1); box-shadow:0 4px 20px var(--shadow-color,rgba(0,0,0,0.08)); border:1px solid var(--border-color,#f0f0f0); padding:25px; transition:all 0.3s ease; position:relative; overflow:hidden}
.fights-versus:hover {box-shadow:0 8px 30px rgba(108,92,231,0.15),0 4px 20px rgba(108,92,231,0.1)}
.fights-versus::before {content:''; position:absolute; top:0; left:0; width:100%; height:4px; background:linear-gradient(90deg,var(--primary-color,#6c5ce7),var(--accent-color,#e84393)); opacity:0.8}
.fights-container {display:flex; align-items:center; justify-content:space-between; gap:20px}
.fights-side--left {display:flex; align-items:center; flex:1; text-align:right}
.fights-side--left .fights-side__image {order:2}
.fights-side--left .fights-side__inner {order:1; text-align:right}
.fights-side--right {display:flex; align-items:center; flex:1; text-align:left}
.fights-side--right .fights-side__image {order:1}
.fights-side--right .fights-side__inner {order:2; text-align:left}
.fights-side__image {width:150px; height:150px; border-radius:50%; overflow:hidden; border:4px solid var(--primary-light,#f8f5ff); position:relative; z-index:1; transition:all 0.4s ease}
.fights-side__image:hover {transform:scale(1.05); border-color:var(--primary-color,#6c5ce7)}
.fights-side__image img {width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease}
.fights-side__image:hover img {transform:scale(1.1)}
.fights-side__inner {flex:1}
.fights-side__name {font-family:'Segoe UI',system-ui,sans-serif; font-size:1.4rem; font-weight:700; color:var(--text-primary,#2d3436); margin:0 0 8px 0; line-height:1.2; text-transform:uppercase; letter-spacing:0.5px}
.fights-side__stat {font-size:1.1rem; font-weight:600; color:var(--text-secondary,#666); margin:0 0 15px 0; background:var(--primary-light,#f8f5ff); padding:6px 12px; border-radius:20px; display:inline-block}
.fights-side__stat.win {color:var(--success-color,#25d366); background:rgba(37,211,102,0.1)}
.fights-side__stat.loss {color:var(--danger-color,#e74c3c); background:rgba(231,76,60,0.1)}
.fights-center {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:15px; padding:0 30px; position:relative; min-width:120px}
.fights-center::before,.fights-center::after {content:''; position:absolute; top:50%; width:40px; height:2px; background:linear-gradient(90deg,var(--primary-color,#6c5ce7),transparent)}
.fights-center::before {left:0; transform:translateY(-50%)}
.fights-center::after {right:0; transform:translateY(-50%) rotate(180deg)}
.fights-center__vs {width:60px; height:60px; background:linear-gradient(135deg,var(--accent-color,#e84393),#d63031); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.4rem; font-weight:800; color:white; text-shadow:0 2px 4px rgba(0,0,0,0.2); box-shadow:0 4px 15px rgba(232,67,147,0.3)}
.fights-center__weight {text-align:center; font-size:0.9rem; color:var(--text-secondary,#666); font-weight:600; line-height:1.4; background:var(--background-light,#f0f0f0); padding:8px 15px; border-radius:var(--border-radius-1); border:1px solid var(--border-color,#f0f0f0)}
@media (max-width:992px) {.fights-container {flex-direction:column; gap:25px}
 .fights-center {flex-direction:row; padding:15px 30px; min-width:100%; border-top:2px dashed var(--border-color,#f0f0f0); border-bottom:2px dashed var(--border-color,#f0f0f0); gap:30px}
 .fights-center::before,.fights-center::after {display:none}
 .fights-side--left,.fights-side--right {width:100%; justify-content:center}
 .fights-side__image {width:120px; height:120px}
 .fights-side__name {font-size:1.2rem}
 .fights-center__vs {width:50px; height:50px; font-size:1.2rem}
 .fights-center__weight {font-size:0.85rem; padding:6px 12px}
}
@media (max-width:768px) {.fights-versus {padding:20px}
 .fights-side__image {width:120px; height:120px}
 .fights-side__name {font-size:1.1rem}
 .fights-side__stat {font-size:1rem}
 .fights-center__vs {width:45px; height:45px; font-size:1.1rem}
 .fights-center__weight {font-size:0.8rem; padding:5px 10px}
}
@media (max-width:480px) {.fights-side--left,.fights-side--right {flex-direction:column; text-align:center !important}
 .fights-side__inner {text-align:center !important}
 .fights-side__image {order:1 !important; margin-bottom:15px; width:120px; height:120px}
 .fights-side__inner {order:2 !important}
 .fights-side__name {display:flex; flex-direction:column; gap:4px}
 .fights-center {padding:12px 20px; gap:20px}
 .fights-center__vs {width:40px; height:40px; font-size:1rem}
 .fights-center__weight {font-size:0.75rem; padding:4px 8px}
}

.fights-side__name {font-family:'Segoe UI',system-ui,sans-serif; font-size:1.4rem; font-weight:700; color:var(--text-primary,#2d3436); margin:0 0 8px 0; line-height:1.2; text-transform:uppercase; letter-spacing:0.5px; display:flex; flex-direction:column; gap:2px}
.fights-side__firstname,.fights-side__lastname {display:block}
@media (min-width:993px) {.fights-side__name {flex-direction:column; gap:2px}
}
@media (max-width:992px) {.fights-side__name {font-size:1.2rem; gap:1px}
}
@media (max-width:768px) {.fights-side__name {font-size:1.1rem; gap:1px}
}
@media (max-width:480px) {.fights-side__name {font-size:1rem; flex-direction:column; gap:0}
}

.promo-simple {margin: 0 0 15px 0; padding:15px; background:linear-gradient(135deg,#f8f5ff,#e9e4ff); border-radius:8px; border:1px solid rgba(108,92,231,0.2); position:relative; overflow:hidden; font-family:'Segoe UI',system-ui,sans-serif}
.promo-text {font-size:14px; line-height:1.5; color:#666; margin-bottom:12px}
.promo-code-box {display:flex; align-items:center; gap:10px; background:white; border-radius:6px; padding:10px 15px; border:1px solid rgba(108,92,231,0.2)}
.promo-code {flex:1; font-family:'Courier New',monospace; font-size:16px; font-weight:700; color:#6c5ce7; letter-spacing:1px; padding:0; margin:0; background:none; border:none; outline:none; cursor:pointer; user-select:all}
.copy-btn-small {display:flex; align-items:center; justify-content:center; gap:5px; background:#6c5ce7; color:white; border:none; border-radius:4px; padding:6px 12px; font-size:12px; font-weight:600; cursor:pointer; transition:background 0.2s ease; flex-shrink:0}
.copy-btn-small:hover {background:#5649c0}
.copy-btn-small i {font-size:11px}
.copy-btn-small.copied {background:#25d366}
@media (max-width:768px) {.promo-simple {padding:12px}
 .promo-code-box {flex-direction:column; align-items:stretch; gap:8px; padding:12px}
 .promo-code {text-align:center; font-size:15px; padding-bottom:8px; border-bottom:1px dashed rgba(108,92,231,0.2)}
 .copy-btn-small {width:100%; padding:8px}
}

.product-info ul li.customfield,
.product-info .list-unstyled li.customfield,
.product-info li.customfield {
    list-style: none !important;
    list-style-type: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.product-info ul li.customfield::marker,
.product-info ul li.customfield:before,
.product-info ul li.customfield:after {
    display: none !important;
    content: '' !important;
}

 /* Стикер промо-кода */
            .promo-sticker {
                position: absolute;
                top: 10px;
                right: 10px;
                background: linear-gradient(135deg, #ff6b6b, #ee5a52);
                color: white;
                padding: 5px 10px;
                border-radius: 15px;
                font-size: 12px;
                font-weight: bold;
                z-index: 2;
                display: flex;
                align-items: center;
                gap: 5px;
                box-shadow: 0 3px 6px rgba(0,0,0,0.16);
                animation: pulse 2s infinite;
            }
            
            .promo-sticker i {
                font-size: 14px;
            }
            
            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }
            
            .product-thumb {
                position: relative;
            }
			
@media (max-width: 767px) {
    .promo-sticker {
        top: auto;
        bottom: 145px;
        right: 10px;
        left: auto;
        background: linear-gradient(135deg, rgba(76, 175, 80, 0.85), rgba(69, 160, 73, 0.85));
        color: #ffffff;
        font-size: 12px;
        padding: 5px 10px;
        border-radius: 20px 5px 20px 5px;
        animation: none;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    }
}