/* UYC Front Base CSS
   Auto-collected from front templates. Theme overrides live in separate dark/light files. */


/* ===== assets\css\uyc-front-header.css ===== */
/*
 * UYC front header CSS
 * header.php icindeki statik CSS buraya tasindi. Dinamik :root degiskenleri header.php icinde kalir.
 */
body { font-family: var(--body-font) !important; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; }
    body, p, a, span, li, label, input, textarea, select, button, table, .btn, .form-control { font-family: var(--body-font) !important; letter-spacing: 0; }
    h1, h2, h3, h4, h5, h6, .title, .sec-title, .section-title, .sub-title, .th-btn, .about-title, .pixora-slider__title, .pixora-slider__active-title { font-family: var(--title-font) !important; letter-spacing: 0; }
    .header-page-wrap, .header-content-wrap { position: relative; min-height: 0; padding-top: 0; }
    .header { position: absolute; inset: 0 0 auto 0; display: flex; flex-direction: column; width: 100%; z-index: 1050; color: #fff; }
    .header > * { position: relative; }
    body.header-menu-active #wrapper_full { filter: blur(3px) brightness(.68); transform: scale(1.006); transform-origin: center top; transition: filter .22s ease, transform .22s ease; }
    #wrapper_full { transition: filter .22s ease, transform .22s ease; }
    .header::before { content: ''; position: absolute; top: 30px; left: 0; right: 0; height: 100px; z-index: 0; pointer-events: none; background: linear-gradient(180deg, rgba(0,0,0,.34), rgba(0,0,0,.12) 58%, rgba(0,0,0,0)); transition: height .22s ease, background .22s ease, backdrop-filter .22s ease, box-shadow .22s ease; }
    .header.header-dropdown-open::before { height: 560px; background: linear-gradient(180deg, rgba(10,13,18,.62), rgba(10,13,18,.48)); -webkit-backdrop-filter: blur(20px) saturate(1.16); backdrop-filter: blur(20px) saturate(1.16); box-shadow: 0 28px 86px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.055); }
    .header.header-scrolled::before { background: rgba(10,13,18,.42); -webkit-backdrop-filter: blur(18px) saturate(1.2); backdrop-filter: blur(18px) saturate(1.2); box-shadow: 0 18px 46px rgba(0,0,0,.18); }

    .top-bar { position: relative; order: 2; height: 30px; padding: 0; background: transparent; border-bottom: 0; -webkit-backdrop-filter: none; backdrop-filter: none; z-index: 3; transition: background .22s ease, backdrop-filter .22s ease; }
    .top-bar .container-fluid { height: 100%; width: 100%; max-width: 1840px; margin: 0 auto; padding: 0 40px; }
    .top-bar-row { display: grid; grid-template-columns: minmax(220px,1fr) auto minmax(360px,1fr); align-items: center; height: 100%; gap: 24px; }
    .sh-top-social, .sh-top-links, .sh-top-meta { display: flex; align-items: center; min-width: 0; height: 100%; }
    .sh-top-social { justify-content: flex-start; gap: 18px; }
    .sh-top-links { justify-content: center; gap: 32px; }
    .sh-top-meta { justify-content: flex-end; gap: 18px; }
    .sh-top-social a, .sh-top-links a, .sh-top-meta a, .sh-top-meta span { text-shadow: 0 2px 14px rgba(0,0,0,.55); color: rgba(255,255,255,.82); text-decoration: none; white-space: nowrap; font-size: 12px; font-weight: 700; line-height: 1; }
    .sh-top-social a { color: #fff; font-size: 14px; }
    .sh-top-social a:hover, .sh-top-links a:hover, .sh-top-meta a:hover { color: #fff; }
    .sh-language strong, .sh-center strong { color: #fff; margin-left: 6px; }
    .sh-center .flag-icon { width: 12px; height: 12px; border-radius: 50%; margin: 0 6px 0 8px; }
    .sh-lang-dropdown { position: relative; z-index: 20; }
    .sh-language { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; user-select: none; }
    .sh-lang-menu { position: absolute; top: calc(100% + 9px); right: 0; min-width: 150px; padding: 8px; margin: 0; list-style: none; background: rgba(10,13,18,.72); border: 0; -webkit-backdrop-filter: blur(16px) saturate(1.18); backdrop-filter: blur(16px) saturate(1.18); opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity .18s ease, visibility .18s ease, transform .18s ease; z-index: 1200; box-shadow: 0 18px 42px rgba(0,0,0,.24); }
    .sh-lang-dropdown:hover .sh-lang-menu, .sh-lang-dropdown.is-open .sh-lang-menu { opacity: 1; visibility: visible; transform: translateY(0); }
    .sh-lang-menu a { display: flex; align-items: center; gap: 8px; padding: 8px 9px; font-weight: 800; }
    .sh-lang-menu a:hover, .sh-lang-menu a.active { color: #fff; background: rgba(255,255,255,.07); }

    .navbar { position: relative; order: 3; height: 70px; padding: 0; margin: 0; background: transparent !important; border-bottom: 0; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; z-index: 3; transition: background .22s ease, backdrop-filter .22s ease; }
    .navbar .container-fluid { position: relative; display: grid; grid-template-columns: minmax(220px,320px) minmax(0,1fr) minmax(220px,320px); align-items: center; height: 70px; width: 100%; max-width: 1840px; padding: 0 40px; margin: 0 auto; column-gap: 24px; }
    .navbar-header-mobile { display: none; }
    .navbar-brand { display: inline-flex; align-items: center; margin: 0; padding: 0; text-decoration: none; }
    .navbar-brand-desktop { grid-column: 1; position: relative; z-index: 3; justify-self: start; justify-content: flex-start; }
    .navbar-brand-mobile { display: none; }
    .navbar-brand img { height: 48px; max-width: 245px; object-fit: contain; display: block; }
    .navbar-collapse { display: none !important; }
    .navbar-close-btn { display: none; }
    .sh-desktop-menu { grid-column: 2; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; width: 100%; min-width: 0; height: 70px; }
    .sh-desktop-nav { display: flex; align-items: center; justify-content: center; gap: clamp(20px,2vw,40px); width: auto; max-width: 100%; height: 70px; margin: 0; padding: 0; list-style: none; }
    .navbar-nav { display: flex; align-items: center; justify-content: center; gap: clamp(20px,2vw,40px); width: 100%; min-width: 0; height: 70px; margin: 0 !important; padding: 0; list-style: none; z-index: 2; }
    .sh-desktop-nav .nav-item, .nav-item { position: static; width: auto; border: 0; }
    .sh-desktop-nav .nav-item > a, .sh-desktop-nav .nav-item.has-dropdown > a, .nav-item > a, .nav-item.has-dropdown > a { height: 70px; display: inline-flex; align-items: center; padding: 0; color: rgba(255,255,255,.92) !important; font-family: var(--title-font); font-size: clamp(12.5px, .78vw, 15px); font-weight: 800; line-height: 1; letter-spacing: 0; text-transform: uppercase; text-decoration: none; text-shadow: 0 2px 14px rgba(0,0,0,.55) !important; white-space: nowrap; }
    .sh-desktop-nav .nav-item > a:hover, .sh-desktop-nav .nav-item.has-dropdown.active > a, .nav-item > a:hover, .nav-item.has-dropdown.active > a { color: #fff !important; }
    .sh-desktop-nav .nav-item.has-dropdown > a::after, .nav-item.has-dropdown > a::after { content: ''; display: inline-block; margin-left: 10px; border: solid currentColor; border-width: 0 1px 1px 0; padding: 3px; transform: rotate(45deg) translateY(-2px); opacity: .85; }
    .module-holder { grid-column: 3; position: relative; z-index: 3; justify-self: end; display: flex; align-items: center; justify-content: flex-end; width: 100%; margin: 0; padding: 0; border: 0; }
    .language-selector, .module-contact { display: none !important; }
    .sh-action-icons { display: flex; align-items: center; justify-content: flex-end; gap: 14px; }
    .sh-action-icons a, .sh-search-btn { color: #fff; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; border: 0; background: transparent; padding: 0; line-height: 1; }
    .sh-service-place-btn { min-height: 34px; padding: 0 16px !important; border-radius: 999px; background: var(--sh-red) !important; color: #fff !important; font-family: var(--title-font); font-size: 12.5px; font-weight: 900; text-transform: uppercase; white-space: nowrap; box-shadow: 0 12px 34px rgba(var(--theme-rgb),.28); transition: transform .2s ease, background .2s ease, box-shadow .2s ease; animation: uycServicePulse 1.55s ease-in-out infinite; }
    .sh-service-place-btn:hover { color: #fff !important; background: var(--theme-color) !important; transform: translateY(-1px); box-shadow: 0 16px 42px rgba(var(--theme-rgb),.36); animation-play-state: paused; }
    @keyframes uycServicePulse { 0%,100% { box-shadow: 0 12px 34px rgba(var(--theme-rgb),.26), 0 0 0 0 rgba(var(--theme-rgb),.32); } 50% { box-shadow: 0 16px 42px rgba(var(--theme-rgb),.42), 0 0 0 8px rgba(var(--theme-rgb),0); } }
    .uyc-service-overlay{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:34px;background:rgba(5,8,12,.42);-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15)}
    .uyc-service-overlay.is-open{display:flex}.uyc-service-modal{position:relative;width:min(1040px,100%);max-height:calc(100vh - 70px);overflow:auto;border-radius:24px;background:linear-gradient(145deg,rgba(18,24,32,.94),rgba(9,13,19,.94));box-shadow:0 40px 110px rgba(0,0,0,.46);padding:34px;color:#fff}.uyc-service-close{position:absolute;top:18px;right:18px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff}.uyc-service-head{max-width:690px}.uyc-service-head small{display:flex;align-items:center;gap:12px;color:var(--sh-red);font-weight:900;letter-spacing:.22em;text-transform:uppercase}.uyc-service-head small:before{content:"";width:38px;height:2px;background:var(--sh-red)}.uyc-service-head h2{margin:12px 0;color:#fff;font-family:var(--title-font);font-size:clamp(44px,5vw,82px);font-weight:900;line-height:.92;text-transform:uppercase}.uyc-service-head p{color:rgba(255,255,255,.68);font-weight:700}.uyc-service-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}.uyc-service-card{min-height:168px;padding:20px;border-radius:18px;background:rgba(255,255,255,.06);color:#fff;text-decoration:none;position:relative;overflow:hidden;transition:transform .2s ease,background .2s ease}.uyc-service-card:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:3px;background:var(--sh-red);transform:scaleX(.35);transform-origin:left;transition:transform .2s ease}.uyc-service-card:hover{transform:translateY(-5px);background:rgba(var(--theme-rgb),.18);color:#fff}.uyc-service-card:hover:after{transform:scaleX(1)}.uyc-service-card i{width:46px;height:46px;border-radius:15px;background:var(--sh-red);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.uyc-service-card strong{display:block;font-family:var(--title-font);font-size:29px;font-weight:900;line-height:1;text-transform:uppercase}.uyc-service-card span{display:block;margin-top:9px;color:rgba(255,255,255,.62);font-size:14px;font-weight:700;line-height:1.35}@media(max-width:850px){.uyc-service-cards{grid-template-columns:1fr 1fr}}@media(max-width:560px){.uyc-service-overlay{padding:14px}.uyc-service-cards{grid-template-columns:1fr}.uyc-service-modal{padding:26px 18px}}
    .sh-search-btn { width: 24px; height: 24px; font-size: 19px; cursor: pointer; }

    .sh-promo-bar { position: relative; order: 1; height: 30px; display: flex; align-items: center; justify-content: center; padding: 0 54px; background: var(--sh-red); color: #fff; z-index: 4; font-family: var(--body-font); font-size: 14px; font-weight: 900; line-height: 1; }
    .sh-promo-inner { display: flex; align-items: center; justify-content: center; gap: 18px; min-width: 0; max-width: 1180px; }
    .sh-promo-inner i { font-size: 13px; flex: 0 0 auto; }
    .sh-promo-brand { white-space: nowrap; font-weight: 900; }
    .sh-promo-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
    .sh-promo-close { position: absolute; right: 42px; top: 50%; transform: translateY(-50%); border: 0; background: transparent; color: #fff; padding: 0; font-size: 16px; line-height: 1; cursor: pointer; z-index: 2; }

    .header.header-dropdown-open .top-bar,
    .header.header-dropdown-open .navbar { background: transparent !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
    .header.header-scrolled .top-bar,
    .header.header-scrolled .navbar { background: transparent !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
    .navbar-collapse .nav-item .navbar-dropdown { display: none !important; }
    header > .navbar-dropdown { position: fixed !important; top: 130px !important; left: 0 !important; right: 0 !important; width: 100% !important; display: none !important; min-height: 300px; margin: 0; padding: 0; background: transparent !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: none !important; z-index: 1049; pointer-events: none !important; overflow: hidden; }
    header > .navbar-dropdown::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 18% 35%, rgba(var(--theme-rgb),.13), transparent 34%); }
    header > .navbar-dropdown::after { content: none; }
    header > .navbar-dropdown.show { display: block !important; pointer-events: auto !important; }
    .navbar-dropdown-inner { position: relative; z-index: 1; min-height: 300px; width: 100%; max-width: 1720px; margin: 0 auto; padding: 44px 54px 46px !important; display: grid !important; grid-template-columns: repeat(5,minmax(170px,230px)) !important; gap: 26px !important; align-items: start; justify-content: center; }
    .navbar-dropdown-item { margin: 0 !important; }
    .navbar-dropdown-item a { display: inline-flex !important; width: fit-content; min-height: 0 !important; padding: 8px 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: rgba(255,255,255,.96) !important; font-family: var(--body-font); font-size: 16px !important; font-weight: 900 !important; line-height: 1.08; text-transform: uppercase; text-decoration: none; text-shadow: 0 6px 24px rgba(0,0,0,.55); opacity: 1 !important; transition: color .2s ease, transform .2s ease, background .2s ease, box-shadow .2s ease; }
    .navbar-dropdown-item a:hover { color: var(--sh-red) !important; transform: translateX(5px); }
    .navbar-dropdown-item a h4 { display: block !important; margin: 0 !important; color: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; opacity: 1 !important; letter-spacing: 0 !important; }
    .navbar-dropdown-item a .icon { display: none !important; }
    .mega-menu-column { min-width: 0; width: 100%; max-width: 230px; display: flex; flex-direction: column; gap: 12px; }
    .mega-column-title { display: flex; align-items: flex-end; min-height: 24px; margin: 0 0 12px; color: rgba(255,255,255,.52); font-family: var(--title-font); font-size: 14px; font-weight: 900; line-height: 1; text-transform: uppercase; letter-spacing: 0 !important; }
    .mega-column-title.is-empty { visibility: hidden; }
    .sh-menu-badge { display: inline-flex; align-items: center; margin-left: 8px; padding: 3px 7px; border-radius: 999px; background: var(--sh-red); color: #fff; font-size: 10px; font-style: normal; font-weight: 900; line-height: 1; }
    .navbar-dropdown-item.mega-style-button a { min-height: 38px !important; padding: 0 16px !important; border-radius: 999px !important; background: var(--sh-red) !important; color: #fff !important; }
    .navbar-dropdown-item.mega-style-strong a h4 { color: #fff !important; font-size: 19px !important; }
    .mega-html-block { color: rgba(255,255,255,.86); font-size: 14px; line-height: 1.6; }
    .mega-link-image { display: flex; width: 92px; height: 56px; margin: 0 0 10px; border-radius: 6px; overflow: hidden; background: rgba(255,255,255,.08); }
    .mega-link-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .navbar-dropdown-item.mega-style-image a { flex-direction: column; align-items: stretch !important; gap: 0; }
    .navbar-dropdown-inner.mega-cols-1 { grid-template-columns: repeat(1, minmax(255px, 300px)) !important; }
    .navbar-dropdown-inner.mega-cols-2 { grid-template-columns: repeat(2, minmax(245px, 285px)) !important; }
    .navbar-dropdown-inner.mega-cols-3 { grid-template-columns: repeat(3, minmax(230px, 265px)) !important; }
    .navbar-dropdown-inner.mega-cols-4 { grid-template-columns: repeat(4, minmax(215px, 245px)) !important; }
    .navbar-dropdown-inner.mega-cols-5 { grid-template-columns: repeat(5, minmax(190px, 225px)) !important; }
    .navbar-dropdown-inner.mega-cols-6 { grid-template-columns: repeat(6, minmax(170px, 205px)) !important; }
    .navbar-dropdown-item.mega-style-image { margin: 0 !important; width: 100%; }
    .navbar-dropdown-item.mega-style-image a { position: relative; width: 100% !important; max-width: 245px !important; height: 188px !important; min-height: 188px !important; padding: 0 !important; border-radius: 14px !important; background: rgba(255,255,255,.055) !important; box-shadow: 0 20px 48px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.10); overflow: hidden; justify-content: flex-start; isolation: isolate; }
    .navbar-dropdown-item.mega-style-image a::before { content: ''; position: absolute; left: 16px; right: 16px; bottom: 12px; height: 3px; border-radius: 999px; background: var(--sh-red); opacity: .75; transform: scaleX(.38); transform-origin: left center; transition: transform .28s ease, opacity .28s ease; z-index: 3; }
    .navbar-dropdown-item.mega-style-image a::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,12,17,.04) 0%, rgba(10,12,17,.16) 40%, rgba(10,12,17,.86) 100%); opacity: .98; z-index: 1; pointer-events: none; }
    .navbar-dropdown-item.mega-style-image a:hover { background: rgba(255,255,255,.09) !important; transform: translateY(-6px); box-shadow: 0 28px 64px rgba(0,0,0,.38), 0 0 0 1px rgba(255,255,255,.07) inset; }
    .navbar-dropdown-item.mega-style-image a:hover::before { transform: scaleX(1); opacity: 1; }
    .navbar-dropdown-item.mega-style-image a h4 { position: relative; z-index: 2; display: -webkit-box !important; min-height: 48px; max-height: 48px; width: 100%; margin-top: auto !important; padding: 0 16px 18px; color: #fff !important; font-family: var(--title-font) !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.13 !important; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-shadow: 0 8px 22px rgba(0,0,0,.85); background: transparent !important; box-sizing: border-box; }
    .navbar-dropdown-item.mega-style-image .mega-link-image { position: absolute; inset: 0; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border-radius: inherit !important; background: rgba(18,22,29,.9); flex: none; box-sizing: border-box; align-items: center; justify-content: center; overflow: hidden; }
    .navbar-dropdown-item.mega-style-image .mega-link-image img { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; object-position: center center !important; transform: scale(1.02); transition: transform .35s ease, filter .35s ease; filter: saturate(.92) contrast(1.06) brightness(.84); }
    .navbar-dropdown-item.mega-style-image a:hover .mega-link-image img { transform: scale(1.09); filter: saturate(1.06) contrast(1.09) brightness(.98); }
    .navbar-dropdown-item.mega-source-empty { color: rgba(255,255,255,.52); font-size: 14px; font-weight: 700; }

    .api { position: fixed; right: 20px; bottom: 20px; z-index: 9999; display: flex; flex-direction: column; gap: 12px; }
    .api > div { position: relative; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0,0,0,.2); transition: transform .2s, box-shadow .2s; }
    .api .telefon { background: var(--theme-color); color: #fff; }
    .api .telegram { background: #0088cc; color: #fff; }
    .api .whatsapp { background: #25D366; color: #fff; }
    .api .instagram { background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); color: #fff; }
    .api > div:hover { transform: scale(1.08); box-shadow: 0 6px 20px rgba(0,0,0,.25); }
    .api a { color: inherit; text-decoration: none; font-size: 22px; }
    .api .tooltiptext { visibility: hidden; position: absolute; right: 100%; margin-right: 10px; padding: 6px 10px; background: #333; color: #fff; font-size: 12px; white-space: nowrap; border-radius: 4px; opacity: 0; transition: opacity .2s; }
    .api > div:hover .tooltiptext { visibility: visible; opacity: 1; }
    .loader-wrap { position: fixed; inset: 0; z-index: 99999; background: var(--theme-color); display: flex; align-items: center; justify-content: center; transition: opacity .45s ease, visibility .45s ease; }
    .loader-wrap.loaded { opacity: 0; visibility: hidden; pointer-events: none; }
    .animation-preloader { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
    .loader-percent { color: #fff; font-family: var(--title-font); font-size: clamp(92px, 12vw, 190px); font-weight: 900; line-height: 1; letter-spacing: 0; }
    .loader-wrap::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: rgba(255,255,255,.92); transform: scaleX(var(--loader-progress, 0)); transform-origin: left center; transition: transform .12s linear; }
    @keyframes spin { to { transform: rotate(360deg); } }

    .uyc-search-overlay { position: fixed; inset: 0; z-index: 4000; display: none; align-items: flex-start; justify-content: center; padding: clamp(110px, 11vw, 170px) 24px 40px; background: rgba(6,9,14,.58); -webkit-backdrop-filter: blur(22px) saturate(1.15); backdrop-filter: blur(22px) saturate(1.15); color: #fff; }
    .uyc-search-overlay.is-open { display: flex; }
    body.uyc-search-open { overflow: hidden; }
    body.uyc-search-open #wrapper_full { filter: blur(4px) brightness(.55); transform: scale(1.004); transform-origin: center top; }
    .uyc-search-modal { width: min(1120px, 100%); position: relative; }
    .uyc-search-close { position: absolute; right: 0; top: -58px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--sh-red,var(--theme-color)); color: #fff; font-size: 18px; }
    .uyc-search-modal h2 { margin: 0 0 22px; color:#fff; font-family: var(--title-font); font-size: clamp(58px, 7vw, 128px); font-weight: 900; line-height:.82; text-transform: uppercase; }
    .uyc-search-live-form { display:flex; gap:10px; padding:10px; background:rgba(255,255,255,.09); box-shadow: inset 0 -2px 0 rgba(255,255,255,.10); }
    .uyc-search-live-form input { flex:1; min-height:62px; border:0; background:transparent; color:#fff; padding:0 16px; font-size:22px; font-weight:900; outline:none; }
    .uyc-search-live-form button { border:0; background:var(--sh-red,var(--theme-color)); color:#fff; min-width:150px; padding:0 24px; font-family:var(--title-font); font-size:18px; font-weight:900; text-transform:uppercase; }
    .uyc-search-live-results { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; max-height:min(48vh,520px); overflow:auto; margin-top:22px; padding-right:4px; }
    .uyc-search-live-card { display:grid; grid-template-columns:82px 1fr; gap:14px; min-height:94px; padding:12px; background:rgba(255,255,255,.075); color:#fff; text-decoration:none; transition:background .2s ease, transform .2s ease; }
    .uyc-search-live-card:hover { color:#fff; background:rgba(var(--theme-rgb),.2); transform:translateY(-2px); }
    .uyc-search-live-card img { width:82px; height:70px; object-fit:cover; background:rgba(255,255,255,.08); }
    .uyc-search-live-card b { color:var(--sh-red,var(--theme-color)); font-size:11px; font-weight:900; letter-spacing:1.5px; text-transform:uppercase; }
    .uyc-search-live-card h3 { margin:4px 0 4px; color:#fff; font-family:var(--title-font); font-size:24px; line-height:.95; font-weight:900; text-transform:uppercase; }
    .uyc-search-live-card p { margin:0; color:rgba(255,255,255,.68); font-size:13px; line-height:1.35; }
    .uyc-search-live-empty { margin-top:18px; color:rgba(255,255,255,.7); font-weight:800; }
    .uyc-search-all-link { display:inline-flex; align-items:center; gap:10px; margin-top:18px; color:#fff; font-weight:900; text-transform:uppercase; text-decoration:none; }
    .uyc-search-all-link:hover { color:var(--sh-red,var(--theme-color)); }
    @media(max-width:767px){ .uyc-search-live-results{grid-template-columns:1fr}.uyc-search-live-form{flex-direction:column}.uyc-search-live-form button{min-height:52px}.uyc-search-live-card{grid-template-columns:64px 1fr}.uyc-search-live-card img{width:64px;height:64px} }
    @media (min-width:1200px) {
        #primary-menu > .container-fluid { display: grid !important; grid-template-columns: minmax(220px,320px) minmax(0,1fr) minmax(220px,320px) !important; align-items: center !important; column-gap: 24px !important; width: 100% !important; max-width: 1840px !important; height: 70px !important; margin: 0 auto !important; padding-left: 40px !important; padding-right: 40px !important; }
        #primary-menu .navbar-brand-desktop { grid-column: 1 !important; justify-self: start !important; }
        #primary-menu .sh-desktop-menu { grid-column: 2 !important; justify-self: stretch !important; display: flex !important; justify-content: center !important; width: 100% !important; }
        #primary-menu .module-holder { grid-column: 3 !important; justify-self: end !important; width: 100% !important; }
        #primary-menu #navbarContent.navbar-collapse { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; overflow: hidden !important; pointer-events: none !important; }
    }
    .uyc-search-overlay { position: fixed; inset: 0; z-index: 4000; display: none; align-items: flex-start; justify-content: center; padding: clamp(110px, 11vw, 170px) 24px 40px; background: rgba(6,9,14,.58); -webkit-backdrop-filter: blur(22px) saturate(1.15); backdrop-filter: blur(22px) saturate(1.15); color: #fff; }
    .uyc-search-overlay.is-open { display: flex; }
    body.uyc-search-open { overflow: hidden; }
    body.uyc-search-open #wrapper_full { filter: blur(4px) brightness(.55); transform: scale(1.004); transform-origin: center top; }
    .uyc-search-modal { width: min(1120px, 100%); position: relative; }
    .uyc-search-close { position: absolute; right: 0; top: -58px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--sh-red,var(--theme-color)); color: #fff; font-size: 18px; }
    .uyc-search-modal h2 { margin: 0 0 22px; color:#fff; font-family: var(--title-font); font-size: clamp(58px, 7vw, 128px); font-weight: 900; line-height:.82; text-transform: uppercase; }
    .uyc-search-live-form { display:flex; gap:10px; padding:10px; background:rgba(255,255,255,.09); box-shadow: inset 0 -2px 0 rgba(255,255,255,.10); }
    .uyc-search-live-form input { flex:1; min-height:62px; border:0; background:transparent; color:#fff; padding:0 16px; font-size:22px; font-weight:900; outline:none; }
    .uyc-search-live-form button { border:0; background:var(--sh-red,var(--theme-color)); color:#fff; min-width:150px; padding:0 24px; font-family:var(--title-font); font-size:18px; font-weight:900; text-transform:uppercase; }
    .uyc-search-live-results { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; max-height:min(48vh,520px); overflow:auto; margin-top:22px; padding-right:4px; }
    .uyc-search-live-card { display:grid; grid-template-columns:82px 1fr; gap:14px; min-height:94px; padding:12px; background:rgba(255,255,255,.075); color:#fff; text-decoration:none; transition:background .2s ease, transform .2s ease; }
    .uyc-search-live-card:hover { color:#fff; background:rgba(var(--theme-rgb),.2); transform:translateY(-2px); }
    .uyc-search-live-card img { width:82px; height:70px; object-fit:cover; background:rgba(255,255,255,.08); }
    .uyc-search-live-card b { color:var(--sh-red,var(--theme-color)); font-size:11px; font-weight:900; letter-spacing:1.5px; text-transform:uppercase; }
    .uyc-search-live-card h3 { margin:4px 0 4px; color:#fff; font-family:var(--title-font); font-size:24px; line-height:.95; font-weight:900; text-transform:uppercase; }
    .uyc-search-live-card p { margin:0; color:rgba(255,255,255,.68); font-size:13px; line-height:1.35; }
    .uyc-search-live-empty { margin-top:18px; color:rgba(255,255,255,.7); font-weight:800; }
    .uyc-search-all-link { display:inline-flex; align-items:center; gap:10px; margin-top:18px; color:#fff; font-weight:900; text-transform:uppercase; text-decoration:none; }
    .uyc-search-all-link:hover { color:var(--sh-red,var(--theme-color)); }
    @media(max-width:767px){ .uyc-search-live-results{grid-template-columns:1fr}.uyc-search-live-form{flex-direction:column}.uyc-search-live-form button{min-height:52px}.uyc-search-live-card{grid-template-columns:64px 1fr}.uyc-search-live-card img{width:64px;height:64px} }
    @media (min-width:1200px) and (max-width:1490px) { .top-bar .container-fluid, .navbar .container-fluid { padding-left: 32px; padding-right: 32px; } .navbar .container-fluid { grid-template-columns: minmax(175px,230px) minmax(0,1fr) minmax(190px,230px); column-gap: 18px; } .navbar-brand img { height: 44px; max-width: 220px; } .sh-desktop-nav, .navbar-nav { gap: clamp(13px,1.18vw,24px); } .nav-item > a, .nav-item.has-dropdown > a { font-size: 12px; } .sh-service-place-btn { padding: 0 12px !important; font-size: 11.5px; } }
    @media (max-width:1199px) { .top-bar { display:none !important; } .sh-desktop-menu { display:none !important; } .header { position: fixed; top:0; left:0; right:0; z-index:1050; } .navbar { top:0; height:62px; background:#11151b !important; } .navbar .container-fluid { display:flex; height:62px; padding:0 16px; } .navbar-header-mobile { display:flex !important; align-items:center; justify-content:center; width:100%; position:relative; } .navbar-brand-desktop { display:none !important; } .navbar-brand-mobile { display:inline-flex !important; } .navbar-brand-mobile img { height:46px; max-width:170px; } .language-selector-mobile { display:flex !important; position:absolute; right:4px; top:50%; transform:translateY(-50%); } .navbar-toggler { display:flex !important; flex-direction:column; gap:4px; position:absolute; left:0; top:50%; transform:translateY(-50%); background:transparent; border:0; padding:8px; } .navbar-toggler span { display:block; width:22px; height:2px; background:#fff; border-radius:2px; } .navbar-collapse { display:flex !important; position:fixed !important; top:62px; left:-100%; width:100% !important; height:calc(100vh - 62px) !important; background:#11151b !important; transition:left .3s ease; overflow-y:auto; flex-direction:column !important; } .navbar-collapse.show { left:0; } .navbar-close-btn { display:flex !important; position:absolute; top:15px; right:15px; color:#fff; background:transparent; border:0; font-size:28px; width:40px; height:40px; align-items:center; justify-content:center; } .navbar-nav { flex-direction:column; align-items:stretch; justify-content:flex-start; gap:0; width:100%; padding:60px 0 20px; } .nav-item { width:100%; border-bottom:1px solid rgba(255,255,255,.08); } .nav-item > a, .nav-item.has-dropdown > a { height:auto; display:flex; justify-content:space-between; width:100%; padding:16px 20px; color:#fff !important; font-size:16px; line-height:1.2; } .navbar-collapse .navbar-dropdown { position:static; display:block; max-height:0; overflow:hidden; background:rgba(255,255,255,.04); border-left:4px solid var(--sh-red); transition:max-height .35s ease; } .navbar-collapse .nav-item.has-dropdown.show .navbar-dropdown { max-height:1200px; } .navbar-collapse .navbar-dropdown a { display:block; padding:12px 40px; color:#fff !important; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.06); } .module-holder { display:none !important; } .sh-promo-bar { top:62px; height:32px; padding:0 36px; font-size:12px; } header > .navbar-dropdown { position: fixed !important; top: 130px !important; left: 0 !important; right: 0 !important; width: 100% !important; display: none !important; min-height: 300px; margin: 0; padding: 0; background: rgba(10,13,18,.46) !important; -webkit-backdrop-filter: blur(20px) saturate(1.18); backdrop-filter: blur(20px) saturate(1.18); box-shadow: 0 28px 86px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06); z-index: 1049; pointer-events: none !important; overflow: hidden; }

}
/* ===== assets\css\uyc-front-modules.css ===== */
/*
 * UYC front modules CSS
 * datainclude/modules klasorundeki inline style bloklari buraya tasindi.
 */


/* ===== datainclude\modules\about.php ===== */

/* Cinematic about section */
.about-section {
    position: relative;
    overflow: hidden;
    min-height: 620px;
    padding: 0;
    background: #101316;
    color: #fff;
}

.about-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.about-bg img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center left;
    filter: saturate(.95) contrast(1.04);
}

.about-section::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(16,19,22,.18) 0%, rgba(16,19,22,.42) 38%, rgba(16,19,22,.90) 66%, #101316 100%),
        linear-gradient(180deg, rgba(16,19,22,.12) 0%, rgba(16,19,22,.26) 100%);
}

.about-section::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    z-index: 2;
    background: rgba(255,255,255,.08);
    pointer-events: none;
}

.about-section .container {
    position: relative;
    z-index: 3;
    min-height: 620px;
    display: flex;
    align-items: center;
}

.about-wrapper {
    width: 100%;
}

.about-content-col {
    margin-left: auto;
    max-width: 620px;
    padding: 92px 0;
}

.about-header {
    margin-bottom: 26px;
}

.about-subtitle {
    display: block;
    margin-bottom: 14px;
    color: var(--sh-red,var(--theme-color));
    font-family: var(--title-font, 'Big Shoulders Display', sans-serif);
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 6px;
    text-transform: uppercase;
}

.about-title {
    max-width: 560px;
    margin: 0;
    color: #fff;
    font-family: var(--title-font, 'Big Shoulders Display', sans-serif);
    font-size: clamp(42px, 4.2vw, 72px);
    font-weight: 900;
    line-height: .96;
    letter-spacing: 0;
    text-transform: uppercase;
}

.about-content {
    max-width: 560px;
    margin: 0 0 42px;
}

.about-content p {
    margin: 0;
    max-width: 520px;
    color: rgba(255,255,255,.76);
    font-family: var(--body-font, 'Big Shoulders Display', sans-serif);
    font-size: 15px;
    line-height: 1.45;
    font-weight: 500;
    letter-spacing: 0;
}

.about-buttons {
    display: flex;
    align-items: center;
}

.about-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 56px;
    padding: 0 30px;
    border: 1px solid rgba(255,255,255,.88);
    border-radius: 999px;
    color: #fff;
    font-family: var(--body-font, 'Big Shoulders Display', sans-serif);
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
    letter-spacing: 0;
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

.about-btn i {
    color: var(--sh-red,var(--theme-color));
    font-size: 14px;
}

.about-btn:hover {
    color: #fff;
    background: var(--sh-red,var(--theme-color));
    border-color: var(--sh-red,var(--theme-color));
    transform: translateY(-1px);
}

.about-btn:hover i {
    color: #fff;
}

.about-image-col,
.about-image-wrapper,
.about-image-frame,
.about-decoration,
.about-decoration-top,
.about-decoration-bottom,
.about-features,
.about-feature,
.about-feature-icon,
.about-call,
.about-call-icon,
.about-call-info,
.about-call-label,
.about-call-number {
    display: none !important;
}

@media (max-width: 1199px) {
    .about-section,
    .about-section .container {
        min-height: 560px;
    }

    .about-content-col {
        max-width: 560px;
        padding: 82px 0;
    }
}

@media (max-width: 991px) {
    .about-section::before {
        background: linear-gradient(90deg, rgba(16,19,22,.42) 0%, rgba(16,19,22,.86) 52%, #101316 100%);
    }

    .about-content-col {
        margin-left: 0;
        max-width: 620px;
    }
}

@media (max-width: 767px) {
    .about-section,
    .about-section .container {
        min-height: 620px;
    }

    .about-bg img {
        object-position: center;
    }

    .about-section::before {
        background: linear-gradient(180deg, rgba(16,19,22,.54), #101316 82%);
    }

    .about-content-col {
        padding: 82px 0 70px;
    }

    .about-subtitle {
        font-size: 12px;
        letter-spacing: 5px;
    }

    .about-title {
        font-size: clamp(34px, 12vw, 52px);
    }

    .about-content p {
        font-size: 15px;
    }

    .about-btn {
        width: 100%;
        min-height: 52px;
    }
}


/* ===== datainclude\modules\blog.php ===== */

/* Blog Section - Editorial rail */
.blog-section {
    --blog-red: var(--sh-red,var(--theme-color));
    position: relative;
    overflow: hidden;
    padding: 104px 0 112px;
    background: #101318;
    color: #fff;
}
.blog-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, rgba(var(--theme-rgb),.12) 0%, transparent 32%, rgba(255,255,255,.035) 68%, transparent 100%);
    pointer-events: none;
}
.blog-section .container { position: relative; z-index: 2; }
.blog-section .pd_bottom_40 { display: none; }
.blog-section .section_title { margin: 0 0 50px; text-align: left !important; }
.blog-section .section_title .sm_title {
    display: block;
    margin-bottom: 14px;
    color: var(--blog-red);
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 8px;
    line-height: 1;
    text-transform: uppercase;
}
.blog-section .section_title .title {
    max-width: 900px;
    margin: 0;
    color: #fff;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: clamp(48px, 5vw, 86px);
    font-weight: 900;
    line-height: .92;
    letter-spacing: 0;
    text-transform: uppercase;
}
.blog_post .row { align-items: stretch; }
.blog_box { height: 100%; margin-bottom: 30px; }
.blog_inner {
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr;
    height: 100%;
    min-height: 445px;
    overflow: hidden;
    border-radius: 0;
    background: #171c24;
    box-shadow: 0 28px 72px rgba(0,0,0,.32);
    transition: transform .35s ease, box-shadow .35s ease;
}
.blog_box:nth-child(1) .blog_inner,
.blog_post .row > div:first-child .blog_inner {
    background: #0d1016;
}
.blog_inner::before {
    content: '';
    position: absolute;
    inset: auto 0 0 0;
    height: 5px;
    background: var(--blog-red);
    transform: scaleX(.24);
    transform-origin: left;
    transition: transform .35s ease;
    z-index: 3;
}
.blog_inner:hover { transform: translateY(-8px); box-shadow: 0 38px 98px rgba(0,0,0,.48); }
.blog_inner:hover::before { transform: scaleX(1); }
.blog_inner .image_box { position: relative; overflow: hidden; min-height: 250px; background: #080a0e; }
.blog_inner .image_box::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 30%, rgba(0,0,0,.78) 100%);
    pointer-events: none;
}
.blog_inner .image_box img { width: 100%; height: 285px; object-fit: cover; filter: saturate(.92) contrast(1.04); transition: transform .5s ease, filter .5s ease; }
.blog_inner:hover .image_box img { transform: scale(1.07); filter: saturate(1.12) contrast(1.08); }
.blog_inner .date_tm {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    background: #fff;
    color: #11161d;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .6px;
    text-transform: uppercase;
}
.blog_inner .date_tm i { color: var(--blog-red); }
.blog_inner .content { display: flex; flex-direction: column; flex: 1; padding: 28px 28px 30px; }
.blog_inner .title_20 {
    margin: 0 0 14px;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 34px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
}
.blog_inner .title_20 a { color: #fff; text-decoration: none; transition: color .25s ease; }
.blog_inner .title_20 a:hover { color: var(--blog-red); }
.blog_inner .descs { margin: 0 0 24px; color: rgba(255,255,255,.7); font-size: 15px; font-weight: 500; line-height: 1.72; }
.blog_inner .bottn_flex { margin-top: auto; }
.blog_inner .rd_more {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: #fff;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 17px;
    font-weight: 900;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
}
.blog_inner .rd_more i { width: 34px; height: 34px; border-radius: 50%; background: var(--blog-red); color: #fff; display: inline-flex; align-items: center; justify-content: center; transition: transform .25s ease; }
.blog_inner .rd_more:hover { color: var(--blog-red); }
.blog_inner .rd_more:hover i { transform: translateX(4px); }
.blog-section .blog-more-btn { margin-top: 14px; text-align: left !important; }
.blog-section .blog-more-btn a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 54px;
    padding: 15px 28px;
    border-radius: 0;
    background: var(--blog-red);
    color: #fff;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .25s ease, transform .25s ease;
}
.blog-section .blog-more-btn a:hover { background: #b70000; color: #fff; transform: translateY(-2px); }
@media (min-width: 1200px) { .blog_post .row > div:first-child { flex: 0 0 50%; max-width: 50%; } .blog_post .row > div:first-child .blog_inner .image_box img { height: 360px; } .blog_post .row > div:first-child .blog_inner .title_20 { font-size: 44px; } }
@media (max-width: 991px) { .blog-section { padding: 82px 0 88px; } }
@media (max-width: 575px) { .blog-section { padding: 68px 0 76px; } .blog_inner .image_box img { height: 220px; } .blog_inner .title_20 { font-size: 28px; } }


/* ===== datainclude\modules\client.php ===== */

/* Professional partner showcase */
.modern-brand-sec1 {
    --brand-red: var(--sh-red,var(--theme-color));
    position: relative;
    overflow: hidden;
    padding: 104px 0 112px;
    background: #101318;
    color: #fff;
}
.modern-brand-sec1::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 14% 18%, rgba(var(--theme-rgb),.16), transparent 30%),
        radial-gradient(circle at 86% 76%, rgba(255,255,255,.055), transparent 28%),
        linear-gradient(180deg, #151a21 0%, #101318 52%, #0b0f14 100%);
    pointer-events: none;
}
.modern-brand-sec1 .modern-brand-list-area {
    width: min(1320px, calc(100% - 32px));
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.modern-brand-sec1 .section_title {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, .55fr);
    align-items: end;
    gap: 46px;
    margin: 0 0 54px !important;
    text-align: left !important;
}
.modern-brand-sec1 .section_title .sm_title {
    display: block;
    margin-bottom: 15px;
    color: var(--brand-red);
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 8px;
    line-height: 1;
    text-transform: uppercase;
}
.modern-brand-sec1 .section_title .title {
    max-width: 760px;
    margin: 0;
    color: #fff;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: clamp(52px, 5.4vw, 94px);
    font-weight: 900;
    line-height: .88;
    letter-spacing: 0;
    text-transform: uppercase;
}
.brand-copy {
    position: relative;
    margin: 0;
    padding-left: 22px;
    color: rgba(255,255,255,.68);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.78;
}
.brand-copy::before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 4px;
    height: calc(100% - 14px);
    background: var(--brand-red);
}
.modern-carousel-container {
    position: relative;
    overflow: hidden;
    padding: 34px 0;
    background:
        linear-gradient(90deg, rgba(255,255,255,.035), transparent 24%, transparent 76%, rgba(255,255,255,.035)),
        rgba(255,255,255,.018);
    box-shadow: 0 34px 90px rgba(0,0,0,.18);
}
.modern-carousel-container::before,
.modern-carousel-container::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 150px;
    z-index: 3;
    pointer-events: none;
}
.modern-carousel-container::before {
    left: 0;
    background: linear-gradient(90deg, #101318, rgba(16,19,24,0));
}
.modern-carousel-container::after {
    right: 0;
    background: linear-gradient(270deg, #101318, rgba(16,19,24,0));
}
.modern-carousel-track {
    display: flex;
    gap: 18px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    padding: 0 72px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.modern-carousel-track::-webkit-scrollbar { display: none; }
.modern-carousel-item {
    flex: 0 0 calc(20% - 15px);
    min-width: 220px;
    scroll-snap-align: start;
}
.modern-brand-list { width: 100%; height: 100%; }
.modern-brand-list a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 142px;
    padding: 28px 30px;
    overflow: hidden;
    background: radial-gradient(circle at 50% 0%, rgba(255,255,255,.11), rgba(255,255,255,.036) 54%, rgba(255,255,255,.018));
    box-shadow: 0 24px 55px rgba(0,0,0,.18);
    text-decoration: none;
    transition: background .3s ease, transform .3s ease, box-shadow .3s ease;
}
.modern-brand-list a::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -34px;
    width: 92px;
    height: 64px;
    border-radius: 50%;
    background: rgba(var(--theme-rgb),.38);
    filter: blur(18px);
    opacity: 0;
    transform: translateX(-50%) scale(.6);
    transition: opacity .3s ease, transform .3s ease;
}
.modern-brand-list a::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,.12), transparent 34%), radial-gradient(circle at 50% 50%, rgba(255,255,255,.08), transparent 58%);
    opacity: .28;
    transform: translateY(16px);
    transition: opacity .3s ease, transform .3s ease;
}
.modern-brand-list img {
    position: relative;
    z-index: 2;
    max-width: 100%;
    max-height: 74px;
    object-fit: contain;
    filter: grayscale(1) brightness(1.65);
    opacity: .64;
    transition: filter .3s ease, opacity .3s ease, transform .3s ease;
}
.modern-brand-list a:hover {
    transform: translateY(-6px);
    background: rgba(255,255,255,.075);
    box-shadow: 0 30px 74px rgba(0,0,0,.34);
}
.modern-brand-list a:hover::before { opacity: 1; transform: translateX(-50%) scale(1); }
.modern-brand-list a:hover::after { opacity: .78; transform: translateY(0); }
.modern-brand-list a:hover img {
    filter: grayscale(0) brightness(1.05);
    opacity: 1;
    transform: translateY(-3px) scale(1.02);
}
.modern-carousel-dots {
    display: flex;
    justify-content: center;
    gap: 9px;
    margin-top: 30px;
}
.modern-carousel-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: rgba(255,255,255,.24);
    cursor: pointer;
    transition: width .25s ease, background .25s ease;
}
.modern-carousel-dot.active {
    width: 34px;
    border-radius: 999px;
    background: var(--brand-red);
}
@media (max-width: 1200px) {
    .modern-carousel-item { flex-basis: calc(25% - 14px); }
}
@media (max-width: 991px) {
    .modern-brand-sec1 { padding: 82px 0 90px; }
    .modern-brand-sec1 .section_title { grid-template-columns: 1fr; gap: 24px; }
    .modern-carousel-item { flex-basis: calc(33.333% - 12px); }
}
@media (max-width: 767px) {
    .modern-brand-sec1 .section_title .title { font-size: 48px; }
    .modern-carousel-track { padding: 0 28px; }
    .modern-carousel-container::before,
    .modern-carousel-container::after { width: 54px; }
    .modern-carousel-item { flex-basis: calc(50% - 9px); min-width: 170px; }
    .modern-brand-list a { min-height: 124px; padding: 22px; }
}
@media (max-width: 575px) {
    .modern-brand-sec1 { padding: 68px 0 76px; }
    .modern-carousel-item { flex-basis: 82%; min-width: 260px; }
}


/* ===== datainclude\modules\counter.php ===== */

.counter-modern-section {
    position: relative;
    overflow: hidden;
    padding: 108px 0 98px;
    background: #15191f;
    color: #ffffff;
}

.counter-modern-section .container {
    position: relative;
    z-index: 2;
    width: min(100% - 70px, 1440px);
    max-width: 1440px;
}

.counter-heading {
    max-width: 860px;
    margin: 0 0 34px;
}

.counter-kicker {
    display: block;
    margin-bottom: 16px;
    color: var(--sh-red,var(--theme-color));
    font-family: 'Big Shoulders Display', var(--title-font), sans-serif;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 7px;
    text-transform: uppercase;
}

.counter-title {
    margin: 0;
    color: #ffffff;
    font-family: 'Big Shoulders Display', var(--title-font), sans-serif;
    font-size: clamp(42px, 4.4vw, 78px);
    font-weight: 900;
    line-height: .92;
    letter-spacing: 0;
    text-transform: uppercase;
}

.counter-card-wrap {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: clamp(80px, 12vw, 210px);
    row-gap: 24px;
    align-items: end;
}

.counter-card {
    position: relative;
    min-height: 206px;
    display: flex;
    align-items: flex-end;
    background: transparent;
    border: 0;
    box-shadow: none;
    transform: none;
}

.counter-card:nth-child(odd),
.counter-card:nth-child(even) {
    justify-content: flex-start;
    padding-top: 0;
}

.counter-card .box-icon {
    display: none;
}

.counter-card .media-body {
    display: grid;
    grid-template-columns: clamp(190px, 14vw, 285px) minmax(160px, 240px);
    align-items: end;
    column-gap: 28px;
    min-width: 0;
    width: 100%;
}

.counter-card .box-number {
    width: clamp(190px, 14vw, 285px);
    margin: 0;
    color: transparent;
    font-family: 'Big Shoulders Display', var(--title-font), sans-serif;
    font-size: clamp(132px, 14vw, 238px);
    font-weight: 900;
    line-height: .72;
    letter-spacing: 0;
    text-align: left;
    -webkit-text-stroke: 2px var(--sh-red,var(--theme-color));
    text-stroke: 2px var(--sh-red,var(--theme-color));
    text-shadow: 0 0 28px rgba(var(--theme-rgb), .1);
    transition: color .35s ease, text-shadow .35s ease, transform .35s ease;
}

.counter-card .box-text {
    max-width: 240px;
    margin: 0 0 18px;
    color: #ffffff;
    font-family: 'Big Shoulders Display', var(--title-font), sans-serif;
    font-size: clamp(20px, 1.7vw, 32px);
    font-weight: 700;
    line-height: .98;
    letter-spacing: 0;
    text-align: left;
    text-transform: uppercase;
}

.counter-card:hover .box-number {
    color: rgba(var(--theme-rgb), .08);
    text-shadow: 0 0 36px rgba(var(--theme-rgb), .34);
    transform: translateY(-5px);
}

@media (max-width: 1199px) {
    .counter-card-wrap {
        column-gap: 48px;
    }

    .counter-card .box-number {
        font-size: clamp(110px, 17vw, 186px);
    }
}

@media (max-width: 767px) {
    .counter-modern-section {
        padding: 72px 0;
    }

    .counter-modern-section .container {
        width: min(100% - 30px, 1440px);
    }

    .counter-heading {
        margin: 0 0 32px;
    }

    .counter-kicker {
        font-size: 12px;
        letter-spacing: 4px;
    }

    .counter-title {
        font-size: clamp(36px, 11vw, 52px);
    }

    .counter-card-wrap {
        grid-template-columns: 1fr;
        row-gap: 10px;
    }

    .counter-card,
    .counter-card:nth-child(even) {
        min-height: 142px;
        justify-content: flex-start;
        padding-top: 0;
    }

    .counter-card .media-body {
        grid-template-columns: minmax(118px, 34vw) minmax(0, 1fr);
        column-gap: 16px;
    }

    .counter-card .box-number {
        width: auto;
        min-width: 118px;
        font-size: clamp(86px, 28vw, 132px);
        -webkit-text-stroke-width: 1.5px;
        text-stroke-width: 1.5px;
    }

    .counter-card .box-text {
        margin-bottom: 12px;
        font-size: clamp(18px, 7vw, 26px);
    }
}


/* ===== datainclude\modules\feature_report.php ===== */

.uyc-report-section {
    position: relative;
    overflow: hidden;
    padding: 88px 0 44px;
    background: #151a21;
    color: #fff;
}
.uyc-report-shell {
    position: relative;
    width: min(1860px, calc(100% - 48px));
    min-height: 620px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 18px;
    background: #090c11;
    box-shadow: 0 34px 100px rgba(0,0,0,.36);
}
.uyc-report-shell::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(6,8,12,.9) 0%, rgba(6,8,12,.68) 32%, rgba(6,8,12,.22) 62%, rgba(6,8,12,.1) 100%);
    z-index: 2;
}
.uyc-report-shell::after {
    content: '';
    position: absolute;
    left: -80px;
    top: 0;
    width: 46%;
    height: 100%;
    background: radial-gradient(circle at 40% 50%, rgba(var(--theme-rgb),.22), transparent 58%);
    z-index: 3;
    pointer-events: none;
}
.uyc-report-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(.2) contrast(1.08);
    transform: scale(1.02);
}
.uyc-report-content {
    position: relative;
    z-index: 4;
    width: min(620px, 92%);
    padding: clamp(72px, 8vw, 150px) 0 clamp(72px, 8vw, 130px) clamp(34px, 8vw, 155px);
}
.uyc-report-kicker {
    display: block;
    margin-bottom: 18px;
    color: var(--sh-red,var(--theme-color));
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 8px;
    line-height: 1;
    text-transform: uppercase;
}
.uyc-report-title {
    margin: 0 0 20px;
    color: #fff;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: clamp(48px, 5.5vw, 86px);
    font-weight: 900;
    line-height: .88;
    letter-spacing: 0;
    text-transform: uppercase;
}
.uyc-report-text {
    max-width: 560px;
    margin: 0;
    color: rgba(255,255,255,.72);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.72;
}
.uyc-report-action {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    min-height: 58px;
    margin-top: 58px;
    padding: 0 30px;
    border-radius: 999px;
    background: #fff;
    color: #11151b;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    transition: transform .25s ease, background .25s ease, color .25s ease, box-shadow .25s ease;
}
.uyc-report-action i {
    color: var(--sh-red,var(--theme-color));
    transition: transform .25s ease;
}
.uyc-report-action:hover {
    color: #fff;
    background: var(--sh-red,var(--theme-color));
    transform: translateY(-3px);
    box-shadow: 0 24px 52px rgba(var(--theme-rgb),.22);
}
.uyc-report-action:hover i { color: #fff; transform: translateX(4px); }
@media (max-width: 991px) {
    .uyc-report-shell { min-height: 560px; }
    .uyc-report-content { padding-left: 46px; }
}
@media (max-width: 767px) {
    .uyc-report-section { padding: 64px 0 32px; }
    .uyc-report-shell { width: calc(100% - 28px); min-height: 540px; border-radius: 14px; }
    .uyc-report-shell::before { background: linear-gradient(90deg, rgba(6,8,12,.92), rgba(6,8,12,.55)); }
    .uyc-report-content { width: 100%; padding: 70px 24px; }
    .uyc-report-title { font-size: 46px; }
    .uyc-report-action { margin-top: 36px; width: 100%; justify-content: center; }
}


/* ===== datainclude\modules\offerform.php ===== */

/* ===== Modern Cookie Consent ===== */
.modern-cookie-consent {
    position: fixed;
    bottom: 30px;
    right: 30px;
    max-width: 420px;
    background: #ffffff;
    border-radius: 20px;
    z-index: 99999;
    padding: 30px;
    box-shadow: 0 15px 50px rgba(15, 53, 103, 0.15);
    border: 1px solid rgba(15, 53, 103, 0.08);
    animation: slideInUp 0.4s ease;
    display: none;
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modern-cookie-consent h4 {
    font-size: 18px;
    font-weight: 700;
    color: var(--theme-color, #0F3567);
    margin-bottom: 12px;
    font-family: var(--title-font, "Exo", sans-serif);
}

.modern-cookie-consent p {
    font-size: 14px;
    line-height: 1.7;
    color: #666;
    margin-bottom: 25px;
}

.modern-cookie-buttons {
    display: flex;
    gap: 12px;
}

.modern-cookie-btn {
    flex: 1;
    padding: 12px 20px;
    border: none;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
}

.modern-cookie-btn-policy {
    background: #f8f9fa;
    color: var(--theme-color, #0F3567);
    border: 1px solid #e9ecef;
}

.modern-cookie-btn-policy:hover {
    background: #e9ecef;
    border-color: var(--theme-color, #0F3567);
    transform: translateY(-2px);
}

.modern-cookie-btn-accept {
    background: var(--gr-color2, #E2B93B);
    color: var(--theme-color, #0F3567);
    box-shadow: 0 8px 20px rgba(226, 185, 59, 0.2);
}

.modern-cookie-btn-accept:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(226, 185, 59, 0.3);
    background: var(--gr-color2, #E2B93B);
    color: var(--theme-color, #0F3567);
    text-decoration: none;
}

.modern-cookie-btn i {
    font-size: 14px;
}

/* ===== Modern Popup Modal ===== */
.modern-modal-popup {
    display: none !important;
}

.modern-modal-popup.show {
    display: block !important;
}

.modern-modal-popup .modal-dialog {
    animation: popupZoomIn 0.4s ease;
}

@keyframes popupZoomIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.modern-modal-popup .modal-content {
    border: none;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 25px 80px rgba(15, 53, 103, 0.2);
    background: #ffffff;
}

.modern-modal-popup .modal-header {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    background: transparent;
    border: none;
    padding: 20px;
    width: auto;
}

.modern-modal-popup .btn-close {
    background: rgba(255, 255, 255, 0.95) !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    opacity: 1 !important;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    flex-shrink: 0;
    position: relative;
}

.modern-modal-popup .btn-close::after {
    content: '✕';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: var(--theme-color, #0F3567);
    font-weight: 700;
}

.modern-modal-popup .btn-close:hover {
    background: #ffffff !important;
    transform: rotate(90deg);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

.modern-modal-popup .modal-body {
    padding: 0 !important;
}

.modern-popup-image-link {
    display: block;
    overflow: hidden;
    border-radius: 25px 25px 0 0;
}

.modern-popup-image {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

.modern-popup-image-link:hover .modern-popup-image {
    transform: scale(1.03);
}

.modern-popup-content {
    background: #ffffff;
    padding: 40px 35px;
    text-align: center;
}

.modern-popup-title {
    color: var(--theme-color, #0F3567);
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    font-family: var(--title-font, "Exo", sans-serif);
}

.modern-popup-text {
    color: #666;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 30px;
}

.modern-popup-social {
    padding-top: 25px;
    border-top: 1px solid #f0f0f0;
}

.modern-popup-social-title {
    color: var(--theme-color, #0F3567);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    display: block;
}

.modern-popup-social-icons {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.modern-popup-social-link {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f8f9fa;
    color: var(--theme-color, #0F3567);
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 18px;
    border: 2px solid transparent;
}

.modern-popup-social-link:hover {
    transform: translateY(-5px);
    background: var(--theme-color, #0F3567);
    color: white;
    box-shadow: 0 10px 25px rgba(15, 53, 103, 0.2);
}

/* Randevu Al Modal Form Styles */
#randevu_al .modern-popup-content {
    padding: 40px 35px;
    text-align: center;
}

#randevu_al .modern-popup-title {
    margin-bottom: 25px;
}

#randevu_al .ajax-contact {
    padding: 0 !important;
    margin: 0 !important;
}

#randevu_al .form-group {
    margin-bottom: 18px;
    position: relative;
}

#randevu_al .form-control,
#randevu_al .form-select {
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 14px 16px;
    font-size: 14px;
    font-weight: 500;
    color: var(--title-color, #101840);
    background: #f8f9fa;
    transition: all 0.3s ease;
    height: auto;
}

#randevu_al .form-control:focus,
#randevu_al .form-select:focus {
    border-color: var(--gr-color2, #E2B93B);
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(226, 185, 59, 0.1);
    outline: none;
}

#randevu_al .form-control::placeholder {
    color: #999;
}

#randevu_al .form-group i {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--gr-color2, #E2B93B);
    font-size: 16px;
    pointer-events: none;
}

#randevu_al .form-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E2B93B' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 20px;
    padding-right: 40px;
}

#randevu_al .g-recaptcha {
    margin: 20px 0;
    display: flex;
    justify-content: center;
}

#randevu_al .form-btn {
    margin-top: 10px;
}

#randevu_al .th-btn {
    width: 100%;
    background: var(--gr-color2, #E2B93B);
    color: #fff;
    border: none;
    padding: 14px 24px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

#randevu_al .th-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(226, 185, 59, 0.3);
    background: var(--gr-color2, #E2B93B);
    color: #fff;
}

#randevu_al .row {
    margin: 0 !important;
}

#randevu_al .col-md-6 {
    padding: 0 !important;
}

#randevu_al .col-md-6:first-child {
    padding-right: 9px !important;
}

#randevu_al .col-md-6:nth-child(2) {
    padding-left: 9px !important;
}

#randevu_al .col-12 {
    padding: 0 !important;
}

/* Responsive */
@media (max-width: 576px) {
    .modern-cookie-consent {
        bottom: 0;
        right: 0;
        left: 0;
        max-width: 100%;
        border-radius: 20px 20px 0 0;
        padding: 25px 20px;
    }
    
    .modern-cookie-buttons {
        flex-direction: column;
        gap: 10px;
    }
    
    .modern-cookie-btn {
        width: 100%;
    }
    
    .modern-popup-content {
        padding: 30px 20px;
    }
    
    .modern-popup-title {
        font-size: 24px;
    }
    
    .modern-popup-text {
        font-size: 14px;
    }
    
    #randevu_al .modern-popup-content {
        padding: 30px 20px;
    }
    
    #randevu_al .form-control,
    #randevu_al .form-select {
        padding: 12px 14px;
        font-size: 13px;
    }
}


/* ===== datainclude\modules\packet.php ===== */

.pricing-section {
    --packet-dark: #11161d;
    --packet-panel: rgba(22, 28, 36, 0.92);
    --packet-border: rgba(255, 255, 255, 0.08);
    --packet-red: var(--sh-red,var(--theme-color));
    position: relative;
    overflow: hidden;
    padding: 96px 0 106px;
    background: linear-gradient(180deg, #151a21 0%, #101318 100%);
    color: #fff;
}
.pricing-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 10% 15%, rgba(var(--theme-rgb), 0.2), transparent 28%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035), transparent 34%, rgba(var(--theme-rgb), 0.05));
    pointer-events: none;
}
.pricing-section .container {
    position: relative;
    z-index: 2;
}
.pricing-section .pd_top_90,
.pricing-section .pd_bottom_40,
.pricing-section .pd_bottom_70,
.pricing-section .ab_img_right_top {
    display: none;
}
.pricing-section .section_title {
    max-width: 920px;
    margin: 0 0 34px;
    text-align: left !important;
}
.pricing-section .section_title::before {
    content: "PAKETLER";
    display: block;
    margin-bottom: 14px;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 8px;
    line-height: 1;
    color: var(--packet-red);
}
.pricing-section .section_title .title {
    margin: 0;
    color: #fff;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: clamp(46px, 5vw, 82px);
    font-weight: 900;
    line-height: 0.92;
    letter-spacing: 0;
    text-transform: uppercase;
}
.pricing-tabs {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0 auto 38px;
    padding: 6px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
.pricing-tab-btn {
    min-width: 124px;
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.62);
    cursor: pointer;
    padding: 12px 24px;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: color 0.25s ease, background 0.25s ease;
}
.pricing-tab-btn:hover,
.pricing-tab-btn.active {
    background: var(--packet-red);
    color: #fff;
}
.pricing-tab-content {
    display: none;
}
.pricing-tab-content.active {
    display: block;
    animation: pricingFade 0.28s ease;
}
@keyframes pricingFade {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.pricing-tab-content .row > [class*="col-"] {
    margin-bottom: 30px;
}
.price_box {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 438px;
    overflow: hidden;
    padding: 0;
    border: 1px solid var(--packet-border);
    border-radius: 0;
    background: linear-gradient(145deg, rgba(28, 35, 44, 0.96), rgba(12, 15, 20, 0.98));
    color: #fff;
    box-shadow: 0 26px 70px rgba(0, 0, 0, 0.28);
    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}
.price_box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--packet-red);
}
.price_box::after {
    content: "";
    position: absolute;
    right: -72px;
    top: -72px;
    width: 168px;
    height: 168px;
    border-radius: 50%;
    background: rgba(var(--theme-rgb), 0.16);
    filter: blur(5px);
    transition: transform 0.35s ease, opacity 0.35s ease;
}
.price_box:hover {
    transform: translateY(-8px);
    border-color: rgba(var(--theme-rgb), 0.42);
    box-shadow: 0 34px 90px rgba(0, 0, 0, 0.42);
}
.price_box:hover::after {
    transform: scale(1.18);
    opacity: 0.95;
}
.price_box .top,
.price_box .center,
.price_box .bottom {
    position: relative;
    z-index: 2;
}
.price_box .top {
    padding: 32px 28px 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.price_box .title_24 {
    margin: 0 0 18px;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 34px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
}
.price_box .title_24 a {
    color: #fff;
    text-decoration: none;
}
.price_box .price {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    color: #fff;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: clamp(48px, 4vw, 66px);
    font-weight: 900;
    line-height: 0.9;
}
.price_box .price small {
    padding-bottom: 7px;
    color: rgba(255, 255, 255, 0.58);
    font-family: inherit;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.price_box .center {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 26px 28px;
}
.price_box .d-flex {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: rgba(255, 255, 255, 0.74);
    line-height: 1.55;
}
.price_box .d-flex svg {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin-top: 2px;
}
.price_box .d-flex svg .one {
    fill: var(--packet-red) !important;
}
.price_box .d-flex small {
    color: rgba(255, 255, 255, 0.76);
    font-size: 14px;
    font-weight: 600;
}
.price_box .bottom {
    margin-top: auto;
    padding: 24px 28px 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    text-align: left !important;
}
.theme_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 14px 24px;
    border: 0;
    border-radius: 0;
    background: var(--packet-red);
    color: #fff;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 17px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 0.25s ease, transform 0.25s ease;
}
.theme_btn:hover {
    background: #b70000;
    color: #fff;
    transform: translateY(-2px);
}
.theme_btn svg path {
    stroke: currentColor;
}
.pricing-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99999;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(4, 6, 9, 0.78);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}
.pricing-modal.active {
    display: flex;
}
.pricing-modal-content {
    width: min(620px, 100%);
    max-height: 90vh;
    overflow-y: auto;
    padding: 36px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0;
    background: linear-gradient(145deg, #171d25, #0d1117);
    color: #fff;
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.55);
    animation: pricingModalUp 0.28s ease;
}
@keyframes pricingModalUp {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
}
.pricing-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 28px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.pricing-modal-header h4 {
    margin: 0;
    color: #fff;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 36px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
}
.pricing-modal-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    font-size: 30px;
    line-height: 1;
    transition: background 0.25s ease, color 0.25s ease;
}
.pricing-modal-close:hover {
    background: var(--packet-red);
    color: #fff;
}
.pricing-modal-content form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.pricing-input-group {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.pricing-modal-content input,
.pricing-modal-content textarea {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    padding: 15px 17px;
    font: inherit;
    transition: border-color 0.25s ease, background 0.25s ease;
}
.pricing-modal-content input::placeholder,
.pricing-modal-content textarea::placeholder {
    color: rgba(255, 255, 255, 0.52);
}
.pricing-modal-content input:focus,
.pricing-modal-content textarea:focus {
    outline: none;
    border-color: rgba(var(--theme-rgb), 0.74);
    background: rgba(255, 255, 255, 0.09);
}
.pricing-modal-content textarea {
    min-height: 130px;
    resize: vertical;
}
.pricing-submit-btn {
    min-height: 52px;
    margin-top: 8px;
    border: 0;
    border-radius: 0;
    background: var(--packet-red);
    color: #fff;
    cursor: pointer;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: background 0.25s ease, transform 0.25s ease;
}
.pricing-submit-btn:hover {
    background: #b70000;
    color: #fff;
    transform: translateY(-2px);
}
.g-recaptcha {
    margin: 6px 0;
}
@media (max-width: 991px) {
    .pricing-section { padding: 78px 0 82px; }
    .price_box { min-height: 410px; }
}
@media (max-width: 767px) {
    .pricing-section .section_title .title { font-size: 44px; }
    .pricing-tabs { width: 100%; }
    .pricing-tab-btn { flex: 1; min-width: 0; padding: 12px 14px; }
    .pricing-input-group { grid-template-columns: 1fr; }
    .pricing-modal-content { padding: 28px 22px; }
}


/* ===== datainclude\modules\portfolio.php ===== */

.portfolio-section {
    position: relative;
    overflow: hidden;
    padding: 104px 0 92px;
    background: #15191f;
    color: #ffffff;
}

.portfolio-container {
    position: relative;
    z-index: 2;
    width: min(100% - 64px, 1840px);
    max-width: 1840px;
    margin: 0 auto;
}

.portfolio-title-area {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 52px;
}

.portfolio-heading { max-width: 760px; }

.portfolio-kicker {
    display: block;
    margin-bottom: 16px;
    color: var(--sh-red,var(--theme-color));
    font-family: 'Big Shoulders Display', var(--title-font), sans-serif;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 7px;
    line-height: 1;
    text-transform: uppercase;
}

.portfolio-title-area h3 {
    margin: 0;
    color: #ffffff;
    font-family: 'Big Shoulders Display', var(--title-font), sans-serif;
    font-size: clamp(48px, 4.6vw, 86px);
    font-weight: 900;
    line-height: .92;
    letter-spacing: 0;
    text-transform: uppercase;
}

.portfolio-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
    padding-bottom: 8px;
}

.portfolio-nav,
.portfolio-all-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 48px;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 999px;
    background: rgba(255,255,255,.04);
    color: #ffffff;
    text-decoration: none;
    transition: background .25s ease, border-color .25s ease, transform .25s ease, color .25s ease;
}

.portfolio-nav {
    width: 48px;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

.portfolio-all-link {
    gap: 16px;
    padding: 0 24px 0 8px;
    font-family: var(--body-font, 'Big Shoulders Display', sans-serif);
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
}

.portfolio-all-link::before {
    content: '›';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #ffffff;
    color: var(--sh-red,var(--theme-color));
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: 700;
}

.portfolio-nav:hover,
.portfolio-all-link:hover {
    background: var(--sh-red,var(--theme-color));
    border-color: var(--sh-red,var(--theme-color));
    color: #ffffff;
    transform: translateY(-2px);
}

.portfolio-nav.is-disabled { opacity: .35; pointer-events: none; }

.portfolio-grid {
    display: flex;
    align-items: stretch;
    gap: 22px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    cursor: grab;
    padding: 0 0 34px;
    user-select: none;
}

.portfolio-grid::-webkit-scrollbar { display: none; }
.portfolio-grid.is-dragging { cursor: grabbing; scroll-behavior: auto; }

.portfolio-single {
    flex: 0 0 clamp(390px, 28vw, 520px);
    scroll-snap-align: start;
    min-width: 0;
}

.portfolio-single:first-child { flex-basis: clamp(620px, 48vw, 900px); }

.portfolio-card-link {
    position: relative;
    display: block;
    height: 560px;
    overflow: hidden;
    border-radius: 18px;
    color: inherit;
    text-decoration: none;
    background: #0b0d11;
    isolation: isolate;
}

.portfolio-single:not(:first-child) .portfolio-card-link { height: 560px; }

.portfolio-img {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
}

.portfolio-img::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(10,13,18,.88) 0%, rgba(10,13,18,.58) 34%, rgba(10,13,18,.16) 72%, rgba(10,13,18,.42) 100%),
        linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.16) 45%, rgba(0,0,0,.64) 100%);
    pointer-events: none;
    transition: opacity .45s ease;
}

.portfolio-img::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.16) 45%, transparent 62%);
    transform: translateX(-120%);
    transition: transform .8s ease;
    pointer-events: none;
}

.portfolio-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transform: scale(1.02);
    transition: transform .85s ease, filter .85s ease;
}

.portfolio-single:hover .portfolio-img img,
.portfolio-single.is-active .portfolio-img img {
    transform: scale(1.08);
    filter: brightness(1.12) contrast(1.06);
}

.portfolio-single:hover .portfolio-img::after,
.portfolio-single.is-active .portfolio-img::after { transform: translateX(120%); }

.portfolio-overlay {
    position: absolute;
    left: clamp(28px, 4vw, 74px);
    right: clamp(24px, 5vw, 90px);
    bottom: clamp(30px, 5vw, 82px);
    z-index: 3;
    max-width: 640px;
    transform: translateY(22px);
    opacity: .86;
    transition: opacity .35s ease, transform .35s ease;
}

.portfolio-single:hover .portfolio-overlay,
.portfolio-single.is-active .portfolio-overlay {
    transform: translateY(0);
    opacity: 1;
}

.portfolio-meta {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 18px;
    color: rgba(255,255,255,.78);
    font-family: var(--body-font, 'Big Shoulders Display', sans-serif);
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
}

.portfolio-date {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 9px;
    background: rgba(255,255,255,.26);
    color: #ffffff;
}

.portfolio-category { color: rgba(255,255,255,.86); }

.portfolio-title {
    max-width: 620px;
    margin: 0;
    font-family: 'Big Shoulders Display', var(--title-font), sans-serif;
    font-size: clamp(38px, 3.2vw, 70px);
    font-weight: 900;
    line-height: .92;
    letter-spacing: 0;
    text-transform: uppercase;
}

.portfolio-single:not(:first-child) .portfolio-title { font-size: clamp(32px, 2.25vw, 52px); }

.portfolio-excerpt {
    max-width: 560px;
    max-height: 0;
    overflow: hidden;
    margin: 0;
    color: rgba(255,255,255,.74);
    font-family: var(--body-font, 'Big Shoulders Display', sans-serif);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.45;
    opacity: 0;
    transition: max-height .45s ease, opacity .35s ease, margin-top .35s ease;
}

.portfolio-single:hover .portfolio-excerpt,
.portfolio-single.is-active .portfolio-excerpt {
    max-height: 90px;
    margin-top: 18px;
    opacity: 1;
}

.portfolio-cta {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    max-height: 0;
    overflow: hidden;
    margin-top: 0;
    color: #11151b;
    font-family: var(--body-font, 'Big Shoulders Display', sans-serif);
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    opacity: 0;
    transition: max-height .45s ease, opacity .35s ease, margin-top .35s ease;
}

.portfolio-cta::before {
    content: '›';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #ffffff;
    color: var(--sh-red,var(--theme-color));
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: 700;
}

.portfolio-single:hover .portfolio-cta,
.portfolio-single.is-active .portfolio-cta {
    max-height: 44px;
    margin-top: 24px;
    opacity: 1;
}


/* Premium project polish */
.portfolio-card-link::before {
    content: '';
    position: absolute;
    inset: auto 24px 24px 24px;
    z-index: 2;
    height: 42%;
    border-radius: 28px;
    background: radial-gradient(circle at 18% 100%, rgba(var(--theme-rgb),.34), transparent 42%);
    filter: blur(26px);
    opacity: 0;
    transform: translateY(18px) scale(.92);
    transition: opacity .45s ease, transform .45s ease;
    pointer-events: none;
}

.portfolio-card-link::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        linear-gradient(135deg, rgba(255,255,255,.18) 0%, transparent 24%, transparent 72%, rgba(var(--theme-rgb),.18) 100%);
    opacity: 0;
    transition: opacity .45s ease;
    pointer-events: none;
}

.portfolio-single:hover .portfolio-card-link::before,
.portfolio-single.is-active .portfolio-card-link::before {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.portfolio-single:hover .portfolio-card-link::after,
.portfolio-single.is-active .portfolio-card-link::after {
    opacity: .85;
}

.portfolio-overlay {
    padding-left: 26px;
}

.portfolio-overlay::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 6px;
    width: 3px;
    background: var(--sh-red,var(--theme-color));
    transform: scaleY(.28);
    transform-origin: bottom;
    opacity: .72;
    transition: transform .4s ease, opacity .4s ease;
}

.portfolio-single:hover .portfolio-overlay::before,
.portfolio-single.is-active .portfolio-overlay::before {
    transform: scaleY(1);
    opacity: 1;
}

.portfolio-title span {
    color: #ffffff !important;
    text-shadow: 0 12px 34px rgba(0,0,0,.55);
}

.portfolio-title::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    margin-top: 18px;
    background: var(--sh-red,var(--theme-color));
    transition: width .45s ease;
}

.portfolio-single:hover .portfolio-title::after,
.portfolio-single.is-active .portfolio-title::after {
    width: min(170px, 42%);
}

.portfolio-meta {
    transform: translateY(8px);
    transition: transform .35s ease, opacity .35s ease;
}

.portfolio-single:hover .portfolio-meta,
.portfolio-single.is-active .portfolio-meta {
    transform: translateY(0);
}

.portfolio-date {
    background: rgba(255,255,255,.88);
    color: #11151b;
}

.portfolio-category {
    color: #ffffff;
}

.portfolio-excerpt {
    color: rgba(255,255,255,.82);
    text-shadow: 0 8px 24px rgba(0,0,0,.45);
}

.portfolio-cta {
    color: #ffffff;
}

.portfolio-cta::before {
    box-shadow: 0 0 0 8px rgba(var(--theme-rgb),.18), 0 12px 28px rgba(0,0,0,.22);
}

.portfolio-single:hover .portfolio-cta::before,
.portfolio-single.is-active .portfolio-cta::before {
    background: var(--sh-red,var(--theme-color));
    color: #ffffff;
}
.portfolio-bottom-line {
    position: relative;
    display: grid;
    grid-template-columns: 44px 1fr 44px;
    align-items: center;
    gap: 24px;
    margin-top: 24px;
}

.portfolio-line {
    height: 2px;
    background: linear-gradient(90deg, var(--sh-red,var(--theme-color)) 0%, var(--sh-red,var(--theme-color)) 52%, rgba(255,255,255,.12) 52%, rgba(255,255,255,.12) 100%);
}

@media (max-width: 1199px) {
    .portfolio-single,
    .portfolio-single:first-child { flex-basis: clamp(360px, 54vw, 620px); }
    .portfolio-card-link { height: 500px; }
}

@media (max-width: 767px) {
    .portfolio-section { padding: 70px 0; }
    .portfolio-container { width: min(100% - 30px, 1840px); }
    .portfolio-title-area { display: block; margin-bottom: 34px; }
    .portfolio-kicker { font-size: 12px; letter-spacing: 4px; }
    .portfolio-title-area h3 { font-size: clamp(38px, 12vw, 58px); }
    .portfolio-actions { margin-top: 22px; padding-bottom: 0; }
    .portfolio-all-link { padding-right: 18px; }
    .portfolio-grid { gap: 16px; padding-bottom: 24px; }
    .portfolio-single,
    .portfolio-single:first-child { flex-basis: 86vw; }
    .portfolio-card-link { height: 480px; border-radius: 14px; }
    .portfolio-overlay { left: 24px; right: 22px; bottom: 30px; }
    .portfolio-title,
    .portfolio-single:not(:first-child) .portfolio-title { font-size: clamp(32px, 11vw, 46px); }
    .portfolio-excerpt { font-size: 15px; }
}


/* ===== datainclude\modules\proccess.php ===== */

/* Process Section - Timeline Design */
.process-section {
    position: relative;
    width: 100%;
    padding: 80px 0;
    background: #15191f;
    color: #ffffff;
    overflow: hidden;
}

.process-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 12%, rgba(var(--theme-rgb), 0.14), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 42%);
    pointer-events: none;
}

.process-section::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 130px;
    background: linear-gradient(180deg, rgba(21, 25, 31, 0), #11151b 78%, #11151b 100%);
    pointer-events: none;
}

.process-section__title {
    position: relative;
    z-index: 2;
    text-align: center;
    margin-bottom: 80px;
    padding: 0 20px;
}

.process-section__subtitle {
    font-family: 'Big Shoulders Display', var(--title-font), sans-serif;
    font-size: 13px;
    font-weight: 900;
    color: var(--sh-red,var(--theme-color));
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-bottom: 15px;
    display: block;
}

.process-section__heading {
    font-family: 'Big Shoulders Display', var(--title-font), sans-serif;
    font-size: 48px;
    font-weight: 900;
    color: #ffffff;
    line-height: 1;
    margin: 0;
    text-transform: uppercase;
}

/* Timeline Container */
.process-timeline {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
    gap: 60px;
}

/* Timeline Line - Vertical */
.process-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 3px;
    background: linear-gradient(180deg, transparent 0%, rgba(var(--theme-rgb), 0.85) 14%, rgba(var(--theme-rgb), 0.48) 74%, transparent 100%);
    z-index: 1;
    transform: translateX(-50%);
}

/* Process Step */
.process-step {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    z-index: 2;
    gap: 40px;
}

/* Alternating Left/Right */
.process-step:nth-child(odd) {
    flex-direction: row;
}

.process-step:nth-child(even) {
    flex-direction: row-reverse;
}

/* Step Content */
.process-step__content {
    flex: 1;
    text-align: left;
}

.process-step:nth-child(even) .process-step__content {
    text-align: right;
}

/* Step Number Circle */
.process-step__number {
    width: 100px;
    height: 100px;
    background: #15191f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Big Shoulders Display', var(--title-font), sans-serif;
    font-size: 42px;
    font-weight: 900;
    color: #ffffff;
    box-shadow: 0 0 0 8px rgba(var(--theme-rgb), 0.08), 0 18px 50px rgba(0, 0, 0, 0.28);
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    border: 2px solid rgba(var(--theme-rgb), 0.86);
    flex-shrink: 0;
}

.process-step:hover .process-step__number {
    transform: scale(1.15);
    background: var(--sh-red,var(--theme-color));
    box-shadow: 0 0 0 10px rgba(var(--theme-rgb), 0.18), 0 18px 56px rgba(var(--theme-rgb), 0.34);
}

/* Step Title */
.process-step__title {
    font-family: 'Big Shoulders Display', var(--title-font), sans-serif;
    font-size: 18px;
    font-weight: 900;
    color: #ffffff;
    margin-bottom: 10px;
    line-height: 1.2;
    text-transform: uppercase;
    transition: color 0.3s ease;
}

.process-step:hover .process-step__title {
    color: var(--sh-red,var(--theme-color));
}

/* Step Description */
.process-step__description {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.68);
    line-height: 1.6;
    margin: 0;
    max-width: 250px;
}

.process-step:nth-child(even) .process-step__description {
    margin-left: auto;
}

/* Responsive */
@media (max-width: 1199px) {
    .process-section__heading {
        font-size: 42px;
    }
    
    .process-step__number {
        width: 90px;
        height: 90px;
        font-size: 38px;
    }
    
    .process-step__title {
        font-size: 16px;
    }
    
    .process-timeline {
        gap: 50px;
    }
}

@media (max-width: 991px) {
    .process-section {
        padding: 70px 0;
    }
    
    .process-section__title {
        margin-bottom: 70px;
    }
    
    .process-section__heading {
        font-size: 38px;
    }
    
    .process-step__number {
        width: 80px;
        height: 80px;
        font-size: 34px;
    }
    
    .process-step__title {
        font-size: 15px;
    }
    
    .process-step__description {
        font-size: 12px;
        max-width: 220px;
    }
    
    .process-timeline {
        gap: 45px;
    }
}

@media (max-width: 767px) {
    .process-section {
        padding: 60px 0;
    }
    
    .process-section__title {
        margin-bottom: 60px;
        padding: 0 20px;
    }
    
    .process-section__heading {
        font-size: 32px;
    }
    
    .process-timeline {
        gap: 40px;
        padding: 0 40px;
    }
    
    .process-timeline::before {
        left: 30px;
    }
    
    .process-step {
        flex-direction: column !important;
        align-items: flex-start;
        gap: 20px;
        margin-left: 80px;
        padding: 0 20px;
    }
    
    .process-step:nth-child(even) {
        flex-direction: column !important;
        align-items: flex-start;
    }
    
    .process-step__number {
        position: absolute;
        left: -90px;
        width: 70px;
        height: 70px;
        font-size: 30px;
    }
    
    .process-step__content {
        text-align: left !important;
    }
    
    .process-step:nth-child(even) .process-step__content {
        text-align: left !important;
    }
    
    .process-step__description {
        max-width: 100%;
    }
    
    .process-step:nth-child(even) .process-step__description {
        margin-left: 0;
    }
}

@media (max-width: 575px) {
    .process-section {
        padding: 50px 0;
    }
    
    .process-section__title {
        margin-bottom: 50px;
        padding: 0 20px;
    }
    
    .process-section__heading {
        font-size: 28px;
    }
    
    .process-section__subtitle {
        font-size: 12px;
    }
    
    .process-timeline {
        gap: 35px;
        padding: 0 35px;
    }
    
    .process-timeline::before {
        left: 20px;
    }
    
    .process-step {
        margin-left: 70px;
        padding: 0 15px;
    }
    
    .process-step__number {
        left: -80px;
        width: 65px;
        height: 65px;
        font-size: 28px;
    }
    
    .process-step__title {
        font-size: 13px;
    }
    
    .process-step__description {
        font-size: 11px;
    }
}


/* ===== datainclude\modules\product.php ===== */

/* ===== Modern Products Section ===== */
.modern-products-section { position: relative; padding: 96px 0; background: #15191f; overflow: hidden; color: #ffffff; }
.modern-products-section::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 12% 16%, rgba(var(--theme-rgb), 0.15), transparent 30%), radial-gradient(circle at 90% 74%, rgba(255, 255, 255, 0.055), transparent 34%), linear-gradient(180deg, #15191f 0%, #101318 100%); pointer-events: none; }
.modern-products-section .container { position: relative; z-index: 2; }
.modern-section-title { text-align: left; margin-bottom: 48px; max-width: 880px; }
.modern-section-title .sm-title { font-family: 'Big Shoulders Display', var(--title-font), sans-serif; font-size: 13px; font-weight: 900; color: var(--sh-red,var(--theme-color)); text-transform: uppercase; letter-spacing: 5px; margin-bottom: 14px; display: block; }
.modern-section-title .title { font-family: 'Big Shoulders Display', var(--title-font), sans-serif; font-size: clamp(42px, 5.2vw, 82px); font-weight: 900; color: #ffffff; line-height: 0.94; margin: 0; text-transform: uppercase; }
.modern-products-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 330px; gap: 20px; margin-bottom: 48px; }
.modern-product-card { position: relative; min-height: 330px; background: #0d1014; overflow: hidden; isolation: isolate; transition: transform 0.45s ease, filter 0.45s ease, box-shadow 0.45s ease; }
.modern-product-card--featured { grid-column: span 2; grid-row: span 2; }
.modern-product-card:hover { transform: translateY(-7px); filter: saturate(1.08); box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34); }
.modern-product-img { position: absolute; inset: 0; display: block; background: #101318; overflow: hidden; z-index: 0; }
.modern-product-img::before, .modern-product-img::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.modern-product-img::before { background: linear-gradient(180deg, rgba(6, 8, 11, 0.04) 0%, rgba(6, 8, 11, 0.34) 42%, rgba(6, 8, 11, 0.94) 100%); }
.modern-product-img::after { opacity: 0; background: linear-gradient(135deg, rgba(var(--theme-rgb), 0.34), transparent 48%); transition: opacity 0.45s ease; }
.modern-product-card:hover .modern-product-img::after { opacity: 1; }
.modern-product-img img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.02); transition: transform 0.75s ease; }
.modern-product-card:hover .modern-product-img img { transform: scale(1.1); }
.product-overlay { position: absolute; left: 18px; right: 18px; top: 18px; z-index: 4; max-height: calc(100% - 154px); padding: 16px; background: rgba(10, 13, 17, 0.84); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); opacity: 0; transform: translateY(-12px); transition: opacity 0.35s ease, transform 0.35s ease; overflow: auto; }
.modern-product-card--featured .product-overlay { left: 34px; right: auto; top: 34px; max-width: 520px; max-height: calc(100% - 190px); }
.modern-product-card:hover .product-overlay { opacity: 1; transform: translateY(0); }
.overlay-title { font-family: 'Big Shoulders Display', var(--title-font), sans-serif; color: #ffffff; font-size: 22px; font-weight: 900; margin-bottom: 12px; text-align: left; width: 100%; text-transform: uppercase; line-height: 1; }
.overlay-specs { list-style: none; padding: 0; margin: 0; width: 100%; font-size: 12px; }
.overlay-specs li { color: rgba(255, 255, 255, 0.84); padding: 7px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); text-align: left; line-height: 1.35; display: flex; gap: 8px; }
.overlay-specs li:last-child { border-bottom: none; }
.overlay-specs li strong { color: var(--sh-red,var(--theme-color)); font-weight: 800; flex-shrink: 0; min-width: fit-content; }
.overlay-specs li span { flex: 1; }
.modern-product-content { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; padding: 26px; min-height: 42%; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, transparent 0%, rgba(8, 10, 13, 0.72) 34%, rgba(8, 10, 13, 0.98) 100%); }
.modern-product-card--featured .modern-product-content { padding: 40px; }
.modern-product-content::before { content: ''; width: 42px; height: 4px; background: var(--sh-red,var(--theme-color)); margin-bottom: 18px; box-shadow: 0 0 18px rgba(var(--theme-rgb), 0.48); }
.modern-product-title { font-family: 'Big Shoulders Display', var(--title-font), sans-serif; font-size: 30px; font-weight: 900; margin: 0; line-height: 0.98; text-transform: uppercase; }
.modern-product-card--featured .modern-product-title { font-size: clamp(42px, 4.4vw, 68px); max-width: 640px; }
.modern-product-title a { color: #ffffff; text-decoration: none; transition: color 0.3s ease; display: block; }
.modern-product-title a:hover { color: #ffffff; }
.modern-product-category { font-size: 12px; color: rgba(255, 255, 255, 0.68); margin: 12px 0 0; text-transform: uppercase; letter-spacing: 0.8px; }
.modern-product-category a { color: rgba(255, 255, 255, 0.72); text-decoration: none; transition: color 0.3s ease; }
.modern-product-category a:hover { color: var(--sh-red,var(--theme-color)); }
.modern-view-all-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 15px 30px; background: var(--sh-red,var(--theme-color)); color: #ffffff; border: none; border-radius: 0; font-size: 14px; font-weight: 900; text-decoration: none; cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease; box-shadow: 0 14px 34px rgba(var(--theme-rgb), 0.28); width: fit-content; text-transform: uppercase; }
.modern-view-all-btn:hover { color: #ffffff; background: #b90000; transform: translateY(-3px); box-shadow: 0 18px 44px rgba(var(--theme-rgb), 0.38); }
.modern-view-all-btn i { font-size: 13px; }
@media (max-width: 1199px) { .modern-products-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 310px; } .modern-product-card--featured { grid-column: span 2; } }
@media (max-width: 991px) { .modern-products-section { padding: 78px 0; } .modern-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 300px; gap: 18px; } }
@media (max-width: 767px) { .modern-products-section { padding: 68px 0; } .modern-section-title { margin-bottom: 38px; } .modern-products-grid { grid-template-columns: 1fr; grid-auto-rows: auto; margin-bottom: 36px; } .modern-product-card, .modern-product-card--featured { grid-column: auto; grid-row: auto; min-height: 390px; } .modern-product-card--featured .modern-product-content, .modern-product-content { padding: 28px; } .modern-product-card--featured .product-overlay, .product-overlay { left: 24px; right: 24px; top: 24px; max-width: none; max-height: calc(100% - 150px); } .modern-product-card--featured .modern-product-title, .modern-product-title { font-size: 36px; } }
@media (max-width: 575px) { .modern-products-section { padding: 58px 0; } .modern-section-title .title { font-size: 42px; } .modern-product-card, .modern-product-card--featured { min-height: 340px; } .modern-product-card--featured .modern-product-title, .modern-product-title { font-size: 30px; } .product-overlay { display: none; } }


/* ===== datainclude\modules\productcategories.php ===== */

.product-categories-section {
    position: relative;
    overflow: hidden;
    padding: 92px 0 86px;
    background: #15191f;
    color: #ffffff;
}

.product-categories-section .container {
    position: relative;
    z-index: 2;
    width: min(100% - 70px, 1840px);
    max-width: 1840px;
}

.categories-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    max-width: 100%;
    margin: 0 0 44px;
    padding-left: 0;
}

.categories-header-content {
    display: block;
    max-width: 760px;
}

.categories-kicker {
    display: block;
    margin-bottom: 14px;
    color: var(--sh-red,var(--theme-color));
    font-family: 'Big Shoulders Display', var(--title-font), sans-serif;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 5px;
    line-height: 1;
    text-transform: uppercase;
}

.categories-title {
    margin: 0;
}

.categories-title .title {
    max-width: 760px;
    margin: 0;
    color: #ffffff;
    font-family: 'Big Shoulders Display', var(--title-font), sans-serif;
    font-size: clamp(44px, 4.1vw, 74px);
    font-weight: 900;
    line-height: .9;
    letter-spacing: 0;
    text-transform: uppercase;
    text-wrap: balance;
}

.categories-desc {
    display: none;
}

.categories-grid {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    cursor: grab;
    padding: 0 0 16px;
    user-select: none;
}

.categories-grid::-webkit-scrollbar {
    display: none;
}

.categories-grid.is-dragging {
    cursor: grabbing;
    scroll-behavior: auto;
}

.category-item {
    flex: 0 0 clamp(320px, 24vw, 440px);
    min-width: 0;
    perspective: 1000px;
    scroll-snap-align: start;
}

.category-item a {
    position: relative;
    display: block;
    min-height: 530px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 18px;
    color: #ffffff;
    text-decoration: none;
    background: #07090c;
    isolation: isolate;
    transform: translateY(0);
    box-shadow: 0 18px 46px rgba(0, 0, 0, .22);
    transition: transform .45s ease, border-color .45s ease, box-shadow .45s ease;
}
.category-item a::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, .16) 45%, transparent 62%);
    transform: translateX(-120%);
    transition: transform .75s ease;
    pointer-events: none;
}

.category-item a::after {
    content: '';
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: -34px;
    z-index: 1;
    height: 86px;
    border-radius: 50%;
    background: rgba(var(--theme-rgb), .42);
    filter: blur(32px);
    opacity: 0;
    transform: scaleX(.72);
    transition: opacity .45s ease, transform .45s ease;
    pointer-events: none;
}

.category-item:hover a {
    transform: translateY(-10px);
    border-color: rgba(255, 255, 255, .58);
    box-shadow: 0 30px 70px rgba(0, 0, 0, .42), 0 0 0 1px rgba(var(--theme-rgb), .18);
}

.category-item:hover a::before {
    transform: translateX(120%);
}

.category-item:hover a::after {
    opacity: 1;
    transform: scaleX(1);
}

.category-image-wrapper {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    border-radius: 0;
    background: #07090c;
    box-shadow: none;
}

.category-image-wrapper::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, .12) 0%, rgba(0, 0, 0, .26) 42%, rgba(0, 0, 0, .84) 100%),
        linear-gradient(90deg, rgba(0, 0, 0, .26), rgba(0, 0, 0, 0));
    pointer-events: none;
}

.category-image-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.01);
    transition: transform .75s ease, filter .75s ease;
}

.category-item:hover .category-image-wrapper img {
    transform: scale(1.08);
    filter: brightness(1.16) contrast(1.08);
}

.category-info {
    position: absolute;
    left: 32px;
    right: 28px;
    bottom: 72px;
    z-index: 2;
    display: block;
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
}

.category-count {
    margin: 0 0 10px;
    color: rgba(255, 255, 255, .76);
    font-family: var(--body-font, 'Big Shoulders Display', sans-serif);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: 0;
}

.category-name {
    display: block;
    color: #ffffff;
    font-family: var(--title-font, 'Big Shoulders Display', sans-serif);
    font-size: clamp(25px, 1.9vw, 36px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
}

.category-title-bottom {
    position: absolute;
    left: 32px;
    bottom: 31px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    margin: 0;
    color: #ffffff;
    font-family: var(--body-font, 'Big Shoulders Display', sans-serif);
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    transition: transform .3s ease, color .3s ease;
}

.category-title-bottom::before {
    content: '›';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    background: var(--sh-red,var(--theme-color));
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 0 0 8px rgba(var(--theme-rgb), .18);
}

.category-item:hover .category-title-bottom {
    transform: translateX(7px);
}

.category-item:hover .category-title-bottom::before {
    box-shadow: 0 0 0 10px rgba(var(--theme-rgb), .22), 0 0 24px rgba(var(--theme-rgb), .7);
}

.categories-controls {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
    padding-bottom: 7px;
}

.categories-nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 50%;
    background: rgba(255, 255, 255, .06);
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    transition: background .25s ease, border-color .25s ease, transform .25s ease, opacity .25s ease;
}

.categories-nav:hover {
    background: var(--sh-red,var(--theme-color));
    border-color: var(--sh-red,var(--theme-color));
    transform: translateY(-2px);
}

.categories-nav.is-disabled {
    opacity: .36;
    pointer-events: none;
}

.modern-pagination-area,
.modern-pagination {
    display: none;
}

@media (max-width: 1399px) {
    .category-item {
        flex-basis: clamp(320px, 39vw, 440px);
    }

    .category-item a {
        min-height: 480px;
    }
}

.categories-grid::-webkit-scrollbar {
    display: none;
}

.categories-grid.is-dragging {
    cursor: grabbing;
    scroll-behavior: auto;
}

@media (max-width: 767px) {
    .product-categories-section {
        padding: 64px 0;
    }

    .product-categories-section .container {
        width: min(100% - 30px, 1840px);
    }

    .categories-header {
        display: block;
        margin-bottom: 28px;
    }

    .categories-controls {
        margin-top: 22px;
        padding-bottom: 0;
    }

    .categories-nav {
        width: 44px;
        height: 44px;
        font-size: 28px;
    }

    .categories-kicker {
        font-size: 12px;
        letter-spacing: 3px;
    }

    .categories-title .title {
        font-size: clamp(36px, 11vw, 52px);
        line-height: .94;
    }

    .categories-grid {
        gap: 16px;
        padding-bottom: 10px;
        scroll-padding-left: 0;
    }

    .category-item {
        flex: 0 0 86vw;
    }

    .category-item a {
        min-height: 410px;
        border-radius: 14px;
    }

    .category-info {
        left: 24px;
        right: 24px;
        bottom: 70px;
    }

    .category-title-bottom {
        left: 24px;
        bottom: 28px;
    }
}


/* ===== datainclude\modules\services.php ===== */

/* Services Section */
.service-section {
    position: relative;
    background: linear-gradient(180deg, #11151b 0%, #15191f 90px, #15191f 100%);
    padding: 104px 0 96px;
    overflow: hidden;
    color: #ffffff;
}

.service-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(8, 10, 13, 0.88) 0%, rgba(21, 25, 31, 0) 110px),
        radial-gradient(circle at 82% 16%, rgba(var(--theme-rgb), 0.16), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 36%);
    pointer-events: none;
}

.service-section .container {
    position: relative;
    z-index: 2;
}

/* Section Title */
.service-section .section-title {
    margin-bottom: 46px;
    max-width: 860px;
}

.service-section .section-title__subtitle {
    font-family: 'Big Shoulders Display', var(--title-font), sans-serif;
    font-size: 13px;
    font-weight: 900;
    color: var(--sh-red,var(--theme-color));
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-bottom: 14px;
    display: block;
}

.service-section .section-title__heading {
    font-family: 'Big Shoulders Display', var(--title-font), sans-serif;
    font-size: clamp(42px, 5.4vw, 86px);
    font-weight: 900;
    color: #ffffff;
    line-height: 0.92;
    margin: 0;
    text-transform: uppercase;
}

/* Services Mosaic */
.services-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.16fr) minmax(0, 0.82fr) minmax(0, 0.82fr);
    grid-auto-rows: 245px;
    gap: 22px;
    align-items: stretch;
}

/* Service Card */
.svc-card {
    position: relative;
    min-height: 245px;
    border-radius: 0;
    overflow: hidden;
    background: #0d1014;
    isolation: isolate;
    transition: transform 0.45s ease, filter 0.45s ease;
}

.svc-card--featured {
    grid-column: span 2;
    grid-row: span 2;
    min-height: 512px;
}

.svc-card:hover {
    transform: translateY(-6px);
    filter: saturate(1.08);
}

.svc-card::before,
.svc-card::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.svc-card::before {
    background: linear-gradient(180deg, rgba(6, 8, 11, 0.05) 0%, rgba(6, 8, 11, 0.42) 42%, rgba(6, 8, 11, 0.92) 100%);
}

.svc-card::after {
    opacity: 0;
    background: linear-gradient(135deg, rgba(var(--theme-rgb), 0.38), transparent 46%);
    transition: opacity 0.45s ease;
}

.svc-card:hover::after {
    opacity: 1;
}

/* Image Container */
.svc-img {
    position: absolute;
    inset: 0;
    display: block;
    overflow: hidden;
    background: #101318;
    z-index: 0;
}

.svc-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.02);
    transition: transform 0.7s ease, opacity 0.45s ease;
}

.svc-card:hover .svc-img img {
    transform: scale(1.1);
}

/* Content */
.svc-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 28px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 68%;
    background: linear-gradient(180deg, transparent 0%, rgba(9, 11, 15, 0.58) 34%, rgba(9, 11, 15, 0.94) 100%);
}

.svc-card--featured .svc-content {
    padding: 42px;
    max-width: 680px;
}

/* Number Badge */
.svc-number {
    position: absolute;
    top: 24px;
    right: 24px;
    font-family: 'Big Shoulders Display', var(--title-font), sans-serif;
    font-size: 54px;
    font-weight: 900;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.62);
    text-stroke: 1px rgba(255, 255, 255, 0.62);
    transition: color 0.35s ease, -webkit-text-stroke-color 0.35s ease;
}

.svc-card--featured .svc-number {
    font-size: 86px;
}

.svc-card:hover .svc-number {
    color: var(--sh-red,var(--theme-color));
    -webkit-text-stroke-color: var(--sh-red,var(--theme-color));
}

/* Title */
.svc-title {
    font-family: 'Big Shoulders Display', var(--title-font), sans-serif;
    font-size: clamp(28px, 3vw, 48px);
    font-weight: 900;
    color: #ffffff;
    margin: 0 0 12px;
    line-height: 0.96;
    text-transform: uppercase;
    transition: color 0.3s ease;
}

.svc-card:not(.svc-card--featured) .svc-title {
    font-size: 30px;
}

.svc-title a {
    color: inherit;
    text-decoration: none;
}

.svc-card:hover .svc-title {
    color: #ffffff;
}

/* Description */
.svc-desc {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.65;
    margin: 0 0 18px;
    max-width: 520px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.svc-card:not(.svc-card--featured) .svc-desc {
    display: none;
}

/* Read More Link */
.svc-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    font-size: 13px;
    font-weight: 800;
    color: #ffffff;
    text-decoration: none;
    transition: gap 0.3s ease, color 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.svc-link::before {
    content: '';
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--sh-red,var(--theme-color));
    box-shadow: 0 12px 28px rgba(var(--theme-rgb), 0.26);
    transition: transform 0.3s ease, background 0.3s ease;
}

.svc-link i {
    position: absolute;
    left: 41px;
    bottom: 41px;
    font-size: 11px;
    color: #ffffff;
    transform: translateX(0);
    transition: transform 0.3s ease;
}

.svc-card--featured .svc-link i {
    left: 55px;
    bottom: 55px;
}

.svc-card:hover .svc-link {
    gap: 15px;
}

.svc-card:hover .svc-link::before {
    transform: scale(1.08);
    background: var(--sh-red,var(--theme-color));
    box-shadow: 0 14px 32px rgba(var(--theme-rgb), 0.42);
}

.svc-card:hover .svc-link i {
    color: #ffffff;
    transform: translateX(3px);
}

/* Responsive */
@media (max-width: 1199px) {
    .services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: 250px;
    }

    .svc-card--featured {
        grid-column: span 2;
        min-height: 520px;
    }
}

@media (max-width: 991px) {
    .service-section {
    position: relative;
    background: linear-gradient(180deg, #11151b 0%, #15191f 90px, #15191f 100%);
    padding: 104px 0 96px;
    overflow: hidden;
    color: #ffffff;
}

    .service-section .section-title {
        margin-bottom: 38px;
    }

    .services-grid {
        gap: 18px;
    }
}

@media (max-width: 767px) {
    .service-section {
    position: relative;
    background: linear-gradient(180deg, #11151b 0%, #15191f 90px, #15191f 100%);
    padding: 104px 0 96px;
    overflow: hidden;
    color: #ffffff;
}

    .services-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
    }

    .svc-card,
    .svc-card--featured {
        grid-column: auto;
        grid-row: auto;
        min-height: 390px;
    }

    .svc-content,
    .svc-card--featured .svc-content {
        padding: 28px;
    }

    .svc-card--featured .svc-number,
    .svc-number {
        font-size: 58px;
    }

    .svc-card:not(.svc-card--featured) .svc-title {
        font-size: 34px;
    }

    .svc-card:not(.svc-card--featured) .svc-desc {
        display: -webkit-box;
    }

    .svc-link i,
    .svc-card--featured .svc-link i {
        left: 41px;
        bottom: 41px;
    }
}

@media (max-width: 575px) {
    .service-section .section-title__heading {
        font-size: 42px;
    }

    .svc-card,
    .svc-card--featured {
        min-height: 340px;
    }

    .svc-title,
    .svc-card:not(.svc-card--featured) .svc-title {
        font-size: 30px;
    }

    .svc-desc {
        font-size: 13px;
    }
}


/* ===== datainclude\modules\skill.php ===== */

/* Skills Section */
.skill-modern-section {
    position: relative;
    padding: 96px 0;
    background: #101318;
    overflow: hidden;
    color: #ffffff;
}

.skill-modern-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 14% 18%, rgba(var(--theme-rgb), 0.16), transparent 30%),
        radial-gradient(circle at 88% 72%, rgba(255, 255, 255, 0.055), transparent 34%),
        linear-gradient(180deg, #15191f 0%, #101318 120px, #101318 100%);
    pointer-events: none;
}

.skill-modern-section::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 120px;
    background: linear-gradient(180deg, rgba(16, 19, 24, 0), #15191f 100%);
    pointer-events: none;
}

.skill-modern-section .container {
    position: relative;
    z-index: 2;
}

/* Title */
.skill-modern-section .section_title {
    text-align: left;
    margin-bottom: 48px;
    max-width: 860px;
}

.skill-modern-section .section_title .sm_title {
    font-family: 'Big Shoulders Display', var(--title-font), sans-serif;
    font-size: 13px;
    font-weight: 900;
    color: var(--sh-red,var(--theme-color));
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-bottom: 14px;
    display: block;
}

.skill-modern-section .section_title .title {
    font-family: 'Big Shoulders Display', var(--title-font), sans-serif;
    font-size: clamp(42px, 5vw, 78px);
    font-weight: 900;
    color: #ffffff;
    line-height: 0.96;
    margin: 0;
    text-transform: uppercase;
}

/* Skills Grid */
.skills-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Skill Item */
.skill-card {
    position: relative;
    min-height: 190px;
    padding: 28px;
    text-align: left;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025));
    overflow: hidden;
    isolation: isolate;
    transition: transform 0.4s ease, background 0.4s ease, box-shadow 0.4s ease;
}

.skill-card::before {
    content: '';
    position: absolute;
    inset: auto 0 0 0;
    height: 3px;
    background: rgba(255, 255, 255, 0.12);
    z-index: 1;
}

.skill-card::after {
    content: '';
    position: absolute;
    top: -45%;
    right: -18%;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: rgba(var(--theme-rgb), 0.18);
    filter: blur(30px);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -1;
}

.skill-card:hover {
    transform: translateY(-6px);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.035));
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

.skill-card:hover::after {
    opacity: 1;
}

/* Skill Title */
.skill-card-title {
    position: relative;
    z-index: 2;
    max-width: 72%;
    font-family: 'Big Shoulders Display', var(--title-font), sans-serif;
    font-size: 28px;
    font-weight: 900;
    color: #ffffff;
    margin: 0;
    line-height: 1;
    text-transform: uppercase;
    transition: color 0.3s ease;
}

.skill-card:hover .skill-card-title {
    color: #ffffff;
}

/* Progress Bar Container */
.skill-progress-wrapper {
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 28px;
    height: 4px;
    background: rgba(255, 255, 255, 0.16);
    overflow: hidden;
    z-index: 2;
}

.skill-progress-bar {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--sh-red,var(--theme-color));
    width: 0;
    box-shadow: 0 0 18px rgba(var(--theme-rgb), 0.52);
    transition: width 2.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.skill-card.animated .skill-progress-bar {
    width: var(--progress);
}

/* Percentage */
.skill-percentage {
    position: absolute;
    right: 24px;
    top: 22px;
    font-family: 'Big Shoulders Display', var(--title-font), sans-serif;
    font-size: 70px;
    font-weight: 900;
    line-height: 0.9;
    color: transparent;
    -webkit-text-stroke: 1px rgba(var(--theme-rgb), 0.88);
    text-stroke: 1px rgba(var(--theme-rgb), 0.88);
    display: inline-block;
    transition: color 0.35s ease, -webkit-text-stroke-color 0.35s ease;
}

.skill-card:hover .skill-percentage {
    color: rgba(var(--theme-rgb), 0.12);
    -webkit-text-stroke-color: var(--sh-red,var(--theme-color));
}

/* Responsive */
@media (max-width: 1199px) {
    .skills-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .skill-card-title {
        font-size: 25px;
    }

    .skill-percentage {
        font-size: 62px;
    }
}

@media (max-width: 991px) {
    .skill-modern-section {
        padding: 78px 0;
    }
    
    .skill-modern-section .section_title {
        margin-bottom: 40px;
    }
    
    .skills-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .skill-modern-section {
        padding: 68px 0;
    }
    
    .skills-grid {
        grid-template-columns: 1fr;
    }

    .skill-card {
        min-height: 170px;
    }

    .skill-card-title {
        font-size: 26px;
    }
}

@media (max-width: 575px) {
    .skill-modern-section {
        padding: 58px 0;
    }
    
    .skill-modern-section .section_title .title {
        font-size: 42px;
    }
    
    .skill-modern-section .section_title .sm_title {
        font-size: 12px;
    }

    .skill-card {
        padding: 24px;
        min-height: 158px;
    }

    .skill-card-title {
        max-width: 70%;
        font-size: 24px;
    }

    .skill-percentage {
        right: 20px;
        top: 20px;
        font-size: 54px;
    }

    .skill-progress-wrapper {
        left: 24px;
        right: 24px;
        bottom: 24px;
    }
}


/* ===== datainclude\modules\team.php ===== */

/* Modern Team Section - Portrait plates */
.modern-team-section {
    --team-red: var(--sh-red,var(--theme-color));
    position: relative;
    overflow: hidden;
    padding: 104px 0 112px;
    background: #151a21;
    color: #fff;
}
.modern-team-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,.035), transparent 24%), radial-gradient(circle at 88% 12%, rgba(var(--theme-rgb),.18), transparent 30%);
    pointer-events: none;
}
.modern-team-section .container { position: relative; z-index: 2; }
.modern-team-section .section_title { max-width: 920px; margin: 0 0 50px; text-align: left !important; }
.modern-team-section .section_title .sm_title {
    display: block;
    margin-bottom: 14px;
    color: var(--team-red);
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 8px;
    line-height: 1;
    text-transform: uppercase;
}
.modern-team-section .section_title .title {
    margin: 0;
    color: #fff;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: clamp(48px, 5vw, 86px);
    font-weight: 900;
    line-height: .92;
    letter-spacing: 0;
    text-transform: uppercase;
}
.modern-team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 34px; }
.modern-team-card {
    position: relative;
    overflow: visible;
    padding-bottom: 74px;
    background: transparent;
    border: 0;
    box-shadow: none;
    transition: transform .35s ease;
}
.modern-team-card:hover { transform: translateY(-8px); }
.modern-team-image {
    position: relative;
    width: 100%;
    height: 420px;
    overflow: hidden;
    background: #090c11;
    box-shadow: 0 30px 82px rgba(0,0,0,.42);
}
.modern-team-image::before {
    content: '';
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255,255,255,.08);
    z-index: 2;
    pointer-events: none;
}
.modern-team-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 30%, rgba(0,0,0,.82) 100%);
    z-index: 1;
    pointer-events: none;
}
.modern-team-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease, filter .5s ease; }
.modern-team-card:hover .modern-team-image img { transform: scale(1.06); filter: saturate(1.1) contrast(1.08); }
.modern-team-overlay {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 18px;
    background: transparent;
    opacity: 1;
}
.modern-team-social { display: flex; flex-direction: column; gap: 10px; transform: translateX(64px); transition: transform .3s ease; }
.modern-team-card:hover .modern-team-social { transform: translateX(0); }
.modern-team-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #fff;
    color: var(--team-red);
    text-decoration: none;
    box-shadow: 0 14px 34px rgba(0,0,0,.28);
    transition: background .25s ease, color .25s ease, transform .25s ease;
}
.modern-team-social a:hover { background: var(--team-red); color: #fff; transform: translateY(-2px); }
.modern-team-info {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 0;
    z-index: 4;
    padding: 24px 24px 26px;
    background: #fff;
    color: #11161d;
    text-align: left;
    box-shadow: 0 22px 58px rgba(0,0,0,.32);
}
.modern-team-info::before { content: ''; position: absolute; left: 0; top: 0; width: 5px; height: 100%; background: var(--team-red); }
.modern-team-name {
    margin: 0 0 8px;
    color: #11161d;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 36px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
}
.modern-team-name a { color: inherit; text-decoration: none; }
.modern-team-name a:hover { color: var(--team-red); }
.modern-team-position { margin: 0; color: rgba(17,22,29,.64); font-size: 14px; font-weight: 800; letter-spacing: .5px; text-transform: uppercase; }
@media (max-width: 991px) { .modern-team-section { padding: 82px 0 92px; } .modern-team-image { height: 360px; } }
@media (max-width: 575px) { .modern-team-section { padding: 68px 0 78px; } .modern-team-grid { grid-template-columns: 1fr; } .modern-team-image { height: 330px; } .modern-team-info { left: 16px; right: 16px; } }


/* ===== datainclude\modules\testimonial.php ===== */

/* ===== Testimonial Section ===== */
.testi-section {
    --testi-red: var(--sh-red,var(--theme-color));
    position: relative;
    overflow: hidden;
    padding: 96px 0 104px;
    background: linear-gradient(180deg, #101318 0%, #151a21 100%);
    color: #fff;
}
.testi-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 18%, rgba(var(--theme-rgb), 0.2), transparent 28%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035), transparent 42%, rgba(var(--theme-rgb), 0.06));
    pointer-events: none;
}
.testi-section .container {
    position: relative;
    z-index: 2;
}
.testi-header {
    max-width: 920px;
    margin: 0 0 46px;
    text-align: left;
}
.testi-header .testi-subtitle {
    display: block;
    margin-bottom: 14px;
    color: var(--testi-red);
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 8px;
    line-height: 1;
    text-transform: uppercase;
}
.testi-header .testi-title {
    margin: 0;
    color: #fff;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: clamp(46px, 5vw, 82px);
    font-weight: 900;
    line-height: 0.94;
    letter-spacing: 0;
    text-transform: uppercase;
}
.testi-carousel-wrapper {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
}
.testi-carousel.swiper {
    overflow: visible;
}
.testi-carousel .swiper-wrapper {
    align-items: stretch;
}
.testi-carousel .swiper-slide {
    height: auto;
}
.testi-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 360px;
    height: 100%;
    overflow: hidden;
    padding: 34px;
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(145deg, rgba(28, 35, 44, 0.94), rgba(12, 15, 20, 0.98));
    box-shadow: 0 28px 72px rgba(0, 0, 0, 0.32);
    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}
.testi-card::before {
    content: '“';
    position: absolute;
    right: 24px;
    top: -18px;
    color: rgba(var(--theme-rgb), 0.24);
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 190px;
    font-weight: 900;
    line-height: 1;
    pointer-events: none;
}
.testi-card::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: var(--testi-red);
    transform: scaleY(0.18);
    transform-origin: top;
    transition: transform 0.35s ease;
}
.testi-card:hover {
    transform: translateY(-8px);
    border-color: rgba(var(--theme-rgb), 0.42);
    box-shadow: 0 36px 96px rgba(0, 0, 0, 0.45);
}
.testi-card:hover::after {
    transform: scaleY(1);
}
.testi-stars {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 7px;
    margin-bottom: 26px;
    color: var(--testi-red);
    font-size: 14px;
}
.testi-text {
    position: relative;
    z-index: 2;
    flex: 1;
    margin: 0 0 30px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 17px;
    font-weight: 500;
    line-height: 1.78;
}
.testi-text::before {
    display: none;
}
.testi-author {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 15px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.09);
}
.testi-avatar {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid rgba(var(--theme-rgb), 0.62);
    background: rgba(var(--theme-rgb), 0.14);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
}
.testi-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.testi-author-info {
    min-width: 0;
}
.testi-author-name {
    margin: 0 0 4px;
    color: #fff;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 25px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
}
.testi-author-role {
    display: block;
    color: rgba(255, 255, 255, 0.58);
    font-size: 13px;
    font-weight: 700;
}
.testi-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 42px;
}
.testi-controls::before,
.testi-controls::after {
    content: '';
    flex: 1;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
}
.testi-nav-btn {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    transition: background 0.25s ease, transform 0.25s ease;
}
.testi-nav-btn:hover {
    background: var(--testi-red);
    color: #fff;
    transform: translateY(-2px);
}
.testi-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.testi-dot {
    width: 9px;
    height: 9px;
    border: 0;
    border-radius: 50%;
    padding: 0;
    background: rgba(255, 255, 255, 0.24);
    cursor: pointer;
    transition: width 0.25s ease, background 0.25s ease;
}
.testi-dot.active,
.testi-dot.swiper-pagination-bullet-active {
    width: 34px;
    border-radius: 999px;
    background: var(--testi-red);
}
.testi-empty {
    padding: 64px 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    text-align: center;
}
.testi-empty-icon {
    margin-bottom: 18px;
    color: var(--testi-red);
    font-size: 50px;
}
.testi-empty-text {
    margin: 0;
    color: rgba(255, 255, 255, 0.68);
}
@media (max-width: 991px) {
    .testi-section { padding: 78px 0 84px; }
    .testi-card { min-height: 330px; padding: 30px; }
}
@media (max-width: 767px) {
    .testi-header { margin-bottom: 34px; }
    .testi-header .testi-title { font-size: 44px; }
    .testi-header .testi-subtitle { letter-spacing: 5px; }
    .testi-card { min-height: 0; padding: 26px 24px; }
    .testi-text { font-size: 15px; line-height: 1.7; }
    .testi-controls { gap: 14px; margin-top: 32px; }
    .testi-controls::before,
    .testi-controls::after { display: none; }
}


/* ===== datainclude\modules\video_showcase.php ===== */

.uyc-video-section {
    position: relative;
    overflow: hidden;
    padding: 44px 0 94px;
    background: #151a21;
    color: #fff;
}
.uyc-video-shell {
    position: relative;
    width: min(1860px, calc(100% - 48px));
    min-height: 548px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 18px;
    background: #090c11;
    box-shadow: 0 34px 100px rgba(0,0,0,.36);
}
.uyc-video-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(.1) contrast(1.08);
    transform: scale(1.02);
}
.uyc-video-shell::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(90deg, rgba(5,7,10,.86) 0%, rgba(5,7,10,.52) 42%, rgba(var(--theme-rgb),.64) 100%);
}
.uyc-video-shell::after {
    content: '';
    position: absolute;
    right: -120px;
    top: -120px;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: rgba(var(--theme-rgb),.34);
    filter: blur(34px);
    z-index: 3;
    pointer-events: none;
}
.uyc-video-content {
    position: absolute;
    left: clamp(34px, 8vw, 155px);
    bottom: clamp(70px, 8vw, 120px);
    z-index: 4;
    max-width: 760px;
}
.uyc-video-kicker {
    display: block;
    margin-bottom: 20px;
    color: var(--sh-red,var(--theme-color));
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 8px;
    line-height: 1;
    text-transform: uppercase;
}
.uyc-video-title {
    margin: 0;
    color: #fff;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: clamp(48px, 5vw, 86px);
    font-weight: 900;
    line-height: .88;
    letter-spacing: 0;
    text-transform: uppercase;
}
.uyc-video-play {
    position: absolute;
    right: clamp(70px, 16vw, 460px);
    top: 50%;
    z-index: 5;
    width: 74px;
    height: 54px;
    border: 0;
    border-radius: 12px;
    background: #fff;
    color: #11151b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 28px 70px rgba(0,0,0,.36);
    transform: translateY(-50%);
    transition: transform .25s ease, background .25s ease, color .25s ease;
}
.uyc-video-play i { font-size: 22px; margin-left: 3px; }
.uyc-video-play:hover {
    background: var(--sh-red,var(--theme-color));
    color: #fff;
    transform: translateY(-50%) scale(1.06);
}
.uyc-video-modal {
    position: fixed;
    inset: 0;
    z-index: 26000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 5vh 5vw;
    background: rgba(0,0,0,.94);
}
.uyc-video-modal.is-open { display: flex; }
.uyc-video-frame {
    width: min(1480px, 100%);
    height: min(820px, 86vh);
    background: #000;
    box-shadow: 0 30px 90px rgba(0,0,0,.55);
}
.uyc-video-frame iframe { width: 100%; height: 100%; border: 0; display: block; }
.uyc-video-close {
    position: fixed;
    top: 24px;
    right: 28px;
    z-index: 26001;
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.12);
    color: #fff;
    cursor: pointer;
}
.uyc-video-close:hover { background: var(--sh-red,var(--theme-color)); }
body.uyc-video-open { overflow: hidden; }
@media (max-width: 991px) {
    .uyc-video-play { right: 80px; }
}
@media (max-width: 767px) {
    .uyc-video-section { padding: 32px 0 68px; }
    .uyc-video-shell { width: calc(100% - 28px); min-height: 500px; border-radius: 14px; }
    .uyc-video-content { left: 24px; right: 24px; bottom: 54px; }
    .uyc-video-title { font-size: 46px; }
    .uyc-video-play { right: 28px; top: 34%; width: 66px; height: 50px; }
}

/* ===== assets\css\uyc-front-variation.css ===== */
/*
 * UYC front variation CSS
 * variation/page ve variation/categories inline style bloklari buraya tasindi.
 */

/* ===== variation\categories\postcategories.php ===== */
.uyc-category-page { --uyc-bg:#151a21; --uyc-red:var(--sh-red,var(--theme-color)); background:var(--uyc-bg); color:#fff; overflow:hidden; }
.uyc-category-shell { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.uyc-category-hero { position:relative; min-height:500px; display:flex; align-items:flex-end; padding:168px 0 58px; background:#080c12; overflow:hidden; }
.uyc-category-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:contrast(1.08) saturate(.92) brightness(.58); transform:scale(1.04); }
.uyc-category-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(5,7,10,.96) 0%, rgba(5,7,10,.74) 42%, rgba(5,7,10,.26) 72%, rgba(5,7,10,.84) 100%); }
.uyc-category-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:170px; z-index:2; background:linear-gradient(180deg, rgba(21,26,33,0), #151a21 84%); }
.uyc-category-hero__inner { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,420px); gap:clamp(36px,6vw,110px); align-items:end; }
.uyc-category-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:20px; color:rgba(255,255,255,.52); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-category-breadcrumb a { color:rgba(255,255,255,.74); text-decoration:none; transition:color .22s ease; }
.uyc-category-breadcrumb a:hover { color:#fff; }
.uyc-category-breadcrumb i { color:var(--uyc-red); font-size:10px; }
.uyc-category-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--uyc-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:16px; font-weight:900; line-height:1; letter-spacing:8px; text-transform:uppercase; }
.uyc-category-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--uyc-red); }
.uyc-category-hero h1 { max-width:980px; margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(62px,8.4vw,124px); font-weight:900; line-height:.84; text-transform:uppercase; }
.uyc-category-hero p { max-width:680px; margin:24px 0 0; color:rgba(255,255,255,.72); font-size:18px; font-weight:650; line-height:1.6; }
.uyc-category-panel { position:relative; padding:28px; border-radius:18px; background:rgba(255,255,255,.065); -webkit-backdrop-filter:blur(18px) saturate(1.16); backdrop-filter:blur(18px) saturate(1.16); box-shadow:0 28px 72px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.11); }
.uyc-category-panel::before { content:''; position:absolute; left:28px; right:28px; top:0; height:3px; border-radius:999px; background:var(--uyc-red); }
.uyc-category-panel span { display:block; color:rgba(255,255,255,.48); font-size:13px; font-weight:900; text-transform:uppercase; }
.uyc-category-panel strong { display:block; margin-top:8px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(38px,4vw,62px); font-weight:900; line-height:.9; }
.uyc-category-panel small { display:block; margin-top:16px; color:rgba(255,255,255,.62); font-size:15px; font-weight:600; line-height:1.45; }
.uyc-category-main { position:relative; padding:8px 0 102px; background:var(--uyc-bg); }
.uyc-category-filters { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 34px; }
.uyc-category-filter { display:inline-flex; min-height:42px; align-items:center; justify-content:center; padding:0 18px; border-radius:999px; background:rgba(255,255,255,.07); color:rgba(255,255,255,.76); font-size:13px; font-weight:900; text-decoration:none; text-transform:uppercase; transition:background .22s ease, color .22s ease, transform .22s ease; }
.uyc-category-filter:hover, .uyc-category-filter.is-active { background:var(--uyc-red); color:#fff; transform:translateY(-2px); }
.uyc-category-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:22px; }
.uyc-category-grid.is-compact { grid-template-columns:repeat(2, minmax(0, 1fr)); }
.uyc-category-card { position:relative; min-height:460px; overflow:hidden; border-radius:18px; background:#090c11; box-shadow:0 28px 82px rgba(0,0,0,.27); isolation:isolate; }
.uyc-category-card.is-featured { grid-column:span 2; min-height:520px; }
.uyc-category-grid.is-compact .uyc-category-card.is-featured { grid-column:auto; min-height:460px; }
.uyc-category-card__image { position:absolute; inset:0; display:block; }
.uyc-category-card__image img { width:100%; height:100%; object-fit:cover; filter:contrast(1.07) saturate(.94) brightness(.72); transform:scale(1.025); transition:transform .55s ease, filter .55s ease; }
.uyc-category-card::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(5,7,10,.04) 12%, rgba(5,7,10,.42) 48%, rgba(5,7,10,.94) 100%); pointer-events:none; }
.uyc-category-card::after { content:''; position:absolute; left:-70px; bottom:-90px; width:260px; height:260px; border-radius:50%; background:rgba(var(--theme-rgb),.22); filter:blur(28px); z-index:2; opacity:0; transition:opacity .25s ease; pointer-events:none; }
.uyc-category-card:hover::after { opacity:1; }
.uyc-category-card:hover .uyc-category-card__image img { transform:scale(1.07); filter:contrast(1.1) saturate(1) brightness(.84); }
.uyc-category-card__body { position:absolute; left:0; right:0; bottom:0; z-index:3; padding:26px 28px 28px; background:linear-gradient(180deg, rgba(7,9,13,0), rgba(7,9,13,.38)); }
.uyc-category-card__meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:16px; color:rgba(255,255,255,.78); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-category-card__date { display:inline-flex; min-height:26px; align-items:center; padding:0 10px; background:rgba(255,255,255,.2); color:#fff; font-weight:900; }
.uyc-category-card__cat { color:#fff; }
.uyc-category-card h3 { max-width:820px; margin:0; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(30px,2.8vw,48px); font-weight:900; line-height:.96; text-transform:uppercase; }
.uyc-category-card:not(.is-featured) h3, .uyc-category-grid.is-compact .uyc-category-card h3 { font-size:clamp(30px,2.35vw,40px); }
.uyc-category-card h3 a { color:#fff; text-decoration:none; transition:color .22s ease; }
.uyc-category-card h3 a:hover { color:var(--uyc-red); }
.uyc-category-card__excerpt { max-width:720px; margin:14px 0 0; color:rgba(255,255,255,.72); font-size:14px; font-weight:650; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.uyc-category-card__link { display:inline-flex; align-items:center; gap:10px; margin-top:18px; color:#fff; font-size:14px; font-weight:900; text-decoration:none; }
.uyc-category-card__link i { width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:var(--uyc-red); color:#fff; font-size:12px; transition:transform .22s ease; }
.uyc-category-card__link:hover { color:#fff; }
.uyc-category-card__link:hover i { transform:translateX(4px); }
.uyc-category-empty { min-height:280px; display:grid; place-items:center; text-align:center; border-radius:18px; background:rgba(255,255,255,.055); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.uyc-category-empty i { display:block; margin-bottom:18px; color:var(--uyc-red); font-size:42px; }
.uyc-category-empty p { margin:0; color:rgba(255,255,255,.72); font-size:18px; font-weight:750; }
.uyc-category-pagination { display:flex; justify-content:center; margin-top:54px; }
.uyc-category-pagination__inner { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.uyc-category-page-link { min-width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; padding:0 14px; border-radius:999px; background:rgba(255,255,255,.075); color:#fff; font-weight:900; text-decoration:none; transition:background .22s ease, transform .22s ease; }
.uyc-category-page-link:hover, .uyc-category-page-link.is-active { background:var(--uyc-red); color:#fff; transform:translateY(-2px); }
@media (max-width:1199px) { .uyc-category-hero__inner { grid-template-columns:1fr; } .uyc-category-grid, .uyc-category-grid.is-compact { grid-template-columns:repeat(2, minmax(0,1fr)); } .uyc-category-card.is-featured { grid-column:span 2; } .uyc-category-grid.is-compact .uyc-category-card.is-featured { grid-column:auto; } @media (max-width:767px) { .uyc-category-shell { width:calc(100% - 28px); } .uyc-category-hero { min-height:auto; padding:130px 0 48px; } .uyc-category-hero h1 { font-size:54px; } .uyc-category-main { padding:16px 0 68px; } .uyc-category-grid, .uyc-category-grid.is-compact { grid-template-columns:1fr; } .uyc-category-card, .uyc-category-card.is-featured { grid-column:auto; min-height:430px; border-radius:16px; } .uyc-category-card__body { padding:24px 20px; } .uyc-category-filters { overflow-x:auto; flex-wrap:nowrap; padding-bottom:6px; } .uyc-category-filter { flex:0 0 auto; } }

}
/* ===== variation\categories\productcategories.php ===== */
.uyc-product-list-page { --prd-bg:#151a21; --prd-soft:#1d232c; --prd-red:var(--sh-red,var(--theme-color)); background:var(--prd-bg); color:#fff; overflow:hidden; }
.uyc-product-list-shell { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.uyc-product-list-hero { position:relative; min-height:545px; display:flex; align-items:flex-end; padding:165px 0 68px; background:#080c12; overflow:hidden; }
.uyc-product-list-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:contrast(1.08) saturate(.92) brightness(.43); transform:scale(1.035); }
.uyc-product-list-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(7,9,13,.98) 0%, rgba(9,12,18,.78) 46%, rgba(var(--theme-rgb),.18) 82%, rgba(7,9,13,.92) 100%); }
.uyc-product-list-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:165px; z-index:2; background:linear-gradient(180deg, rgba(21,26,33,0), var(--prd-bg) 86%); }
.uyc-product-list-hero__inner { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(270px,400px); gap:clamp(30px,6vw,92px); align-items:end; }
.uyc-product-list-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:22px; color:rgba(255,255,255,.56); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-product-list-breadcrumb a { color:rgba(255,255,255,.8); text-decoration:none; }
.uyc-product-list-breadcrumb a:hover { color:#fff; }
.uyc-product-list-breadcrumb i { color:var(--prd-red); font-size:10px; }
.uyc-product-list-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--prd-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:16px; font-weight:900; line-height:1; letter-spacing:8px; text-transform:uppercase; }
.uyc-product-list-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--prd-red); }
.uyc-product-list-hero h1 { max-width:1080px; margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(66px,6.8vw,132px); font-weight:900; line-height:.84; text-transform:uppercase; }
.uyc-product-list-hero p { max-width:720px; margin:26px 0 0; color:rgba(255,255,255,.72); font-size:18px; font-weight:650; line-height:1.65; }
.uyc-product-list-stat { position:relative; padding:30px; border-radius:18px; background:rgba(255,255,255,.075); -webkit-backdrop-filter:blur(18px) saturate(1.14); backdrop-filter:blur(18px) saturate(1.14); box-shadow:0 28px 74px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.1); }
.uyc-product-list-stat::before { content:''; position:absolute; left:30px; right:30px; top:0; height:3px; border-radius:999px; background:linear-gradient(90deg, rgba(var(--theme-rgb),.75), rgba(255,255,255,.28)); }
.uyc-product-list-stat span { display:block; color:rgba(255,255,255,.5); font-size:13px; font-weight:900; text-transform:uppercase; }
.uyc-product-list-stat strong { display:block; margin-top:10px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(48px,5vw,76px); font-weight:900; line-height:.88; }
.uyc-product-list-main { position:relative; padding:10px 0 105px; background:var(--prd-bg); }
.uyc-product-filter { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:42px; }
.uyc-product-filter a { display:inline-flex; min-height:44px; align-items:center; justify-content:center; padding:0 18px; border-radius:999px; background:rgba(255,255,255,.08); color:#fff; text-decoration:none; font-weight:900; text-transform:uppercase; box-shadow:inset 0 1px 0 rgba(255,255,255,.08); transition:background .25s ease, transform .25s ease; }
.uyc-product-filter a:hover, .uyc-product-filter a.is-active { background:linear-gradient(135deg, rgba(var(--theme-rgb),.92), rgba(var(--theme-rgb),.78)); transform:translateY(-2px); color:#fff; box-shadow:0 14px 34px rgba(var(--theme-rgb),.18); }
.uyc-product-list-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:end; gap:24px; margin-bottom:30px; }
.uyc-product-list-head h2 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(48px,5vw,80px); font-weight:900; line-height:.88; text-transform:uppercase; }
.uyc-product-list-head p { max-width:540px; margin:0; color:rgba(255,255,255,.62); font-size:15px; font-weight:650; line-height:1.6; }
.uyc-products-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.uyc-product-card { position:relative; display:flex; flex-direction:column; min-height:100%; overflow:hidden; border-radius:18px; background:linear-gradient(180deg, rgba(31,37,46,.98), rgba(11,16,23,.98)); text-decoration:none; color:#fff; box-shadow:0 30px 86px rgba(0,0,0,.3); }
.uyc-product-card__image { position:relative; display:block; aspect-ratio:4 / 3; overflow:hidden; background:#0b1017; }
.uyc-product-card__image img { width:100%; height:100%; object-fit:contain; object-position:center; padding:18px; filter:contrast(1.04) saturate(.98) brightness(.92); transition:transform .45s ease, filter .45s ease; }
.uyc-product-card__image::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(5,7,10,0) 45%, rgba(5,7,10,.72) 100%); pointer-events:none; }
.uyc-product-card__tag { position:absolute; left:18px; bottom:18px; z-index:2; display:inline-flex; min-height:34px; align-items:center; padding:0 12px; border-radius:999px; background:linear-gradient(135deg, rgba(var(--theme-rgb),.9), rgba(var(--theme-rgb),.72)); color:#fff; font-size:12px; font-weight:900; text-transform:uppercase; box-shadow:0 12px 30px rgba(var(--theme-rgb),.18); }
.uyc-product-card__body { display:flex; flex:1; flex-direction:column; padding:24px; }
.uyc-product-card h3 { margin:0 0 14px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(30px,2.35vw,42px); font-weight:900; line-height:.92; text-transform:uppercase; }
.uyc-product-card p { margin:0 0 20px; color:rgba(255,255,255,.64); font-size:14px; font-weight:650; line-height:1.55; }
.uyc-product-card__meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:auto; }
.uyc-product-card__meta span { display:inline-flex; min-height:32px; align-items:center; padding:0 11px; border-radius:999px; background:rgba(255,255,255,.08); color:rgba(255,255,255,.8); font-size:12px; font-weight:900; }
.uyc-product-card__cta { display:inline-flex; align-items:center; gap:10px; margin-top:20px; color:#fff; font-weight:900; }
.uyc-product-card__cta i { width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:linear-gradient(135deg, rgba(var(--theme-rgb),.95), rgba(var(--theme-rgb),.82)); color:#fff; font-size:12px; box-shadow:0 12px 30px rgba(var(--theme-rgb),.2); }
.uyc-product-card:hover .uyc-product-card__image img { transform:scale(1.045); filter:contrast(1.08) saturate(1.02) brightness(1); }
.uyc-products-empty { min-height:300px; display:grid; place-items:center; text-align:center; border-radius:18px; background:rgba(255,255,255,.055); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.uyc-products-empty p { margin:0; color:rgba(255,255,255,.72); font-size:18px; font-weight:800; }
.uyc-products-pagination { display:flex; justify-content:center; gap:8px; margin-top:45px; }
.uyc-products-page-link { min-width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(255,255,255,.08); color:#fff; text-decoration:none; font-weight:900; }
.uyc-products-page-link:hover, .uyc-products-page-link.is-active { background:linear-gradient(135deg, rgba(var(--theme-rgb),.95), rgba(var(--theme-rgb),.82)); color:#fff; box-shadow:0 12px 30px rgba(var(--theme-rgb),.2); }
@media (max-width:1199px) { .uyc-product-list-hero__inner { grid-template-columns:1fr; } .uyc-products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) { .uyc-product-list-shell { width:calc(100% - 28px); } .uyc-product-list-hero { min-height:auto; padding:132px 0 52px; } .uyc-product-list-hero h1 { font-size:52px; } .uyc-product-list-main { padding:0 0 72px; } .uyc-products-grid { grid-template-columns:1fr; } .uyc-product-card__body { padding:22px; } }

/* ===== variation\categories\projectcategories.php ===== */
.uyc-project-cat-page { --uyc-bg:#151a21; --uyc-red:var(--sh-red,var(--theme-color)); background:var(--uyc-bg); color:#fff; overflow:hidden; }
.uyc-project-cat-shell { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.uyc-project-cat-hero { position:relative; min-height:560px; display:flex; align-items:flex-end; padding:170px 0 72px; background:#070a0f; overflow:hidden; isolation:isolate; }
.uyc-project-cat-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.43) contrast(1.08) saturate(.9); transform:scale(1.04); }
.uyc-project-cat-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(7,9,13,.98) 0%, rgba(9,13,19,.82) 44%, rgba(var(--theme-rgb),.18) 82%, rgba(7,9,13,.95) 100%); }
.uyc-project-cat-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; z-index:2; height:180px; background:linear-gradient(180deg, rgba(21,26,33,0), var(--uyc-bg) 86%); }
.uyc-project-cat-hero__inner { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,420px); align-items:end; gap:clamp(38px,7vw,110px); }
.uyc-project-cat-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--uyc-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:15px; font-weight:900; letter-spacing:8px; text-transform:uppercase; }
.uyc-project-cat-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--uyc-red); }
.uyc-project-cat-hero h1 { max-width:1000px; margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(58px,7.5vw,118px); font-weight:900; line-height:.84; text-transform:uppercase; }
.uyc-project-cat-hero p { max-width:680px; margin:24px 0 0; color:rgba(255,255,255,.68); font-size:17px; font-weight:650; line-height:1.7; }
.uyc-project-cat-panel { position:relative; padding:30px; border-radius:18px; background:rgba(255,255,255,.075); -webkit-backdrop-filter:blur(18px) saturate(1.15); backdrop-filter:blur(18px) saturate(1.15); box-shadow:0 28px 78px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.1); }
.uyc-project-cat-panel::before { content:''; position:absolute; left:30px; right:30px; top:0; height:3px; border-radius:999px; background:var(--uyc-red); }
.uyc-project-cat-stat span { display:block; color:rgba(255,255,255,.48); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-project-cat-stat strong { display:block; margin-top:8px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(48px,5vw,76px); font-weight:900; line-height:.8; }
.uyc-project-cat-main { padding:10px 0 105px; background:var(--uyc-bg); }
.uyc-project-cat-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:34px; }
.uyc-project-cat-head h2 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(48px,5.2vw,86px); font-weight:900; line-height:.88; text-transform:uppercase; }
.uyc-project-cat-head p { max-width:540px; margin:0; color:rgba(255,255,255,.58); font-size:15px; font-weight:650; line-height:1.65; }
.uyc-project-cat-filter { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:30px; }
.uyc-project-cat-filter a { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 18px; border-radius:999px; background:rgba(255,255,255,.075); color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:15px; font-weight:900; text-transform:uppercase; text-decoration:none; transition:background .22s ease, transform .22s ease; }
.uyc-project-cat-filter a:hover, .uyc-project-cat-filter a.is-active { background:var(--uyc-red); color:#fff; transform:translateY(-1px); }
.uyc-project-cat-feature { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr); min-height:540px; margin-bottom:28px; overflow:hidden; border-radius:20px; background:#080c12; box-shadow:0 34px 98px rgba(0,0,0,.33); }
.uyc-project-cat-feature-media { position:relative; min-height:400px; overflow:hidden; }
.uyc-project-cat-feature-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.8) contrast(1.08); transform:scale(1.02); transition:transform .75s ease, filter .75s ease; }
.uyc-project-cat-feature:hover img { transform:scale(1.07); filter:brightness(.92) contrast(1.1); }
.uyc-project-cat-feature-media::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(7,9,13,.04), rgba(7,9,13,.48)); }
.uyc-project-cat-feature-body { display:flex; flex-direction:column; justify-content:flex-end; padding:42px; background:linear-gradient(145deg, rgba(32,39,49,.98), rgba(10,14,20,.98)); }
.uyc-project-cat-meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:16px; color:rgba(255,255,255,.78); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-project-cat-date { display:inline-flex; align-items:center; min-height:24px; padding:0 9px; background:rgba(255,255,255,.9); color:#11151b; }
.uyc-project-cat-feature h3 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(44px,4.8vw,76px); font-weight:900; line-height:.88; text-transform:uppercase; }
.uyc-project-cat-feature p { margin:22px 0 0; color:rgba(255,255,255,.66); font-size:16px; font-weight:650; line-height:1.7; }
.uyc-project-cat-link { display:inline-flex; width:max-content; align-items:center; gap:14px; min-height:48px; margin-top:28px; padding:0 20px 0 7px; border-radius:999px; background:#fff; color:#11151b; text-decoration:none; font-size:14px; font-weight:900; text-transform:uppercase; transition:transform .22s ease, background .22s ease, color .22s ease; }
.uyc-project-cat-link i { width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:var(--uyc-red); color:#fff; font-size:12px; }
.uyc-project-cat-link:hover { background:var(--uyc-red); color:#fff; transform:translateY(-2px); }
.uyc-project-cat-link:hover i { background:#fff; color:var(--uyc-red); }
.uyc-project-cat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.uyc-project-cat-card { position:relative; min-height:500px; display:block; overflow:hidden; border-radius:18px; background:#080c12; color:#fff; text-decoration:none; box-shadow:0 26px 74px rgba(0,0,0,.28); isolation:isolate; }
.uyc-project-cat-card img { position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:cover; filter:brightness(.58) contrast(1.08); transform:scale(1.02); transition:transform .65s ease, filter .65s ease; }
.uyc-project-cat-card::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(7,9,13,.05) 0%, rgba(7,9,13,.36) 42%, rgba(7,9,13,.94) 100%); }
.uyc-project-cat-card::after { content:''; position:absolute; left:24px; right:24px; bottom:24px; z-index:1; height:42%; border-radius:22px; background:radial-gradient(circle at 8% 100%, rgba(var(--theme-rgb),.34), transparent 54%); filter:blur(22px); opacity:0; transform:translateY(18px); transition:opacity .38s ease, transform .38s ease; }
.uyc-project-cat-card:hover img { transform:scale(1.08); filter:brightness(.72) contrast(1.12); }
.uyc-project-cat-card:hover::after { opacity:1; transform:translateY(0); }
.uyc-project-cat-card-body { position:absolute; left:26px; right:26px; bottom:26px; z-index:3; }
.uyc-project-cat-card h3 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(34px,2.7vw,54px); font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-project-cat-card p { max-height:0; overflow:hidden; margin:0; color:rgba(255,255,255,.74); font-size:14px; font-weight:650; line-height:1.55; opacity:0; transition:max-height .38s ease, margin-top .3s ease, opacity .3s ease; }
.uyc-project-cat-card:hover p { max-height:90px; margin-top:16px; opacity:1; }
.uyc-project-cat-action { display:inline-flex; align-items:center; gap:12px; max-height:0; overflow:hidden; margin-top:0; color:#fff; font-size:13px; font-weight:900; text-transform:uppercase; opacity:0; transition:max-height .38s ease, margin-top .3s ease, opacity .3s ease; }
.uyc-project-cat-action i { width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:var(--uyc-red); color:#fff; font-size:11px; }
.uyc-project-cat-card:hover .uyc-project-cat-action { max-height:40px; margin-top:20px; opacity:1; }
.uyc-project-cat-empty { padding:60px 34px; border-radius:18px; background:rgba(255,255,255,.06); color:rgba(255,255,255,.72); font-weight:700; text-align:center; }
@media (max-width:1199px) { .uyc-project-cat-hero__inner, .uyc-project-cat-feature { grid-template-columns:1fr; } .uyc-project-cat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) { .uyc-project-cat-shell { width:calc(100% - 28px); } .uyc-project-cat-hero { min-height:auto; padding:136px 0 58px; } .uyc-project-cat-hero__inner, .uyc-project-cat-head { display:block; } .uyc-project-cat-panel { margin-top:30px; } .uyc-project-cat-head p { margin-top:16px; } .uyc-project-cat-grid { grid-template-columns:1fr; } .uyc-project-cat-card { min-height:430px; } .uyc-project-cat-feature-body { padding:30px; } .uyc-project-cat-feature-media { min-height:330px; } }

/* ===== variation\categories\referencecategories.php ===== */
.uyc-ref-page { --ref-bg:#151a21; --ref-deep:#0e131b; --ref-red:var(--sh-red,var(--theme-color)); background:var(--ref-bg); color:#fff; overflow:hidden; }
.uyc-ref-shell { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.uyc-ref-hero { position:relative; min-height:560px; display:flex; align-items:flex-end; padding:172px 0 76px; background:#070a0f; overflow:hidden; isolation:isolate; }
.uyc-ref-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.38) contrast(1.08) saturate(.8); transform:scale(1.045); }
.uyc-ref-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(5,7,10,.98) 0%, rgba(7,10,15,.86) 44%, rgba(var(--theme-rgb),.14) 76%, rgba(5,7,10,.96) 100%); }
.uyc-ref-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; z-index:2; height:190px; background:linear-gradient(180deg, rgba(21,26,33,0), var(--ref-bg) 86%); }
.uyc-ref-hero__inner { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,360px); gap:clamp(34px,6vw,104px); align-items:end; }
.uyc-ref-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:22px; color:rgba(255,255,255,.58); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-ref-breadcrumb a { color:rgba(255,255,255,.84); text-decoration:none; }
.uyc-ref-breadcrumb i { color:var(--ref-red); font-size:10px; }
.uyc-ref-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--ref-red); font-family:var(--title-font); font-size:16px; font-weight:900; letter-spacing:8px; line-height:1; text-transform:uppercase; }
.uyc-ref-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--ref-red); }
.uyc-ref-hero h1 { max-width:1040px; margin:0; color:#fff; font-family:var(--title-font); font-size:clamp(70px,8.2vw,142px); font-weight:900; line-height:.82; text-transform:uppercase; }
.uyc-ref-hero p { max-width:720px; margin:24px 0 0; color:rgba(255,255,255,.72); font-size:18px; font-weight:650; line-height:1.62; }
.uyc-ref-metric { position:relative; min-height:180px; display:flex; flex-direction:column; justify-content:flex-end; padding:0 0 8px; }
.uyc-ref-metric span { color:rgba(255,255,255,.52); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-ref-metric strong { display:block; margin-top:12px; color:transparent; -webkit-text-stroke:2px var(--ref-red); font-family:var(--title-font); font-size:clamp(88px,8vw,142px); font-weight:900; line-height:.72; }
.uyc-ref-main { position:relative; padding:0 0 112px; background:linear-gradient(180deg, var(--ref-bg) 0%, var(--ref-deep) 100%); }
.uyc-ref-control { position:relative; z-index:4; margin-top:-22px; margin-bottom:52px; }
.uyc-ref-filter { display:flex; flex-wrap:wrap; gap:10px; padding:12px; border-radius:999px; background:rgba(255,255,255,.055); -webkit-backdrop-filter:blur(16px) saturate(1.15); backdrop-filter:blur(16px) saturate(1.15); box-shadow:0 28px 78px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08); }
.uyc-ref-filter a { display:inline-flex; align-items:center; gap:10px; min-height:42px; padding:0 17px; border-radius:999px; color:#fff; text-decoration:none; font-family:var(--title-font); font-size:15px; font-weight:900; text-transform:uppercase; transition:background .22s ease, transform .22s ease, color .22s ease; }
.uyc-ref-filter a:hover, .uyc-ref-filter a.is-active { background:var(--ref-red); color:#fff; transform:translateY(-2px); }
.uyc-ref-filter em { font-style:normal; color:rgba(255,255,255,.62); font-size:12px; }
.uyc-ref-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,420px); gap:28px; align-items:end; margin-bottom:38px; }
.uyc-ref-intro h2 { max-width:760px; margin:0; color:#fff; font-family:var(--title-font); font-size:clamp(48px,5.4vw,96px); font-weight:900; line-height:.84; text-transform:uppercase; }
.uyc-ref-intro p { margin:0; color:rgba(255,255,255,.62); font-size:15px; font-weight:650; line-height:1.68; }
.uyc-ref-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; align-items:stretch; }
.uyc-ref-logo-item { position:relative; min-height:210px; display:flex; flex-direction:column; justify-content:center; gap:14px; padding:22px 18px; color:#fff; text-decoration:none; isolation:isolate; background:linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012)); box-shadow:0 24px 70px rgba(0,0,0,.18); overflow:hidden; }
.uyc-ref-logo-item::before { content:''; position:absolute; left:50%; top:42%; width:78%; height:68%; border-radius:999px; background:rgba(var(--theme-rgb),.16); filter:blur(34px); opacity:0; transform:translate(-50%,-50%) scale(.78); transition:opacity .28s ease, transform .28s ease; z-index:-1; }
.uyc-ref-logo-item::after { content:''; position:absolute; left:18px; right:18px; bottom:0; height:2px; background:var(--ref-red); opacity:0; transform:scaleX(.35); transition:opacity .24s ease, transform .24s ease; }
.uyc-ref-logo-item:hover::before { opacity:1; transform:translate(-50%,-50%) scale(1); }
.uyc-ref-logo-item:hover::after { opacity:1; transform:scaleX(1); }
.uyc-ref-logo { min-height:104px; display:flex; align-items:center; justify-content:center; padding:10px 14px; }
.uyc-ref-logo img { max-width:100%; max-height:86px; object-fit:contain; filter:grayscale(1) brightness(1.55) contrast(.92); opacity:.76; transition:filter .26s ease, opacity .26s ease, transform .26s ease; }
.uyc-ref-logo-item:hover img { filter:grayscale(0) brightness(1.08) contrast(1.02); opacity:1; transform:translateY(-4px) scale(1.035); }
.uyc-ref-logo-item h3 { margin:0; color:rgba(255,255,255,.82); font-family:var(--title-font); font-size:clamp(22px,1.9vw,32px); font-weight:900; line-height:.95; text-align:center; text-transform:uppercase; transition:color .24s ease; }
.uyc-ref-logo-item:hover h3 { color:#fff; }
.uyc-ref-cat-label { display:inline-flex; align-self:center; min-height:26px; align-items:center; padding:0 10px; border-radius:999px; background:rgba(255,255,255,.08); color:rgba(255,255,255,.62); font-size:11px; font-weight:900; text-transform:uppercase; }
.uyc-ref-empty { min-height:280px; display:grid; place-items:center; text-align:center; background:rgba(255,255,255,.045); color:rgba(255,255,255,.72); font-weight:850; }
.uyc-ref-pagination { display:flex; justify-content:center; margin-top:54px; gap:8px; flex-wrap:wrap; }
.uyc-ref-page-link { min-width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; padding:0 14px; border-radius:999px; background:rgba(255,255,255,.075); color:#fff; font-weight:900; text-decoration:none; transition:background .22s ease, transform .22s ease; }
.uyc-ref-page-link:hover, .uyc-ref-page-link.is-active { background:var(--ref-red); color:#fff; transform:translateY(-2px); }
@media (max-width:1399px) { .uyc-ref-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:1199px) { .uyc-ref-hero__inner, .uyc-ref-intro { grid-template-columns:1fr; } .uyc-ref-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .uyc-ref-metric strong { font-size:100px; } }
@media (max-width:991px) { .uyc-ref-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) { .uyc-ref-shell { width:calc(100% - 28px); } .uyc-ref-hero { min-height:auto; padding:132px 0 58px; } .uyc-ref-hero h1 { font-size:58px; } .uyc-ref-control { margin-top:-10px; } .uyc-ref-filter { border-radius:24px; } .uyc-ref-grid { grid-template-columns:1fr; } .uyc-ref-logo-item { min-height:168px; } }

/* ===== variation\page\abouttemplate.php ===== */
.about-page-modern { background:#151a21; color:#fff; overflow:hidden; }
.about-page-hero { position:relative; min-height:720px; display:flex; align-items:flex-end; padding:220px 0 92px; background:#070a0f; overflow:hidden; }
.about-page-hero__image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:contrast(1.08) saturate(.92) brightness(.72); transform:scale(1.035); }
.about-page-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(5,7,10,.94) 0%, rgba(5,7,10,.72) 36%, rgba(5,7,10,.28) 68%, rgba(5,7,10,.86) 100%); }
.about-page-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:200px; z-index:2; background:linear-gradient(180deg, rgba(21,26,33,0), #151a21 82%); }
.about-page-container { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.about-page-hero__inner { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,460px); gap:clamp(44px,7vw,120px); align-items:end; }
.about-page-hero__content { min-width:0; }
.about-page-hero__panel { position:relative; padding:30px; border-radius:18px; background:rgba(255,255,255,.065); -webkit-backdrop-filter:blur(18px) saturate(1.16); backdrop-filter:blur(18px) saturate(1.16); box-shadow:0 28px 72px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.11); }
.about-page-hero__panel::before { content:''; position:absolute; left:30px; right:30px; top:0; height:3px; border-radius:999px; background:var(--sh-red,var(--theme-color)); }
.about-page-hero__panel span { display:block; color:rgba(255,255,255,.5); font-size:14px; font-weight:900; text-transform:uppercase; }
.about-page-hero__panel a { display:block; margin-top:10px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(30px,3vw,48px); font-weight:900; line-height:.96; text-decoration:none; }
.about-page-hero__panel p { margin:24px 0 0; color:rgba(255,255,255,.68); font-size:15px; font-weight:600; line-height:1.55; }
.about-page-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:20px; color:var(--sh-red,var(--theme-color)); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:16px; font-weight:900; line-height:1; letter-spacing:8px; text-transform:uppercase; }
.about-page-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--sh-red,var(--theme-color)); }
.about-page-hero h1 { max-width:1040px; margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(76px,10vw,162px); font-weight:900; line-height:.82; text-transform:uppercase; }
.about-page-hero__text { max-width:780px; margin:30px 0 0; color:rgba(255,255,255,.74); font-size:18px; font-weight:600; line-height:1.65; }
.about-page-intro { padding:28px 0 72px; }
.about-page-intro__grid { display:grid; grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr); gap:42px; align-items:start; }
.about-page-intro__headline { position:sticky; top:120px; }
.about-page-intro__headline h2, .about-story-content h2, .about-page-cta h2 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-weight:900; line-height:.88; text-transform:uppercase; }
.about-page-intro__headline h2 { font-size:clamp(48px,6vw,98px); }
.about-page-richtext { color:rgba(255,255,255,.74); font-size:18px; font-weight:600; line-height:1.72; }
.about-page-richtext p, .about-page-richtext span, .about-page-richtext div, .about-page-richtext li, .about-page-richtext strong, .about-page-richtext b { color:rgba(255,255,255,.74)!important; font-family:var(--body-font,'Big Shoulders Display',sans-serif)!important; font-size:18px!important; font-weight:600!important; line-height:1.72!important; background:transparent!important; }
.about-page-richtext h1, .about-page-richtext h2, .about-page-richtext h3, .about-page-richtext h4 { margin:26px 0 14px!important; color:#fff!important; font-family:var(--title-font,'Big Shoulders Display',sans-serif)!important; font-weight:900!important; line-height:.96!important; text-transform:uppercase; background:transparent!important; }
.about-page-richtext p { margin:0 0 18px; }
.about-story-list { padding:0 0 96px; }
.about-story-item { position:relative; display:grid; grid-template-columns:minmax(420px,.96fr) minmax(0,1.04fr); gap:clamp(28px,5vw,84px); align-items:center; min-height:620px; padding:58px 0; }
.about-story-item + .about-story-item { margin-top:22px; }
.about-story-item.is-image-right .about-story-media { order:2; }
.about-story-item.is-image-right .about-story-content { order:1; }
.about-story-media { position:relative; min-height:560px; overflow:hidden; border-radius:22px; background:#080b10; box-shadow:0 34px 90px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08); }
.about-story-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:contrast(1.06) saturate(.95) brightness(.86); transition:transform .55s ease, filter .55s ease; }
.about-story-media::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,12,17,0) 36%, rgba(10,12,17,.88) 100%); }
.about-story-item:hover .about-story-media img { transform:scale(1.045); filter:contrast(1.1) saturate(1) brightness(.92); }
.about-story-content { position:relative; padding:clamp(30px,4vw,64px); border-radius:22px; background:radial-gradient(circle at 86% 10%, rgba(var(--theme-rgb),.13), transparent 34%), linear-gradient(145deg, rgba(255,255,255,.074), rgba(255,255,255,.032)); box-shadow:0 28px 82px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08); }
.about-story-content::before { content:''; position:absolute; top:34px; bottom:34px; left:0; width:3px; border-radius:999px; background:var(--sh-red,var(--theme-color)); box-shadow:0 0 28px rgba(var(--theme-rgb),.42); }
.about-story-content h2 { font-size:clamp(46px,5vw,86px); }
.about-story-content p { margin:24px 0 0; color:rgba(255,255,255,.72); font-size:18px; font-weight:600; line-height:1.68; }
.about-story-empty { padding:0 0 96px; }
.about-story-empty__panel { display:grid; grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr); gap:30px; align-items:stretch; }
.about-story-empty__media { min-height:620px; border-radius:22px; overflow:hidden; background:#090c11; box-shadow:0 34px 90px rgba(0,0,0,.32); }
.about-story-empty__media img { width:100%; height:100%; object-fit:cover; filter:contrast(1.06) saturate(.94) brightness(.86); }
.about-page-cta { padding:0 0 96px; }
.about-page-cta__inner { min-height:260px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:34px; align-items:center; padding:clamp(34px,5vw,72px); border-radius:22px; background:radial-gradient(circle at 86% 20%, rgba(var(--theme-rgb),.22), transparent 34%), #0b0f15; box-shadow:0 34px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08); }
.about-page-cta h2 { font-size:clamp(46px,5vw,86px); }
.about-page-cta p { max-width:720px; margin:18px 0 0; color:rgba(255,255,255,.68); font-size:17px; font-weight:600; line-height:1.6; }
.about-page-cta a { display:inline-flex; min-height:62px; align-items:center; justify-content:center; gap:14px; padding:0 34px; border-radius:999px; background:#fff; color:#11151b; font-weight:900; text-decoration:none; white-space:nowrap; transition:transform .22s ease, background .22s ease, color .22s ease, box-shadow .22s ease; }
.about-page-cta a i { color:var(--sh-red,var(--theme-color)); }
.about-page-cta a:hover { background:var(--sh-red,var(--theme-color)); color:#fff; transform:translateY(-3px); box-shadow:0 24px 56px rgba(var(--theme-rgb),.22); }
.about-page-cta a:hover i { color:#fff; }
@media (max-width:1199px) { .about-page-hero__inner, .about-page-intro__grid, .about-story-item, .about-story-empty__panel, .about-page-cta__inner { grid-template-columns:1fr; } .about-page-intro__headline { position:relative; top:auto; } .about-story-item.is-image-right .about-story-media, .about-story-item.is-image-right .about-story-content { order:initial; } .about-story-media { min-height:500px; } }
@media (max-width:767px) { .about-page-container { width:calc(100% - 28px); } .about-page-hero { min-height:auto; padding:130px 0 58px; } .about-page-hero h1 { font-size:58px; } .about-page-hero__panel { padding:24px; } .about-page-intro { padding:22px 0 46px; } .about-story-item { min-height:auto; padding:30px 0; } .about-story-media, .about-story-empty__media { min-height:390px; border-radius:16px; } .about-story-content { padding:30px 22px; border-radius:16px; } .about-page-richtext p, .about-page-richtext span, .about-page-richtext div, .about-page-richtext li { font-size:16px!important; } .about-page-cta { padding-bottom:62px; } .about-page-cta__inner { padding:30px 22px; border-radius:16px; } .about-page-cta a { width:100%; } }

/* ===== variation\page\announcementstemplate.php ===== */
/* ===== Modern Breadcrumb - Universal ===== */
.modern-breadcrumb {
    position: relative;
    padding: 220px 0 80px;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    overflow: hidden;
}

.modern-breadcrumb::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--theme-color, #0F3567);
    opacity: 0.85;
    z-index: 1;
}

.modern-breadcrumb::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(226, 185, 59, 0.3) 50%, transparent 100%);
    z-index: 2;
}

.modern-breadcrumb-content {
    position: relative;
    z-index: 2;
    text-align: center;
}

.modern-breadcrumb-title {
    font-size: 48px;
    font-weight: 700;
    color: white;
    margin-bottom: 20px;
    font-family: var(--title-font, "Exo", sans-serif);
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    animation: slideInDown 0.6s ease;
}

@keyframes slideInDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modern-breadcrumb-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
    animation: slideInUp 0.6s ease 0.1s both;
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modern-breadcrumb-menu li {
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.modern-breadcrumb-menu li::before {
    content: '/';
    margin: 0 12px;
    color: rgba(255, 255, 255, 0.5);
}

.modern-breadcrumb-menu li:first-child::before {
    display: none;
}

.modern-breadcrumb-menu a {
    color: white;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
}

.modern-breadcrumb-menu a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--gr-color2, #E2B93B);
    transition: width 0.3s ease;
}

.modern-breadcrumb-menu a:hover {
    color: var(--gr-color2, #E2B93B);
}

.modern-breadcrumb-menu a:hover::after {
    width: 100%;
}

/* Responsive */
@media (max-width: 991px) {
    .modern-breadcrumb {
        padding: 180px 0 60px;
    }
    
    .modern-breadcrumb-title {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .modern-breadcrumb {
        padding: 120px 0 50px;
    }
    
    .modern-breadcrumb-title {
        font-size: 28px;
        margin-bottom: 15px;
    }
    
    .modern-breadcrumb-menu {
        gap: 10px;
        font-size: 14px;
    }
    
    .modern-breadcrumb-menu li::before {
        margin: 0 8px;
    }
}

@media (max-width: 575px) {
    .modern-breadcrumb {
        padding: 100px 0 40px;
    }
    
    .modern-breadcrumb-title {
        font-size: 22px;
        margin-bottom: 12px;
    }
    
    .modern-breadcrumb-menu {
        gap: 8px;
        font-size: 13px;
    }
    
    .modern-breadcrumb-menu li::before {
        margin: 0 6px;
    }
}

/* Notices Header */
.modern-notices-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
    flex-wrap: wrap;
    gap: 30px;
}

.modern-notices-title-area {
    flex: 1;
    min-width: 250px;
}

.modern-notices-title-area .sm-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--gr-color2, #E2B93B);
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 12px;
    display: block;
}

.modern-notices-title-area .title {
    font-size: 36px;
    font-weight: 700;
    color: var(--theme-color, #0F3567);
    font-family: var(--title-font, "Exo", sans-serif);
    margin: 0;
}

/* Notices Grid */
.modern-notices-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-bottom: 60px;
}

/* Notice Card */
.modern-notice-card {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(15, 53, 103, 0.1);
    border: 1px solid rgba(15, 53, 103, 0.08);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    display: flex;
    flex-direction: row;
    height: 100%;
    align-items: stretch;
}

.modern-notice-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--theme-color, #0F3567), var(--gr-color2, #E2B93B));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
    z-index: 1;
}

.modern-notice-card:hover::before {
    transform: scaleX(1);
}

.modern-notice-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(15, 53, 103, 0.15);
    border-color: var(--gr-color2, #E2B93B);
}

/* Notice Image */
.modern-notice-img {
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: var(--theme-color, #0F3567);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modern-notice-img svg {
    width: 50px;
    height: 50px;
    color: var(--gr-color2, #E2B93B);
}

.modern-notice-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: none;
}

.modern-notice-card:hover .modern-notice-img img {
    transform: scale(1.12) rotate(1deg);
}

/* Notice Date Badge */
.modern-notice-date {
    display: none;
}

/* Notice Content */
.modern-notice-content {
    padding: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Notice Title */
.modern-notice-title {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    font-family: var(--title-font, "Exo", sans-serif);
    line-height: 1.3;
}

.modern-notice-title a {
    color: var(--theme-color, #E2B93B);
    text-decoration: none;
    transition: color 0.3s ease;
}

.modern-notice-title a:hover {
    color: var(--theme-color, #0F3567);
}

/* No Content */
.modern-no-content {
    text-align: center;
    padding: 60px 20px;
    color: #666;
}

.modern-no-content-icon {
    font-size: 48px;
    color: var(--gr-color2, #E2B93B);
    margin-bottom: 20px;
}

.modern-no-content-text {
    font-size: 18px;
    font-weight: 600;
    color: var(--theme-color, #0F3567);
}

/* Pagination */
.modern-pagination-area {
    display: flex;
    justify-content: center;
    margin-top: 60px;
}

.modern-pagination {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.modern-page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 45px;
    height: 45px;
    padding: 0 12px;
    background: #ffffff;
    border: 2px solid #e9ecef;
    border-radius: 10px;
    color: var(--theme-color, #0F3567);
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.modern-page-link:hover {
    background: #f8f9fa;
    border-color: var(--theme-color, #0F3567);
    transform: translateY(-2px);
}

.modern-page-link.modern-page-active {
    background: var(--theme-color, #0F3567);
    color: white;
    border-color: var(--theme-color, #0F3567);
    box-shadow: 0 8px 20px rgba(15, 53, 103, 0.2);
}

.modern-page-link i {
    font-size: 16px;
}

/* Responsive */
@media (max-width: 1200px) {
    .modern-notices-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}

@media (max-width: 991px) {
    .modern-notices-section {
        padding: 70px 0;
    }
    
    .modern-notices-title-area .title {
        font-size: 32px;
    }
    
    .modern-notices-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .modern-notice-img {
        height: 160px;
    }
}

@media (max-width: 767px) {
    .modern-notices-section {
        padding: 60px 0;
    }
    
    .modern-notices-header {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 45px;
    }
    
    .modern-notices-title-area .title {
        font-size: 28px;
    }
    
    .modern-notices-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        margin-bottom: 40px;
    }
    
    .modern-notice-img {
        height: 150px;
    }
    
    .modern-notice-content {
        padding: 18px;
    }
    
    .modern-notice-title {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .modern-notices-section {
        padding: 50px 0;
    }
    
    .modern-notices-title-area .title {
        font-size: 24px;
    }
    
    .modern-notices-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .modern-notice-img {
        height: 180px;
    }
    
    .modern-pagination {
        gap: 6px;
    }
    
    .modern-page-link {
        min-width: 40px;
        height: 40px;
        font-size: 13px;
        padding: 0 8px;
    }
}

/* ===== variation\page\bankaccountstemplate.php ===== */
.uyc-bank-page { --bank-bg:#151a21; --bank-red:var(--sh-red,var(--theme-color)); background:var(--bank-bg); color:#fff; overflow:hidden; }
.uyc-bank-shell { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.uyc-bank-hero { position:relative; min-height:540px; display:flex; align-items:flex-end; padding:168px 0 66px; background:#070a0f; overflow:hidden; isolation:isolate; }
.uyc-bank-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.42) contrast(1.08) saturate(.86); transform:scale(1.045); }
.uyc-bank-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(5,7,10,.98), rgba(8,12,18,.78) 46%, rgba(var(--theme-rgb),.18) 78%, rgba(5,7,10,.94)); }
.uyc-bank-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:180px; z-index:2; background:linear-gradient(180deg, rgba(21,26,33,0), var(--bank-bg) 86%); }
.uyc-bank-hero__inner { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,430px); gap:clamp(34px,6vw,100px); align-items:end; }
.uyc-bank-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:22px; color:rgba(255,255,255,.58); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-bank-breadcrumb a { color:rgba(255,255,255,.84); text-decoration:none; }
.uyc-bank-breadcrumb i { color:var(--bank-red); font-size:10px; }
.uyc-bank-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--bank-red); font-family:var(--title-font); font-size:16px; font-weight:900; letter-spacing:8px; line-height:1; text-transform:uppercase; }
.uyc-bank-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--bank-red); }
.uyc-bank-hero h1 { max-width:980px; margin:0; color:#fff; font-family:var(--title-font); font-size:clamp(66px,8vw,132px); font-weight:900; line-height:.84; text-transform:uppercase; }
.uyc-bank-hero p { max-width:690px; margin:24px 0 0; color:rgba(255,255,255,.72); font-size:18px; font-weight:650; line-height:1.62; }
.uyc-bank-panel { position:relative; padding:28px; border-radius:18px; background:rgba(255,255,255,.075); -webkit-backdrop-filter:blur(18px) saturate(1.14); backdrop-filter:blur(18px) saturate(1.14); box-shadow:0 28px 74px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.1); }
.uyc-bank-panel::before { content:''; position:absolute; left:28px; right:28px; top:0; height:3px; border-radius:999px; background:var(--bank-red); }
.uyc-bank-panel span { display:block; color:rgba(255,255,255,.52); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-bank-panel strong { display:block; margin-top:10px; color:#fff; font-family:var(--title-font); font-size:clamp(46px,5vw,74px); font-weight:900; line-height:.86; }
.uyc-bank-main { padding:8px 0 108px; background:var(--bank-bg); }
.uyc-bank-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,520px); gap:28px; align-items:end; margin-bottom:34px; }
.uyc-bank-head h2 { margin:0; color:#fff; font-family:var(--title-font); font-size:clamp(48px,5.4vw,88px); font-weight:900; line-height:.88; text-transform:uppercase; }
.uyc-bank-head p { margin:0; color:rgba(255,255,255,.62); font-size:15px; font-weight:650; line-height:1.68; }
.uyc-bank-list { display:grid; gap:18px; }
.uyc-bank-card { position:relative; display:grid; grid-template-columns:minmax(180px,260px) minmax(0,1fr) auto; gap:22px; align-items:center; min-height:142px; padding:24px; border-radius:18px; background:linear-gradient(145deg, rgba(31,38,48,.98), rgba(10,14,20,.98)); box-shadow:0 24px 70px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08); overflow:hidden; }
.uyc-bank-card::after { content:''; position:absolute; right:-80px; bottom:-90px; width:220px; height:220px; border-radius:50%; background:rgba(var(--theme-rgb),.18); filter:blur(24px); opacity:.65; pointer-events:none; }
.uyc-bank-card > * { position:relative; z-index:1; }
.uyc-bank-name { display:flex; align-items:center; gap:14px; min-height:82px; padding:18px; border-radius:16px; background:rgba(255,255,255,.07); color:#fff; font-family:var(--title-font); font-size:clamp(28px,2.6vw,42px); font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-bank-name i { width:42px; height:42px; flex:0 0 42px; display:grid; place-items:center; border-radius:50%; background:var(--bank-red); font-size:16px; }
.uyc-bank-account h3 { margin:0 0 16px; color:#fff; font-family:var(--title-font); font-size:clamp(30px,2.7vw,46px); font-weight:900; line-height:.92; text-transform:uppercase; }
.uyc-bank-details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.uyc-bank-detail span { display:block; margin-bottom:6px; color:rgba(255,255,255,.48); font-size:11px; font-weight:900; text-transform:uppercase; }
.uyc-bank-detail strong { display:block; color:rgba(255,255,255,.86); font-size:13px; font-weight:850; line-height:1.45; word-break:break-word; }
.uyc-bank-copy { min-height:48px; padding:0 18px; border:0; border-radius:999px; background:#fff; color:#11151c; font-size:12px; font-weight:950; text-transform:uppercase; cursor:pointer; transition:background .22s ease, color .22s ease, transform .22s ease; }
.uyc-bank-copy i { color:var(--bank-red); margin-right:8px; }
.uyc-bank-copy:hover { background:var(--bank-red); color:#fff; transform:translateY(-2px); }
.uyc-bank-copy:hover i { color:#fff; }
.uyc-bank-empty { min-height:280px; display:grid; place-items:center; text-align:center; border-radius:18px; background:rgba(255,255,255,.055); color:rgba(255,255,255,.72); font-weight:850; }
@media (max-width:1199px) { .uyc-bank-hero__inner, .uyc-bank-head, .uyc-bank-card { grid-template-columns:1fr; } .uyc-bank-details { grid-template-columns:repeat(2,minmax(0,1fr)); } .uyc-bank-copy { width:max-content; } }
@media (max-width:767px) { .uyc-bank-shell { width:calc(100% - 28px); } .uyc-bank-hero { min-height:auto; padding:132px 0 54px; } .uyc-bank-hero h1 { font-size:56px; } .uyc-bank-main { padding:0 0 74px; } .uyc-bank-details { grid-template-columns:1fr; } .uyc-bank-card { padding:20px; } }

/* ===== variation\page\blogtemplate.php ===== */
.uyc-blog-page { background:#151a21; color:#fff; overflow:hidden; }
.uyc-blog-hero { position:relative; min-height:520px; display:flex; align-items:flex-end; padding:175px 0 62px; background:#070a0f; overflow:hidden; }
.uyc-blog-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:contrast(1.08) saturate(.92) brightness(.64); transform:scale(1.04); }
.uyc-blog-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(5,7,10,.96) 0%, rgba(5,7,10,.76) 36%, rgba(5,7,10,.24) 70%, rgba(5,7,10,.88) 100%); }
.uyc-blog-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:190px; z-index:2; background:linear-gradient(180deg, rgba(21,26,33,0), #151a21 84%); }
.uyc-blog-shell { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.uyc-blog-hero__inner { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,430px); gap:clamp(44px,7vw,116px); align-items:end; }
.uyc-blog-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--sh-red,var(--theme-color)); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:16px; font-weight:900; line-height:1; letter-spacing:8px; text-transform:uppercase; }
.uyc-blog-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--sh-red,var(--theme-color)); }
.uyc-blog-hero h1 { max-width:900px; margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(66px,8.8vw,132px); font-weight:900; line-height:.84; text-transform:uppercase; }
.uyc-blog-hero p { max-width:660px; margin:26px 0 0; color:rgba(255,255,255,.72); font-size:18px; font-weight:600; line-height:1.62; }
.uyc-blog-hero__panel { position:relative; padding:28px; border-radius:18px; background:rgba(255,255,255,.065); -webkit-backdrop-filter:blur(18px) saturate(1.16); backdrop-filter:blur(18px) saturate(1.16); box-shadow:0 28px 72px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.11); }
.uyc-blog-hero__panel::before { content:''; position:absolute; left:28px; right:28px; top:0; height:3px; border-radius:999px; background:var(--sh-red,var(--theme-color)); }
.uyc-blog-hero__panel span { display:block; color:rgba(255,255,255,.48); font-size:13px; font-weight:900; text-transform:uppercase; }
.uyc-blog-hero__panel strong { display:block; margin-top:8px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(38px,4vw,62px); font-weight:900; line-height:.9; }
.uyc-blog-hero__panel small { display:block; margin-top:16px; color:rgba(255,255,255,.62); font-size:15px; font-weight:600; line-height:1.45; }
.uyc-blog-main { position:relative; padding:18px 0 105px; background:#151a21; }
.uyc-blog-head { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:28px; }
.uyc-blog-head h2 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(44px,5.2vw,78px); font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-blog-head p { max-width:540px; margin:0; color:rgba(255,255,255,.62); font-size:16px; font-weight:600; line-height:1.58; }
.uyc-blog-filters { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 34px; }
.uyc-blog-filter { display:inline-flex; min-height:42px; align-items:center; justify-content:center; padding:0 18px; border-radius:999px; background:rgba(255,255,255,.07); color:rgba(255,255,255,.76); font-size:13px; font-weight:900; text-decoration:none; text-transform:uppercase; transition:background .22s ease, color .22s ease, transform .22s ease; }
.uyc-blog-filter:hover, .uyc-blog-filter.is-active { background:var(--sh-red,var(--theme-color)); color:#fff; transform:translateY(-2px); }
.uyc-blog-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:22px; }
.uyc-blog-grid.is-compact { grid-template-columns:repeat(2, minmax(0, 1fr)); }
.uyc-blog-card { position:relative; min-height:460px; overflow:hidden; border-radius:18px; background:#090c11; box-shadow:0 28px 82px rgba(0,0,0,.27); isolation:isolate; }
.uyc-blog-card.is-featured { grid-column:span 2; min-height:520px; }
.uyc-blog-grid.is-compact .uyc-blog-card.is-featured { grid-column:auto; min-height:460px; }
.uyc-blog-card__image { position:absolute; inset:0; display:block; }
.uyc-blog-card__image img { width:100%; height:100%; object-fit:cover; filter:contrast(1.07) saturate(.94) brightness(.72); transform:scale(1.025); transition:transform .55s ease, filter .55s ease; }
.uyc-blog-card::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(5,7,10,.05) 12%, rgba(5,7,10,.46) 48%, rgba(5,7,10,.94) 100%); pointer-events:none; }
.uyc-blog-card::after { content:''; position:absolute; left:-70px; bottom:-90px; width:260px; height:260px; border-radius:50%; background:rgba(var(--theme-rgb),.2); filter:blur(28px); z-index:2; opacity:0; transition:opacity .25s ease; pointer-events:none; }
.uyc-blog-card:hover::after { opacity:1; }
.uyc-blog-card:hover .uyc-blog-card__image img { transform:scale(1.07); filter:contrast(1.1) saturate(1) brightness(.82); }
.uyc-blog-card__body { position:absolute; left:0; right:0; bottom:0; z-index:3; padding:26px 28px 28px; background:linear-gradient(180deg, rgba(7,9,13,0), rgba(7,9,13,.38)); }
.uyc-blog-card__meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:16px; color:rgba(255,255,255,.76); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-blog-card__date { display:inline-flex; min-height:26px; align-items:center; padding:0 10px; background:rgba(255,255,255,.2); color:#fff; font-weight:900; }
.uyc-blog-card__category { color:#fff; }
.uyc-blog-card h3 { max-width:820px; margin:0; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(30px,2.8vw,48px); font-weight:900; line-height:.96; text-transform:uppercase; }
.uyc-blog-card:not(.is-featured) h3, .uyc-blog-grid.is-compact .uyc-blog-card h3 { font-size:clamp(30px,2.35vw,40px); }
.uyc-blog-card h3 a { color:#fff; text-decoration:none; transition:color .22s ease; }
.uyc-blog-card h3 a:hover { color:var(--sh-red,var(--theme-color)); }
.uyc-blog-card__excerpt { max-width:720px; margin:14px 0 0; color:rgba(255,255,255,.72); font-size:14px; font-weight:600; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.uyc-blog-card__link { display:inline-flex; align-items:center; gap:10px; margin-top:18px; color:#fff; font-size:14px; font-weight:900; text-decoration:none; }
.uyc-blog-card__link i { width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:var(--sh-red,var(--theme-color)); color:#fff; font-size:12px; transition:transform .22s ease; }
.uyc-blog-card__link:hover { color:#fff; }
.uyc-blog-card__link:hover i { transform:translateX(4px); }
.uyc-blog-empty { min-height:280px; display:grid; place-items:center; text-align:center; border-radius:18px; background:rgba(255,255,255,.055); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.uyc-blog-empty i { display:block; margin-bottom:18px; color:var(--sh-red,var(--theme-color)); font-size:42px; }
.uyc-blog-empty p { margin:0; color:rgba(255,255,255,.72); font-size:18px; font-weight:700; }
.uyc-blog-pagination { display:flex; justify-content:center; margin-top:54px; }
.uyc-blog-pagination__inner { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.uyc-blog-page-link { min-width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; padding:0 14px; border-radius:999px; background:rgba(255,255,255,.075); color:#fff; font-weight:900; text-decoration:none; transition:background .22s ease, transform .22s ease; }
.uyc-blog-page-link:hover, .uyc-blog-page-link.is-active { background:var(--sh-red,var(--theme-color)); color:#fff; transform:translateY(-2px); }
@media (max-width:1199px) { .uyc-blog-hero__inner { grid-template-columns:1fr; } .uyc-blog-grid, .uyc-blog-grid.is-compact { grid-template-columns:repeat(2, minmax(0,1fr)); } .uyc-blog-card.is-featured { grid-column:span 2; } .uyc-blog-grid.is-compact .uyc-blog-card.is-featured { grid-column:auto; } .uyc-blog-head { display:block; } .uyc-blog-head p { margin-top:18px; } }
@media (max-width:767px) { .uyc-blog-shell { width:calc(100% - 28px); } .uyc-blog-hero { min-height:auto; padding:130px 0 48px; } .uyc-blog-hero h1 { font-size:56px; } .uyc-blog-main { padding:16px 0 68px; } .uyc-blog-grid, .uyc-blog-grid.is-compact { grid-template-columns:1fr; } .uyc-blog-card, .uyc-blog-card.is-featured { grid-column:auto; min-height:430px; border-radius:16px; } .uyc-blog-card__body { padding:24px 20px; } .uyc-blog-filters { overflow-x:auto; flex-wrap:nowrap; padding-bottom:6px; } .uyc-blog-filter { flex:0 0 auto; } }

/* ===== variation\page\branchestemplate.php ===== */
.uyc-branches-page { --branch-bg:#151a21; --branch-soft:#1d232c; --branch-red:var(--sh-red,var(--theme-color)); --branch-accent:var(--gr-color2,var(--theme-color)); background:var(--branch-bg); color:#fff; overflow:hidden; }
.uyc-branches-shell { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.uyc-branches-hero { position:relative; min-height:570px; display:flex; align-items:flex-end; padding:178px 0 74px; background:#070a0f; overflow:hidden; isolation:isolate; }
.uyc-branches-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.45) contrast(1.1) saturate(.9); transform:scale(1.045); }
.uyc-branches-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(5,7,10,.98) 0%, rgba(8,12,18,.77) 42%, rgba(var(--theme-rgb),.18) 78%, rgba(5,7,10,.94) 100%); }
.uyc-branches-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:180px; z-index:2; background:linear-gradient(180deg, rgba(21,26,33,0), var(--branch-bg) 86%); }
.uyc-branches-hero__inner { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,460px); gap:clamp(34px,6vw,100px); align-items:end; }
.uyc-branches-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:22px; color:rgba(255,255,255,.56); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-branches-breadcrumb a { color:rgba(255,255,255,.82); text-decoration:none; }
.uyc-branches-breadcrumb a:hover { color:#fff; }
.uyc-branches-breadcrumb i { color:var(--branch-red); font-size:10px; }
.uyc-branches-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--branch-red); font-family:var(--title-font); font-size:16px; font-weight:900; letter-spacing:8px; line-height:1; text-transform:uppercase; }
.uyc-branches-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--branch-red); }
.uyc-branches-hero h1 { max-width:940px; margin:0; color:#fff; font-family:var(--title-font); font-size:clamp(66px,8.2vw,138px); font-weight:900; line-height:.84; letter-spacing:0; text-transform:uppercase; text-wrap:balance; }
.uyc-branches-hero p { max-width:690px; margin:26px 0 0; color:rgba(255,255,255,.72); font-size:18px; font-weight:650; line-height:1.64; }
.uyc-branches-stat { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:12px; border-radius:20px; background:rgba(255,255,255,.075); -webkit-backdrop-filter:blur(18px) saturate(1.14); backdrop-filter:blur(18px) saturate(1.14); box-shadow:0 28px 74px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.1); }
.uyc-branches-stat::before { content:''; position:absolute; left:30px; right:30px; top:0; height:3px; border-radius:999px; background:var(--branch-red); }
.uyc-branches-stat__item { min-height:142px; padding:24px; border-radius:16px; background:rgba(7,10,15,.54); }
.uyc-branches-stat__item span { display:block; color:rgba(255,255,255,.52); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-branches-stat__item strong { display:block; margin-top:12px; color:#fff; font-family:var(--title-font); font-size:clamp(46px,5vw,76px); font-weight:900; line-height:.86; }
.uyc-branches-main { position:relative; padding:8px 0 110px; background:var(--branch-bg); }
.uyc-branches-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:30px; }
.uyc-branches-head h2 { margin:0; color:#fff; font-family:var(--title-font); font-size:clamp(50px,5vw,84px); font-weight:900; line-height:.86; text-transform:uppercase; }
.uyc-branches-head p { max-width:560px; margin:0; color:rgba(255,255,255,.62); font-size:15px; font-weight:650; line-height:1.62; }
.uyc-branches-map-wrap { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(270px,360px); gap:24px; align-items:stretch; }
.uyc-branches-map-card, .uyc-branches-city-panel, .uyc-branches-cta { position:relative; border-radius:20px; background:linear-gradient(145deg, rgba(28,35,45,.92), rgba(9,13,19,.98)); box-shadow:0 28px 78px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.07); overflow:hidden; }
.uyc-branches-map-card { min-height:620px; padding:28px 34px; display:flex; align-items:center; justify-content:center; }
.uyc-branches-map-card::before { content:''; position:absolute; inset:18px; border-radius:18px; background:radial-gradient(circle at 54% 48%, rgba(var(--theme-rgb),.16), transparent 34%), linear-gradient(180deg, rgba(255,255,255,.035), transparent 54%); pointer-events:none; z-index:0; }
.uyc-branches-map-card .turkey-map-drawing { position:relative; z-index:1; width:min(100%, 1100px); min-height:560px; display:flex; align-items:center; justify-content:center; }
.uyc-branches-map-card #turkey-map-drawing { width:100%; max-width:none; height:auto; max-height:none; display:block; transform:none; transform-origin:center; filter:drop-shadow(0 26px 44px rgba(0,0,0,.34)); }
#turkey-map-drawing g path { fill:rgba(255,255,255,.12); stroke:rgba(255,255,255,.32); stroke-width:.7; cursor:pointer; transition:fill .22s ease, stroke .22s ease, transform .22s ease; }
#turkey-map-drawing g path:hover { fill:rgba(255,255,255,.22); stroke:#fff; }
#turkey-map-drawing g path.has-branch { fill:rgba(var(--theme-rgb),.72); stroke:rgba(255,255,255,.72); }
#turkey-map-drawing g path.has-branch:hover, #turkey-map-drawing g path.active { fill:var(--branch-red) !important; stroke:#fff !important; }
.uyc-branches-city-panel { padding:26px; }
.uyc-branches-city-panel h3 { margin:0; color:#fff; font-family:var(--title-font); font-size:42px; font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-branches-city-panel p { margin:14px 0 22px; color:rgba(255,255,255,.6); font-size:14px; font-weight:650; line-height:1.56; }
.uyc-branches-city-list { display:flex; flex-wrap:wrap; gap:10px; max-height:360px; overflow:auto; padding-right:4px; }
.uyc-branches-city-btn { min-height:40px; padding:0 14px; border:0; border-radius:999px; background:rgba(255,255,255,.08); color:#fff; font-size:12px; font-weight:900; text-transform:uppercase; cursor:pointer; transition:background .2s ease, transform .2s ease, color .2s ease; }
.uyc-branches-city-btn:hover, .uyc-branches-city-btn.is-active { background:var(--branch-red); color:#fff; transform:translateY(-2px); }
.uyc-branches-results { padding-top:58px; }
.uyc-branches-results.is-awaiting, .uyc-branches-results[hidden] { display:none !important; }
.uyc-branches-results-head { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:24px; }
.uyc-branches-results-head h2 { margin:0; color:#fff; font-family:var(--title-font); font-size:clamp(44px,4vw,70px); font-weight:900; line-height:.88; text-transform:uppercase; }
.uyc-branches-results-head span { color:rgba(255,255,255,.52); font-weight:900; text-transform:uppercase; }
.uyc-branches-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.uyc-branch-card { position:relative; min-height:310px; padding:26px; border-radius:18px; background:linear-gradient(145deg, rgba(31,38,48,.98), rgba(10,14,20,.98)); box-shadow:0 24px 70px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08); overflow:hidden; }
.uyc-branch-card::after { content:''; position:absolute; right:-54px; bottom:-64px; width:170px; height:170px; border-radius:50%; background:rgba(var(--theme-rgb),.17); filter:blur(18px); opacity:0; transition:opacity .25s ease; }
.uyc-branch-card:hover::after { opacity:1; }
.uyc-branch-card > * { position:relative; z-index:1; }
.uyc-branch-card__top { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; margin-bottom:24px; }
.uyc-branch-card__icon { width:54px; height:54px; display:flex; align-items:center; justify-content:center; border-radius:16px; background:var(--branch-red); color:#fff; box-shadow:0 16px 36px rgba(var(--theme-rgb),.25); }
.uyc-branch-card small { color:var(--branch-red); font-family:var(--title-font); font-size:14px; font-weight:900; letter-spacing:4px; text-transform:uppercase; }
.uyc-branch-card h3 { margin:0 0 16px; color:#fff; font-family:var(--title-font); font-size:clamp(32px,3vw,48px); font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-branch-line { display:flex; gap:12px; align-items:flex-start; margin-top:14px; color:rgba(255,255,255,.68); font-size:14px; font-weight:700; line-height:1.5; }
.uyc-branch-line i { width:28px; height:28px; flex:0 0 28px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(255,255,255,.08); color:var(--branch-red); font-size:12px; }
.uyc-branch-line a { color:#fff; text-decoration:none; }
.uyc-branch-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.uyc-branch-action { display:inline-flex; align-items:center; gap:9px; min-height:40px; padding:0 14px; border:0; border-radius:999px; background:#fff; color:#11151c; text-decoration:none; font-size:12px; font-weight:900; text-transform:uppercase; cursor:pointer; }
.uyc-branch-action.is-red { background:var(--branch-red); color:#fff; }
.uyc-branch-action.is-map { background:rgba(255,255,255,.08); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.uyc-branch-action.is-map:hover { background:var(--branch-red); color:#fff; }
.uyc-branches-map-embed { grid-column:1 / -1; overflow:hidden; border-radius:18px; background:#080c12; box-shadow:0 24px 70px rgba(0,0,0,.28); scroll-margin-top:110px; }
.uyc-branches-map-embed.is-hidden { display:none; }
.uyc-branches-map-embed iframe { width:100%; height:360px; border:0; display:block; filter:grayscale(.25) contrast(1.05); }
.uyc-branches-empty { min-height:260px; display:grid; place-items:center; text-align:center; border-radius:18px; background:rgba(255,255,255,.055); color:rgba(255,255,255,.68); font-weight:800; }
.uyc-branches-cta { margin-top:70px; padding:34px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; align-items:center; }
.uyc-branches-cta span { display:block; color:var(--branch-red); font-family:var(--title-font); font-size:14px; font-weight:900; letter-spacing:5px; text-transform:uppercase; }
.uyc-branches-cta h2 { margin:12px 0 10px; color:#fff; font-family:var(--title-font); font-size:clamp(42px,4vw,72px); font-weight:900; line-height:.88; text-transform:uppercase; }
.uyc-branches-cta p { margin:0; color:rgba(255,255,255,.62); font-size:15px; font-weight:650; line-height:1.6; }
.uyc-branches-cta-actions { display:flex; flex-wrap:wrap; gap:12px; justify-content:flex-end; }
.uyc-branches-cta-btn { display:inline-flex; align-items:center; gap:12px; min-height:52px; padding:0 21px 0 8px; border-radius:999px; background:#fff; color:#11151c; text-decoration:none; font-weight:900; text-transform:uppercase; }
.uyc-branches-cta-btn i { width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:var(--branch-red); color:#fff; font-size:12px; }
.uyc-branches-cta-btn.is-red { background:var(--branch-red); color:#fff; }
.uyc-branches-cta-btn.is-red i { background:#fff; color:var(--branch-red); }
@media (max-width:1199px) { .uyc-branches-hero__inner, .uyc-branches-map-wrap { grid-template-columns:1fr; } .uyc-branches-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) { .uyc-branches-shell { width:calc(100% - 28px); } .uyc-branches-hero { min-height:auto; padding:132px 0 54px; } .uyc-branches-hero h1 { font-size:58px; } .uyc-branches-stat { grid-template-columns:1fr; } .uyc-branches-main { padding:0 0 76px; } .uyc-branches-head, .uyc-branches-results-head, .uyc-branches-cta { display:block; } .uyc-branches-head p, .uyc-branches-results-head span { margin-top:14px; display:block; } .uyc-branches-map-card { min-height:360px; padding:14px; } .uyc-branches-map-card::before { inset:10px; } .uyc-branches-map-card .turkey-map-drawing { width:100%; min-height:310px; } .uyc-branches-map-card #turkey-map-drawing { transform:none; max-height:none; } .uyc-branches-grid { grid-template-columns:1fr; } .uyc-branches-cta-actions { justify-content:flex-start; margin-top:24px; } }

/* ===== variation\page\catalogstemplate.php ===== */
.uyc-catalog-page { --uyc-bg:#151a21; --uyc-red:var(--sh-red,var(--theme-color)); background:var(--uyc-bg); color:#fff; overflow:hidden; }
.uyc-catalog-shell { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.uyc-catalog-hero { position:relative; min-height:520px; display:flex; align-items:flex-end; padding:168px 0 60px; background:#070a0f; overflow:hidden; }
.uyc-catalog-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:contrast(1.08) saturate(.92) brightness(.58); transform:scale(1.04); }
.uyc-catalog-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(5,7,10,.96) 0%, rgba(5,7,10,.72) 40%, rgba(5,7,10,.24) 72%, rgba(5,7,10,.86) 100%); }
.uyc-catalog-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:180px; z-index:2; background:linear-gradient(180deg, rgba(21,26,33,0), #151a21 84%); }
.uyc-catalog-hero__inner { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,420px); gap:clamp(36px,6vw,110px); align-items:end; }
.uyc-catalog-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:20px; color:rgba(255,255,255,.52); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-catalog-breadcrumb a { color:rgba(255,255,255,.74); text-decoration:none; transition:color .22s ease; }
.uyc-catalog-breadcrumb a:hover { color:#fff; }
.uyc-catalog-breadcrumb i { color:var(--uyc-red); font-size:10px; }
.uyc-catalog-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--uyc-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:16px; font-weight:900; line-height:1; letter-spacing:8px; text-transform:uppercase; }
.uyc-catalog-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--uyc-red); }
.uyc-catalog-hero h1 { max-width:980px; margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(64px,8.5vw,126px); font-weight:900; line-height:.84; text-transform:uppercase; }
.uyc-catalog-hero p { max-width:700px; margin:24px 0 0; color:rgba(255,255,255,.72); font-size:18px; font-weight:650; line-height:1.6; }
.uyc-catalog-panel { position:relative; padding:28px; border-radius:18px; background:rgba(255,255,255,.065); -webkit-backdrop-filter:blur(18px) saturate(1.16); backdrop-filter:blur(18px) saturate(1.16); box-shadow:0 28px 72px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.11); }
.uyc-catalog-panel::before { content:''; position:absolute; left:28px; right:28px; top:0; height:3px; border-radius:999px; background:var(--uyc-red); }
.uyc-catalog-panel span { display:block; color:rgba(255,255,255,.48); font-size:13px; font-weight:900; text-transform:uppercase; }
.uyc-catalog-panel strong { display:block; margin-top:8px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(38px,4vw,62px); font-weight:900; line-height:.9; }
.uyc-catalog-panel small { display:block; margin-top:16px; color:rgba(255,255,255,.62); font-size:15px; font-weight:600; line-height:1.45; }
.uyc-catalog-main { padding:10px 0 104px; background:var(--uyc-bg); }
.uyc-catalog-head { display:flex; align-items:end; justify-content:space-between; gap:28px; margin-bottom:30px; }
.uyc-catalog-head h2 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(44px,5vw,86px); font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-catalog-head p { max-width:560px; margin:0; color:rgba(255,255,255,.62); font-size:16px; font-weight:650; line-height:1.58; }
.uyc-catalog-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.uyc-catalog-card { position:relative; min-height:520px; border-radius:20px; overflow:hidden; background:#090c11; box-shadow:0 28px 82px rgba(0,0,0,.27); isolation:isolate; }
.uyc-catalog-card::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(5,7,10,.04) 5%, rgba(5,7,10,.34) 46%, rgba(5,7,10,.96) 100%); pointer-events:none; }
.uyc-catalog-card::after { content:''; position:absolute; right:-80px; top:-90px; width:260px; height:260px; border-radius:50%; background:rgba(var(--theme-rgb),.24); filter:blur(28px); z-index:2; opacity:0; transition:opacity .25s ease; pointer-events:none; }
.uyc-catalog-card:hover::after { opacity:1; }
.uyc-catalog-cover { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:contrast(1.06) saturate(.94) brightness(.72); transform:scale(1.025); transition:transform .55s ease, filter .55s ease; }
.uyc-catalog-card:hover .uyc-catalog-cover { transform:scale(1.07); filter:contrast(1.1) saturate(1) brightness(.84); }
.uyc-catalog-cover--pdf { position:absolute; inset:34px 38px 170px; border-radius:10px; background:linear-gradient(145deg,#f7f7f7,#cfd3d8); box-shadow:0 26px 58px rgba(0,0,0,.34); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.uyc-catalog-cover--pdf i { color:var(--uyc-red); font-size:76px; filter:drop-shadow(0 12px 28px rgba(var(--theme-rgb),.28)); }
.uyc-catalog-cover--pdf::after { content:'PDF'; position:absolute; left:18px; bottom:14px; color:#141820; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:52px; font-weight:900; line-height:1; opacity:.13; }
.uyc-catalog-body { position:absolute; left:0; right:0; bottom:0; z-index:3; padding:28px; }
.uyc-catalog-meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:14px; color:rgba(255,255,255,.78); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-catalog-meta span { display:inline-flex; min-height:28px; align-items:center; padding:0 10px; border-radius:999px; background:rgba(255,255,255,.16); }
.uyc-catalog-card h3 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(30px,2.4vw,44px); font-weight:900; line-height:.94; text-transform:uppercase; }
.uyc-catalog-actions { display:flex; align-items:center; gap:10px; margin-top:22px; }
.uyc-catalog-btn { border:0; min-height:46px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:0 18px; border-radius:999px; background:#fff; color:#11151b; font-size:13px; font-weight:900; text-decoration:none; text-transform:uppercase; cursor:pointer; transition:transform .22s ease, background .22s ease, color .22s ease, box-shadow .22s ease; }
.uyc-catalog-btn--view { flex:1; background:var(--uyc-red); color:#fff; box-shadow:0 18px 38px rgba(var(--theme-rgb),.22); }
.uyc-catalog-btn:hover { transform:translateY(-2px); color:#fff; background:var(--uyc-red); box-shadow:0 20px 46px rgba(var(--theme-rgb),.26); }
.uyc-catalog-btn--view:hover { background:#fff; color:#11151b; }
.uyc-catalog-empty { min-height:300px; display:grid; place-items:center; text-align:center; border-radius:18px; background:rgba(255,255,255,.055); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.uyc-catalog-empty i { display:block; margin-bottom:18px; color:var(--uyc-red); font-size:42px; }
.uyc-catalog-empty p { margin:0; color:rgba(255,255,255,.72); font-size:18px; font-weight:750; }
.uyc-pdf-modal { position:fixed; inset:0; z-index:26000; display:none; align-items:stretch; justify-content:stretch; padding:0; background:rgba(4,6,9,.96); }
.uyc-pdf-modal.is-open { display:flex; }
.uyc-pdf-dialog { width:100%; height:100%; display:grid; grid-template-rows:auto 1fr auto; border-radius:0; overflow:hidden; background:transparent; box-shadow:none; }
.uyc-pdf-top { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 18px; background:linear-gradient(180deg, rgba(8,10,14,.72), rgba(8,10,14,.28)); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }
.uyc-pdf-title { min-width:0; }
.uyc-pdf-title span { display:block; color:var(--uyc-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:13px; font-weight:900; letter-spacing:5px; text-transform:uppercase; }
.uyc-pdf-title strong { display:block; margin-top:3px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(24px,2.2vw,38px); font-weight:900; line-height:.95; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.uyc-pdf-top-actions { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.uyc-pdf-icon-btn, .uyc-pdf-download { width:44px; height:44px; border:0; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:rgba(255,255,255,.1); color:#fff; text-decoration:none; cursor:pointer; transition:background .22s ease, transform .22s ease; }
.uyc-pdf-download { width:auto; padding:0 17px; gap:9px; font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-pdf-icon-btn:hover, .uyc-pdf-download:hover { background:var(--uyc-red); color:#fff; transform:translateY(-2px); }
.uyc-pdf-stage { position:relative; min-height:0; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; padding:4px 14px 8px; background:radial-gradient(circle at 50% 0%, rgba(var(--theme-rgb),.14), transparent 34%), #080b10; overflow:hidden; }
.uyc-pdf-book { position:relative; height:100%; min-height:0; display:flex; align-items:center; justify-content:center; gap:18px; perspective:1800px; overflow:hidden; }
.uyc-pdf-page { max-width:calc(50% - 13px); max-height:100%; display:flex; align-items:center; justify-content:center; border-radius:6px; background:#f5f5f5; box-shadow:0 22px 62px rgba(0,0,0,.52); overflow:hidden; transform-origin:left center; transition:transform .28s ease, opacity .28s ease; }
.uyc-pdf-page canvas { display:block; max-width:100%; max-height:100%; height:auto!important; width:auto!important; }
.uyc-pdf-page.is-empty { display:none; }
.uyc-pdf-book.is-turning .uyc-pdf-page { opacity:.68; transform:rotateY(-6deg) translateX(8px); }
.uyc-pdf-nav { width:52px; height:52px; border:0; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:var(--uyc-red); color:#fff; cursor:pointer; box-shadow:0 20px 44px rgba(var(--theme-rgb),.24); transition:transform .22s ease, opacity .22s ease, background .22s ease; }
.uyc-pdf-nav:hover { transform:translateY(-2px); background:#fff; color:#11151b; }
.uyc-pdf-nav:disabled { opacity:.32; cursor:not-allowed; transform:none; }
.uyc-pdf-bottom { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:10px 18px; background:linear-gradient(0deg, rgba(8,10,14,.72), rgba(8,10,14,.22)); }
.uyc-pdf-status { color:rgba(255,255,255,.72); font-size:13px; font-weight:900; text-transform:uppercase; }
.uyc-pdf-progress { flex:1; height:6px; border-radius:999px; background:rgba(255,255,255,.12); overflow:hidden; }
.uyc-pdf-progress span { display:block; width:0%; height:100%; background:var(--uyc-red); transition:width .24s ease; }
.uyc-pdf-fallback { display:none; width:100%; height:100%; border:0; background:#fff; }
.uyc-pdf-message { position:absolute; inset:0; display:none; align-items:center; justify-content:center; text-align:center; padding:30px; color:#fff; font-size:17px; font-weight:800; background:rgba(8,10,14,.84); z-index:3; }
.uyc-pdf-message.is-visible { display:flex; }
@media (max-width:1199px) { .uyc-catalog-hero__inner { grid-template-columns:1fr; } .uyc-catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) { .uyc-catalog-shell { width:calc(100% - 28px); } .uyc-catalog-hero { min-height:auto; padding:130px 0 48px; } .uyc-catalog-hero h1 { font-size:56px; } .uyc-catalog-head { display:block; } .uyc-catalog-head p { margin-top:16px; } .uyc-catalog-grid { grid-template-columns:1fr; } .uyc-catalog-card { min-height:460px; border-radius:16px; } .uyc-pdf-modal { padding:0; } .uyc-pdf-dialog { width:100%; height:100%; border-radius:0; } .uyc-pdf-top { padding:14px; } .uyc-pdf-download span { display:none; } .uyc-pdf-stage { grid-template-columns:1fr; grid-template-rows:1fr auto; padding:12px; } .uyc-pdf-book { gap:0; } .uyc-pdf-page { max-width:100%; } .uyc-pdf-page[data-side="right"] { display:none; } .uyc-pdf-nav { width:48px; height:48px; } .uyc-pdf-stage .uyc-pdf-nav { position:absolute; bottom:76px; z-index:4; } .uyc-pdf-prev { left:16px; } .uyc-pdf-next { right:16px; } .uyc-pdf-bottom { padding:12px 14px; } }

/* ===== variation\page\contacttemplate.php ===== */
.contact-modern-page {
    background: #151a21;
    color: #fff;
    overflow: hidden;
}
.contact-hero {
    position: relative;
    min-height: 620px;
    display: flex;
    align-items: flex-end;
    padding: 210px 0 82px;
    overflow: hidden;
    background: #080b10;
}
.contact-hero__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: contrast(1.08) saturate(.92) brightness(.78);
    transform: scale(1.04);
}
.contact-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(5,7,10,.95) 0%, rgba(5,7,10,.72) 36%, rgba(5,7,10,.34) 70%, rgba(5,7,10,.82) 100%);
    z-index: 1;
}
.contact-hero::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 180px;
    background: linear-gradient(180deg, rgba(21,26,33,0), #151a21 82%);
    z-index: 2;
    pointer-events: none;
}
.contact-hero__inner {
    position: relative;
    z-index: 3;
    width: min(1580px, calc(100% - 48px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 460px);
    gap: clamp(44px, 7vw, 120px);
    align-items: end;
}
.contact-kicker {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
    color: var(--sh-red,var(--theme-color));
    font-family: var(--title-font);
    font-size: 16px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 8px;
    text-transform: uppercase;
}
.contact-kicker::before {
    content: '';
    width: 42px;
    height: 2px;
    border-radius: 999px;
    background: var(--sh-red,var(--theme-color));
}
.contact-hero h1 {
    max-width: 820px;
    margin: 0;
    color: #fff;
    font-family: var(--title-font);
    font-size: clamp(66px, 9vw, 148px);
    font-weight: 900;
    line-height: .82;
    letter-spacing: 0;
    text-transform: uppercase;
}
.contact-hero__text {
    max-width: 600px;
    margin: 26px 0 0;
    color: rgba(255,255,255,.72);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.58;
}
.contact-hero__panel {
    position: relative;
    padding: 30px;
    border-radius: 18px;
    background: rgba(255,255,255,.065);
    -webkit-backdrop-filter: blur(18px) saturate(1.16);
    backdrop-filter: blur(18px) saturate(1.16);
    box-shadow: 0 28px 72px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.11);
}
.contact-hero__panel::before {
    content: '';
    position: absolute;
    left: 30px;
    right: 30px;
    top: 0;
    height: 3px;
    border-radius: 999px;
    background: var(--sh-red,var(--theme-color));
}
.contact-hero__panel span {
    display: block;
    color: rgba(255,255,255,.5);
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
}
.contact-hero__panel a {
    display: block;
    margin-top: 10px;
    color: #fff;
    font-family: var(--title-font);
    font-size: clamp(30px, 3vw, 48px);
    font-weight: 900;
    line-height: .96;
    text-decoration: none;
}
.contact-hero__panel p {
    margin: 24px 0 0;
    color: rgba(255,255,255,.68);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.55;
}
.contact-shell {
    width: min(1580px, calc(100% - 48px));
    margin: 0 auto;
}
.contact-info-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    padding: 0 0 34px;
}
.contact-info-card {
    position: relative;
    min-height: 170px;
    padding: 28px;
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(255,255,255,.074), rgba(255,255,255,.032));
    box-shadow: 0 20px 54px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);
    overflow: hidden;
    transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}
.contact-info-card::after {
    content: '';
    position: absolute;
    right: -50px;
    bottom: -60px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: rgba(var(--theme-rgb),.16);
    filter: blur(16px);
    opacity: 0;
    transition: opacity .25s ease;
}
.contact-info-card:hover {
    transform: translateY(-5px);
    background: linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.045));
    box-shadow: 0 28px 68px rgba(0,0,0,.3);
}
.contact-info-card:hover::after { opacity: 1; }
.contact-info-card i {
    position: relative;
    z-index: 1;
    display: inline-flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: var(--sh-red,var(--theme-color));
    color: #fff;
    font-size: 18px;
    box-shadow: 0 16px 36px rgba(var(--theme-rgb),.24);
}
.contact-info-card span {
    position: relative;
    z-index: 1;
    display: block;
    margin: 22px 0 8px;
    color: rgba(255,255,255,.48);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}
.contact-info-card a,
.contact-info-card strong,
.contact-info-card p {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.22;
    text-decoration: none;
}
.contact-workspace {
    display: grid;
    grid-template-columns: minmax(360px, .92fr) minmax(480px, 1.08fr);
    gap: 22px;
    padding: 34px 0 96px;
}
.contact-map-card,
.contact-form-card {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background: #0b0f15;
    box-shadow: 0 34px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
}
.contact-map-card {
    min-height: 720px;
}
.contact-map-card iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    filter: grayscale(.6) contrast(1.05) brightness(.75);
}
.contact-map-card__caption {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    z-index: 2;
    padding: 24px;
    border-radius: 16px;
    background: rgba(10,13,18,.76);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    box-shadow: 0 18px 44px rgba(0,0,0,.34);
}
.contact-map-card__caption span {
    color: var(--sh-red,var(--theme-color));
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}
.contact-map-card__caption p {
    margin: 8px 0 0;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.22;
}
.contact-form-card {
    padding: clamp(34px, 5vw, 70px);
}
.contact-form-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: start;
    margin-bottom: 38px;
}
.contact-form-head h2 {
    margin: 0;
    color: #fff;
    font-family: var(--title-font);
    font-size: clamp(48px, 5.2vw, 84px);
    font-weight: 900;
    line-height: .88;
    text-transform: uppercase;
}
.contact-form-head p {
    max-width: 540px;
    margin: 16px 0 0;
    color: rgba(255,255,255,.64);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.65;
}
.contact-form-mark {
    color: rgba(255,255,255,.08);
    font-family: var(--title-font);
    font-size: clamp(76px, 9vw, 140px);
    font-weight: 900;
    line-height: .72;
}
.contact-modern-form {
    display: grid;
    gap: 16px;
}
.contact-field-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.contact-modern-form input,
.contact-modern-form textarea {
    width: 100%;
    min-height: 58px;
    padding: 0 20px;
    border: 0;
    border-radius: 12px;
    background: rgba(255,255,255,.075);
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    outline: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
}
.contact-modern-form textarea {
    min-height: 156px;
    padding-top: 18px;
    resize: vertical;
}
.contact-modern-form input::placeholder,
.contact-modern-form textarea::placeholder { color: rgba(255,255,255,.42); }
.contact-modern-form input:focus,
.contact-modern-form textarea:focus {
    background: rgba(255,255,255,.11);
    box-shadow: inset 0 0 0 2px rgba(var(--theme-rgb),.52), 0 16px 34px rgba(0,0,0,.18);
    transform: translateY(-1px);
}
.contact-recaptcha {
    min-height: 78px;
    display: flex;
    align-items: center;
}
.contact-submit-row {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    margin-top: 4px;
}
.contact-submit-row button,
.contact-whatsapp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 58px;
    padding: 0 28px;
    border: 0;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition: transform .22s ease, background .22s ease, box-shadow .22s ease, color .22s ease;
}
.contact-submit-row button {
    background: var(--sh-red,var(--theme-color));
    color: #fff;
    box-shadow: 0 18px 44px rgba(var(--theme-rgb),.24);
}
.contact-whatsapp-btn {
    background: #fff;
    color: #11151b;
}
.contact-submit-row button:hover,
.contact-whatsapp-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 24px 56px rgba(0,0,0,.3);
}
.contact-submit-row button:hover { background: var(--theme-color); color: #fff; }
.contact-whatsapp-btn:hover { background: #25d366; color: #fff; }
.contact-mini-cta {
    position: relative;
    padding: 72px 0 92px;
    background: #151a21;
}
.contact-mini-cta__inner {
    width: min(1580px, calc(100% - 48px));
    margin: 0 auto;
    min-height: 280px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 34px;
    align-items: center;
    padding: clamp(34px, 5vw, 70px);
    border-radius: 20px;
    background: radial-gradient(circle at 82% 20%, rgba(var(--theme-rgb),.2), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.032));
    box-shadow: 0 30px 90px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
}
.contact-mini-cta h3 {
    margin: 0;
    color: #fff;
    font-family: var(--title-font);
    font-size: clamp(46px, 5vw, 82px);
    font-weight: 900;
    line-height: .9;
    text-transform: uppercase;
}
.contact-mini-cta p {
    max-width: 690px;
    margin: 18px 0 0;
    color: rgba(255,255,255,.68);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.6;
}
.contact-mini-cta a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 62px;
    padding: 0 34px;
    border-radius: 999px;
    background: #fff;
    color: #11151b;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
    transition: transform .22s ease, background .22s ease, color .22s ease, box-shadow .22s ease;
}
.contact-mini-cta a i { color: var(--sh-red,var(--theme-color)); }
.contact-mini-cta a:hover {
    background: var(--sh-red,var(--theme-color));
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 24px 56px rgba(var(--theme-rgb),.22);
}
.contact-mini-cta a:hover i { color: #fff; }
@media (max-width: 1199px) {
    .contact-hero { min-height: 560px; padding: 150px 0 70px; }
    .contact-hero__inner,
    .contact-workspace,
    .contact-mini-cta__inner { grid-template-columns: 1fr; }
    .contact-info-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .contact-map-card { min-height: 460px; }
}
@media (max-width: 767px) {
    .contact-hero { min-height: auto; padding: 130px 0 58px; }
    .contact-hero__inner,
    .contact-shell,
    .contact-mini-cta__inner { width: calc(100% - 28px); }
    .contact-hero h1 { font-size: 58px; }
    .contact-hero__panel { padding: 24px; }
    .contact-info-strip,
    .contact-field-grid { grid-template-columns: 1fr; }
    .contact-workspace { padding-bottom: 62px; }
    .contact-form-card { padding: 28px 20px; border-radius: 16px; }
    .contact-form-head { grid-template-columns: 1fr; }
    .contact-form-mark { display: none; }
    .contact-submit-row button,
    .contact-whatsapp-btn { width: 100%; }
    .contact-mini-cta { padding: 44px 0 62px; }
    .contact-mini-cta__inner { padding: 30px 22px; border-radius: 16px; }
    .contact-mini-cta a { width: 100%; }
}

/* ===== variation\page\dealerstemplate.php ===== */
.uyc-dealers-page { --dealer-bg:#151a21; --dealer-soft:#1d232c; --dealer-red:var(--sh-red,var(--theme-color)); --dealer-accent:var(--gr-color2,var(--theme-color)); background:var(--dealer-bg); color:#fff; overflow:hidden; }
.uyc-dealers-shell { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.uyc-dealers-hero { position:relative; min-height:570px; display:flex; align-items:flex-end; padding:178px 0 74px; background:#070a0f; overflow:hidden; isolation:isolate; }
.uyc-dealers-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.45) contrast(1.1) saturate(.9); transform:scale(1.045); }
.uyc-dealers-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(5,7,10,.98) 0%, rgba(8,12,18,.77) 42%, rgba(var(--theme-rgb),.18) 78%, rgba(5,7,10,.94) 100%); }
.uyc-dealers-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:180px; z-index:2; background:linear-gradient(180deg, rgba(21,26,33,0), var(--dealer-bg) 86%); }
.uyc-dealers-hero__inner { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,460px); gap:clamp(34px,6vw,100px); align-items:end; }
.uyc-dealers-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:22px; color:rgba(255,255,255,.56); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-dealers-breadcrumb a { color:rgba(255,255,255,.82); text-decoration:none; }
.uyc-dealers-breadcrumb a:hover { color:#fff; }
.uyc-dealers-breadcrumb i { color:var(--dealer-red); font-size:10px; }
.uyc-dealers-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--dealer-red); font-family:var(--title-font); font-size:16px; font-weight:900; letter-spacing:8px; line-height:1; text-transform:uppercase; }
.uyc-dealers-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--dealer-red); }
.uyc-dealers-hero h1 { max-width:940px; margin:0; color:#fff; font-family:var(--title-font); font-size:clamp(66px,8.2vw,138px); font-weight:900; line-height:.84; letter-spacing:0; text-transform:uppercase; text-wrap:balance; }
.uyc-dealers-hero p { max-width:690px; margin:26px 0 0; color:rgba(255,255,255,.72); font-size:18px; font-weight:650; line-height:1.64; }
.uyc-dealers-stat { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:12px; border-radius:20px; background:rgba(255,255,255,.075); -webkit-backdrop-filter:blur(18px) saturate(1.14); backdrop-filter:blur(18px) saturate(1.14); box-shadow:0 28px 74px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.1); }
.uyc-dealers-stat::before { content:''; position:absolute; left:30px; right:30px; top:0; height:3px; border-radius:999px; background:var(--dealer-red); }
.uyc-dealers-stat__item { min-height:142px; padding:24px; border-radius:16px; background:rgba(7,10,15,.54); }
.uyc-dealers-stat__item span { display:block; color:rgba(255,255,255,.52); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-dealers-stat__item strong { display:block; margin-top:12px; color:#fff; font-family:var(--title-font); font-size:clamp(46px,5vw,76px); font-weight:900; line-height:.86; }
.uyc-dealers-main { position:relative; padding:8px 0 110px; background:var(--dealer-bg); }
.uyc-dealers-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:30px; }
.uyc-dealers-head h2 { margin:0; color:#fff; font-family:var(--title-font); font-size:clamp(50px,5vw,84px); font-weight:900; line-height:.86; text-transform:uppercase; }
.uyc-dealers-head p { max-width:560px; margin:0; color:rgba(255,255,255,.62); font-size:15px; font-weight:650; line-height:1.62; }
.uyc-dealers-map-wrap { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(270px,360px); gap:24px; align-items:stretch; }
.uyc-dealers-map-card, .uyc-dealers-city-panel, .uyc-dealers-cta { position:relative; border-radius:20px; background:linear-gradient(145deg, rgba(28,35,45,.92), rgba(9,13,19,.98)); box-shadow:0 28px 78px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.07); overflow:hidden; }
.uyc-dealers-map-card { min-height:620px; padding:28px 34px; display:flex; align-items:center; justify-content:center; }
.uyc-dealers-map-card::before { content:''; position:absolute; inset:18px; border-radius:18px; background:radial-gradient(circle at 54% 48%, rgba(var(--theme-rgb),.16), transparent 34%), linear-gradient(180deg, rgba(255,255,255,.035), transparent 54%); pointer-events:none; z-index:0; }
.uyc-dealers-map-card .turkey-map-drawing { position:relative; z-index:1; width:min(100%, 1100px); min-height:560px; display:flex; align-items:center; justify-content:center; }
.uyc-dealers-map-card #turkey-map-drawing { width:100%; max-width:none; height:auto; max-height:none; display:block; transform:none; transform-origin:center; filter:drop-shadow(0 26px 44px rgba(0,0,0,.34)); }
#turkey-map-drawing g path { fill:rgba(255,255,255,.12); stroke:rgba(255,255,255,.32); stroke-width:.7; cursor:pointer; transition:fill .22s ease, stroke .22s ease, transform .22s ease; }
#turkey-map-drawing g path:hover { fill:rgba(255,255,255,.22); stroke:#fff; }
#turkey-map-drawing g path.has-branch { fill:rgba(var(--theme-rgb),.72); stroke:rgba(255,255,255,.72); }
#turkey-map-drawing g path.has-branch:hover, #turkey-map-drawing g path.active { fill:var(--dealer-red) !important; stroke:#fff !important; }
.uyc-dealers-city-panel { padding:26px; }
.uyc-dealers-city-panel h3 { margin:0; color:#fff; font-family:var(--title-font); font-size:42px; font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-dealers-city-panel p { margin:14px 0 22px; color:rgba(255,255,255,.6); font-size:14px; font-weight:650; line-height:1.56; }
.uyc-dealers-city-list { display:flex; flex-wrap:wrap; gap:10px; max-height:360px; overflow:auto; padding-right:4px; }
.uyc-dealers-city-btn { min-height:40px; padding:0 14px; border:0; border-radius:999px; background:rgba(255,255,255,.08); color:#fff; font-size:12px; font-weight:900; text-transform:uppercase; cursor:pointer; transition:background .2s ease, transform .2s ease, color .2s ease; }
.uyc-dealers-city-btn:hover, .uyc-dealers-city-btn.is-active { background:var(--dealer-red); color:#fff; transform:translateY(-2px); }
.uyc-dealers-results { padding-top:58px; }
.uyc-dealers-results.is-awaiting, .uyc-dealers-results[hidden] { display:none !important; }
.uyc-dealers-results-head { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:24px; }
.uyc-dealers-results-head h2 { margin:0; color:#fff; font-family:var(--title-font); font-size:clamp(44px,4vw,70px); font-weight:900; line-height:.88; text-transform:uppercase; }
.uyc-dealers-results-head span { color:rgba(255,255,255,.52); font-weight:900; text-transform:uppercase; }
.uyc-dealers-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.uyc-branch-card { position:relative; min-height:310px; padding:26px; border-radius:18px; background:linear-gradient(145deg, rgba(31,38,48,.98), rgba(10,14,20,.98)); box-shadow:0 24px 70px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08); overflow:hidden; }
.uyc-branch-card::after { content:''; position:absolute; right:-54px; bottom:-64px; width:170px; height:170px; border-radius:50%; background:rgba(var(--theme-rgb),.17); filter:blur(18px); opacity:0; transition:opacity .25s ease; }
.uyc-branch-card:hover::after { opacity:1; }
.uyc-branch-card > * { position:relative; z-index:1; }
.uyc-branch-card__top { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; margin-bottom:24px; }
.uyc-branch-card__icon { width:54px; height:54px; display:flex; align-items:center; justify-content:center; border-radius:16px; background:var(--dealer-red); color:#fff; box-shadow:0 16px 36px rgba(var(--theme-rgb),.25); }
.uyc-branch-card small { color:var(--dealer-red); font-family:var(--title-font); font-size:14px; font-weight:900; letter-spacing:4px; text-transform:uppercase; }
.uyc-branch-card h3 { margin:0 0 16px; color:#fff; font-family:var(--title-font); font-size:clamp(32px,3vw,48px); font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-branch-line { display:flex; gap:12px; align-items:flex-start; margin-top:14px; color:rgba(255,255,255,.68); font-size:14px; font-weight:700; line-height:1.5; }
.uyc-branch-line i { width:28px; height:28px; flex:0 0 28px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(255,255,255,.08); color:var(--dealer-red); font-size:12px; }
.uyc-branch-line a { color:#fff; text-decoration:none; }
.uyc-branch-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.uyc-branch-action { display:inline-flex; align-items:center; gap:9px; min-height:40px; padding:0 14px; border:0; border-radius:999px; background:#fff; color:#11151c; text-decoration:none; font-size:12px; font-weight:900; text-transform:uppercase; cursor:pointer; }
.uyc-branch-action.is-red { background:var(--dealer-red); color:#fff; }
.uyc-branch-action.is-map { background:rgba(255,255,255,.08); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.uyc-branch-action.is-map:hover { background:var(--dealer-red); color:#fff; }
.uyc-dealers-map-embed { grid-column:1 / -1; overflow:hidden; border-radius:18px; background:#080c12; box-shadow:0 24px 70px rgba(0,0,0,.28); scroll-margin-top:110px; }
.uyc-dealers-map-embed.is-hidden { display:none; }
.uyc-dealers-map-embed iframe { width:100%; height:360px; border:0; display:block; filter:grayscale(.25) contrast(1.05); }
.uyc-dealers-empty { min-height:260px; display:grid; place-items:center; text-align:center; border-radius:18px; background:rgba(255,255,255,.055); color:rgba(255,255,255,.68); font-weight:800; }
.uyc-dealers-cta { margin-top:70px; padding:34px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; align-items:center; }
.uyc-dealers-cta span { display:block; color:var(--dealer-red); font-family:var(--title-font); font-size:14px; font-weight:900; letter-spacing:5px; text-transform:uppercase; }
.uyc-dealers-cta h2 { margin:12px 0 10px; color:#fff; font-family:var(--title-font); font-size:clamp(42px,4vw,72px); font-weight:900; line-height:.88; text-transform:uppercase; }
.uyc-dealers-cta p { margin:0; color:rgba(255,255,255,.62); font-size:15px; font-weight:650; line-height:1.6; }
.uyc-dealers-cta-actions { display:flex; flex-wrap:wrap; gap:12px; justify-content:flex-end; }
.uyc-dealers-cta-btn { display:inline-flex; align-items:center; gap:12px; min-height:52px; padding:0 21px 0 8px; border-radius:999px; background:#fff; color:#11151c; text-decoration:none; font-weight:900; text-transform:uppercase; }
.uyc-dealers-cta-btn i { width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:var(--dealer-red); color:#fff; font-size:12px; }
.uyc-dealers-cta-btn.is-red { background:var(--dealer-red); color:#fff; }
.uyc-dealers-cta-btn.is-red i { background:#fff; color:var(--dealer-red); }
@media (max-width:1199px) { .uyc-dealers-hero__inner, .uyc-dealers-map-wrap { grid-template-columns:1fr; } .uyc-dealers-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) { .uyc-dealers-shell { width:calc(100% - 28px); } .uyc-dealers-hero { min-height:auto; padding:132px 0 54px; } .uyc-dealers-hero h1 { font-size:58px; } .uyc-dealers-stat { grid-template-columns:1fr; } .uyc-dealers-main { padding:0 0 76px; } .uyc-dealers-head, .uyc-dealers-results-head, .uyc-dealers-cta { display:block; } .uyc-dealers-head p, .uyc-dealers-results-head span { margin-top:14px; display:block; } .uyc-dealers-map-card { min-height:360px; padding:14px; } .uyc-dealers-map-card::before { inset:10px; } .uyc-dealers-map-card .turkey-map-drawing { width:100%; min-height:310px; } .uyc-dealers-map-card #turkey-map-drawing { transform:none; max-height:none; } .uyc-dealers-grid { grid-template-columns:1fr; } .uyc-dealers-cta-actions { justify-content:flex-start; margin-top:24px; } }

/* ===== variation\page\documentstemplate.php ===== */
.uyc-doc-page { --doc-bg:#151a21; --doc-panel:#1c232d; --doc-red:var(--sh-red,var(--theme-color)); --doc-muted:rgba(255,255,255,.64); background:var(--doc-bg); color:#fff; overflow:hidden; }
.uyc-doc-shell { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.uyc-doc-hero { position:relative; min-height:590px; display:flex; align-items:flex-end; padding:178px 0 78px; background:#070a0f; overflow:hidden; isolation:isolate; }
.uyc-doc-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.42) contrast(1.08) saturate(.86); transform:scale(1.045); }
.uyc-doc-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(5,7,10,.98) 0%, rgba(8,12,18,.82) 45%, rgba(var(--theme-rgb),.18) 78%, rgba(5,7,10,.94) 100%); }
.uyc-doc-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:180px; z-index:2; background:linear-gradient(180deg, rgba(21,26,33,0), var(--doc-bg) 86%); }
.uyc-doc-hero__inner { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,500px); gap:clamp(34px,6vw,100px); align-items:end; }
.uyc-doc-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:22px; color:rgba(255,255,255,.58); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-doc-breadcrumb a { color:rgba(255,255,255,.84); text-decoration:none; }
.uyc-doc-breadcrumb i { color:var(--doc-red); font-size:10px; }
.uyc-doc-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--doc-red); font-family:var(--title-font); font-size:16px; font-weight:900; letter-spacing:8px; line-height:1; text-transform:uppercase; }
.uyc-doc-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--doc-red); }
.uyc-doc-hero h1 { max-width:980px; margin:0; color:#fff; font-family:var(--title-font); font-size:clamp(70px,8.4vw,148px); font-weight:900; line-height:.84; letter-spacing:0; text-transform:uppercase; text-wrap:balance; }
.uyc-doc-hero p { max-width:720px; margin:26px 0 0; color:rgba(255,255,255,.74); font-size:18px; font-weight:650; line-height:1.64; }
.uyc-doc-stat { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:12px; border-radius:20px; background:rgba(255,255,255,.075); -webkit-backdrop-filter:blur(18px) saturate(1.14); backdrop-filter:blur(18px) saturate(1.14); box-shadow:0 28px 74px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.1); }
.uyc-doc-stat::before { content:''; position:absolute; left:30px; right:30px; top:0; height:3px; border-radius:999px; background:var(--doc-red); }
.uyc-doc-stat__item { min-height:142px; padding:24px; border-radius:16px; background:rgba(7,10,15,.54); }
.uyc-doc-stat__item span { display:block; color:rgba(255,255,255,.52); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-doc-stat__item strong { display:block; margin-top:12px; color:#fff; font-family:var(--title-font); font-size:clamp(46px,5vw,76px); font-weight:900; line-height:.86; }
.uyc-doc-main { padding:8px 0 112px; background:var(--doc-bg); }
.uyc-doc-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,520px); gap:28px; align-items:end; margin-bottom:34px; }
.uyc-doc-head h2 { margin:0; color:#fff; font-family:var(--title-font); font-size:clamp(52px,5.4vw,94px); font-weight:900; line-height:.86; text-transform:uppercase; }
.uyc-doc-head p { margin:0; color:var(--doc-muted); font-size:15px; font-weight:650; line-height:1.68; }
.uyc-doc-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.uyc-doc-card { position:relative; min-height:560px; padding:18px; border-radius:20px; background:linear-gradient(145deg, rgba(32,39,50,.98), rgba(10,14,20,.98)); box-shadow:0 28px 78px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.08); overflow:hidden; isolation:isolate; display:flex; flex-direction:column; }
.uyc-doc-card::before { content:''; position:absolute; inset:0; z-index:0; background:radial-gradient(circle at 86% 18%, rgba(var(--theme-rgb),.2), transparent 30%); opacity:.8; pointer-events:none; }
.uyc-doc-card > * { position:relative; z-index:1; }
.uyc-doc-card__top { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:16px; }
.uyc-doc-card__icon { width:58px; height:58px; display:flex; align-items:center; justify-content:center; border-radius:18px; background:var(--doc-red); color:#fff; font-size:24px; box-shadow:0 20px 48px rgba(var(--theme-rgb),.28); }
.uyc-doc-card__type { min-height:34px; padding:0 13px; display:inline-flex; align-items:center; border-radius:999px; background:rgba(255,255,255,.08); color:rgba(255,255,255,.76); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-doc-card__preview { position:relative; height:282px; margin-bottom:22px; display:flex; align-items:center; justify-content:center; border-radius:18px; background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025)); box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 18px 44px rgba(0,0,0,.24); overflow:hidden; }
.uyc-doc-card__preview::before { content:''; position:absolute; inset:14px; border-radius:14px; background:linear-gradient(180deg, rgba(255,255,255,.04), transparent); pointer-events:none; }
.uyc-doc-card__preview img { position:relative; z-index:1; width:100%; height:100%; object-fit:contain; padding:16px; filter:drop-shadow(0 18px 26px rgba(0,0,0,.34)); transition:transform .35s ease; }
.uyc-doc-card:hover .uyc-doc-card__preview img { transform:scale(1.035); }
.uyc-doc-card__file { position:relative; z-index:1; width:168px; min-height:214px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; border-radius:12px; background:#f7f7f7; color:#121820; box-shadow:0 22px 42px rgba(0,0,0,.34); }
.uyc-doc-card__file i { color:var(--doc-red); font-size:58px; }
.uyc-doc-card__file span { font-size:13px; font-weight:950; letter-spacing:2px; text-transform:uppercase; }
.uyc-doc-card h3 { margin:0; color:#fff; font-family:var(--title-font); font-size:clamp(30px,2.4vw,42px); font-weight:900; line-height:.92; text-transform:uppercase; }
.uyc-doc-card p { margin:16px 0 0; color:var(--doc-muted); font-size:14px; font-weight:650; line-height:1.55; }
.uyc-doc-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:auto; padding-top:26px; }
.uyc-doc-btn { display:inline-flex; align-items:center; gap:10px; min-height:44px; padding:0 16px; border-radius:999px; background:#fff; color:#11151c; text-decoration:none; font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-doc-btn.is-red { background:var(--doc-red); color:#fff; }
.uyc-doc-empty { min-height:280px; display:grid; place-items:center; text-align:center; border-radius:20px; background:linear-gradient(145deg, rgba(32,39,50,.98), rgba(10,14,20,.98)); color:rgba(255,255,255,.68); font-weight:850; }
.uyc-doc-cta { margin-top:70px; padding:34px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; align-items:center; border-radius:20px; background:linear-gradient(145deg, rgba(32,39,50,.98), rgba(10,14,20,.98)); box-shadow:0 28px 78px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08); }
.uyc-doc-cta h2 { margin:12px 0 10px; color:#fff; font-family:var(--title-font); font-size:clamp(42px,4vw,72px); font-weight:900; line-height:.88; text-transform:uppercase; }
.uyc-doc-cta p { margin:0; color:var(--doc-muted); font-size:15px; font-weight:650; line-height:1.6; }
.uyc-doc-cta-actions { display:flex; flex-wrap:wrap; gap:12px; justify-content:flex-end; }
@media (max-width:1199px) { .uyc-doc-hero__inner, .uyc-doc-head, .uyc-doc-cta { grid-template-columns:1fr; } .uyc-doc-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .uyc-doc-cta-actions { justify-content:flex-start; } }
@media (max-width:767px) { .uyc-doc-shell { width:calc(100% - 28px); } .uyc-doc-hero { min-height:auto; padding:132px 0 58px; } .uyc-doc-hero h1 { font-size:58px; } .uyc-doc-stat { grid-template-columns:1fr; } .uyc-doc-main { padding:0 0 78px; } .uyc-doc-grid { grid-template-columns:1fr; } }

/* ===== variation\page\emptypage.php ===== */
.standard-page-modern { background:#151a21; color:#fff; overflow:hidden; }
.standard-page-container { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.standard-page-hero { position:relative; min-height:640px; display:flex; align-items:flex-end; padding:210px 0 82px; background:#080b10; overflow:hidden; }
.standard-page-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:contrast(1.08) saturate(.94) brightness(.74); transform:scale(1.035); }
.standard-page-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(5,7,10,.96) 0%, rgba(5,7,10,.72) 38%, rgba(5,7,10,.28) 70%, rgba(5,7,10,.84) 100%); }
.standard-page-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:190px; z-index:2; background:linear-gradient(180deg, rgba(21,26,33,0), #151a21 84%); pointer-events:none; }
.standard-page-hero__inner { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,460px); gap:clamp(42px,7vw,116px); align-items:end; }
.standard-page-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--sh-red,var(--theme-color)); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:16px; font-weight:900; line-height:1; letter-spacing:8px; text-transform:uppercase; }
.standard-page-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--sh-red,var(--theme-color)); }
.standard-page-hero h1 { max-width:1080px; margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(66px, 5.2vw, 142px); font-weight:900; line-height:.9; letter-spacing:0; text-transform:uppercase; text-wrap:balance; }
.standard-page-hero__text { max-width:760px; margin:26px 0 0; color:rgba(255,255,255,.72); font-size:18px; font-weight:600; line-height:1.58; }
.standard-page-hero__panel { position:relative; padding:30px; border-radius:18px; background:rgba(255,255,255,.065); -webkit-backdrop-filter:blur(18px) saturate(1.16); backdrop-filter:blur(18px) saturate(1.16); box-shadow:0 28px 72px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.11); }
.standard-page-hero__panel::before { content:''; position:absolute; left:30px; right:30px; top:0; height:3px; border-radius:999px; background:var(--sh-red,var(--theme-color)); }
.standard-page-hero__panel span { display:block; color:rgba(255,255,255,.5); font-size:14px; font-weight:900; text-transform:uppercase; }
.standard-page-hero__panel a { display:block; margin-top:10px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(30px,3vw,48px); font-weight:900; line-height:.96; text-decoration:none; }
.standard-page-hero__panel p { margin:24px 0 0; color:rgba(255,255,255,.68); font-size:15px; font-weight:600; line-height:1.55; }
.standard-page-body { padding:34px 0 92px; }
.standard-page-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,430px); gap:clamp(34px,5vw,80px); align-items:start; }
.standard-page-article { min-width:0; }
.standard-page-article__head { margin-bottom:34px; }
.standard-page-article__head h2 { max-width:940px; margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(46px,5vw,92px); font-weight:900; line-height:.9; text-transform:uppercase; }
.standard-page-richtext { color:rgba(255,255,255,.76); font-size:18px; font-weight:600; line-height:1.72; }
.standard-page-richtext p, .standard-page-richtext span, .standard-page-richtext div, .standard-page-richtext li, .standard-page-richtext strong, .standard-page-richtext b { color:rgba(255,255,255,.76)!important; font-family:var(--body-font,'Big Shoulders Display',sans-serif)!important; font-size:18px!important; font-weight:600!important; line-height:1.72!important; background:transparent!important; }
.standard-page-richtext h1, .standard-page-richtext h2, .standard-page-richtext h3, .standard-page-richtext h4 { margin:30px 0 16px!important; color:#fff!important; font-family:var(--title-font,'Big Shoulders Display',sans-serif)!important; font-weight:900!important; line-height:.94!important; text-transform:uppercase; background:transparent!important; }
.standard-page-richtext p { margin:0 0 18px; }
.standard-page-richtext a { color:#fff; text-decoration-color:var(--sh-red,var(--theme-color)); text-underline-offset:4px; }
.standard-page-richtext img { max-width:100%; height:auto; border-radius:18px; display:block; margin:28px 0; box-shadow:0 26px 74px rgba(0,0,0,.28); }
.standard-page-sidebar { position:sticky; top:118px; display:grid; gap:18px; }
.standard-page-feature { position:relative; min-height:420px; border-radius:22px; overflow:hidden; background:#0b0f15; box-shadow:0 34px 90px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08); }
.standard-page-feature img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:contrast(1.06) saturate(.94) brightness(.82); transition:transform .45s ease; }
.standard-page-feature::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,12,17,0) 40%, rgba(10,12,17,.9) 100%); }
.standard-page-feature:hover img { transform:scale(1.045); }
.standard-page-sidebox { position:relative; padding:28px; border-radius:20px; background:radial-gradient(circle at 86% 8%, rgba(var(--theme-rgb),.18), transparent 32%), linear-gradient(145deg, rgba(255,255,255,.074), rgba(255,255,255,.032)); box-shadow:0 28px 76px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08); overflow:hidden; }
.standard-page-sidebox h3 { margin:0 0 18px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(30px,2.4vw,44px); font-weight:900; line-height:.95; text-transform:uppercase; }
.standard-page-sidebox p { margin:0 0 22px; color:rgba(255,255,255,.66); font-size:15px; font-weight:600; line-height:1.55; }
.standard-page-cta-btn { display:inline-flex; min-height:52px; align-items:center; justify-content:center; gap:12px; padding:0 24px; border-radius:999px; background:var(--sh-red,var(--theme-color)); color:#fff; font-weight:900; text-decoration:none; transition:transform .22s ease, box-shadow .22s ease, background .22s ease; }
.standard-page-cta-btn:hover { color:#fff; transform:translateY(-2px); box-shadow:0 20px 46px rgba(var(--theme-rgb),.25); background:var(--theme-color); }
.standard-page-related { padding:0 0 92px; }
.standard-page-related__top { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:28px; }
.standard-page-related__top h2 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(44px,5vw,86px); font-weight:900; line-height:.9; text-transform:uppercase; }
.standard-page-related__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.standard-page-card { position:relative; min-height:220px; padding:24px; border-radius:20px; overflow:hidden; background:#0b0f15; text-decoration:none; box-shadow:0 22px 64px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.07); isolation:isolate; transition:transform .26s ease, box-shadow .26s ease; }
.standard-page-card::before { content:''; position:absolute; inset:0; z-index:-2; background:linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.025)); }
.standard-page-card img { position:absolute; inset:0; z-index:-3; width:100%; height:100%; object-fit:cover; filter:brightness(.44) saturate(.9); opacity:.72; transition:transform .45s ease, opacity .45s ease; }
.standard-page-card::after { content:''; position:absolute; left:24px; right:24px; top:0; height:3px; border-radius:999px; background:var(--sh-red,var(--theme-color)); transform:scaleX(.34); transform-origin:left; transition:transform .26s ease; }
.standard-page-card small { display:block; margin-bottom:48px; color:var(--sh-red,var(--theme-color)); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:13px; font-weight:900; letter-spacing:5px; text-transform:uppercase; }
.standard-page-card h3 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(28px,2.3vw,42px); font-weight:900; line-height:.94; text-transform:uppercase; }
.standard-page-card p { margin:16px 0 0; color:rgba(255,255,255,.66); font-size:14px; font-weight:600; line-height:1.45; }
.standard-page-card:hover { transform:translateY(-6px); box-shadow:0 30px 82px rgba(0,0,0,.34); }
.standard-page-card:hover img { transform:scale(1.055); opacity:.88; }
.standard-page-card:hover::after { transform:scaleX(1); }
@media (max-width:1199px) { .standard-page-hero__inner, .standard-page-layout { grid-template-columns:1fr; } .standard-page-sidebar { position:relative; top:auto; grid-template-columns:1fr 1fr; } .standard-page-related__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) { .standard-page-container { width:calc(100% - 28px); } .standard-page-hero { min-height:auto; padding:135px 0 58px; } .standard-page-hero h1 { font-size:58px; } .standard-page-hero__panel, .standard-page-sidebox { padding:24px; border-radius:16px; } .standard-page-body { padding:28px 0 64px; } .standard-page-richtext p, .standard-page-richtext span, .standard-page-richtext div, .standard-page-richtext li { font-size:16px!important; } .standard-page-sidebar, .standard-page-related__grid { grid-template-columns:1fr; } .standard-page-feature { min-height:330px; border-radius:16px; } .standard-page-related { padding-bottom:64px; } .standard-page-related__top { display:block; } .standard-page-card { min-height:210px; border-radius:16px; } }

/* ===== variation\page\faqtemplate.php ===== */
.uyc-faq-page { --faq-bg:#151a21; --faq-soft:#1d232c; --faq-red:var(--sh-red,var(--theme-color)); background:var(--faq-bg); color:#fff; overflow:hidden; }
.uyc-faq-shell { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.uyc-faq-hero { position:relative; min-height:560px; display:flex; align-items:flex-end; padding:175px 0 72px; overflow:hidden; background:#070a0f; isolation:isolate; }
.uyc-faq-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.44) contrast(1.1) saturate(.92); transform:scale(1.045); }
.uyc-faq-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(5,7,10,.98) 0%, rgba(8,12,18,.78) 44%, rgba(var(--theme-rgb),.18) 78%, rgba(5,7,10,.94) 100%); }
.uyc-faq-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:180px; z-index:2; background:linear-gradient(180deg, rgba(21,26,33,0), var(--faq-bg) 86%); }
.uyc-faq-hero__inner { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(290px,450px); gap:clamp(34px,6vw,96px); align-items:end; }
.uyc-faq-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:22px; color:rgba(255,255,255,.56); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-faq-breadcrumb a { color:rgba(255,255,255,.82); text-decoration:none; }
.uyc-faq-breadcrumb a:hover { color:#fff; }
.uyc-faq-breadcrumb i { color:var(--faq-red); font-size:10px; }
.uyc-faq-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--faq-red); font-family:var(--title-font); font-size:16px; font-weight:900; letter-spacing:8px; line-height:1; text-transform:uppercase; }
.uyc-faq-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--faq-red); }
.uyc-faq-hero h1 { max-width:900px; margin:0; color:#fff; font-family:var(--title-font); font-size:clamp(66px,8.2vw,138px); font-weight:900; line-height:.84; letter-spacing:0; text-transform:uppercase; text-wrap:balance; }
.uyc-faq-hero p { max-width:680px; margin:26px 0 0; color:rgba(255,255,255,.72); font-size:18px; font-weight:650; line-height:1.64; }
.uyc-faq-hero-card { position:relative; padding:30px; border-radius:18px; background:rgba(255,255,255,.075); -webkit-backdrop-filter:blur(18px) saturate(1.14); backdrop-filter:blur(18px) saturate(1.14); box-shadow:0 28px 74px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.1); }
.uyc-faq-hero-card::before { content:''; position:absolute; left:30px; right:30px; top:0; height:3px; border-radius:999px; background:var(--faq-red); }
.uyc-faq-hero-card span { display:block; color:rgba(255,255,255,.52); font-size:13px; font-weight:900; text-transform:uppercase; }
.uyc-faq-hero-card strong { display:block; margin-top:10px; color:#fff; font-family:var(--title-font); font-size:clamp(48px,5vw,78px); font-weight:900; line-height:.86; }
.uyc-faq-hero-card p { margin:18px 0 0; color:rgba(255,255,255,.62); font-size:14px; font-weight:650; line-height:1.55; }
.uyc-faq-main { position:relative; padding:8px 0 110px; background:var(--faq-bg); }
.uyc-faq-layout { display:grid; grid-template-columns:minmax(290px,390px) minmax(0,1fr); gap:34px; align-items:start; }
.uyc-faq-side { position:sticky; top:106px; display:grid; gap:18px; }
.uyc-faq-search-card, .uyc-faq-contact-card { position:relative; overflow:hidden; border-radius:18px; background:linear-gradient(145deg, rgba(34,41,52,.96), rgba(12,16,22,.98)); box-shadow:0 28px 78px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.08); }
.uyc-faq-search-card { padding:28px; }
.uyc-faq-search-card h2, .uyc-faq-contact-card h3 { margin:0; color:#fff; font-family:var(--title-font); font-size:clamp(36px,3.4vw,56px); font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-faq-search-card p { margin:16px 0 24px; color:rgba(255,255,255,.6); font-size:14px; font-weight:650; line-height:1.58; }
.uyc-faq-search { position:relative; }
.uyc-faq-search input { width:100%; height:58px; padding:0 56px 0 20px; border:0; border-radius:999px; background:rgba(255,255,255,.08); color:#fff; font-size:14px; font-weight:800; outline:0; box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.uyc-faq-search input::placeholder { color:rgba(255,255,255,.44); }
.uyc-faq-search i { position:absolute; right:8px; top:8px; width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--faq-red); color:#fff; }
.uyc-faq-contact-card { padding:28px; }
.uyc-faq-contact-card::after { content:''; position:absolute; right:-46px; bottom:-58px; width:160px; height:160px; border-radius:50%; background:rgba(var(--theme-rgb),.18); filter:blur(16px); }
.uyc-faq-contact-card > * { position:relative; z-index:1; }
.uyc-faq-contact-card span { display:block; margin-bottom:10px; color:var(--faq-red); font-family:var(--title-font); font-size:14px; font-weight:900; letter-spacing:5px; text-transform:uppercase; }
.uyc-faq-contact-card a.uyc-faq-phone { display:block; margin:18px 0; color:#fff; font-family:var(--title-font); font-size:42px; font-weight:900; line-height:.9; text-decoration:none; }
.uyc-faq-contact-card p { margin:0 0 24px; color:rgba(255,255,255,.62); font-size:14px; font-weight:650; line-height:1.55; }
.uyc-faq-cta { display:inline-flex; width:max-content; align-items:center; gap:12px; min-height:50px; padding:0 20px 0 8px; border-radius:999px; background:#fff; color:#11151c; text-decoration:none; font-weight:900; }
.uyc-faq-cta i { width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:var(--faq-red); color:#fff; font-size:12px; }
.uyc-faq-accordion { display:grid; gap:16px; }
.uyc-faq-item { position:relative; overflow:hidden; border-radius:18px; background:linear-gradient(145deg, rgba(30,36,45,.96), rgba(11,15,21,.98)); box-shadow:0 24px 68px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.07); transition:transform .25s ease, box-shadow .25s ease, background .25s ease; }
.uyc-faq-item:hover { transform:translateY(-3px); box-shadow:0 30px 82px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.1); }
.uyc-faq-question { width:100%; min-height:92px; display:grid; grid-template-columns:76px minmax(0,1fr) 52px; gap:18px; align-items:center; padding:18px 24px 18px 18px; border:0; background:transparent; color:#fff; text-align:left; cursor:pointer; }
.uyc-faq-number { width:58px; height:58px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(255,255,255,.08); color:transparent; -webkit-text-stroke:1px var(--faq-red); font-family:var(--title-font); font-size:34px; font-weight:900; line-height:1; }
.uyc-faq-question strong { color:#fff; font-family:var(--title-font); font-size:clamp(28px,2.8vw,42px); font-weight:900; line-height:.96; text-transform:uppercase; }
.uyc-faq-toggle { width:48px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--faq-red); color:#fff; transition:transform .25s ease, background .25s ease; }
.uyc-faq-answer { max-height:0; overflow:hidden; transition:max-height .34s ease; }
.uyc-faq-answer-inner { padding:0 94px 30px 112px; color:rgba(255,255,255,.68); font-size:16px; font-weight:650; line-height:1.78; }
.uyc-faq-answer-inner p { margin:0 0 14px; color:rgba(255,255,255,.68); }
.uyc-faq-item.is-open { background:linear-gradient(145deg, rgba(38,45,56,.98), rgba(12,16,22,.98)); }
.uyc-faq-item.is-open .uyc-faq-toggle { transform:rotate(45deg); background:#fff; color:var(--faq-red); }
.uyc-faq-empty { display:none; min-height:210px; place-items:center; text-align:center; border-radius:18px; background:rgba(255,255,255,.055); color:rgba(255,255,255,.68); font-weight:800; }
.uyc-faq-empty.is-visible { display:grid; }
@media (max-width:1199px) { .uyc-faq-hero__inner, .uyc-faq-layout { grid-template-columns:1fr; } .uyc-faq-side { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) { .uyc-faq-shell { width:calc(100% - 28px); } .uyc-faq-hero { min-height:auto; padding:132px 0 54px; } .uyc-faq-hero h1 { font-size:58px; } .uyc-faq-main { padding:0 0 76px; } .uyc-faq-side { grid-template-columns:1fr; } .uyc-faq-question { grid-template-columns:52px minmax(0,1fr) 42px; min-height:78px; gap:12px; padding:14px; } .uyc-faq-number { width:46px; height:46px; font-size:28px; } .uyc-faq-toggle { width:40px; height:40px; } .uyc-faq-answer-inner { padding:0 20px 24px 78px; font-size:14px; } }

/* ===== variation\page\gallerytemplate.php ===== */
.uyc-gallery-page { --uyc-bg:#151a21; --uyc-red:var(--sh-red,var(--theme-color)); background:var(--uyc-bg); color:#fff; overflow:hidden; }
.uyc-gallery-shell { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.uyc-gallery-hero { position:relative; min-height:510px; display:flex; align-items:flex-end; padding:168px 0 58px; background:#070a0f; overflow:hidden; }
.uyc-gallery-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:contrast(1.08) saturate(.92) brightness(.58); transform:scale(1.04); }
.uyc-gallery-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(5,7,10,.96) 0%, rgba(5,7,10,.72) 40%, rgba(5,7,10,.24) 72%, rgba(5,7,10,.86) 100%); }
.uyc-gallery-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:180px; z-index:2; background:linear-gradient(180deg, rgba(21,26,33,0), #151a21 84%); }
.uyc-gallery-hero__inner { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,420px); gap:clamp(36px,6vw,110px); align-items:end; }
.uyc-gallery-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:20px; color:rgba(255,255,255,.52); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-gallery-breadcrumb a { color:rgba(255,255,255,.74); text-decoration:none; transition:color .22s ease; }
.uyc-gallery-breadcrumb a:hover { color:#fff; }
.uyc-gallery-breadcrumb i { color:var(--uyc-red); font-size:10px; }
.uyc-gallery-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--uyc-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:16px; font-weight:900; line-height:1; letter-spacing:8px; text-transform:uppercase; }
.uyc-gallery-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--uyc-red); }
.uyc-gallery-hero h1 { max-width:980px; margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(64px,8.5vw,126px); font-weight:900; line-height:.84; text-transform:uppercase; }
.uyc-gallery-hero p { max-width:680px; margin:24px 0 0; color:rgba(255,255,255,.72); font-size:18px; font-weight:650; line-height:1.6; }
.uyc-gallery-panel { position:relative; padding:28px; border-radius:18px; background:rgba(255,255,255,.065); -webkit-backdrop-filter:blur(18px) saturate(1.16); backdrop-filter:blur(18px) saturate(1.16); box-shadow:0 28px 72px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.11); }
.uyc-gallery-panel::before { content:''; position:absolute; left:28px; right:28px; top:0; height:3px; border-radius:999px; background:var(--uyc-red); }
.uyc-gallery-panel span { display:block; color:rgba(255,255,255,.48); font-size:13px; font-weight:900; text-transform:uppercase; }
.uyc-gallery-panel strong { display:block; margin-top:8px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(38px,4vw,62px); font-weight:900; line-height:.9; }
.uyc-gallery-panel small { display:block; margin-top:16px; color:rgba(255,255,255,.62); font-size:15px; font-weight:600; line-height:1.45; }
.uyc-gallery-main { position:relative; padding:8px 0 102px; background:var(--uyc-bg); }
.uyc-gallery-toolbar { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:28px; }
.uyc-gallery-toolbar p { max-width:560px; margin:0; color:rgba(255,255,255,.62); font-size:16px; font-weight:650; line-height:1.58; }
.uyc-gallery-view { display:flex; gap:8px; padding:6px; border-radius:999px; background:rgba(255,255,255,.065); }
.uyc-gallery-view span { display:inline-flex; min-height:36px; align-items:center; padding:0 14px; border-radius:999px; color:#fff; font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-gallery-view span:first-child { background:var(--uyc-red); }
.uyc-gallery-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; grid-auto-flow:dense; }
.uyc-gallery-card { position:relative; min-height:370px; overflow:hidden; border-radius:18px; background:#090c11; box-shadow:0 28px 82px rgba(0,0,0,.27); isolation:isolate; text-decoration:none; color:#fff; }
.uyc-gallery-card:nth-child(1), .uyc-gallery-card:nth-child(6n) { grid-column:span 2; min-height:430px; }
.uyc-gallery-card:nth-child(4n) { min-height:430px; }
.uyc-gallery-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:contrast(1.08) saturate(.94) brightness(.72); transform:scale(1.025); transition:transform .55s ease, filter .55s ease; }
.uyc-gallery-card::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(5,7,10,.03) 8%, rgba(5,7,10,.38) 48%, rgba(5,7,10,.94) 100%); pointer-events:none; }
.uyc-gallery-card::after { content:''; position:absolute; right:-70px; top:-90px; width:260px; height:260px; border-radius:50%; background:rgba(var(--theme-rgb),.22); filter:blur(28px); z-index:2; opacity:0; transition:opacity .25s ease; pointer-events:none; }
.uyc-gallery-card:hover::after { opacity:1; }
.uyc-gallery-card:hover img { transform:scale(1.075); filter:contrast(1.1) saturate(1) brightness(.84); }
.uyc-gallery-card__body { position:absolute; left:0; right:0; bottom:0; z-index:3; padding:26px 28px 28px; }
.uyc-gallery-card__meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:14px; color:rgba(255,255,255,.78); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-gallery-card__meta span { display:inline-flex; min-height:28px; align-items:center; padding:0 10px; border-radius:999px; background:rgba(255,255,255,.16); }
.uyc-gallery-card h3 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(31px,2.7vw,48px); font-weight:900; line-height:.94; text-transform:uppercase; }
.uyc-gallery-card p { max-width:620px; margin:13px 0 0; color:rgba(255,255,255,.7); font-size:14px; font-weight:650; line-height:1.48; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.uyc-gallery-card__go { display:inline-flex; align-items:center; gap:10px; margin-top:18px; color:#fff; font-size:14px; font-weight:900; }
.uyc-gallery-card__go i { width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:var(--uyc-red); color:#fff; font-size:12px; transition:transform .22s ease; }
.uyc-gallery-card:hover .uyc-gallery-card__go i { transform:translateX(4px); }
.uyc-gallery-empty { min-height:300px; display:grid; place-items:center; text-align:center; border-radius:18px; background:rgba(255,255,255,.055); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.uyc-gallery-empty i { display:block; margin-bottom:18px; color:var(--uyc-red); font-size:42px; }
.uyc-gallery-empty p { margin:0; color:rgba(255,255,255,.72); font-size:18px; font-weight:750; }
.uyc-gallery-pagination { display:flex; justify-content:center; margin-top:54px; }
.uyc-gallery-pagination__inner { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.uyc-gallery-page-link { min-width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; padding:0 14px; border-radius:999px; background:rgba(255,255,255,.075); color:#fff; font-weight:900; text-decoration:none; transition:background .22s ease, transform .22s ease; }
.uyc-gallery-page-link:hover, .uyc-gallery-page-link.is-active { background:var(--uyc-red); color:#fff; transform:translateY(-2px); }
@media (max-width:1199px) { .uyc-gallery-hero__inner { grid-template-columns:1fr; } .uyc-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .uyc-gallery-card:nth-child(1), .uyc-gallery-card:nth-child(6n) { grid-column:span 2; } .uyc-gallery-toolbar { display:block; } .uyc-gallery-view { width:max-content; margin-top:18px; } }
@media (max-width:767px) { .uyc-gallery-shell { width:calc(100% - 28px); } .uyc-gallery-hero { min-height:auto; padding:130px 0 48px; } .uyc-gallery-hero h1 { font-size:56px; } .uyc-gallery-main { padding:10px 0 68px; } .uyc-gallery-grid { grid-template-columns:1fr; } .uyc-gallery-card, .uyc-gallery-card:nth-child(1), .uyc-gallery-card:nth-child(6n), .uyc-gallery-card:nth-child(4n) { grid-column:auto; min-height:420px; border-radius:16px; } .uyc-gallery-card__body { padding:24px 20px; } }

/* ===== variation\page\producttemplate.php ===== */
.uyc-products-page { --prd-bg:#151a21; --prd-soft:#1d232c; --prd-red:var(--sh-red,var(--theme-color)); background:var(--prd-bg); color:#fff; overflow:hidden; }
.uyc-products-shell { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.uyc-products-hero { position:relative; min-height:560px; display:flex; align-items:flex-end; padding:170px 0 70px; background:#080c12; overflow:hidden; }
.uyc-products-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:contrast(1.08) saturate(.94) brightness(.44); transform:scale(1.035); }
.uyc-products-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(7,9,13,.98) 0%, rgba(9,12,18,.78) 43%, rgba(var(--theme-rgb),.2) 78%, rgba(7,9,13,.9) 100%); }
.uyc-products-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:170px; z-index:2; background:linear-gradient(180deg, rgba(21,26,33,0), var(--prd-bg) 86%); }
.uyc-products-hero__inner { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,430px); gap:clamp(32px,6vw,96px); align-items:end; }
.uyc-products-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:22px; color:rgba(255,255,255,.56); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-products-breadcrumb a { color:rgba(255,255,255,.8); text-decoration:none; }
.uyc-products-breadcrumb a:hover { color:#fff; }
.uyc-products-breadcrumb i { color:var(--prd-red); font-size:10px; }
.uyc-products-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--prd-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:16px; font-weight:900; line-height:1; letter-spacing:8px; text-transform:uppercase; }
.uyc-products-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--prd-red); }
.uyc-products-hero h1 { max-width:980px; margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(66px,7.8vw,136px); font-weight:900; line-height:.84; text-transform:uppercase; }
.uyc-products-hero p { max-width:700px; margin:26px 0 0; color:rgba(255,255,255,.72); font-size:18px; font-weight:650; line-height:1.65; }
.uyc-products-stat { position:relative; padding:30px; border-radius:18px; background:rgba(255,255,255,.075); -webkit-backdrop-filter:blur(18px) saturate(1.14); backdrop-filter:blur(18px) saturate(1.14); box-shadow:0 28px 74px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.1); }
.uyc-products-stat::before { content:''; position:absolute; left:30px; right:30px; top:0; height:3px; border-radius:999px; background:linear-gradient(90deg, rgba(var(--theme-rgb),.75), rgba(255,255,255,.28)); }
.uyc-products-stat__row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.uyc-products-stat span { display:block; color:rgba(255,255,255,.5); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-products-stat strong { display:block; margin-top:10px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(44px,4vw,70px); font-weight:900; line-height:.88; }
.uyc-products-main { position:relative; padding:10px 0 105px; background:var(--prd-bg); }
.uyc-products-intro { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:34px; align-items:stretch; margin-bottom:58px; }
.uyc-products-intro__panel { min-height:320px; display:flex; flex-direction:column; justify-content:center; padding:42px; border-radius:18px; background:linear-gradient(135deg, rgba(30,36,45,.98), rgba(12,16,22,.98)); box-shadow:0 28px 80px rgba(0,0,0,.28); }
.uyc-products-intro__panel small { color:var(--prd-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:15px; font-weight:900; letter-spacing:6px; text-transform:uppercase; }
.uyc-products-intro__panel h2 { margin:18px 0 20px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(42px,4.5vw,74px); font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-products-intro__panel p { margin:0; color:rgba(255,255,255,.66); font-size:16px; font-weight:650; line-height:1.65; }
.uyc-products-intro__media { position:relative; min-height:320px; overflow:hidden; border-radius:18px; background:#070a0f; box-shadow:0 34px 100px rgba(0,0,0,.34); isolation:isolate; }
.uyc-products-intro__media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:contrast(1.08) saturate(.95) brightness(.7); transform:scale(1.02); }
.uyc-products-intro__media::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(5,7,10,.04) 20%, rgba(5,7,10,.84) 100%); }
.uyc-products-intro__badge { position:absolute; left:28px; bottom:28px; z-index:2; display:inline-flex; align-items:center; gap:10px; min-height:46px; padding:0 18px; border-radius:999px; background:#fff; color:#11151c; font-weight:900; }
.uyc-products-intro__badge i { color:var(--prd-red); }
.uyc-products-section-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:end; gap:24px; margin-bottom:30px; }
.uyc-products-section-head h2 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(48px,5vw,80px); font-weight:900; line-height:.88; text-transform:uppercase; }
.uyc-products-section-head p { max-width:560px; margin:0; color:rgba(255,255,255,.62); font-size:15px; font-weight:650; line-height:1.6; }
.uyc-product-groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.uyc-product-group { position:relative; display:block; min-height:420px; overflow:hidden; border-radius:18px; background:#0b1017; text-decoration:none; box-shadow:0 30px 86px rgba(0,0,0,.3); isolation:isolate; }
.uyc-product-group img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:contrast(1.08) saturate(.94) brightness(.58); transform:scale(1.02); transition:transform .55s ease, filter .55s ease; }
.uyc-product-group::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(5,7,10,.04) 12%, rgba(5,7,10,.34) 52%, rgba(5,7,10,.94) 100%); }
.uyc-product-group::after { content:''; position:absolute; left:0; right:0; bottom:0; z-index:1; height:42%; background:linear-gradient(90deg, rgba(var(--theme-rgb),.18), rgba(var(--theme-rgb),0)); opacity:.58; transition:opacity .45s ease; }
.uyc-product-group__content { position:absolute; left:26px; right:26px; bottom:26px; z-index:2; }
.uyc-product-group__number { width:48px; height:48px; display:inline-flex; align-items:center; justify-content:center; margin-bottom:18px; border-radius:50%; background:linear-gradient(135deg, rgba(var(--theme-rgb),.92), rgba(var(--theme-rgb),.78)); color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:25px; font-weight:900; box-shadow:0 16px 42px rgba(var(--theme-rgb),.22); }
.uyc-product-group small { display:block; margin-bottom:10px; color:rgba(255,255,255,.7); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-product-group h3 { margin:0 0 12px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(32px,2.8vw,46px); font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-product-group p { min-height:44px; margin:0 0 18px; color:rgba(255,255,255,.68); font-size:14px; font-weight:650; line-height:1.55; }
.uyc-product-group__cta { display:inline-flex; align-items:center; gap:10px; color:#fff; font-weight:900; }
.uyc-product-group__cta i { width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:linear-gradient(135deg, rgba(var(--theme-rgb),.95), rgba(var(--theme-rgb),.82)); color:#fff; font-size:12px; box-shadow:0 12px 30px rgba(var(--theme-rgb),.2); }
.uyc-product-group:hover img { transform:scale(1.075); filter:contrast(1.1) saturate(1) brightness(.75); }
.uyc-product-group:hover::after { opacity:1; }
.uyc-products-empty { min-height:300px; display:grid; place-items:center; text-align:center; border-radius:18px; background:rgba(255,255,255,.055); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.uyc-products-empty p { margin:0; color:rgba(255,255,255,.72); font-size:18px; font-weight:800; }
.uyc-products-pagination { display:flex; justify-content:center; gap:8px; margin-top:45px; }
.uyc-products-page-link { min-width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(255,255,255,.08); color:#fff; text-decoration:none; font-weight:900; }
.uyc-products-page-link:hover, .uyc-products-page-link.is-active { background:var(--prd-red); color:#fff; }
@media (max-width:1199px) { .uyc-products-intro, .uyc-products-hero__inner { grid-template-columns:1fr; } .uyc-product-groups { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) { .uyc-products-shell { width:calc(100% - 28px); } .uyc-products-hero { min-height:auto; padding:132px 0 52px; } .uyc-products-hero h1 { font-size:54px; } .uyc-products-stat { padding:24px; } .uyc-products-main { padding:0 0 72px; } .uyc-products-intro__panel { padding:28px; min-height:auto; } .uyc-products-intro__media { min-height:290px; } .uyc-product-groups { grid-template-columns:1fr; } .uyc-product-group { min-height:360px; } }

/* ===== variation\page\projecttemplate.php ===== */
.uyc-projects-page { --uyc-bg:#151a21; --uyc-soft:#1b212b; --uyc-red:var(--sh-red,var(--theme-color)); background:var(--uyc-bg); color:#fff; overflow:hidden; }
.uyc-projects-shell { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.uyc-projects-hero { position:relative; min-height:590px; display:flex; align-items:flex-end; padding:172px 0 76px; background:#070a0f; overflow:hidden; isolation:isolate; }
.uyc-projects-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.44) contrast(1.08) saturate(.92); transform:scale(1.04); }
.uyc-projects-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(7,9,13,.98) 0%, rgba(9,13,19,.84) 42%, rgba(var(--theme-rgb),.2) 78%, rgba(7,9,13,.94) 100%); }
.uyc-projects-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:190px; z-index:2; background:linear-gradient(180deg, rgba(21,26,33,0), var(--uyc-bg) 86%); }
.uyc-projects-hero__inner { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,430px); align-items:end; gap:clamp(42px,7vw,120px); }
.uyc-projects-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--uyc-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:15px; font-weight:900; letter-spacing:8px; line-height:1; text-transform:uppercase; }
.uyc-projects-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--uyc-red); }
.uyc-projects-hero h1 { max-width:990px; margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(62px,8vw,126px); font-weight:900; line-height:.84; letter-spacing:0; text-transform:uppercase; }
.uyc-projects-hero p { max-width:680px; margin:24px 0 0; color:rgba(255,255,255,.68); font-size:17px; font-weight:650; line-height:1.7; }
.uyc-projects-hero-panel { position:relative; padding:30px; border-radius:18px; background:rgba(255,255,255,.075); -webkit-backdrop-filter:blur(18px) saturate(1.15); backdrop-filter:blur(18px) saturate(1.15); box-shadow:0 28px 78px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.1); }
.uyc-projects-hero-panel::before { content:''; position:absolute; left:30px; right:30px; top:0; height:3px; border-radius:999px; background:var(--uyc-red); }
.uyc-projects-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.uyc-projects-stat span { display:block; color:rgba(255,255,255,.48); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-projects-stat strong { display:block; margin-top:8px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(44px,4vw,68px); font-weight:900; line-height:.8; }
.uyc-projects-main { position:relative; padding:10px 0 105px; background:var(--uyc-bg); }
.uyc-projects-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:36px; }
.uyc-projects-head h2 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(48px,5.2vw,88px); font-weight:900; line-height:.88; text-transform:uppercase; }
.uyc-projects-head p { max-width:520px; margin:0; color:rgba(255,255,255,.58); font-size:15px; font-weight:650; line-height:1.65; }
.uyc-projects-filter { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:30px; }
.uyc-project-filter-btn { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 18px; border:0; border-radius:999px; background:rgba(255,255,255,.075); color:#fff; text-decoration:none; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:15px; font-weight:900; letter-spacing:.4px; text-transform:uppercase; cursor:pointer; transition:background .22s ease, color .22s ease, transform .22s ease; }
.uyc-project-filter-btn:hover, .uyc-project-filter-btn.is-active { background:var(--uyc-red); color:#fff; transform:translateY(-1px); }
.uyc-project-feature { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr); min-height:560px; margin-bottom:28px; overflow:hidden; border-radius:20px; background:#080c12; box-shadow:0 34px 98px rgba(0,0,0,.33); }
.uyc-project-feature-media { position:relative; overflow:hidden; min-height:420px; }
.uyc-project-feature-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.78) contrast(1.08); transform:scale(1.02); transition:transform .75s ease, filter .75s ease; }
.uyc-project-feature:hover .uyc-project-feature-media img { transform:scale(1.07); filter:brightness(.9) contrast(1.1); }
.uyc-project-feature-media::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(7,9,13,.04), rgba(7,9,13,.48)); }
.uyc-project-feature-body { display:flex; flex-direction:column; justify-content:flex-end; padding:42px; background:linear-gradient(145deg, rgba(32,39,49,.98), rgba(10,14,20,.98)); }
.uyc-project-card-meta, .uyc-project-feature-meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:16px; color:rgba(255,255,255,.78); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-project-date { display:inline-flex; align-items:center; min-height:24px; padding:0 9px; background:rgba(255,255,255,.9); color:#11151b; }
.uyc-project-tag { color:#fff; }
.uyc-project-feature h3 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(44px,4.8vw,78px); font-weight:900; line-height:.88; text-transform:uppercase; }
.uyc-project-feature p { margin:22px 0 0; color:rgba(255,255,255,.66); font-size:16px; font-weight:650; line-height:1.7; }
.uyc-project-link { display:inline-flex; width:max-content; align-items:center; gap:14px; min-height:48px; margin-top:28px; padding:0 20px 0 7px; border-radius:999px; background:#fff; color:#11151b; text-decoration:none; font-size:14px; font-weight:900; text-transform:uppercase; transition:transform .22s ease, background .22s ease, color .22s ease; }
.uyc-project-link i { width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:var(--uyc-red); color:#fff; font-size:12px; }
.uyc-project-link:hover { background:var(--uyc-red); color:#fff; transform:translateY(-2px); }
.uyc-project-link:hover i { background:#fff; color:var(--uyc-red); }
.uyc-project-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.uyc-project-card { position:relative; min-height:500px; display:block; overflow:hidden; border-radius:18px; background:#080c12; color:#fff; text-decoration:none; box-shadow:0 26px 74px rgba(0,0,0,.28); isolation:isolate; }
.uyc-project-card.is-hidden { display:none; }
.uyc-project-card img { position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:cover; filter:brightness(.58) contrast(1.08); transform:scale(1.02); transition:transform .65s ease, filter .65s ease; }
.uyc-project-card::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(7,9,13,.05) 0%, rgba(7,9,13,.36) 42%, rgba(7,9,13,.94) 100%); }
.uyc-project-card::after { content:''; position:absolute; left:24px; right:24px; bottom:24px; z-index:1; height:42%; border-radius:22px; background:radial-gradient(circle at 8% 100%, rgba(var(--theme-rgb),.34), transparent 54%); filter:blur(22px); opacity:0; transform:translateY(18px); transition:opacity .38s ease, transform .38s ease; }
.uyc-project-card:hover img { transform:scale(1.08); filter:brightness(.72) contrast(1.12); }
.uyc-project-card:hover::after { opacity:1; transform:translateY(0); }
.uyc-project-card-body { position:absolute; left:26px; right:26px; bottom:26px; z-index:3; }
.uyc-project-card h3 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(34px,2.7vw,54px); font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-project-card p { max-height:0; overflow:hidden; margin:0; color:rgba(255,255,255,.74); font-size:14px; font-weight:650; line-height:1.55; opacity:0; transition:max-height .38s ease, margin-top .3s ease, opacity .3s ease; }
.uyc-project-card:hover p { max-height:90px; margin-top:16px; opacity:1; }
.uyc-project-card-action { display:inline-flex; align-items:center; gap:12px; max-height:0; overflow:hidden; margin-top:0; color:#fff; font-size:13px; font-weight:900; text-transform:uppercase; opacity:0; transition:max-height .38s ease, margin-top .3s ease, opacity .3s ease; }
.uyc-project-card-action i { width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:var(--uyc-red); color:#fff; font-size:11px; }
.uyc-project-card:hover .uyc-project-card-action { max-height:40px; margin-top:20px; opacity:1; }
.uyc-project-empty { padding:60px 34px; border-radius:18px; background:rgba(255,255,255,.06); color:rgba(255,255,255,.72); font-weight:700; text-align:center; }
@media (max-width:1199px) { .uyc-projects-hero__inner, .uyc-project-feature { grid-template-columns:1fr; } .uyc-project-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .uyc-project-feature { min-height:0; } }
@media (max-width:767px) { .uyc-projects-shell { width:calc(100% - 28px); } .uyc-projects-hero { min-height:auto; padding:136px 0 58px; } .uyc-projects-hero__inner { display:block; } .uyc-projects-hero-panel { margin-top:30px; } .uyc-projects-head { display:block; } .uyc-projects-head p { margin-top:16px; } .uyc-project-grid { grid-template-columns:1fr; } .uyc-project-card { min-height:430px; } .uyc-project-feature-body { padding:30px; } .uyc-project-feature-media { min-height:330px; } }

/* ===== variation\page\referencetemplate.php ===== */
.uyc-ref-page { --ref-bg:#151a21; --ref-deep:#0e131b; --ref-red:var(--sh-red,var(--theme-color)); background:var(--ref-bg); color:#fff; overflow:hidden; }
.uyc-ref-shell { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.uyc-ref-hero { position:relative; min-height:560px; display:flex; align-items:flex-end; padding:172px 0 76px; background:#070a0f; overflow:hidden; isolation:isolate; }
.uyc-ref-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.38) contrast(1.08) saturate(.8); transform:scale(1.045); }
.uyc-ref-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(5,7,10,.98) 0%, rgba(7,10,15,.86) 44%, rgba(var(--theme-rgb),.14) 76%, rgba(5,7,10,.96) 100%); }
.uyc-ref-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; z-index:2; height:190px; background:linear-gradient(180deg, rgba(21,26,33,0), var(--ref-bg) 86%); }
.uyc-ref-hero__inner { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,360px); gap:clamp(34px,6vw,104px); align-items:end; }
.uyc-ref-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:22px; color:rgba(255,255,255,.58); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-ref-breadcrumb a { color:rgba(255,255,255,.84); text-decoration:none; }
.uyc-ref-breadcrumb i { color:var(--ref-red); font-size:10px; }
.uyc-ref-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--ref-red); font-family:var(--title-font); font-size:16px; font-weight:900; letter-spacing:8px; line-height:1; text-transform:uppercase; }
.uyc-ref-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--ref-red); }
.uyc-ref-hero h1 { max-width:1040px; margin:0; color:#fff; font-family:var(--title-font); font-size:clamp(70px,8.2vw,142px); font-weight:900; line-height:.82; text-transform:uppercase; }
.uyc-ref-hero p { max-width:720px; margin:24px 0 0; color:rgba(255,255,255,.72); font-size:18px; font-weight:650; line-height:1.62; }
.uyc-ref-metric { position:relative; min-height:180px; display:flex; flex-direction:column; justify-content:flex-end; padding:0 0 8px; }
.uyc-ref-metric span { color:rgba(255,255,255,.52); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-ref-metric strong { display:block; margin-top:12px; color:transparent; -webkit-text-stroke:2px var(--ref-red); font-family:var(--title-font); font-size:clamp(88px,8vw,142px); font-weight:900; line-height:.72; }
.uyc-ref-main { position:relative; padding:0 0 112px; background:linear-gradient(180deg, var(--ref-bg) 0%, var(--ref-deep) 100%); }
.uyc-ref-control { position:relative; z-index:4; margin-top:-22px; margin-bottom:52px; }
.uyc-ref-filter { display:flex; flex-wrap:wrap; gap:10px; padding:12px; border-radius:999px; background:rgba(255,255,255,.055); -webkit-backdrop-filter:blur(16px) saturate(1.15); backdrop-filter:blur(16px) saturate(1.15); box-shadow:0 28px 78px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08); }
.uyc-ref-filter a { display:inline-flex; align-items:center; gap:10px; min-height:42px; padding:0 17px; border-radius:999px; color:#fff; text-decoration:none; font-family:var(--title-font); font-size:15px; font-weight:900; text-transform:uppercase; transition:background .22s ease, transform .22s ease, color .22s ease; }
.uyc-ref-filter a:hover, .uyc-ref-filter a.is-active { background:var(--ref-red); color:#fff; transform:translateY(-2px); }
.uyc-ref-filter em { font-style:normal; color:rgba(255,255,255,.62); font-size:12px; }
.uyc-ref-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,420px); gap:28px; align-items:end; margin-bottom:38px; }
.uyc-ref-intro h2 { max-width:760px; margin:0; color:#fff; font-family:var(--title-font); font-size:clamp(48px,5.4vw,96px); font-weight:900; line-height:.84; text-transform:uppercase; }
.uyc-ref-intro p { margin:0; color:rgba(255,255,255,.62); font-size:15px; font-weight:650; line-height:1.68; }
.uyc-ref-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; align-items:stretch; }
.uyc-ref-logo-item { position:relative; min-height:210px; display:flex; flex-direction:column; justify-content:center; gap:14px; padding:22px 18px; color:#fff; text-decoration:none; isolation:isolate; background:linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012)); box-shadow:0 24px 70px rgba(0,0,0,.18); overflow:hidden; }
.uyc-ref-logo-item::before { content:''; position:absolute; left:50%; top:42%; width:78%; height:68%; border-radius:999px; background:rgba(var(--theme-rgb),.16); filter:blur(34px); opacity:0; transform:translate(-50%,-50%) scale(.78); transition:opacity .28s ease, transform .28s ease; z-index:-1; }
.uyc-ref-logo-item::after { content:''; position:absolute; left:18px; right:18px; bottom:0; height:2px; background:var(--ref-red); opacity:0; transform:scaleX(.35); transition:opacity .24s ease, transform .24s ease; }
.uyc-ref-logo-item:hover::before { opacity:1; transform:translate(-50%,-50%) scale(1); }
.uyc-ref-logo-item:hover::after { opacity:1; transform:scaleX(1); }
.uyc-ref-logo { min-height:104px; display:flex; align-items:center; justify-content:center; padding:10px 14px; }
.uyc-ref-logo img { max-width:100%; max-height:86px; object-fit:contain; filter:grayscale(1) brightness(1.55) contrast(.92); opacity:.76; transition:filter .26s ease, opacity .26s ease, transform .26s ease; }
.uyc-ref-logo-item:hover img { filter:grayscale(0) brightness(1.08) contrast(1.02); opacity:1; transform:translateY(-4px) scale(1.035); }
.uyc-ref-logo-item h3 { margin:0; color:rgba(255,255,255,.82); font-family:var(--title-font); font-size:clamp(22px,1.9vw,32px); font-weight:900; line-height:.95; text-align:center; text-transform:uppercase; transition:color .24s ease; }
.uyc-ref-logo-item:hover h3 { color:#fff; }
.uyc-ref-cat-label { display:inline-flex; align-self:center; min-height:26px; align-items:center; padding:0 10px; border-radius:999px; background:rgba(255,255,255,.08); color:rgba(255,255,255,.62); font-size:11px; font-weight:900; text-transform:uppercase; }
.uyc-ref-empty { min-height:280px; display:grid; place-items:center; text-align:center; background:rgba(255,255,255,.045); color:rgba(255,255,255,.72); font-weight:850; }
.uyc-ref-pagination { display:flex; justify-content:center; margin-top:54px; gap:8px; flex-wrap:wrap; }
.uyc-ref-page-link { min-width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; padding:0 14px; border-radius:999px; background:rgba(255,255,255,.075); color:#fff; font-weight:900; text-decoration:none; transition:background .22s ease, transform .22s ease; }
.uyc-ref-page-link:hover, .uyc-ref-page-link.is-active { background:var(--ref-red); color:#fff; transform:translateY(-2px); }
@media (max-width:1399px) { .uyc-ref-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:1199px) { .uyc-ref-hero__inner, .uyc-ref-intro { grid-template-columns:1fr; } .uyc-ref-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .uyc-ref-metric strong { font-size:100px; } }
@media (max-width:991px) { .uyc-ref-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) { .uyc-ref-shell { width:calc(100% - 28px); } .uyc-ref-hero { min-height:auto; padding:132px 0 58px; } .uyc-ref-hero h1 { font-size:58px; } .uyc-ref-control { margin-top:-10px; } .uyc-ref-filter { border-radius:24px; } .uyc-ref-grid { grid-template-columns:1fr; } .uyc-ref-logo-item { min-height:168px; } }

/* ===== variation\page\servicestemplate.php ===== */
.uyc-services-page { --svc-bg:#151a21; --svc-soft:#1d232c; --svc-red:var(--sh-red,var(--theme-color)); background:var(--svc-bg); color:#fff; overflow:hidden; }
.uyc-services-shell { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.uyc-services-hero { position:relative; min-height:560px; display:flex; align-items:flex-end; padding:170px 0 70px; background:#080c12; overflow:hidden; }
.uyc-services-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:contrast(1.08) saturate(.9) brightness(.44); transform:scale(1.04); }
.uyc-services-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(6,8,12,.98) 0%, rgba(8,11,16,.74) 45%, rgba(var(--theme-rgb),.18) 80%, rgba(6,8,12,.9) 100%); }
.uyc-services-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:170px; z-index:2; background:linear-gradient(180deg, rgba(21,26,33,0), var(--svc-bg) 86%); }
.uyc-services-hero__inner { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,420px); gap:clamp(32px,6vw,94px); align-items:end; }
.uyc-services-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:22px; color:rgba(255,255,255,.55); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-services-breadcrumb a { color:rgba(255,255,255,.78); text-decoration:none; }
.uyc-services-breadcrumb a:hover { color:#fff; }
.uyc-services-breadcrumb i { color:var(--svc-red); font-size:10px; }
.uyc-services-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--svc-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:16px; font-weight:900; line-height:1; letter-spacing:8px; text-transform:uppercase; }
.uyc-services-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--svc-red); }
.uyc-services-hero h1 { max-width:920px; margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(64px,8.4vw,132px); font-weight:900; line-height:.82; text-transform:uppercase; }
.uyc-services-hero p { max-width:680px; margin:26px 0 0; color:rgba(255,255,255,.72); font-size:18px; font-weight:650; line-height:1.65; }
.uyc-services-stat { position:relative; padding:30px; border-radius:18px; background:rgba(255,255,255,.075); -webkit-backdrop-filter:blur(18px) saturate(1.14); backdrop-filter:blur(18px) saturate(1.14); box-shadow:0 28px 74px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.1); }
.uyc-services-stat::before { content:''; position:absolute; left:30px; right:30px; top:0; height:3px; border-radius:999px; background:var(--svc-red); }
.uyc-services-stat span { display:block; color:rgba(255,255,255,.5); font-size:13px; font-weight:900; text-transform:uppercase; }
.uyc-services-stat strong { display:block; margin-top:10px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(46px,5vw,72px); font-weight:900; line-height:.88; }
.uyc-services-main { position:relative; padding:10px 0 105px; background:var(--svc-bg); }
.uyc-services-feature { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr); gap:34px; align-items:stretch; margin-bottom:62px; }
.uyc-services-feature__media { position:relative; min-height:455px; overflow:hidden; border-radius:18px; background:#070a0f; box-shadow:0 34px 100px rgba(0,0,0,.36); isolation:isolate; }
.uyc-services-feature__media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:contrast(1.08) saturate(.95) brightness(.68); transform:scale(1.02); transition:transform .55s ease, filter .55s ease; }
.uyc-services-feature__media::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(5,7,10,.08) 15%, rgba(5,7,10,.76) 100%); }
.uyc-services-feature__badge { position:absolute; left:28px; bottom:28px; z-index:2; display:inline-flex; align-items:center; gap:10px; min-height:46px; padding:0 18px; border-radius:999px; background:#fff; color:#11151c; font-weight:900; }
.uyc-services-feature__badge i { color:var(--svc-red); }
.uyc-services-feature__body { display:flex; flex-direction:column; justify-content:center; padding:42px; border-radius:18px; background:linear-gradient(135deg, rgba(30,36,45,.98), rgba(12,16,22,.98)); box-shadow:0 28px 80px rgba(0,0,0,.28); }
.uyc-services-feature__body small { color:var(--svc-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:15px; font-weight:900; letter-spacing:6px; text-transform:uppercase; }
.uyc-services-feature__body h2 { margin:18px 0 22px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(42px,4.4vw,72px); font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-services-feature__body p { margin:0 0 30px; color:rgba(255,255,255,.66); font-size:16px; font-weight:650; line-height:1.65; }
.uyc-services-link { display:inline-flex; width:max-content; align-items:center; gap:12px; min-height:50px; padding:0 20px 0 8px; border-radius:999px; background:#fff; color:#11151c; text-decoration:none; font-weight:900; }
.uyc-services-link i { width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:var(--svc-red); color:#fff; font-size:12px; }
.uyc-services-section-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:end; gap:24px; margin-bottom:30px; }
.uyc-services-section-head h2 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(48px,5vw,78px); font-weight:900; line-height:.88; text-transform:uppercase; }
.uyc-services-section-head p { max-width:520px; margin:0; color:rgba(255,255,255,.62); font-size:15px; font-weight:650; line-height:1.6; }
.uyc-services-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.uyc-service-card { display:block; position:relative; overflow:hidden; border-radius:16px; background:#0b1017; text-decoration:none; min-height:390px; box-shadow:0 28px 82px rgba(0,0,0,.28); isolation:isolate; }
.uyc-service-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:contrast(1.08) saturate(.9) brightness(.58); transform:scale(1.02); transition:transform .5s ease, filter .5s ease; }
.uyc-service-card::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(5,7,10,.02) 18%, rgba(5,7,10,.32) 54%, rgba(5,7,10,.92) 100%); }
.uyc-service-card__content { position:absolute; left:24px; right:24px; bottom:24px; z-index:2; }
.uyc-service-card__number { width:46px; height:46px; display:inline-flex; align-items:center; justify-content:center; margin-bottom:18px; border-radius:50%; background:var(--svc-red); color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:24px; font-weight:900; box-shadow:0 16px 42px rgba(var(--theme-rgb),.3); }
.uyc-service-card h3 { margin:0 0 12px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:34px; font-weight:900; line-height:.96; text-transform:uppercase; }
.uyc-service-card p { margin:0 0 18px; color:rgba(255,255,255,.66); font-size:14px; font-weight:650; line-height:1.55; }
.uyc-service-card span:last-child { display:inline-flex; align-items:center; gap:10px; color:#fff; font-weight:900; }
.uyc-service-card span:last-child i { color:var(--svc-red); }
.uyc-service-card:hover img { transform:scale(1.07); filter:contrast(1.1) saturate(1) brightness(.74); }
.uyc-services-empty { min-height:300px; display:grid; place-items:center; text-align:center; border-radius:18px; background:rgba(255,255,255,.055); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.uyc-services-empty p { margin:0; color:rgba(255,255,255,.72); font-size:18px; font-weight:800; }
.uyc-services-pagination { display:flex; justify-content:center; gap:8px; margin-top:45px; }
.uyc-services-page-link { min-width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(255,255,255,.08); color:#fff; text-decoration:none; font-weight:900; }
.uyc-services-page-link:hover, .uyc-services-page-link.is-active { background:var(--svc-red); color:#fff; }
@media (max-width:1199px) { .uyc-services-feature { grid-template-columns:1fr; } .uyc-services-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) { .uyc-services-shell { width:calc(100% - 28px); } .uyc-services-hero { min-height:auto; padding:132px 0 52px; } .uyc-services-hero__inner { grid-template-columns:1fr; } .uyc-services-hero h1 { font-size:54px; } .uyc-services-stat { padding:24px; } .uyc-services-main { padding:0 0 72px; } .uyc-services-feature__media { min-height:310px; } .uyc-services-feature__body { padding:28px; } .uyc-services-grid { grid-template-columns:1fr; } .uyc-service-card { min-height:330px; } }

/* ===== variation\page\teamtemplate.php ===== */
.uyc-team-page { --team-bg:#151a21; --team-panel:#1c232d; --team-red:var(--sh-red,var(--theme-color)); --team-muted:rgba(255,255,255,.64); background:var(--team-bg); color:#fff; overflow:hidden; }
.uyc-team-shell { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.uyc-team-hero { position:relative; min-height:620px; display:flex; align-items:flex-end; padding:178px 0 82px; background:#070a0f; overflow:hidden; isolation:isolate; }
.uyc-team-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.42) contrast(1.08) saturate(.86); transform:scale(1.045); }
.uyc-team-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(5,7,10,.98) 0%, rgba(8,12,18,.82) 45%, rgba(var(--theme-rgb),.18) 78%, rgba(5,7,10,.94) 100%); }
.uyc-team-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:190px; z-index:2; background:linear-gradient(180deg, rgba(21,26,33,0), var(--team-bg) 86%); }
.uyc-team-hero__inner { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,500px); gap:clamp(34px,6vw,100px); align-items:end; }
.uyc-team-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:22px; color:rgba(255,255,255,.58); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-team-breadcrumb a { color:rgba(255,255,255,.84); text-decoration:none; }
.uyc-team-breadcrumb i { color:var(--team-red); font-size:10px; }
.uyc-team-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--team-red); font-family:var(--title-font); font-size:16px; font-weight:900; letter-spacing:8px; line-height:1; text-transform:uppercase; }
.uyc-team-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--team-red); }
.uyc-team-hero h1 { max-width:980px; margin:0; color:#fff; font-family:var(--title-font); font-size:clamp(70px,8.4vw,148px); font-weight:900; line-height:.84; letter-spacing:0; text-transform:uppercase; text-wrap:balance; }
.uyc-team-hero p { max-width:720px; margin:26px 0 0; color:rgba(255,255,255,.74); font-size:18px; font-weight:650; line-height:1.64; }
.uyc-team-stat { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:12px; border-radius:20px; background:rgba(255,255,255,.075); -webkit-backdrop-filter:blur(18px) saturate(1.14); backdrop-filter:blur(18px) saturate(1.14); box-shadow:0 28px 74px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.1); }
.uyc-team-stat::before { content:''; position:absolute; left:30px; right:30px; top:0; height:3px; border-radius:999px; background:var(--team-red); }
.uyc-team-stat__item { min-height:142px; padding:24px; border-radius:16px; background:rgba(7,10,15,.54); }
.uyc-team-stat__item span { display:block; color:rgba(255,255,255,.52); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-team-stat__item strong { display:block; margin-top:12px; color:#fff; font-family:var(--title-font); font-size:clamp(46px,5vw,76px); font-weight:900; line-height:.86; }
.uyc-team-main { padding:8px 0 112px; background:var(--team-bg); }
.uyc-team-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,520px); gap:28px; align-items:end; margin-bottom:34px; }
.uyc-team-head h2 { margin:0; color:#fff; font-family:var(--title-font); font-size:clamp(52px,5.4vw,94px); font-weight:900; line-height:.86; text-transform:uppercase; }
.uyc-team-head p { margin:0; color:var(--team-muted); font-size:15px; font-weight:650; line-height:1.68; }
.uyc-team-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.uyc-team-card { position:relative; min-height:560px; border-radius:20px; overflow:hidden; background:linear-gradient(145deg, rgba(32,39,50,.98), rgba(10,14,20,.98)); box-shadow:0 28px 78px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.08); isolation:isolate; }
.uyc-team-card::before { content:''; position:absolute; inset:0; z-index:2; background:linear-gradient(180deg, rgba(0,0,0,.04) 0%, rgba(6,9,14,.18) 42%, rgba(6,9,14,.92) 100%); pointer-events:none; }
.uyc-team-card::after { content:''; position:absolute; right:-70px; bottom:-70px; z-index:3; width:190px; height:190px; border-radius:50%; background:rgba(var(--theme-rgb),.28); filter:blur(26px); opacity:.55; transition:opacity .3s ease, transform .3s ease; }
.uyc-team-card:hover::after { opacity:.95; transform:scale(1.08); }
.uyc-team-card__image { position:absolute; inset:0; z-index:1; }
.uyc-team-card__image img { width:100%; height:100%; object-fit:cover; filter:saturate(.92) contrast(1.04); transform:scale(1.01); transition:transform .55s ease, filter .55s ease; }
.uyc-team-card:hover .uyc-team-card__image img { transform:scale(1.07); filter:saturate(1.08) contrast(1.09); }
.uyc-team-card__content { position:absolute; left:0; right:0; bottom:0; z-index:4; padding:26px; }
.uyc-team-card__role { display:inline-flex; align-items:center; gap:9px; margin-bottom:14px; color:var(--team-red); font-family:var(--title-font); font-size:13px; font-weight:900; letter-spacing:4px; text-transform:uppercase; }
.uyc-team-card__role::before { content:''; width:28px; height:2px; background:var(--team-red); border-radius:999px; }
.uyc-team-card h3 { margin:0; color:#fff; font-family:var(--title-font); font-size:clamp(34px,2.8vw,52px); font-weight:900; line-height:.88; text-transform:uppercase; }
.uyc-team-card__links { display:flex; flex-wrap:wrap; gap:9px; margin-top:20px; transform:translateY(14px); opacity:.86; transition:transform .25s ease, opacity .25s ease; }
.uyc-team-card:hover .uyc-team-card__links { transform:translateY(0); opacity:1; }
.uyc-team-card__links a { width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:#fff; color:#10151d; text-decoration:none; box-shadow:0 14px 30px rgba(0,0,0,.22); transition:background .2s ease, color .2s ease, transform .2s ease; }
.uyc-team-card__links a:hover { background:var(--team-red); color:#fff; transform:translateY(-3px); }
.uyc-team-card__contact { display:flex; flex-direction:column; gap:8px; margin-top:18px; color:rgba(255,255,255,.72); font-size:13px; font-weight:800; }
.uyc-team-card__contact a { color:rgba(255,255,255,.86); text-decoration:none; }
.uyc-team-empty { min-height:280px; display:grid; place-items:center; text-align:center; border-radius:20px; background:linear-gradient(145deg, rgba(32,39,50,.98), rgba(10,14,20,.98)); color:rgba(255,255,255,.68); font-weight:850; }
.uyc-team-band { margin-top:74px; display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,480px); gap:24px; align-items:stretch; }
.uyc-team-note, .uyc-team-cta { position:relative; border-radius:20px; background:linear-gradient(145deg, rgba(32,39,50,.98), rgba(10,14,20,.98)); box-shadow:0 28px 78px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08); overflow:hidden; }
.uyc-team-note { min-height:270px; padding:34px; display:flex; flex-direction:column; justify-content:flex-end; }
.uyc-team-note::before { content:''; position:absolute; inset:0; background:linear-gradient(120deg, rgba(var(--theme-rgb),.18), transparent 44%); pointer-events:none; }
.uyc-team-note > * { position:relative; z-index:1; }
.uyc-team-note h3, .uyc-team-cta h3 { margin:0; color:#fff; font-family:var(--title-font); font-size:clamp(38px,3.5vw,64px); font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-team-note p, .uyc-team-cta p { margin:16px 0 0; color:var(--team-muted); font-size:15px; font-weight:650; line-height:1.62; }
.uyc-team-cta { padding:30px; display:flex; flex-direction:column; justify-content:space-between; gap:26px; }
.uyc-team-cta__actions { display:flex; flex-wrap:wrap; gap:12px; }
.uyc-team-btn { display:inline-flex; align-items:center; gap:12px; min-height:52px; padding:0 21px 0 8px; border-radius:999px; background:#fff; color:#11151c; text-decoration:none; font-weight:900; text-transform:uppercase; }
.uyc-team-btn i { width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:var(--team-red); color:#fff; font-size:12px; }
.uyc-team-btn.is-red { background:var(--team-red); color:#fff; }
.uyc-team-btn.is-red i { background:#fff; color:var(--team-red); }
@media (max-width:1399px) { .uyc-team-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:1199px) { .uyc-team-hero__inner, .uyc-team-head, .uyc-team-band { grid-template-columns:1fr; } .uyc-team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) { .uyc-team-shell { width:calc(100% - 28px); } .uyc-team-hero { min-height:auto; padding:132px 0 58px; } .uyc-team-hero h1 { font-size:60px; } .uyc-team-stat { grid-template-columns:1fr; } .uyc-team-main { padding:0 0 78px; } .uyc-team-grid { grid-template-columns:1fr; } .uyc-team-card { min-height:500px; } .uyc-team-card__content { padding:22px; } .uyc-team-band { margin-top:48px; } }

/* ===== variation\page\videotemplate.php ===== */
.uyc-video-page { --video-bg:#151a21; --video-soft:#1d232c; --video-red:var(--sh-red,var(--theme-color)); background:var(--video-bg); color:#fff; overflow:hidden; }
.uyc-video-shell { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.uyc-video-hero { position:relative; min-height:560px; display:flex; align-items:flex-end; padding:170px 0 70px; background:#080c12; overflow:hidden; }
.uyc-video-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:contrast(1.08) saturate(.9) brightness(.46); transform:scale(1.04); }
.uyc-video-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(6,8,12,.98) 0%, rgba(8,11,16,.72) 44%, rgba(var(--theme-rgb),.18) 78%, rgba(6,8,12,.9) 100%); }
.uyc-video-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:170px; z-index:2; background:linear-gradient(180deg, rgba(21,26,33,0), var(--video-bg) 86%); }
.uyc-video-hero__inner { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,420px); gap:clamp(32px,6vw,94px); align-items:end; }
.uyc-video-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:22px; color:rgba(255,255,255,.55); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-video-breadcrumb a { color:rgba(255,255,255,.78); text-decoration:none; }
.uyc-video-breadcrumb a:hover { color:#fff; }
.uyc-video-breadcrumb i { color:var(--video-red); font-size:10px; }
.uyc-video-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--video-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:16px; font-weight:900; line-height:1; letter-spacing:8px; text-transform:uppercase; }
.uyc-video-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--video-red); }
.uyc-video-hero h1 { max-width:920px; margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(64px,8.5vw,132px); font-weight:900; line-height:.82; text-transform:uppercase; }
.uyc-video-hero p { max-width:680px; margin:26px 0 0; color:rgba(255,255,255,.72); font-size:18px; font-weight:650; line-height:1.65; }
.uyc-video-stat { position:relative; padding:30px; border-radius:18px; background:rgba(255,255,255,.075); -webkit-backdrop-filter:blur(18px) saturate(1.14); backdrop-filter:blur(18px) saturate(1.14); box-shadow:0 28px 74px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.1); }
.uyc-video-stat::before { content:''; position:absolute; left:30px; right:30px; top:0; height:3px; border-radius:999px; background:var(--video-red); }
.uyc-video-stat span { display:block; color:rgba(255,255,255,.5); font-size:13px; font-weight:900; text-transform:uppercase; }
.uyc-video-stat strong { display:block; margin-top:10px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(46px,5vw,72px); font-weight:900; line-height:.88; }
.uyc-video-main { position:relative; padding:10px 0 105px; background:var(--video-bg); }
.uyc-video-feature { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); gap:34px; align-items:stretch; margin-bottom:62px; }
.uyc-video-feature__media { position:relative; min-height:470px; overflow:hidden; border-radius:18px; background:#070a0f; box-shadow:0 34px 100px rgba(0,0,0,.36); isolation:isolate; }
.uyc-video-feature__media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:contrast(1.08) saturate(.95) brightness(.68); transform:scale(1.02); transition:transform .55s ease, filter .55s ease; }
.uyc-video-feature__media::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(5,7,10,.08) 15%, rgba(5,7,10,.72) 100%); }
.uyc-video-feature__media:hover img { transform:scale(1.055); filter:contrast(1.1) saturate(1) brightness(.78); }
.uyc-video-play { position:absolute; left:50%; top:50%; z-index:3; width:86px; height:64px; border:0; border-radius:14px; background:#fff; color:#10151c; display:inline-flex; align-items:center; justify-content:center; transform:translate(-50%,-50%); cursor:pointer; box-shadow:0 28px 78px rgba(0,0,0,.38); transition:transform .24s ease, background .24s ease, color .24s ease; }
.uyc-video-play i { margin-left:4px; font-size:24px; }
.uyc-video-play:hover { background:var(--video-red); color:#fff; transform:translate(-50%,-50%) scale(1.06); }
.uyc-video-feature__body { display:flex; flex-direction:column; justify-content:center; padding:42px; border-radius:18px; background:linear-gradient(135deg, rgba(30,36,45,.98), rgba(12,16,22,.98)); box-shadow:0 28px 80px rgba(0,0,0,.28); }
.uyc-video-feature__body small { color:var(--video-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:15px; font-weight:900; letter-spacing:6px; text-transform:uppercase; }
.uyc-video-feature__body h2 { margin:18px 0 22px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(42px,4.4vw,72px); font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-video-feature__body p { margin:0 0 30px; color:rgba(255,255,255,.66); font-size:16px; font-weight:650; line-height:1.65; }
.uyc-video-link { display:inline-flex; width:max-content; align-items:center; gap:12px; min-height:50px; padding:0 20px 0 8px; border-radius:999px; background:#fff; color:#11151c; text-decoration:none; font-weight:900; }
.uyc-video-link i { width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:var(--video-red); color:#fff; font-size:12px; }
.uyc-video-link:hover { color:#11151c; transform:translateY(-2px); }
.uyc-video-section-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:end; gap:24px; margin-bottom:30px; }
.uyc-video-section-head h2 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(48px,5vw,78px); font-weight:900; line-height:.88; text-transform:uppercase; }
.uyc-video-section-head p { max-width:520px; margin:0; color:rgba(255,255,255,.62); font-size:15px; font-weight:650; line-height:1.6; }
.uyc-video-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.uyc-video-card { display:block; position:relative; overflow:hidden; border-radius:16px; background:#0b1017; text-decoration:none; min-height:330px; box-shadow:0 28px 82px rgba(0,0,0,.28); isolation:isolate; }
.uyc-video-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:contrast(1.08) saturate(.9) brightness(.62); transform:scale(1.02); transition:transform .5s ease, filter .5s ease; }
.uyc-video-card::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(5,7,10,.02) 18%, rgba(5,7,10,.28) 54%, rgba(5,7,10,.9) 100%); }
.uyc-video-card__content { position:absolute; left:24px; right:24px; bottom:24px; z-index:2; }
.uyc-video-card__play { width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; margin-bottom:18px; border-radius:50%; background:var(--video-red); color:#fff; font-size:14px; box-shadow:0 16px 42px rgba(var(--theme-rgb),.3); }
.uyc-video-card h3 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:32px; font-weight:900; line-height:.96; text-transform:uppercase; }
.uyc-video-card:hover img { transform:scale(1.07); filter:contrast(1.1) saturate(1) brightness(.76); }
.uyc-video-empty { min-height:300px; display:grid; place-items:center; text-align:center; border-radius:18px; background:rgba(255,255,255,.055); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.uyc-video-empty p { margin:0; color:rgba(255,255,255,.72); font-size:18px; font-weight:800; }
.uyc-video-pagination { display:flex; justify-content:center; gap:8px; margin-top:45px; }
.uyc-video-page-link { min-width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(255,255,255,.08); color:#fff; text-decoration:none; font-weight:900; }
.uyc-video-page-link:hover, .uyc-video-page-link.is-active { background:var(--video-red); color:#fff; }
.uyc-video-modal { position:fixed; inset:0; z-index:26000; display:none; align-items:center; justify-content:center; padding:5vh 5vw; background:rgba(0,0,0,.94); }
.uyc-video-modal.is-open { display:flex; }
.uyc-video-frame { width:min(1480px, 100%); height:min(820px, 86vh); background:#000; box-shadow:0 30px 90px rgba(0,0,0,.55); }
.uyc-video-frame iframe { width:100%; height:100%; border:0; display:block; }
.uyc-video-close { position:fixed; top:24px; right:28px; z-index:26001; width:46px; height:46px; border:0; border-radius:50%; background:rgba(255,255,255,.12); color:#fff; cursor:pointer; }
.uyc-video-close:hover { background:var(--video-red); }
body.uyc-video-open { overflow:hidden; }
@media (max-width:1199px) { .uyc-video-feature { grid-template-columns:1fr; } .uyc-video-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) { .uyc-video-shell { width:calc(100% - 28px); } .uyc-video-hero { min-height:auto; padding:132px 0 52px; } .uyc-video-hero__inner { grid-template-columns:1fr; } .uyc-video-hero h1 { font-size:54px; } .uyc-video-stat { padding:24px; } .uyc-video-main { padding:0 0 72px; } .uyc-video-feature__media { min-height:310px; } .uyc-video-feature__body { padding:28px; } .uyc-video-grid { grid-template-columns:1fr; } .uyc-video-card { min-height:285px; } }

/* ===== assets\css\uyc-front-footer.css ===== */
/*
 * UYC front footer CSS
 * footer.php icindeki inline style bloklari buraya tasindi.
 */

/* ===== footer.php ===== */
:root {
    --uyc-red: var(--theme-color, var(--theme-color));
    --uyc-footer-bg: #0d1219;
    --uyc-footer-bg2: #080b10;
    --uyc-footer-text: rgba(255,255,255,.72);
    --uyc-footer-muted: rgba(255,255,255,.48);
}
.uyc-footer-contact {
    position: relative;
    overflow: hidden;
    padding: clamp(54px, 6vw, 88px) 0 0;
    background: linear-gradient(180deg, #111821 0%, var(--uyc-footer-bg) 100%);
    color: #fff;
}
.uyc-footer-contact::before,
.uyc-footer-main::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 82% 16%, rgba(var(--theme-rgb),.18), transparent 28%), radial-gradient(circle at 12% 80%, rgba(255,255,255,.045), transparent 32%);
    pointer-events: none;
}
.uyc-footer-contact .container,
.uyc-footer-main .container { position: relative; z-index: 2; }
.uyc-footer-strip {
    display: grid;
    grid-template-columns: minmax(260px,.72fr) minmax(320px,1fr);
    gap: clamp(22px, 4vw, 64px);
    align-items: center;
    padding: 0 0 clamp(38px, 5vw, 66px);
    background: linear-gradient(90deg, var(--uyc-red), rgba(255,255,255,.14), transparent) left bottom / 100% 1px no-repeat;
}
.uyc-footer-phone-label,
.uyc-footer-kicker {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    color: var(--uyc-red);
    font-family: var(--title-font);
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 7px;
    text-transform: uppercase;
}
.uyc-footer-phone-label::before,
.uyc-footer-kicker::before {
    content: "";
    width: 42px;
    height: 2px;
    background: currentColor;
}
.uyc-footer-phone a {
    display: inline-flex;
    color: #fff;
    font-family: var(--title-font);
    font-size: clamp(48px, 6.6vw, 112px);
    font-weight: 900;
    line-height: .86;
    text-decoration: none;
    text-transform: uppercase;
}
.uyc-footer-about p strong {
    color: #fff;
    font-family: var(--title-font);
    font-size: 22px;
    font-weight: 900;
    text-transform: uppercase;
}
.uyc-footer-phone p,
.uyc-footer-newsletter p,
.uyc-footer-about p {
    margin: 12px 0 0;
    color: var(--uyc-footer-text);
    font-size: 15px;
    line-height: 1.7;
}
.uyc-footer-newsletter h2 {
    margin: 0;
    color: #fff;
    font-family: var(--title-font);
    font-size: clamp(36px, 4vw, 72px);
    font-weight: 900;
    line-height: .9;
    text-transform: uppercase;
}
.uyc-footer-form {
    display: flex;
    align-items: stretch;
    gap: 10px;
    margin-top: 24px;
    padding: 8px;
    background: rgba(255,255,255,.06);
    box-shadow: inset 0 -2px 0 rgba(255,255,255,.08);
}
.uyc-footer-form i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    color: var(--uyc-red);
}
.uyc-footer-form input[type="email"] {
    min-width: 0;
    flex: 1;
    border: 0;
    background: transparent;
    color: #fff;
    padding: 0 6px;
    font-size: 14px;
    outline: none;
}
.uyc-footer-form input::placeholder { color: rgba(255,255,255,.54); }
.uyc-footer-form button {
    border: 0;
    background: var(--uyc-red);
    color: #fff;
    padding: 0 26px;
    font-family: var(--title-font);
    font-size: 17px;
    font-weight: 900;
    text-transform: uppercase;
    transition: transform .22s ease, background .22s ease;
}
.uyc-footer-form button:hover { transform: translateY(-2px); background: #bd0000; }
.uyc-footer-main {
    position: relative;
    overflow: hidden;
    padding: clamp(36px, 4.6vw, 62px) 0 0;
    background: linear-gradient(180deg, var(--uyc-footer-bg) 0%, var(--uyc-footer-bg2) 100%);
    color: var(--uyc-footer-text);
}
.uyc-footer-grid {
    display: grid;
    grid-template-columns: minmax(330px, .82fr) minmax(0, 2.18fr);
    gap: clamp(30px, 3.4vw, 56px);
    align-items: start;
}
.uyc-footer-about {
    max-width: 390px;
}
.uyc-footer-logo {
    width: min(220px, 100%);
    max-width: 220px;
    height: auto;
    margin-bottom: 18px;
    filter: brightness(0) invert(1);
}
.uyc-footer-contact-list {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}
.uyc-footer-contact-list p {
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 8px;
    align-items: start;
    margin: 0;
    color: var(--uyc-footer-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.55;
}
.uyc-footer-contact-list i {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,.07);
    color: var(--uyc-red);
}
.uyc-footer-social {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}
.uyc-footer-social a {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,.075);
    color: #fff;
    text-decoration: none;
    transition: background .22s ease, transform .22s ease;
}
.uyc-footer-social a:hover { background: var(--uyc-red); color: #fff; transform: translateY(-3px); }
.uyc-footer-menu-grid {
    display: grid;
    align-content: start;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: clamp(24px, 2.7vw, 46px);
}
.uyc-footer-col {
    min-width: 0;
}
.uyc-footer-col h3 {
    position: relative;
    margin: 0 0 18px;
    padding-bottom: 12px;
    color: #fff;
    font-family: var(--title-font);
    font-size: clamp(25px, 2.1vw, 38px);
    font-weight: 900;
    line-height: .95;
    text-transform: uppercase;
}
.uyc-footer-col h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 46px;
    height: 3px;
    background: var(--uyc-red);
}
.uyc-footer-col ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}
.uyc-footer-col a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--uyc-footer-text);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.35;
    text-decoration: none;
    transition: color .22s ease, transform .22s ease;
}
.uyc-footer-col a::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--uyc-red);
    opacity: .72;
    flex: 0 0 6px;
}
.uyc-footer-col a:hover { color: #fff; transform: translateX(5px); }
.uyc-footer-empty {
    color: var(--uyc-footer-muted);
    font-size: 13px;
    line-height: 1.55;
}
.uyc-footer-bottom {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 20px;
    margin-top: clamp(26px, 3vw, 42px);
    padding: 18px 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.1), transparent) left top / 100% 1px no-repeat;
    color: var(--uyc-footer-muted);
    font-size: 13px;
    font-weight: 800;
}
.uyc-footer-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.uyc-footer-copy small {
    color: var(--uyc-footer-muted);
    font-size: 12px;
    font-weight: 700;
}
.uyc-footer-webmaster {
    justify-self: center;
    text-align: center;
    letter-spacing: .02em;
}
.uyc-footer-bottom nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 16px;
}
.uyc-footer-bottom a,
.uyc-footer-webmaster span {
    color: var(--uyc-footer-text);
    text-decoration: none;
    transition: color .22s ease;
}
.uyc-footer-bottom a:hover { color: var(--uyc-red); }
@media (max-width: 1199px) {
    .uyc-footer-menu-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
    .uyc-footer-strip,
    .uyc-footer-grid { grid-template-columns: 1fr; }
}
@media (max-width: 575px) {
    .uyc-footer-menu-grid { grid-template-columns: 1fr; }
    .uyc-footer-form { flex-wrap: wrap; }
    .uyc-footer-form input[type="email"] { flex-basis: calc(100% - 54px); min-height: 48px; }
    .uyc-footer-form button { width: 100%; min-height: 48px; }
    .uyc-footer-bottom { grid-template-columns: 1fr; align-items: flex-start; }
    .uyc-footer-webmaster { justify-self: start; text-align: left; }
    .uyc-footer-bottom nav { justify-content: flex-start; }
}

/* ===== footer.php ===== */
#reCaptchaCrush iframe{
      height: 50px !important;
      width: 200px !important;
    }

/* ===== announcementspage.php style #1 ===== */
/* ===== Modern Breadcrumb ===== */
.modern-breadcrumb {
    position: relative;
    padding: 220px 0 80px;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    overflow: hidden;
}

.modern-breadcrumb::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--theme-color, #0F3567);
    opacity: 0.85;
    z-index: 1;
}

.modern-breadcrumb::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(226, 185, 59, 0.3) 50%, transparent 100%);
    z-index: 2;
}

.modern-breadcrumb-content {
    position: relative;
    z-index: 2;
    text-align: center;
}

.modern-breadcrumb-title {
    font-size: 48px;
    font-weight: 700;
    color: white;
    margin-bottom: 20px;
    font-family: var(--title-font, "Exo", sans-serif);
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    animation: slideInDown 0.6s ease;
}

@keyframes slideInDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modern-breadcrumb-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
    animation: slideInUp 0.6s ease 0.1s both;
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modern-breadcrumb-menu li {
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.modern-breadcrumb-menu li::before {
    content: '/';
    margin: 0 12px;
    color: rgba(255, 255, 255, 0.5);
}

.modern-breadcrumb-menu li:first-child::before {
    display: none;
}

.modern-breadcrumb-menu a {
    color: white;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
}

.modern-breadcrumb-menu a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--gr-color2, #E2B93B);
    transition: width 0.3s ease;
}

.modern-breadcrumb-menu a:hover {
    color: var(--gr-color2, #E2B93B);
}

.modern-breadcrumb-menu a:hover::after {
    width: 100%;
}

/* ===== Notice Detail Section ===== */
.modern-notice-detail-section {
    position: relative;
    padding: 80px 0;
    background: #ffffff;
    overflow: hidden;
}

.modern-notice-detail-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 15% 20%, rgba(226, 185, 59, 0.08) 0%, transparent 30%),
                radial-gradient(circle at 85% 80%, rgba(15, 53, 103, 0.08) 0%, transparent 35%);
    pointer-events: none;
}

.modern-notice-detail-section .container {
    position: relative;
    z-index: 2;
}

/* Main Wrapper */
.modern-notice-wrapper {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 40px;
    align-items: start;
}

/* Notice Image */
.modern-notice-image {
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(15, 53, 103, 0.1);
    border: 1px solid rgba(15, 53, 103, 0.08);
    margin-bottom: 40px;
    transition: all 0.3s ease;
    display: none;
}

.modern-notice-image:hover {
    box-shadow: 0 20px 50px rgba(15, 53, 103, 0.15);
}

.modern-notice-image img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.4s ease;
}

.modern-notice-image:hover img {
    transform: scale(1.05);
}

/* Notice Content */
.modern-notice-content {
    background: #ffffff;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 10px 35px rgba(15, 53, 103, 0.08);
    border: 1px solid rgba(15, 53, 103, 0.08);
}

.modern-notice-meta {
    display: flex;
    gap: 20px;
    margin-bottom: 25px;
    align-items: center;
    flex-wrap: wrap;
}

.modern-notice-badge {
    background: var(--gr-color2, #E2B93B);
    color: white;
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.modern-notice-rating {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--theme-color, #0F3567);
}

.modern-notice-rating i {
    color: var(--gr-color2, #E2B93B);
    font-size: 16px;
}

.modern-notice-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--theme-color, #0F3567);
    margin: 0 0 25px 0;
    font-family: var(--title-font, "Exo", sans-serif);
    line-height: 1.3;
}

.modern-notice-description {
    font-size: 15px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 30px;
}

/* Share Section */
.modern-share-section {
    padding-top: 30px;
    border-top: 1px solid rgba(15, 53, 103, 0.1);
}

.modern-share-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--theme-color, #0F3567);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    display: block;
}

.modern-share-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.modern-share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #f0f2f8;
    border: 1px solid rgba(15, 53, 103, 0.1);
    border-radius: 50%;
    color: var(--theme-color, #0F3567);
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 16px;
}

.modern-share-btn:hover {
    background: var(--gr-color2, #E2B93B);
    color: white;
    border-color: var(--gr-color2, #E2B93B);
    transform: translateY(-3px);
}

/* Sidebar */
.modern-notice-sidebar {
    position: sticky;
    top: 20px;
}

/* Sidebar Widget */
.modern-sidebar-widget {
    background: #ffffff;
    border-radius: 16px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 8px 25px rgba(15, 53, 103, 0.08);
    border: 1px solid rgba(15, 53, 103, 0.08);
}

.modern-widget-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--theme-color, #0F3567);
    margin: 0 0 20px 0;
    font-family: var(--title-font, "Exo", sans-serif);
    padding-bottom: 15px;
    border-bottom: 2px solid var(--gr-color2, #E2B93B);
}

/* Notices List */
.modern-notices-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.modern-notices-list li {
    margin-bottom: 12px;
}

.modern-notices-list li:last-child {
    margin-bottom: 0;
}

.modern-notices-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #666;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    padding: 8px 12px;
    border-radius: 8px;
}

.modern-notices-list a::before {
    content: '';
    width: 6px;
    height: 6px;
    background: var(--gr-color2, #E2B93B);
    border-radius: 50%;
    flex-shrink: 0;
}

.modern-notices-list a:hover {
    color: var(--gr-color2, #E2B93B);
    background: rgba(226, 185, 59, 0.08);
    padding-left: 16px;
}

/* Contact Widget */
.modern-contact-widget {
    background: linear-gradient(135deg, #f8fafc 0%, #f0f4f8 100%);
    border: 1px solid rgba(15, 53, 103, 0.08);
}

.modern-contact-widget .modern-widget-title {
    color: var(--theme-color, #0F3567);
}

.modern-contact-info {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}

.modern-contact-info li {
    margin-bottom: 12px;
}

.modern-contact-info a {
    color: var(--theme-color, #0F3567);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: color 0.3s ease;
}

.modern-contact-info a:hover {
    color: var(--gr-color2, #E2B93B);
}

.modern-contact-label {
    font-size: 12px;
    font-weight: 700;
    color: var(--gr-color2, #E2B93B);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 20px;
    margin-bottom: 10px;
    display: block;
}

.modern-contact-text {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

/* Responsive */
@media (max-width: 1200px) {
    .modern-notice-wrapper {
        grid-template-columns: 1fr 300px;
        gap: 30px;
    }
}

@media (max-width: 991px) {
    .modern-breadcrumb {
        padding: 180px 0 60px;
    }
    
    .modern-breadcrumb-title {
        font-size: 36px;
    }
    
    .modern-notice-detail-section {
        padding: 70px 0;
    }
    
    .modern-notice-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .modern-notice-sidebar {
        position: static;
    }
    
    .modern-notice-title {
        font-size: 28px;
    }
    
    .modern-notice-content {
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .modern-breadcrumb {
        padding: 120px 0 50px;
    }
    
    .modern-breadcrumb-title {
        font-size: 28px;
        margin-bottom: 15px;
    }
    
    .modern-breadcrumb-menu {
        gap: 10px;
        font-size: 14px;
    }
    
    .modern-breadcrumb-menu li::before {
        margin: 0 8px;
    }
    
    .modern-notice-detail-section {
        padding: 60px 0;
    }
    
    .modern-notice-title {
        font-size: 24px;
    }
    
    .modern-notice-content {
        padding: 25px;
    }
    
    .modern-sidebar-widget {
        padding: 20px;
    }
    
    .modern-widget-title {
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    .modern-breadcrumb {
        padding: 100px 0 40px;
    }
    
    .modern-breadcrumb-title {
        font-size: 22px;
        margin-bottom: 12px;
    }
    
    .modern-breadcrumb-menu {
        gap: 8px;
        font-size: 13px;
    }
    
    .modern-breadcrumb-menu li::before {
        margin: 0 6px;
    }
    
    .modern-notice-detail-section {
        padding: 50px 0;
    }
    
    .modern-notice-title {
        font-size: 22px;
    }
    
    .modern-notice-content {
        padding: 20px;
    }
    
    .modern-notice-meta {
        gap: 10px;
    }
    
    .modern-sidebar-widget {
        padding: 18px;
    }
    
    .modern-widget-title {
        font-size: 15px;
        margin-bottom: 15px;
    }
}

/* ===== bakim.php style #1 ===== */
.coming-soon {
    min-height: 100vh;
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    padding: 20px;
}

.coming-wrap {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

.coming-wrap h1 {
    font-size: 3.5rem;
    margin-bottom: 1rem;
    background: linear-gradient(to right, #fff, #e0e0e0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.coming-wrap p {
    font-size: 1.2rem;
    margin-bottom: 3rem;
    color: rgba(255, 255, 255, 0.8);
}

.countdown {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin-bottom: 3rem;
}

.countdown-item {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    padding: 2rem;
    border-radius: 15px;
    min-width: 120px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.countdown-item:hover {
    transform: translateY(-5px);
}

.countdown-value {
    font-size: 3rem;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 0.5rem;
    background: linear-gradient(to right, #fff, #e0e0e0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.countdown-label {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.social-links {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.social-links a {
    color: #fff;
    font-size: 1.5rem;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.social-links a:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-3px);
}

@media (max-width: 768px) {
    .countdown {
        flex-wrap: wrap;
        gap: 1rem;
    }
    
    .countdown-item {
        min-width: 100px;
        padding: 1rem;
    }
    
    .countdown-value {
        font-size: 2rem;
    }
    
    .coming-wrap h1 {
        font-size: 2.5rem;
    }
}

/* ===== bakim.php style #2 ===== */
#reCaptchaCrush iframe{
      height: 50px !important;
      width: 200px !important;
    }

/* ===== gallerypage.php style #1 ===== */
.uyc-gallery-detail-page { --uyc-bg:#151a21; --uyc-red:var(--sh-red,var(--theme-color)); background:var(--uyc-bg); color:#fff; overflow:hidden; }
.uyc-gallery-detail-shell { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.uyc-gallery-detail-hero { position:relative; min-height:500px; display:flex; align-items:flex-end; padding:168px 0 56px; background:#070a0f; overflow:hidden; }
.uyc-gallery-detail-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:contrast(1.08) saturate(.92) brightness(.58); transform:scale(1.04); }
.uyc-gallery-detail-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(5,7,10,.96) 0%, rgba(5,7,10,.72) 42%, rgba(5,7,10,.24) 74%, rgba(5,7,10,.86) 100%); }
.uyc-gallery-detail-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:180px; z-index:2; background:linear-gradient(180deg, rgba(21,26,33,0), #151a21 84%); }
.uyc-gallery-detail-hero__inner { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(290px,400px); gap:clamp(34px,6vw,100px); align-items:end; }
.uyc-gallery-detail-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:20px; color:rgba(255,255,255,.52); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-gallery-detail-breadcrumb a { color:rgba(255,255,255,.74); text-decoration:none; transition:color .22s ease; }
.uyc-gallery-detail-breadcrumb a:hover { color:#fff; }
.uyc-gallery-detail-breadcrumb i { color:var(--uyc-red); font-size:10px; }
.uyc-gallery-detail-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--uyc-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:16px; font-weight:900; line-height:1; letter-spacing:8px; text-transform:uppercase; }
.uyc-gallery-detail-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--uyc-red); }
.uyc-gallery-detail-hero h1 { max-width:980px; margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(56px,7.6vw,112px); font-weight:900; line-height:.86; text-transform:uppercase; }
.uyc-gallery-detail-hero p { max-width:680px; margin:24px 0 0; color:rgba(255,255,255,.72); font-size:18px; font-weight:650; line-height:1.6; }
.uyc-gallery-detail-panel { position:relative; padding:28px; border-radius:18px; background:rgba(255,255,255,.065); -webkit-backdrop-filter:blur(18px) saturate(1.16); backdrop-filter:blur(18px) saturate(1.16); box-shadow:0 28px 72px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.11); }
.uyc-gallery-detail-panel::before { content:''; position:absolute; left:28px; right:28px; top:0; height:3px; border-radius:999px; background:var(--uyc-red); }
.uyc-gallery-detail-panel span { display:block; color:rgba(255,255,255,.48); font-size:13px; font-weight:900; text-transform:uppercase; }
.uyc-gallery-detail-panel strong { display:block; margin-top:8px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(38px,4vw,62px); font-weight:900; line-height:.9; }
.uyc-gallery-detail-panel small { display:block; margin-top:16px; color:rgba(255,255,255,.62); font-size:15px; font-weight:600; line-height:1.45; }
.uyc-gallery-detail-main { padding:8px 0 100px; background:var(--uyc-bg); }
.uyc-gallery-detail-tools { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:18px; margin-bottom:28px; }
.uyc-gallery-back { display:inline-flex; align-items:center; gap:10px; color:rgba(255,255,255,.74); font-size:13px; font-weight:900; text-decoration:none; text-transform:uppercase; }
.uyc-gallery-back i { width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:var(--uyc-red); color:#fff; font-size:12px; transition:transform .22s ease; }
.uyc-gallery-back:hover { color:#fff; }
.uyc-gallery-back:hover i { transform:translateX(-3px); }
.uyc-gallery-detail-tools p { margin:0; color:rgba(255,255,255,.62); font-size:15px; font-weight:650; }
.uyc-gallery-detail-grid { column-count:4; column-gap:18px; }
.uyc-gallery-shot { position:relative; display:block; width:100%; margin:0 0 18px; padding:0; overflow:hidden; border:0; border-radius:18px; background:#090c11; box-shadow:0 28px 82px rgba(0,0,0,.27); cursor:pointer; break-inside:avoid; isolation:isolate; }
.uyc-gallery-shot img { position:relative; z-index:0; display:block; width:100%; height:auto; object-fit:contain; filter:contrast(1.08) saturate(.94) brightness(.82); transform:scale(1.001); transition:transform .55s ease, filter .55s ease; }
.uyc-gallery-shot::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(5,7,10,.02) 12%, rgba(5,7,10,.24) 58%, rgba(5,7,10,.74) 100%); opacity:.86; pointer-events:none; }
.uyc-gallery-shot__icon { position:absolute; left:22px; bottom:22px; z-index:2; width:46px; height:46px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:var(--uyc-red); color:#fff; font-size:15px; transform:translateY(8px); opacity:0; transition:opacity .22s ease, transform .22s ease; }
.uyc-gallery-shot:hover img { transform:scale(1.035); filter:contrast(1.1) saturate(1) brightness(.92); }
.uyc-gallery-shot:hover .uyc-gallery-shot__icon { opacity:1; transform:translateY(0); }
.uyc-gallery-empty { min-height:300px; display:grid; place-items:center; text-align:center; border-radius:18px; background:rgba(255,255,255,.055); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.uyc-gallery-empty i { display:block; margin-bottom:18px; color:var(--uyc-red); font-size:42px; }
.uyc-gallery-empty p { margin:0; color:rgba(255,255,255,.72); font-size:18px; font-weight:750; }
.uyc-gallery-lightbox { display:none; position:fixed; inset:0; z-index:99999; align-items:center; justify-content:center; padding:34px; background:rgba(0,0,0,.94); }
.uyc-gallery-lightbox.is-active { display:flex; }
.uyc-gallery-lightbox img { max-width:min(1200px,92vw); max-height:86vh; object-fit:contain; border-radius:12px; box-shadow:0 34px 90px rgba(0,0,0,.6); }
.uyc-gallery-lightbox button { position:absolute; border:0; cursor:pointer; }
.uyc-gallery-lightbox__close { top:24px; right:24px; width:48px; height:48px; border-radius:999px; background:#fff; color:#111; font-size:22px; font-weight:900; }
.uyc-gallery-lightbox__prev, .uyc-gallery-lightbox__next { top:50%; width:52px; height:52px; margin-top:-26px; border-radius:999px; background:var(--uyc-red); color:#fff; font-size:18px; }
.uyc-gallery-lightbox__prev { left:24px; }
.uyc-gallery-lightbox__next { right:24px; }
@media (max-width:1199px) { .uyc-gallery-detail-hero__inner { grid-template-columns:1fr; } .uyc-gallery-detail-grid { column-count:4; column-gap:18px; } }
@media (max-width:767px) { .uyc-gallery-detail-shell { width:calc(100% - 28px); } .uyc-gallery-detail-hero { min-height:auto; padding:130px 0 48px; } .uyc-gallery-detail-hero h1 { font-size:46px; } .uyc-gallery-detail-main { padding:10px 0 68px; } .uyc-gallery-detail-grid { column-count:4; column-gap:18px; }

}
/* ===== index.php style #1 ===== */
/* Pixora-style interactive slider, fed by admin slider records */
.pixora-slider {
    position: relative;
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
    background: #080a0d;
    color: #fff;
}

.pixora-slider__media,
.pixora-slider__thumb {
    position: absolute;
    inset: 0;
}

.pixora-slider__media { z-index: 1; }

.pixora-slider__thumb {
    opacity: 0;
    transform: scale(1.06);
    transition: opacity .75s ease, transform 1.25s ease;
}

.pixora-slider__thumb.active {
    opacity: 1;
    transform: scale(1);
}

.pixora-slider__thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.pixora-slider::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: min(980px, 64vw);
    z-index: 2;
    background: linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.60) 34%, rgba(0,0,0,.34) 66%, rgba(0,0,0,0) 100%);
    pointer-events: none;
}

.pixora-slider::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        linear-gradient(180deg, rgba(0,0,0,.13) 0%, rgba(0,0,0,.03) 38%, rgba(0,0,0,.26) 72%, var(--secondary-color) 100%);
    pointer-events: none;
}

.pixora-slider__content-wrap {
    position: relative;
    z-index: 3;
    min-height: 100vh;
    width: min(920px, 62vw);
    display: grid;
    grid-template-columns: minmax(310px, 430px) minmax(270px, 360px);
    align-items: center;
    gap: clamp(30px, 4vw, 64px);
    padding: 150px 0 74px 5.2vw;
}

.pixora-slider__content {
    position: relative;
    width: 100%;
    max-height: min(76vh, 660px);
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(18px, 2.15vh, 30px);
    padding: 12px 0 18px;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    will-change: scroll-position;
}
.pixora-slider__content::-webkit-scrollbar { display: none; }

.pixora-slider__title {
    margin: 0;
    font-family: var(--title-font, 'Big Shoulders Display', sans-serif);
    font-size: clamp(30px, 3vw, 56px);
    font-weight: 900;
    line-height: .92;
    letter-spacing: 0;
    text-transform: uppercase;
    text-align: left;
    max-width: 100%;
}

.pixora-slider__title a {
    color: transparent;
    text-decoration: none;
    -webkit-text-stroke: 1px rgba(255,255,255,.42);
    transition: color .28s ease, -webkit-text-stroke-color .28s ease, transform .28s ease, opacity .28s ease;
    display: inline-block;
    max-width: 100%;
    overflow-wrap: normal;
}

.pixora-slider__title.active a,
.pixora-slider__title:hover a {
    color: #fff;
    -webkit-text-stroke-color: #fff;
    transform: translateX(10px);
}

.pixora-slider__title:not(.active) a { opacity: .44; }

.pixora-slider__info {
    width: 100%;
    align-self: end;
    color: #11151b;
    border-left: 1px solid rgba(255,255,255,.22);
    padding: 0 0 0 24px;
}

.pixora-slider__meta {
    display: flex;
    align-items: center;
    gap: 16px;
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.pixora-slider__counter {
    color: #fff;
    min-width: 54px;
}

.pixora-slider__line {
    width: 82px;
    height: 1px;
    background: rgba(255,255,255,.46);
}

.pixora-slider__active-title {
    margin: 0 0 10px;
    font-family: var(--title-font, 'Big Shoulders Display', sans-serif);
    font-size: clamp(25px, 1.9vw, 36px);
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
}

.pixora-slider__active-text {
    margin: 0;
    max-width: 330px;
    color: rgba(255,255,255,.76);
    font-size: 15px;
    line-height: 1.45;
    font-weight: 500;
}

.pixora-slider__actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
    min-height: 38px;
    flex-wrap: nowrap;
}

.pixora-slider__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 38px;
    padding: 0 16px;
    border: 1px solid rgba(255,255,255,.28);
    color: #fff;
    background: rgba(255,255,255,.08);
    text-decoration: none;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.pixora-slider__btn[data-pixora-link] {
    border-color: var(--sh-red, var(--theme-color));
    color: #fff;
    background: var(--sh-red, var(--theme-color));
    box-shadow: 0 10px 26px rgba(0,0,0,.24);
}

.pixora-slider__btn[data-pixora-video] {
    border-color: #fff;
    color: var(--gr-color2);
    background: #fff;
}

.pixora-slider__btn[data-pixora-video] i {
    color: var(--gr-color2);
}

.pixora-slider__btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 30px rgba(0,0,0,.3);
}

.pixora-slider__btn[data-pixora-link]:hover {
    color: #fff;
    border-color: var(--theme-color);
    background: var(--theme-color);
}

.pixora-slider__btn[data-pixora-video]:hover {
    color: #fff;
    border-color: var(--gr-color2);
    background: var(--gr-color2);
}

.pixora-slider__btn:hover i { color: #fff; }
.pixora-slider__btn.is-hidden { display: none; }
.pixora-video-modal {
    position: fixed;
    inset: 0;
    z-index: 25000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 5vh 5vw;
    background: rgba(0,0,0,.94);
}
.pixora-video-modal.is-open { display: flex; }
.pixora-video-modal__frame {
    width: min(1500px, 100%);
    height: min(820px, 86vh);
    background: #000;
    box-shadow: 0 30px 90px rgba(0,0,0,.55);
}
.pixora-video-modal__frame iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}
.pixora-video-modal__close {
    position: fixed;
    top: 24px;
    right: 28px;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255,255,255,.32);
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    color: #fff;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    z-index: 25001;
}
.pixora-video-modal__close:hover {
    background: var(--sh-red, var(--theme-color));
    border-color: var(--sh-red, var(--theme-color));
}
body.pixora-video-open { overflow: hidden; }
@media (max-width: 1199px) {
    .pixora-slider::before { width: min(820px, 86vw); }
    .pixora-slider__content-wrap {
        width: min(760px, 82vw);
        grid-template-columns: minmax(300px, 1fr);
        gap: 26px;
        padding: 110px 24px 70px 6vw;
    }
    .pixora-slider__content { max-height: 68vh; gap: 22px; }
    .pixora-slider__title { font-size: clamp(36px, 7vw, 62px); }
    .pixora-slider__info {
        width: min(520px, 100%);
        border-left: 0;
        border-top: 1px solid rgba(255,255,255,.22);
        padding: 20px 0 0;
    }
    .pixora-slider__active-text { max-width: 520px; }
}

@media (max-width: 767px) {
    .pixora-slider { min-height: 760px; }
    .pixora-slider::before { width: 100%; background: linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.38)); }
    .pixora-slider__content-wrap {
        min-height: 760px;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 22px;
        padding: 104px 20px 58px;
    }
    .pixora-slider__content { max-height: 62vh; gap: 18px; }
    .pixora-slider__title { font-size: clamp(31px, 10vw, 52px); line-height: .94; }
    .pixora-slider__info { width: 100%; }
    .pixora-slider__meta { font-size: 12px; }
    .pixora-slider__line { width: 54px; }
    .pixora-slider__actions { flex-wrap: wrap; }
}

/* ===== postspage.php style #1 ===== */
.uyc-article-page { --uyc-bg:#151a21; --uyc-panel:#1a2028; --uyc-red:var(--sh-red,var(--theme-color)); background:var(--uyc-bg); color:#fff; overflow:hidden; }
.uyc-article-shell { width:min(980px, calc(100% - 44px)); margin:0 auto; }
.uyc-article-wide { width:min(1560px, calc(100% - 64px)); margin:0 auto; }
.uyc-article-intro { position:relative; min-height:560px; display:flex; align-items:flex-end; padding:168px 0 62px; background:#070a0f; overflow:hidden; }
.uyc-article-intro__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:contrast(1.08) saturate(.92) brightness(.56); transform:scale(1.04); }
.uyc-article-intro::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(5,7,10,.96) 0%, rgba(5,7,10,.73) 40%, rgba(5,7,10,.26) 72%, rgba(5,7,10,.88) 100%); pointer-events:none; }
.uyc-article-intro::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:185px; z-index:2; background:linear-gradient(180deg, rgba(21,26,33,0), #151a21 84%); pointer-events:none; }
.uyc-article-intro__inner { position:relative; z-index:3; width:min(1560px, calc(100% - 64px)); margin:0 auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,420px); gap:clamp(36px,6vw,110px); align-items:end; }
.uyc-article-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:18px; color:rgba(255,255,255,.5); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-article-breadcrumb a { color:rgba(255,255,255,.72); text-decoration:none; transition:color .22s ease; }
.uyc-article-breadcrumb a:hover { color:#fff; }
.uyc-article-breadcrumb i { color:var(--uyc-red); font-size:10px; }
.uyc-article-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:16px; color:var(--uyc-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:16px; font-weight:900; line-height:1; letter-spacing:8px; text-transform:uppercase; }
.uyc-article-kicker::before { content:''; width:44px; height:2px; border-radius:999px; background:var(--uyc-red); }
.uyc-article-title { max-width:1040px; margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(54px,7.8vw,118px); font-weight:900; line-height:.84; letter-spacing:0; text-transform:uppercase; text-wrap:balance; }
.uyc-article-lead { width:min(760px,100%); margin:22px 0 0; color:rgba(255,255,255,.72); font-size:18px; font-weight:650; line-height:1.6; }
.uyc-article-meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:22px; }
.uyc-article-meta span, .uyc-article-meta a { display:inline-flex; min-height:34px; align-items:center; padding:0 13px; border-radius:999px; background:rgba(255,255,255,.13); color:#fff; font-size:12px; font-weight:900; text-decoration:none; text-transform:uppercase; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
.uyc-article-hero-panel { position:relative; padding:28px; border-radius:18px; background:rgba(255,255,255,.065); -webkit-backdrop-filter:blur(18px) saturate(1.16); backdrop-filter:blur(18px) saturate(1.16); box-shadow:0 28px 72px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.11); }
.uyc-article-hero-panel::before { content:''; position:absolute; left:28px; right:28px; top:0; height:3px; border-radius:999px; background:var(--uyc-red); }
.uyc-article-hero-panel span { display:block; color:rgba(255,255,255,.48); font-size:13px; font-weight:900; text-transform:uppercase; }
.uyc-article-hero-panel strong { display:block; margin-top:8px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(36px,3.8vw,58px); font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-article-hero-panel small { display:block; margin-top:16px; color:rgba(255,255,255,.62); font-size:15px; font-weight:600; line-height:1.45; }
.uyc-article-cover { display:none; }
.uyc-article-brief { padding:24px 0 44px; background:var(--uyc-bg); }
.uyc-article-brief__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,320px); gap:18px; align-items:stretch; }
.uyc-article-brief__note { position:relative; padding:30px 34px 30px 38px; border-radius:18px; background:radial-gradient(circle at 92% 10%, rgba(var(--theme-rgb),.16), transparent 34%), linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.035)); box-shadow:0 26px 78px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08); }
.uyc-article-brief__note::before { content:''; position:absolute; left:0; top:30px; bottom:30px; width:3px; border-radius:999px; background:var(--uyc-red); box-shadow:0 0 28px rgba(var(--theme-rgb),.48); }
.uyc-article-brief__note span { display:block; margin-bottom:10px; color:var(--uyc-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:14px; font-weight:900; letter-spacing:6px; text-transform:uppercase; }
.uyc-article-brief__note p { margin:0; color:rgba(255,255,255,.76); font-size:18px; font-weight:650; line-height:1.58; }
.uyc-article-brief__stats { display:grid; gap:10px; }
.uyc-article-stat { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:70px; padding:0 18px; border-radius:16px; background:rgba(255,255,255,.06); box-shadow:inset 0 1px 0 rgba(255,255,255,.07); }
.uyc-article-stat span { color:rgba(255,255,255,.45); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-article-stat strong { color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:28px; font-weight:900; line-height:1; text-align:right; text-transform:uppercase; }
.uyc-article-body { padding:0 0 70px; background:var(--uyc-bg); }
.uyc-back-blog { display:inline-flex; align-items:center; gap:10px; margin:0 0 26px; color:rgba(255,255,255,.72); font-size:13px; font-weight:900; text-decoration:none; text-transform:uppercase; }
.uyc-back-blog i { width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:var(--uyc-red); color:#fff; font-size:12px; transition:transform .22s ease; }
.uyc-back-blog:hover { color:#fff; }
.uyc-back-blog:hover i { transform:translateX(-3px); }
.uyc-article-content { color:rgba(255,255,255,.72); font-size:17px; font-weight:500; line-height:1.78; }
.uyc-article-content, .uyc-article-content * { background:transparent!important; font-family:var(--body-font,'Inter',Arial,sans-serif)!important; }
.uyc-article-content h1, .uyc-article-content h2, .uyc-article-content h3, .uyc-article-content h4, .uyc-article-content h5 { margin:54px 0 18px!important; color:#fff!important; font-family:var(--title-font,'Big Shoulders Display',sans-serif)!important; font-weight:900!important; line-height:.96!important; letter-spacing:0!important; text-transform:uppercase!important; }
.uyc-article-content h1 { font-size:clamp(42px,5.2vw,68px)!important; }
.uyc-article-content h2 { font-size:clamp(36px,4.4vw,58px)!important; }
.uyc-article-content h3 { font-size:clamp(30px,3.6vw,46px)!important; }
.uyc-article-content h4 { font-size:clamp(24px,2.8vw,34px)!important; }
.uyc-article-content p, .uyc-article-content div, .uyc-article-content span, .uyc-article-content li { color:rgba(255,255,255,.72)!important; font-size:17px!important; font-weight:500!important; line-height:1.78!important; }
.uyc-article-content p { margin:0 0 20px!important; }
.uyc-article-content strong, .uyc-article-content b { color:#fff!important; font-weight:900!important; }
.uyc-article-content a { color:#fff!important; text-decoration:underline; text-decoration-color:var(--uyc-red); text-underline-offset:5px; }
.uyc-article-content ul, .uyc-article-content ol { margin:22px 0 26px!important; padding-left:22px!important; }
.uyc-article-content li { margin:8px 0!important; }
.uyc-article-content li::marker { color:var(--uyc-red); }
.uyc-article-content blockquote { margin:42px 0!important; padding:24px 28px!important; border-radius:18px; background:linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.035))!important; box-shadow:inset 3px 0 0 var(--uyc-red); }
.uyc-article-content blockquote, .uyc-article-content blockquote * { color:#fff!important; font-family:var(--title-font,'Big Shoulders Display',sans-serif)!important; font-size:clamp(28px,3.4vw,44px)!important; font-weight:900!important; line-height:1!important; text-transform:uppercase!important; }
.uyc-article-content img { display:block; width:100%; max-width:760px; height:auto!important; margin:42px auto!important; border-radius:12px; box-shadow:0 24px 70px rgba(0,0,0,.32); }
.uyc-article-content figure { margin:42px auto!important; }
.uyc-article-content table { width:100%; border-collapse:collapse; margin:34px 0!important; overflow:hidden; border-radius:12px; background:#202731!important; }
.uyc-article-content th, .uyc-article-content td { padding:14px 16px!important; color:rgba(255,255,255,.78)!important; border-bottom:1px solid rgba(255,255,255,.08)!important; font-size:15px!important; }
.uyc-article-content th { color:#fff!important; font-weight:900!important; }
.uyc-article-footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px; margin-top:48px; padding-top:24px; box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.uyc-article-tags, .uyc-article-share { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.uyc-article-label { color:rgba(255,255,255,.48); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-article-tag, .uyc-article-share a { display:inline-flex; min-height:38px; align-items:center; justify-content:center; padding:0 14px; border-radius:999px; background:rgba(255,255,255,.08); color:#fff; font-size:12px; font-weight:900; text-decoration:none; text-transform:uppercase; transition:background .22s ease, transform .22s ease; }
.uyc-article-share a { width:38px; padding:0; }
.uyc-article-tag:hover, .uyc-article-share a:hover { background:var(--uyc-red); color:#fff; transform:translateY(-2px); }
.uyc-article-cta { padding:0 0 76px; background:var(--uyc-bg); }
.uyc-article-cta__inner { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:30px; align-items:center; padding:clamp(30px,4vw,56px); border-radius:22px; background:radial-gradient(circle at 86% 20%, rgba(var(--theme-rgb),.24), transparent 36%), #0b0f15; box-shadow:0 34px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08); }
.uyc-article-cta span { display:block; margin-bottom:10px; color:var(--uyc-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:14px; font-weight:900; letter-spacing:6px; text-transform:uppercase; }
.uyc-article-cta h2 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(40px,5vw,74px); font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-article-cta p { margin:16px 0 0; color:rgba(255,255,255,.68); font-size:16px; font-weight:650; line-height:1.56; }
.uyc-article-cta a { display:inline-flex; align-items:center; gap:14px; min-height:58px; padding:0 22px; border-radius:999px; background:#fff; color:#11151b; font-size:14px; font-weight:900; text-decoration:none; text-transform:uppercase; transition:transform .22s ease, background .22s ease, color .22s ease; }
.uyc-article-cta a i { width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:var(--uyc-red); color:#fff; font-size:13px; }
.uyc-article-cta a:hover { transform:translateY(-3px); background:var(--uyc-red); color:#fff; }
.uyc-related { padding:0 0 82px; background:var(--uyc-bg); }
.uyc-related__head { display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; gap:20px; margin-bottom:24px; }
.uyc-related__head span { display:inline-flex; align-items:center; gap:12px; margin-bottom:10px; color:var(--uyc-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:15px; font-weight:900; letter-spacing:7px; text-transform:uppercase; }
.uyc-related__head span::before { content:''; width:36px; height:2px; background:var(--uyc-red); }
.uyc-related__head h2 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(42px,5vw,68px); font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-related__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.uyc-related-card { display:block; color:#fff; text-decoration:none; }
.uyc-related-card__image { position:relative; overflow:hidden; aspect-ratio:1.38/1; border-radius:12px; background:#0a0e14; }
.uyc-related-card__image img { width:100%; height:100%; object-fit:cover; filter:brightness(.72) contrast(1.04); transform:scale(1.02); transition:transform .35s ease, filter .35s ease; }
.uyc-related-card__image::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 44%, rgba(0,0,0,.62) 100%); pointer-events:none; }
.uyc-related-card:hover img { transform:scale(1.08); filter:brightness(.9) contrast(1.05); }
.uyc-related-card small { display:block; margin:12px 0 7px; color:rgba(255,255,255,.46); font-size:11px; font-weight:900; text-transform:uppercase; }
.uyc-related-card strong { display:block; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(23px,2vw,32px); font-weight:900; line-height:.96; text-transform:uppercase; }
.uyc-article-feature-band, .uyc-video-detail-band { padding:0 0 82px; background:var(--uyc-bg); }
.uyc-article-feature-band .feature-report-section, .uyc-video-detail-band .uyc-home-video-showcase { margin-top:0!important; }
@media (max-width:1199px) { .uyc-article-intro__inner, .uyc-article-brief__grid, .uyc-article-cta__inner { grid-template-columns:1fr; } .uyc-related__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) { .uyc-article-shell, .uyc-article-wide { width:calc(100% - 28px); } .uyc-article-intro { min-height:auto; padding:130px 0 48px; } .uyc-article-intro__inner { width:calc(100% - 28px); } .uyc-article-title { font-size:48px; } .uyc-article-lead, .uyc-article-content p, .uyc-article-content div, .uyc-article-content span, .uyc-article-content li { font-size:16px!important; } .uyc-article-cover { padding-bottom:22px; } .uyc-article-cover__frame { border-radius:12px; } .uyc-article-cover__frame img { min-height:238px; } .uyc-article-brief__note { padding:26px 22px 26px 26px; border-radius:16px; } .uyc-article-content img { margin:30px auto!important; border-radius:10px; } .uyc-article-footer { align-items:flex-start; } .uyc-article-cta__inner { padding:30px 22px; border-radius:16px; } .uyc-article-cta a { width:100%; justify-content:center; } .uyc-related__grid { grid-template-columns:1fr; } }

/* ===== productspage.php style #1 ===== */
.uyc-product-detail { --prd-bg:#151a21; --prd-soft:#1d232c; --prd-red:var(--sh-red,var(--theme-color)); background:var(--prd-bg); color:#fff; overflow:hidden; }
.uyc-product-shell { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.uyc-product-hero { position:relative; min-height:650px; display:flex; align-items:flex-end; padding:170px 0 74px; background:#080c12; overflow:hidden; }
.uyc-product-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:contrast(1.05) saturate(.92) brightness(.34); transform:scale(1.05); }
.uyc-product-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(7,9,13,.98) 0%, rgba(9,12,18,.74) 44%, rgba(var(--theme-rgb),.16) 82%, rgba(7,9,13,.92) 100%); }
.uyc-product-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:190px; z-index:2; background:linear-gradient(180deg, rgba(21,26,33,0), var(--prd-bg) 86%); }
.uyc-product-hero__inner { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,520px); gap:clamp(34px,6vw,90px); align-items:end; }
.uyc-product-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:22px; color:rgba(255,255,255,.56); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-product-breadcrumb a { color:rgba(255,255,255,.8); text-decoration:none; }
.uyc-product-breadcrumb i { color:var(--prd-red); font-size:10px; }
.uyc-product-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--prd-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:16px; font-weight:900; letter-spacing:8px; text-transform:uppercase; }
.uyc-product-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--prd-red); }
.uyc-product-hero h1 { max-width:1120px; margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(58px,5.9vw,118px); font-weight:900; line-height:.86; text-transform:uppercase; text-wrap:balance; }
.uyc-product-lead { max-width:760px; margin:26px 0 0; color:rgba(255,255,255,.74); font-size:18px; font-weight:650; line-height:1.65; }
.uyc-product-visual { position:relative; min-height:420px; border-radius:22px; background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03)); box-shadow:0 34px 100px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08); overflow:hidden; -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); }
.uyc-product-visual img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; padding:28px; filter:drop-shadow(0 24px 40px rgba(0,0,0,.42)); }
.uyc-product-main { position:relative; padding:38px 0 110px; }
.uyc-product-summary { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr); gap:30px; margin-top:0; align-items:start; }
.uyc-product-panel { border-radius:20px; background:linear-gradient(135deg, rgba(30,36,45,.98), rgba(12,16,22,.98)); box-shadow:0 28px 80px rgba(0,0,0,.28); overflow:hidden; }
.uyc-product-info { padding:34px; }
.uyc-product-meta { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:26px; }
.uyc-product-meta span, .uyc-product-meta a { display:inline-flex; min-height:38px; align-items:center; gap:8px; padding:0 14px; border-radius:999px; background:rgba(255,255,255,.08); color:rgba(255,255,255,.84); text-decoration:none; font-weight:900; }
.uyc-product-meta i { color:var(--prd-red); }
.uyc-product-info h2, .uyc-product-section h2, .uyc-product-related h2 { margin:0 0 22px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(42px,4vw,70px); font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-product-content { color:rgba(255,255,255,.72); font-size:17px; font-weight:600; line-height:1.7; }
.uyc-product-content p, .uyc-product-content div, .uyc-product-content span, .uyc-product-content li { color:rgba(255,255,255,.72)!important; font-size:17px!important; line-height:1.7!important; font-family:var(--body-font)!important; }
.uyc-product-side { position:sticky; top:112px; padding:34px 30px 30px; }
.uyc-product-side::before { content:''; display:block; height:3px; margin:0 0 26px; border-radius:999px; background:linear-gradient(90deg, rgba(var(--theme-rgb),.85), rgba(255,255,255,.26)); }
.uyc-product-actions { display:grid; gap:12px; margin-bottom:26px; }
.uyc-product-btn { display:inline-flex; min-height:54px; align-items:center; justify-content:center; gap:12px; padding:0 22px; border:0; border-radius:999px; background:var(--prd-red); color:#fff!important; text-decoration:none; font-weight:900; cursor:pointer; box-shadow:0 18px 42px rgba(var(--theme-rgb),.22); }
.uyc-product-btn.is-light { background:#fff; color:#11151c!important; box-shadow:none; }
.uyc-product-btn.is-soft { background:rgba(255,255,255,.09); color:#fff!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.uyc-product-specs { display:grid; gap:10px; }
.uyc-product-spec { display:grid; grid-template-columns:minmax(110px,.9fr) minmax(0,1.1fr); gap:12px; padding:13px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.uyc-product-spec span:first-child { color:rgba(255,255,255,.52); font-weight:900; text-transform:uppercase; }
.uyc-product-spec span:last-child { color:#fff; font-weight:900; text-align:right; }
.uyc-product-section { margin-top:34px; padding:34px; }
.uyc-product-usage { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0; padding:0; list-style:none; }
.uyc-product-usage li { min-height:68px; display:flex; align-items:center; gap:12px; padding:16px; border-radius:16px; background:rgba(255,255,255,.065); color:#fff; font-weight:900; }
.uyc-product-usage li::before { content:'✓'; width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; border-radius:50%; background:linear-gradient(135deg, rgba(var(--theme-rgb),.95), rgba(255,44,44,.82)); color:#fff; }
.uyc-product-gallery { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.uyc-product-shot { position:relative; display:block; aspect-ratio:4/3; overflow:hidden; border-radius:16px; background:#0b1017; }
.uyc-product-shot img { width:100%; height:100%; object-fit:contain; padding:12px; transition:transform .45s ease; }
.uyc-product-shot:hover img { transform:scale(1.05); }
.uyc-product-video { position:relative; aspect-ratio:16/9; overflow:hidden; border-radius:18px; background:#070a0f; }
.uyc-product-video iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.uyc-product-related { margin-top:34px; }
.uyc-product-related-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.uyc-product-card { position:relative; display:block; min-height:320px; overflow:hidden; border-radius:18px; background:#0b1017; text-decoration:none; box-shadow:0 26px 72px rgba(0,0,0,.28); }
.uyc-product-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; padding:24px; filter:brightness(.88); transition:transform .45s ease, filter .45s ease; }
.uyc-product-card::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(5,7,10,.02) 18%, rgba(5,7,10,.9) 100%); }
.uyc-product-card span { position:absolute; left:20px; right:20px; bottom:20px; z-index:2; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:30px; font-weight:900; line-height:.95; text-transform:uppercase; }
.uyc-product-card:hover img { transform:scale(1.05); filter:brightness(1); }
.uyc-offer-modal { position:fixed; inset:0; z-index:99999; display:none; align-items:center; justify-content:center; padding:24px; background:rgba(3,5,8,.72); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }
.uyc-offer-modal.show { display:flex; }
.uyc-offer-dialog { width:min(680px,100%); max-height:92vh; overflow:auto; border-radius:22px; background:#171c24; box-shadow:0 34px 120px rgba(0,0,0,.5); }
.uyc-offer-head { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:26px 30px; border-bottom:1px solid rgba(255,255,255,.08); }
.uyc-offer-head h3 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:42px; font-weight:900; text-transform:uppercase; }
.uyc-offer-close { width:42px; height:42px; border:0; border-radius:50%; background:#fff; color:#11151c; font-size:24px; line-height:1; }
.uyc-offer-form { display:grid; gap:14px; padding:30px; }
.uyc-offer-form input, .uyc-offer-form textarea { width:100%; min-height:52px; border:0; border-radius:14px; background:rgba(255,255,255,.08); color:#fff; padding:0 16px; font-weight:800; outline:none; }
.uyc-offer-form textarea { min-height:116px; padding-top:14px; resize:vertical; }
.uyc-product-toast { position:fixed; right:24px; bottom:24px; z-index:100000; width:min(420px, calc(100% - 48px)); padding:18px 54px 18px 20px; border-radius:18px; background:#171c24; color:#fff; box-shadow:0 20px 70px rgba(0,0,0,.38); }
.uyc-product-toast strong { display:block; font-size:20px; }
.uyc-product-toast span { display:block; margin-top:6px; color:rgba(255,255,255,.7); }
.uyc-product-toast button { position:absolute; top:12px; right:14px; border:0; background:transparent; color:#fff; font-size:24px; }
.uyc-product-toast.is-success { box-shadow:0 20px 70px rgba(0,0,0,.38), inset 4px 0 0 #20c264; }
.uyc-product-toast.is-danger { box-shadow:0 20px 70px rgba(0,0,0,.38), inset 4px 0 0 var(--prd-red); }
@media (max-width:1199px) { .uyc-product-hero__inner, .uyc-product-summary { grid-template-columns:1fr; } .uyc-product-side { position:relative; top:auto; } .uyc-product-related-grid, .uyc-product-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) { .uyc-product-shell { width:calc(100% - 28px); } .uyc-product-hero { min-height:auto; padding:132px 0 52px; } .uyc-product-main { padding-top:26px; } .uyc-product-hero h1 { font-size:48px; } .uyc-product-visual { min-height:300px; } .uyc-product-info, .uyc-product-side, .uyc-product-section { padding:24px; border-radius:16px; } .uyc-product-usage, .uyc-product-related-grid, .uyc-product-gallery { grid-template-columns:1fr; } .uyc-product-spec { grid-template-columns:1fr; } .uyc-product-spec span:last-child { text-align:left; } }

/* ===== projectspage.php style #1 ===== */
.uyc-project-detail { --uyc-bg:#151a21; --uyc-panel:#1c232d; --uyc-red:var(--sh-red,var(--theme-color)); background:var(--uyc-bg); color:#fff; overflow:hidden; }
.uyc-project-detail a { text-decoration:none; }
.uyc-project-detail-shell { width:min(1600px, calc(100% - 48px)); margin:0 auto; }
.uyc-project-detail-hero { position:relative; min-height:760px; display:flex; align-items:flex-end; padding:160px 0 82px; background:#070a0f; overflow:hidden; isolation:isolate; }
.uyc-project-detail-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.46) contrast(1.12) saturate(.92); transform:scale(1.045); }
.uyc-project-detail-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(6,8,12,.98) 0%, rgba(8,12,18,.9) 31%, rgba(8,12,18,.36) 60%, rgba(var(--theme-rgb),.2) 82%, rgba(6,8,12,.96) 100%); }
.uyc-project-detail-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; z-index:2; height:240px; background:linear-gradient(180deg, rgba(21,26,33,0), var(--uyc-bg) 88%); }
.uyc-project-detail-hero-inner { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(380px,560px); align-items:end; gap:clamp(44px,7vw,130px); }
.uyc-project-detail-eyebrow { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--uyc-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:15px; font-weight:900; letter-spacing:8px; text-transform:uppercase; }
.uyc-project-detail-eyebrow::before { content:''; width:44px; height:2px; border-radius:999px; background:var(--uyc-red); }
.uyc-project-detail-hero h1 { max-width:1080px; margin:0; color:#fff; font-family:var(--title-font); font-size:clamp(66px,5.2vw,142px); font-weight:900; line-height:.9; letter-spacing:0; text-transform:uppercase; text-wrap:balance; }
.uyc-project-detail-hero-lead { max-width:740px; margin:26px 0 0; color:rgba(255,255,255,.72); font-size:18px; font-weight:650; line-height:1.72; }
.uyc-project-detail-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.uyc-project-detail-pill { display:inline-flex; align-items:center; min-height:42px; padding:0 16px; border-radius:999px; background:rgba(255,255,255,.09); color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:15px; font-weight:900; text-transform:uppercase; }
.uyc-project-detail-pill:hover { background:var(--uyc-red); color:#fff; }
.uyc-project-hero-card { position:relative; padding:12px; border-radius:26px; background:rgba(255,255,255,.08); -webkit-backdrop-filter:blur(20px) saturate(1.15); backdrop-filter:blur(20px) saturate(1.15); box-shadow:0 32px 92px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.12); }
.uyc-project-hero-card::before { content:''; position:absolute; left:30px; right:30px; top:0; height:3px; border-radius:999px; background:var(--uyc-red); }
.uyc-project-hero-shot { position:relative; min-height:430px; overflow:hidden; border-radius:20px; background:#080c12; }
.uyc-project-hero-shot img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.84) contrast(1.08); transform:scale(1.02); }
.uyc-project-hero-shot::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(5,7,10,.05), rgba(5,7,10,.72)); }
.uyc-project-hero-card-info { position:absolute; left:34px; right:34px; bottom:34px; z-index:3; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.uyc-project-mini-stat { padding:16px; border-radius:16px; background:rgba(10,14,20,.72); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.uyc-project-mini-stat span { display:block; color:rgba(255,255,255,.48); font-size:11px; font-weight:900; text-transform:uppercase; }
.uyc-project-mini-stat strong { display:block; margin-top:7px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:30px; font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-project-detail-main { position:relative; padding:0 0 115px; background:var(--uyc-bg); }
.uyc-project-summary-strip { position:relative; z-index:4; margin-top:-42px; margin-bottom:34px; }
.uyc-project-summary-inner { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:hidden; border-radius:20px; background:linear-gradient(145deg, rgba(35,42,52,.96), rgba(13,17,23,.98)); box-shadow:0 30px 90px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08); }
.uyc-project-summary-item { padding:26px; position:relative; }
.uyc-project-summary-item + .uyc-project-summary-item { box-shadow:inset 1px 0 0 rgba(255,255,255,.07); }
.uyc-project-summary-item span { display:block; color:rgba(255,255,255,.48); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-project-summary-item strong { display:block; margin-top:8px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:31px; font-weight:900; line-height:.95; text-transform:uppercase; }
.uyc-project-story-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,430px); gap:34px; align-items:start; }
.uyc-project-story { overflow:hidden; border-radius:24px; background:linear-gradient(145deg, rgba(31,38,48,.98), rgba(10,14,20,.98)); box-shadow:0 34px 98px rgba(0,0,0,.32); }
.uyc-project-story-visual { position:relative; min-height:620px; overflow:hidden; background:#080c12; }
.uyc-project-story-visual img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.8) contrast(1.08); transform:scale(1.02); transition:transform .75s ease, filter .75s ease; }
.uyc-project-story:hover .uyc-project-story-visual img { transform:scale(1.065); filter:brightness(.93) contrast(1.1); }
.uyc-project-story-visual::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(7,9,13,.02), rgba(7,9,13,.7)); }
.uyc-project-story-label { position:absolute; left:32px; bottom:32px; z-index:2; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(44px,5vw,84px); font-weight:900; line-height:.82; text-transform:uppercase; }
.uyc-project-story-copy { padding:46px; }
.uyc-project-section-kicker { display:inline-flex; align-items:center; gap:12px; margin-bottom:18px; color:var(--uyc-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:14px; font-weight:900; letter-spacing:6px; text-transform:uppercase; }
.uyc-project-section-kicker::before { content:''; width:34px; height:2px; background:var(--uyc-red); }
.uyc-project-story-copy h2 { margin:0 0 24px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(48px,5vw,84px); font-weight:900; line-height:.86; text-transform:uppercase; }
.uyc-project-story-text { color:rgba(255,255,255,.74); font-size:16px; font-weight:650; line-height:1.88; }
.uyc-project-story-text p { color:rgba(255,255,255,.74); margin-bottom:18px; }
.uyc-project-story-text h1, .uyc-project-story-text h2, .uyc-project-story-text h3 { color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-weight:900; text-transform:uppercase; }
.uyc-project-side { position:sticky; top:104px; display:flex; flex-direction:column; gap:18px; }
.uyc-project-side-card { padding:28px; border-radius:20px; background:linear-gradient(145deg, rgba(34,41,52,.94), rgba(12,16,22,.97)); -webkit-backdrop-filter:blur(18px) saturate(1.14); backdrop-filter:blur(18px) saturate(1.14); box-shadow:0 28px 74px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.09); }
.uyc-project-side-card h3 { margin:0 0 20px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:36px; font-weight:900; line-height:.92; text-transform:uppercase; }
.uyc-project-roadmap { display:grid; gap:14px; }
.uyc-project-roadmap-step { display:grid; grid-template-columns:52px minmax(0,1fr); gap:14px; align-items:start; padding:14px; border-radius:16px; background:rgba(255,255,255,.055); }
.uyc-project-roadmap-step strong { color:transparent; -webkit-text-stroke:1px var(--uyc-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:34px; font-weight:900; line-height:.9; }
.uyc-project-roadmap-step span { display:block; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:23px; font-weight:900; line-height:.95; text-transform:uppercase; }
.uyc-project-roadmap-step small { display:block; margin-top:6px; color:rgba(255,255,255,.55); font-size:12px; font-weight:700; line-height:1.45; }
.uyc-project-cat-list { display:flex; flex-wrap:wrap; gap:10px; }
.uyc-project-cat-list a { display:inline-flex; align-items:center; min-height:38px; padding:0 15px; border-radius:999px; background:rgba(255,255,255,.08); color:#fff; font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-project-cat-list a:hover { background:var(--uyc-red); color:#fff; }
.uyc-project-button { display:inline-flex; width:max-content; align-items:center; gap:12px; min-height:48px; padding:0 19px 0 7px; border-radius:999px; background:#fff; color:#11151b; font-size:14px; font-weight:900; text-transform:uppercase; }
.uyc-project-button i { width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:var(--uyc-red); color:#fff; font-size:12px; }
.uyc-project-button:hover { background:var(--uyc-red); color:#fff; }
.uyc-project-button:hover i { background:#fff; color:var(--uyc-red); }
.uyc-project-gallery, .uyc-project-media, .uyc-project-related, .uyc-project-map { padding-top:68px; }
.uyc-project-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:30px; }
.uyc-project-section-head h2 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(48px,5vw,86px); font-weight:900; line-height:.86; text-transform:uppercase; }
.uyc-project-section-head p { max-width:520px; margin:0; color:rgba(255,255,255,.58); font-size:15px; font-weight:650; line-height:1.6; }
.uyc-project-gallery-grid { display:grid; grid-template-columns:1.15fr .85fr .85fr; grid-auto-rows:245px; gap:16px; }
.uyc-project-gallery-item { position:relative; overflow:hidden; border-radius:18px; background:#080c12; display:block; box-shadow:0 24px 70px rgba(0,0,0,.26); isolation:isolate; }
.uyc-project-gallery-item:nth-child(1) { grid-row:span 2; }
.uyc-project-gallery-item:nth-child(4) { grid-column:span 2; }
.uyc-project-gallery-item img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.72) contrast(1.08); transform:scale(1.02); transition:transform .55s ease, filter .55s ease; }
.uyc-project-gallery-item::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(7,9,13,.04), rgba(7,9,13,.5)); opacity:0; transition:opacity .35s ease; }
.uyc-project-gallery-item::after { content:'+'; position:absolute; right:18px; bottom:18px; z-index:2; width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--uyc-red); color:#fff; font-size:25px; font-weight:900; transform:scale(.92); transition:transform .25s ease; }
.uyc-project-gallery-item:hover img { transform:scale(1.08); filter:brightness(.92) contrast(1.1); }
.uyc-project-gallery-item:hover::before { opacity:1; }
.uyc-project-gallery-item:hover::after { transform:scale(1); }
.uyc-project-media-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.uyc-project-media-grid.is-single { grid-template-columns:minmax(0,1fr); }
.uyc-project-media-card { overflow:hidden; border-radius:20px; background:#080c12; box-shadow:0 28px 78px rgba(0,0,0,.3); }
.uyc-project-media-frame { position:relative; aspect-ratio:16/9; background:#070a0f; }
.uyc-project-media-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.uyc-project-media-label { padding:20px 24px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:28px; font-weight:900; text-transform:uppercase; background:linear-gradient(145deg, rgba(34,41,52,.98), rgba(12,16,22,.98)); }
.uyc-project-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.uyc-project-related-card { position:relative; min-height:390px; overflow:hidden; border-radius:20px; background:#080c12; color:#fff; box-shadow:0 26px 74px rgba(0,0,0,.28); isolation:isolate; }
.uyc-project-related-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.57) contrast(1.08); transform:scale(1.02); transition:transform .55s ease, filter .55s ease; }
.uyc-project-related-card::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(7,9,13,.04), rgba(7,9,13,.9)); }
.uyc-project-related-card span { position:absolute; left:24px; right:24px; bottom:24px; z-index:2; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:36px; font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-project-related-card:hover img { transform:scale(1.08); filter:brightness(.74) contrast(1.12); }
.uyc-project-lightbox { position:fixed; inset:0; z-index:99999; display:none; align-items:center; justify-content:center; padding:28px; background:rgba(5,7,10,.88); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }
.uyc-project-lightbox.is-open { display:flex; }
.uyc-project-lightbox img { max-width:min(1180px, 96vw); max-height:88vh; object-fit:contain; border-radius:14px; box-shadow:0 28px 90px rgba(0,0,0,.55); }
.uyc-project-lightbox button { position:absolute; right:28px; top:24px; width:46px; height:46px; border:0; border-radius:50%; background:#fff; color:#11151b; font-size:28px; line-height:1; cursor:pointer; }
@media (max-width:1199px) { .uyc-project-detail-hero-inner, .uyc-project-story-grid { grid-template-columns:1fr; } .uyc-project-side { position:static; } .uyc-project-summary-inner { grid-template-columns:repeat(2,minmax(0,1fr)); } .uyc-project-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .uyc-project-gallery-item:nth-child(1), .uyc-project-gallery-item:nth-child(4) { grid-column:auto; grid-row:auto; } .uyc-project-media-grid, .uyc-project-related-grid { grid-template-columns:1fr; } }
@media (max-width:767px) { .uyc-project-detail-shell { width:calc(100% - 28px); } .uyc-project-detail-hero { min-height:auto; padding:132px 0 60px; } .uyc-project-detail-hero-inner { display:block; } .uyc-project-hero-card { margin-top:34px; } .uyc-project-hero-shot { min-height:330px; } .uyc-project-hero-card-info { left:24px; right:24px; bottom:24px; grid-template-columns:1fr; } .uyc-project-summary-inner { grid-template-columns:1fr; } .uyc-project-summary-item + .uyc-project-summary-item { box-shadow:inset 0 1px 0 rgba(255,255,255,.07); } .uyc-project-story-visual { min-height:360px; } .uyc-project-story-copy { padding:30px; } .uyc-project-section-head { display:block; } .uyc-project-section-head p { margin-top:14px; } .uyc-project-gallery-grid { grid-template-columns:1fr; grid-auto-rows:300px; } }

/* ===== searchpage.php style #1 ===== */
.uyc-search-page { min-height: 70vh; padding: clamp(150px, 13vw, 220px) 0 90px; background: linear-gradient(180deg,#111820 0%,#0b1017 100%); color:#fff; }
.uyc-search-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.42fr); gap:42px; align-items:end; margin-bottom:46px; }
.uyc-search-kicker { display:inline-flex; align-items:center; gap:14px; color:var(--sh-red,var(--theme-color)); font-family:var(--title-font); font-size:16px; font-weight:900; letter-spacing:8px; text-transform:uppercase; }
.uyc-search-kicker:before { content:""; width:52px; height:2px; background:currentColor; }
.uyc-search-title { margin:18px 0 0; color:#fff; font-family:var(--title-font); font-size:clamp(64px,8vw,142px); font-weight:900; line-height:.82; text-transform:uppercase; }
.uyc-search-copy { margin:0; color:rgba(255,255,255,.68); font-size:16px; line-height:1.7; }
.uyc-search-form { display:flex; gap:10px; padding:10px; background:rgba(255,255,255,.07); box-shadow:inset 0 -2px 0 rgba(255,255,255,.08); }
.uyc-search-form input { flex:1; min-height:54px; border:0; background:transparent; color:#fff; padding:0 14px; outline:none; font-size:18px; font-weight:800; }
.uyc-search-form button { border:0; background:var(--sh-red,var(--theme-color)); color:#fff; min-width:132px; padding:0 24px; font-family:var(--title-font); font-weight:900; text-transform:uppercase; }
.uyc-search-meta { margin:18px 0 0; color:rgba(255,255,255,.54); font-size:14px; font-weight:800; }
.uyc-search-group { margin-top:42px; }
.uyc-search-group-title { margin:0 0 18px; color:#fff; font-family:var(--title-font); font-size:38px; font-weight:900; text-transform:uppercase; }
.uyc-search-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.uyc-search-card { position:relative; min-height:170px; padding:22px; overflow:hidden; background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035)); color:#fff; text-decoration:none; isolation:isolate; transition:transform .22s ease, background .22s ease; }
.uyc-search-card:hover { color:#fff; transform:translateY(-5px); background:linear-gradient(145deg,rgba(var(--theme-rgb),.18),rgba(255,255,255,.055)); }
.uyc-search-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.18; z-index:-2; }
.uyc-search-card:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(9,13,18,.18),rgba(9,13,18,.88)); z-index:-1; }
.uyc-search-card b { display:inline-flex; margin-bottom:16px; color:var(--sh-red,var(--theme-color)); font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:2px; }
.uyc-search-card h3 { margin:0 0 10px; color:#fff; font-family:var(--title-font); font-size:30px; line-height:.98; font-weight:900; text-transform:uppercase; }
.uyc-search-card p { margin:0; color:rgba(255,255,255,.72); font-size:14px; line-height:1.55; }
.uyc-search-empty { padding:42px; background:rgba(255,255,255,.055); color:rgba(255,255,255,.72); font-weight:800; }
@media(max-width:991px){.uyc-search-hero{grid-template-columns:1fr}.uyc-search-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.uyc-search-grid{grid-template-columns:1fr}.uyc-search-form{flex-direction:column}.uyc-search-form button{min-height:50px}}

/* ===== servicecenter.php style #1 ===== */
.uyc-service-center{background:#121820;color:#fff;padding:190px 0 90px;min-height:100vh;position:relative;overflow:hidden}
.uyc-service-center:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 8%,rgba(var(--theme-rgb),.22),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 24%);pointer-events:none}
.uyc-sc-container{width:min(1540px,calc(100% - 88px));margin:0 auto;position:relative;z-index:1}
.uyc-sc-kicker{display:flex;align-items:center;gap:14px;color:var(--sh-red,var(--theme-color));font-family:var(--title-font);font-size:16px;font-weight:900;letter-spacing:.28em;text-transform:uppercase}
.uyc-sc-kicker:before{content:"";width:42px;height:2px;background:var(--sh-red,var(--theme-color))}
.uyc-sc-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.55fr);gap:54px;align-items:end;margin-bottom:44px}
.uyc-sc-hero h1{margin:18px 0 0;color:#fff;font-family:var(--title-font);font-size:clamp(64px,7vw,138px);font-weight:900;line-height:.86;text-transform:uppercase;letter-spacing:0}
.uyc-sc-hero p{max-width:720px;color:rgba(255,255,255,.68);font-size:19px;font-weight:700;line-height:1.55}
.uyc-sc-panel{background:rgba(255,255,255,.045);box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);border-radius:22px;padding:26px}
.uyc-sc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:34px}
.uyc-sc-card{position:relative;min-height:170px;padding:22px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));color:#fff;text-decoration:none;overflow:hidden;isolation:isolate;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}
.uyc-sc-card:before{content:"";position:absolute;left:22px;right:22px;bottom:0;height:3px;background:var(--sh-red,var(--theme-color));transform:scaleX(.32);transform-origin:left;transition:transform .22s ease}
.uyc-sc-card:hover,.uyc-sc-card.is-active{transform:translateY(-5px);background:linear-gradient(145deg,rgba(var(--theme-rgb),.22),rgba(255,255,255,.045));box-shadow:0 28px 60px rgba(0,0,0,.34);color:#fff}
.uyc-sc-card:hover:before,.uyc-sc-card.is-active:before{transform:scaleX(1)}
.uyc-sc-card i{width:48px;height:48px;border-radius:16px;background:var(--sh-red,var(--theme-color));display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 18px 38px rgba(var(--theme-rgb),.26)}
.uyc-sc-card strong{display:block;font-family:var(--title-font);font-size:31px;font-weight:900;line-height:1;text-transform:uppercase}
.uyc-sc-card span{display:block;margin-top:10px;color:rgba(255,255,255,.64);font-size:14px;font-weight:700;line-height:1.35}
.uyc-sc-workspace{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,.42fr);gap:28px;align-items:start}
.uyc-sc-formbox,.uyc-sc-info,.uyc-sc-result{background:rgba(10,14,20,.58);border-radius:22px;padding:34px;box-shadow:0 30px 70px rgba(0,0,0,.24)}
.uyc-sc-formbox h2,.uyc-sc-info h3{margin:0 0 12px;font-family:var(--title-font);font-size:clamp(42px,4.2vw,72px);font-weight:900;line-height:.92;text-transform:uppercase;color:#fff}
.uyc-sc-formbox p,.uyc-sc-info p{color:rgba(255,255,255,.68);font-size:17px;font-weight:700;line-height:1.55}
.uyc-sc-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.uyc-sc-field.full{grid-column:1/-1}
.uyc-sc-field label{display:block;margin-bottom:8px;color:rgba(255,255,255,.82);font-size:13px;font-weight:900;text-transform:uppercase}
.uyc-sc-field input,.uyc-sc-field select,.uyc-sc-field textarea{width:100%;min-height:56px;border:0;border-radius:15px;background:rgba(255,255,255,.08);color:#fff;padding:0 17px;font-size:17px;font-weight:800;outline:none}
.uyc-sc-field textarea{min-height:140px;padding-top:15px;resize:vertical}
.uyc-sc-field option{color:#121820}
.uyc-sc-submit{grid-column:1/-1;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:60px;border:0;border-radius:999px;background:var(--sh-red,var(--theme-color));color:#fff;font-family:var(--title-font);font-size:19px;font-weight:900;text-transform:uppercase;box-shadow:0 20px 44px rgba(var(--theme-rgb),.28);cursor:pointer}
.uyc-sc-success{margin:0 0 20px;padding:16px 18px;border-radius:14px;background:rgba(34,197,94,.14);color:#c7f9d4;font-weight:800}
.uyc-sc-info ul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px}
.uyc-sc-info li{display:flex;gap:12px;align-items:flex-start;color:rgba(255,255,255,.76);font-size:15px;font-weight:800}
.uyc-sc-info li i{color:var(--sh-red,var(--theme-color));margin-top:3px}
.uyc-sc-query{display:flex;gap:12px;margin-top:24px}
.uyc-sc-query input{flex:1;min-height:58px;border:0;border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:0 20px;font-weight:900}
.uyc-sc-query button{min-width:150px;border:0;border-radius:999px;background:var(--sh-red,var(--theme-color));color:#fff;font-weight:900;text-transform:uppercase}
.uyc-sc-result{margin-top:22px}
.uyc-sc-result-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:22px}
.uyc-sc-result h3{margin:0;color:#fff;font-family:var(--title-font);font-size:42px;line-height:1;text-transform:uppercase}
.uyc-sc-status{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(var(--theme-rgb),.16);color:#fff;font-weight:900}
.uyc-sc-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.uyc-sc-fact{background:rgba(255,255,255,.06);border-radius:15px;padding:16px}
.uyc-sc-fact small{display:block;color:rgba(255,255,255,.52);font-weight:900;text-transform:uppercase}
.uyc-sc-fact strong{display:block;color:#fff;font-size:20px;margin-top:6px}
.uyc-sc-steps{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.uyc-sc-steps li{display:grid;grid-template-columns:34px 1fr;gap:13px;align-items:start}
.uyc-sc-steps b{width:34px;height:34px;border-radius:50%;background:var(--sh-red,var(--theme-color));display:flex;align-items:center;justify-content:center}
.uyc-sc-steps strong{display:block;color:#fff;font-size:18px}
.uyc-sc-steps span{display:block;color:rgba(255,255,255,.62);font-weight:700}
@media(max-width:1100px){.uyc-sc-hero,.uyc-sc-workspace{grid-template-columns:1fr}.uyc-sc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.uyc-service-center{padding-top:130px}.uyc-sc-container{width:min(100% - 28px,1540px)}.uyc-sc-grid,.uyc-sc-form,.uyc-sc-facts{grid-template-columns:1fr}.uyc-sc-query{flex-direction:column}.uyc-sc-hero h1{font-size:58px}}
.uyc-sc-detail-table{display:grid;gap:8px;margin:18px 0}.uyc-sc-detail-row{display:grid;grid-template-columns:210px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.uyc-sc-detail-row b{color:rgba(255,255,255,.56);text-transform:uppercase}.uyc-sc-section-title{margin:24px 0 8px;color:#fff;font-family:var(--title-font);font-size:30px;font-weight:900;text-transform:uppercase}@media(max-width:680px){.uyc-sc-detail-row{grid-template-columns:1fr}}
.uyc-sc-result{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(15,23,34,.94),rgba(9,12,18,.86));box-shadow:0 34px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)}
.uyc-sc-result:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 0%,rgba(var(--theme-rgb),.22),transparent 34%);pointer-events:none}
.uyc-sc-result>*{position:relative;z-index:1}
.uyc-sc-result-head{align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}
.uyc-sc-result-head small{display:inline-flex;margin-bottom:10px;color:rgba(255,255,255,.62);font-weight:950;letter-spacing:.18em;text-transform:uppercase}
.uyc-sc-status{min-width:128px;justify-content:center;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.uyc-sc-status.is-ok,.uyc-sc-chip.is-ok{background:rgba(34,197,94,.18);color:#bbf7d0}
.uyc-sc-status.is-wait,.uyc-sc-chip.is-wait{background:rgba(245,158,11,.18);color:#fde68a}
.uyc-sc-status.is-danger,.uyc-sc-chip.is-danger{background:rgba(239,68,68,.2);color:#fecaca}
.uyc-sc-status.is-work,.uyc-sc-chip.is-work{background:rgba(59,130,246,.18);color:#bfdbfe}
.uyc-sc-summary{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:14px;margin:22px 0}
.uyc-sc-summary-card{min-height:128px;border-radius:20px;padding:20px;background:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.uyc-sc-summary-card small{display:block;color:rgba(255,255,255,.56);font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.uyc-sc-summary-card strong{display:block;margin-top:10px;color:#fff;font-family:var(--title-font);font-size:clamp(34px,3vw,58px);font-weight:900;line-height:.9;text-transform:uppercase}
.uyc-sc-summary-card span{display:block;margin-top:8px;color:rgba(255,255,255,.68);font-weight:800}
.uyc-sc-summary-card.is-warranty-active{background:linear-gradient(145deg,rgba(34,197,94,.26),rgba(255,255,255,.06));box-shadow:0 18px 48px rgba(34,197,94,.16),inset 0 1px 0 rgba(255,255,255,.08)}
.uyc-sc-summary-card.is-warranty-warning{background:linear-gradient(145deg,rgba(245,158,11,.24),rgba(255,255,255,.06))}
.uyc-sc-summary-card.is-warranty-critical{background:linear-gradient(145deg,rgba(239,68,68,.42),rgba(127,29,29,.2));box-shadow:0 0 0 1px rgba(248,113,113,.35),0 20px 54px rgba(239,68,68,.28);animation:uycWarrantyPulse 1.15s ease-in-out infinite}
.uyc-sc-summary-card.is-warranty-expired{background:linear-gradient(145deg,rgba(185,28,28,.58),rgba(70,10,10,.34));box-shadow:0 0 0 1px rgba(248,113,113,.44),0 24px 62px rgba(239,68,68,.34);animation:uycWarrantyPulse 1.05s ease-in-out infinite}
.uyc-sc-summary-card.is-warranty-unknown{background:linear-gradient(145deg,rgba(148,163,184,.18),rgba(255,255,255,.06))}
@keyframes uycWarrantyPulse{0%,100%{transform:translateY(0);filter:saturate(1)}50%{transform:translateY(-2px);filter:saturate(1.45);box-shadow:0 0 0 3px rgba(239,68,68,.22),0 28px 72px rgba(239,68,68,.46)}}
.uyc-sc-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 12px;font-weight:950}
.uyc-sc-progress{margin:20px 0 0;padding:18px;border-radius:20px;background:rgba(255,255,255,.045)}
.uyc-sc-progress-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:12px}
.uyc-sc-progress-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--sh-red,var(--theme-color)),#f97316)}
.uyc-sc-detail-wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}
.uyc-sc-section-box{border-radius:20px;background:rgba(255,255,255,.04);padding:20px}
.uyc-sc-detail-table{margin:12px 0 0}
.uyc-sc-detail-row{grid-template-columns:170px 1fr;padding:12px 0}
.uyc-sc-facts{grid-template-columns:repeat(4,1fr)}
.uyc-sc-fact{background:rgba(255,255,255,.075)}
.uyc-sc-steps{position:relative;margin-top:18px;padding-left:4px}
.uyc-sc-steps li{grid-template-columns:42px 1fr;padding:12px;border-radius:16px;background:rgba(255,255,255,.045)}
.uyc-sc-steps b{width:42px;height:42px;box-shadow:0 12px 26px rgba(var(--theme-rgb),.22)}
.uyc-sc-steps em{display:inline-flex;margin-top:7px;font-style:normal;border-radius:999px;padding:5px 9px;background:rgba(255,255,255,.09);color:rgba(255,255,255,.72);font-weight:900}
@media(max-width:900px){.uyc-sc-summary,.uyc-sc-detail-wrap,.uyc-sc-facts{grid-template-columns:1fr}.uyc-sc-result-head{align-items:flex-start;flex-direction:column}}

/* ===== servicespage.php style #1 ===== */
.uyc-service-detail { --svc-bg:#151a21; --svc-soft:#1d232c; --svc-red:var(--sh-red,var(--theme-color)); background:var(--svc-bg); color:#fff; overflow:hidden; }
.uyc-service-detail-shell { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.uyc-service-detail-hero { position:relative; min-height:530px; display:flex; align-items:flex-end; padding:168px 0 66px; background:#080c12; overflow:hidden; }
.uyc-service-detail-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:contrast(1.08) saturate(.9) brightness(.42); transform:scale(1.04); }
.uyc-service-detail-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(6,8,12,.98) 0%, rgba(8,11,16,.76) 48%, rgba(var(--theme-rgb),.16) 82%, rgba(6,8,12,.9) 100%); }
.uyc-service-detail-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:160px; z-index:2; background:linear-gradient(180deg, rgba(21,26,33,0), var(--svc-bg) 86%); }
.uyc-service-detail-hero__inner { position:relative; z-index:3; }
.uyc-service-detail-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:22px; color:rgba(255,255,255,.55); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-service-detail-breadcrumb a { color:rgba(255,255,255,.78); text-decoration:none; }
.uyc-service-detail-breadcrumb a:hover { color:#fff; }
.uyc-service-detail-breadcrumb i { color:var(--svc-red); font-size:10px; }
.uyc-service-detail-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--svc-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:16px; font-weight:900; line-height:1; letter-spacing:8px; text-transform:uppercase; }
.uyc-service-detail-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--svc-red); }
.uyc-service-detail-hero h1 { max-width:1080px; margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(56px,7vw,112px); font-weight:900; line-height:.86; text-transform:uppercase; }
.uyc-service-detail-main { padding:8px 0 105px; background:var(--svc-bg); }
.uyc-service-detail-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,430px); gap:34px; align-items:start; }
.uyc-service-main-card { overflow:hidden; border-radius:18px; background:#070a0f; box-shadow:0 34px 100px rgba(0,0,0,.36); }
.uyc-service-main-image { position:relative; min-height:520px; background:#070a0f; overflow:hidden; }
.uyc-service-main-image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:contrast(1.08) saturate(.95) brightness(.76); transform:scale(1.02); }
.uyc-service-main-image::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(5,7,10,.04), rgba(5,7,10,.5)); }
.uyc-service-main-badge { position:absolute; left:28px; bottom:28px; z-index:2; display:inline-flex; align-items:center; gap:10px; min-height:46px; padding:0 18px; border-radius:999px; background:#fff; color:#11151c; font-weight:900; }
.uyc-service-main-badge i { color:var(--svc-red); }
.uyc-service-content { padding:42px; background:linear-gradient(135deg, rgba(30,36,45,.98), rgba(12,16,22,.98)); }
.uyc-service-content h2 { margin:0 0 24px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(42px,4.6vw,72px); font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-service-content-text { color:rgba(255,255,255,.72); font-size:16px; font-weight:650; line-height:1.8; }
.uyc-service-content-text p { color:rgba(255,255,255,.72); margin-bottom:18px; }
.uyc-service-content-text ul, .uyc-service-content-text ol { margin:20px 0; padding-left:22px; }
.uyc-service-content-text li { margin-bottom:10px; }
.uyc-service-share { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:34px; padding-top:28px; box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.uyc-service-share strong { margin-right:4px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:22px; font-weight:900; text-transform:uppercase; }
.uyc-service-share a { width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(255,255,255,.09); color:#fff; text-decoration:none; transition:background .22s ease, transform .22s ease; }
.uyc-service-share a:hover { background:var(--svc-red); color:#fff; transform:translateY(-2px); }
.uyc-service-side { position:sticky; top:104px; display:flex; flex-direction:column; gap:18px; }
.uyc-service-side-panel { padding:26px; border-radius:18px; background:linear-gradient(145deg, rgba(33,40,50,.92), rgba(12,16,22,.96)); -webkit-backdrop-filter:blur(18px) saturate(1.12); backdrop-filter:blur(18px) saturate(1.12); box-shadow:0 28px 74px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.09); }
.uyc-service-side-panel h3 { margin:0 0 10px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:30px; font-weight:900; line-height:.98; text-transform:uppercase; }
.uyc-service-side-panel p { margin:0 0 18px; color:rgba(255,255,255,.58); font-size:14px; font-weight:650; line-height:1.55; }
.uyc-service-next-list { display:flex; flex-direction:column; gap:12px; }
.uyc-service-next-card { display:grid; grid-template-columns:102px minmax(0,1fr); gap:12px; align-items:center; padding:9px; border-radius:14px; background:rgba(255,255,255,.052); color:#fff; text-decoration:none; box-shadow:inset 0 1px 0 rgba(255,255,255,.05); transition:background .22s ease, transform .22s ease; }
.uyc-service-next-card:hover { background:rgba(255,255,255,.09); color:#fff; transform:translateY(-2px); }
.uyc-service-next-thumb { position:relative; height:66px; overflow:hidden; border-radius:10px; background:#070a0f; }
.uyc-service-next-thumb img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.74) contrast(1.08); transition:transform .35s ease, filter .35s ease; }
.uyc-service-next-thumb i { position:absolute; left:50%; top:50%; width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:var(--svc-red); color:#fff; font-size:11px; transform:translate(-50%,-50%); }
.uyc-service-next-card:hover img { transform:scale(1.06); filter:brightness(.84) contrast(1.1); }
.uyc-service-next-card h4 { margin:0 0 6px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:19px; font-weight:900; line-height:1.03; text-transform:uppercase; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.uyc-service-next-card small { color:rgba(255,255,255,.46); font-size:12px; font-weight:700; line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.uyc-service-cta { position:relative; overflow:hidden; padding:26px; border-radius:18px; background:linear-gradient(135deg, rgba(var(--theme-rgb),.92), rgba(90,0,0,.86)); box-shadow:0 24px 64px rgba(var(--theme-rgb),.18); }
.uyc-service-cta h3 { margin:0 0 10px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:36px; font-weight:900; line-height:.95; text-transform:uppercase; }
.uyc-service-cta p { margin:0 0 18px; color:rgba(255,255,255,.78); font-size:14px; font-weight:700; line-height:1.55; }
.uyc-service-button { display:inline-flex; width:max-content; align-items:center; gap:12px; min-height:46px; padding:0 18px 0 7px; border-radius:999px; background:#fff; color:#11151c; text-decoration:none; font-weight:900; }
.uyc-service-button i { width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:var(--svc-red); color:#fff; font-size:12px; }
.uyc-service-cta .uyc-service-button i { background:#11151c; }
.uyc-service-process { padding:36px 42px 12px; background:#111820; }
.uyc-service-block-kicker { display:inline-flex; align-items:center; gap:12px; margin-bottom:18px; color:var(--svc-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:14px; font-weight:900; letter-spacing:5px; text-transform:uppercase; }
.uyc-service-block-kicker::before { content:''; width:36px; height:2px; border-radius:999px; background:var(--svc-red); }
.uyc-service-process-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.uyc-service-step { position:relative; min-height:150px; padding:22px; border-radius:16px; background:linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.035)); box-shadow:inset 0 1px 0 rgba(255,255,255,.075); }
.uyc-service-step strong { display:block; margin-bottom:18px; color:transparent; -webkit-text-stroke:1px var(--svc-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:46px; font-weight:900; line-height:.8; }
.uyc-service-step h3 { margin:0 0 8px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:25px; font-weight:900; line-height:.95; text-transform:uppercase; }
.uyc-service-step p { margin:0; color:rgba(255,255,255,.58); font-size:13px; font-weight:650; line-height:1.5; }
.uyc-service-offer { margin:34px 42px 0; padding:30px; border-radius:18px; background:linear-gradient(135deg, rgba(var(--theme-rgb),.94), rgba(69,0,0,.88)); box-shadow:0 28px 70px rgba(var(--theme-rgb),.18); display:flex; align-items:center; justify-content:space-between; gap:22px; }
.uyc-service-offer h3 { margin:0 0 8px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:42px; font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-service-offer p { margin:0; color:rgba(255,255,255,.78); font-size:15px; font-weight:700; line-height:1.55; }
.uyc-service-offer .uyc-service-button i { background:#11151c; }
.uyc-service-projects, .uyc-service-faq { padding:42px; background:#111820; }
.uyc-service-projects-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.uyc-service-project-card { position:relative; min-height:220px; overflow:hidden; border-radius:16px; background:#070a0f; color:#fff; text-decoration:none; display:block; isolation:isolate; box-shadow:0 22px 62px rgba(0,0,0,.24); }
.uyc-service-project-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.58) contrast(1.08); transform:scale(1.02); transition:transform .42s ease, filter .42s ease; }
.uyc-service-project-card::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(5,7,10,.02), rgba(5,7,10,.84)); }
.uyc-service-project-card span { position:absolute; left:18px; right:18px; bottom:18px; z-index:2; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:24px; font-weight:900; line-height:.98; text-transform:uppercase; }
.uyc-service-project-card:hover img { transform:scale(1.07); filter:brightness(.72) contrast(1.12); }
.uyc-service-faq-list { display:flex; flex-direction:column; gap:10px; }
.uyc-service-faq-item { border-radius:14px; background:rgba(255,255,255,.055); box-shadow:inset 0 1px 0 rgba(255,255,255,.055); overflow:hidden; }
.uyc-service-faq-question { width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 20px; border:0; background:transparent; color:#fff; text-align:left; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:24px; font-weight:900; line-height:1; text-transform:uppercase; cursor:pointer; }
.uyc-service-faq-question i { width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; border-radius:50%; background:var(--svc-red); color:#fff; font-size:12px; transition:transform .22s ease; }
.uyc-service-faq-answer { display:none; padding:0 20px 20px; color:rgba(255,255,255,.64); font-size:14px; font-weight:650; line-height:1.65; }
.uyc-service-faq-answer p { margin:0; color:rgba(255,255,255,.64); }
.uyc-service-faq-item.is-open .uyc-service-faq-answer { display:block; }
.uyc-service-faq-item.is-open .uyc-service-faq-question i { transform:rotate(45deg); }
@media (max-width:1199px) { .uyc-service-process-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .uyc-service-projects-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) { .uyc-service-process, .uyc-service-projects, .uyc-service-faq { padding:28px; } .uyc-service-process-grid, .uyc-service-projects-grid { grid-template-columns:1fr; } .uyc-service-offer { margin:28px 28px 0; flex-direction:column; align-items:flex-start; } .uyc-service-offer h3 { font-size:34px; } }
@media (max-width:1199px) { .uyc-service-detail-layout { grid-template-columns:1fr; } .uyc-service-side { position:static; } }
@media (max-width:767px) { .uyc-service-detail-shell { width:calc(100% - 28px); } .uyc-service-detail-hero { min-height:auto; padding:132px 0 52px; } .uyc-service-detail-hero h1 { font-size:46px; } .uyc-service-detail-main { padding:0 0 72px; } .uyc-service-main-image { min-height:320px; } .uyc-service-content { padding:28px; } }

/* ===== videopage.php style #1 ===== */
.uyc-video-detail { --video-bg:#151a21; --video-soft:#1d232c; --video-red:var(--sh-red,var(--theme-color)); background:var(--video-bg); color:#fff; overflow:hidden; }
.uyc-video-detail-shell { width:min(1580px, calc(100% - 48px)); margin:0 auto; }
.uyc-video-detail-hero { position:relative; min-height:520px; display:flex; align-items:flex-end; padding:168px 0 62px; background:#080c12; overflow:hidden; }
.uyc-video-detail-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:contrast(1.08) saturate(.9) brightness(.42); transform:scale(1.04); }
.uyc-video-detail-hero::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(6,8,12,.98) 0%, rgba(8,11,16,.76) 48%, rgba(var(--theme-rgb),.16) 82%, rgba(6,8,12,.9) 100%); }
.uyc-video-detail-hero::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:160px; z-index:2; background:linear-gradient(180deg, rgba(21,26,33,0), var(--video-bg) 86%); }
.uyc-video-detail-hero__inner { position:relative; z-index:3; }
.uyc-video-detail-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:22px; color:rgba(255,255,255,.55); font-size:12px; font-weight:900; text-transform:uppercase; }
.uyc-video-detail-breadcrumb a { color:rgba(255,255,255,.78); text-decoration:none; }
.uyc-video-detail-breadcrumb a:hover { color:#fff; }
.uyc-video-detail-breadcrumb i { color:var(--video-red); font-size:10px; }
.uyc-video-detail-kicker { display:inline-flex; align-items:center; gap:14px; margin-bottom:18px; color:var(--video-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:16px; font-weight:900; line-height:1; letter-spacing:8px; text-transform:uppercase; }
.uyc-video-detail-kicker::before { content:''; width:42px; height:2px; border-radius:999px; background:var(--video-red); }
.uyc-video-detail-hero h1 { max-width:1050px; margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(58px,7vw,112px); font-weight:900; line-height:.86; text-transform:uppercase; }
.uyc-video-detail-main { padding:8px 0 105px; background:var(--video-bg); }
.uyc-video-detail-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,410px); gap:34px; align-items:start; }
.uyc-video-player-card { overflow:hidden; border-radius:18px; background:#070a0f; box-shadow:0 34px 100px rgba(0,0,0,.36); }
.uyc-video-player { position:relative; width:100%; aspect-ratio:16/9; background:#000; }
.uyc-video-player iframe { position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }
.uyc-video-detail-body { padding:34px; background:linear-gradient(135deg, rgba(30,36,45,.98), rgba(12,16,22,.98)); }
.uyc-video-detail-body span { display:inline-flex; align-items:center; gap:10px; color:var(--video-red); font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:15px; font-weight:900; letter-spacing:6px; text-transform:uppercase; }
.uyc-video-detail-body h2 { margin:18px 0 0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(38px,4vw,62px); font-weight:900; line-height:.9; text-transform:uppercase; }
.uyc-video-side { position:sticky; top:104px; display:flex; flex-direction:column; gap:18px; }
.uyc-video-side-panel { padding:26px; border-radius:18px; background:linear-gradient(145deg, rgba(33,40,50,.92), rgba(12,16,22,.96)); -webkit-backdrop-filter:blur(18px) saturate(1.12); backdrop-filter:blur(18px) saturate(1.12); box-shadow:0 28px 74px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.09); }
.uyc-video-side-panel h3 { margin:0 0 10px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:28px; font-weight:900; line-height:.98; text-transform:uppercase; }
.uyc-video-side-panel p { margin:0 0 18px; color:rgba(255,255,255,.58); font-size:14px; font-weight:650; line-height:1.55; }
.uyc-video-next-list { display:flex; flex-direction:column; gap:12px; margin-top:18px; }
.uyc-video-next-card { display:grid; grid-template-columns:104px minmax(0,1fr); gap:12px; align-items:center; padding:9px; border-radius:14px; background:rgba(255,255,255,.052); color:#fff; text-decoration:none; box-shadow:inset 0 1px 0 rgba(255,255,255,.05); transition:background .22s ease, transform .22s ease; }
.uyc-video-next-card:hover { background:rgba(255,255,255,.09); color:#fff; transform:translateY(-2px); }
.uyc-video-next-card__thumb { position:relative; height:66px; overflow:hidden; border-radius:10px; background:#070a0f; }
.uyc-video-next-card__thumb img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.72) contrast(1.08); transition:transform .35s ease, filter .35s ease; }
.uyc-video-next-card__thumb span { position:absolute; left:50%; top:50%; width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:var(--video-red); color:#fff; font-size:11px; transform:translate(-50%,-50%); box-shadow:0 12px 34px rgba(var(--theme-rgb),.34); }
.uyc-video-next-card:hover img { transform:scale(1.06); filter:brightness(.84) contrast(1.1); }
.uyc-video-next-card h4 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:19px; font-weight:900; line-height:1.03; text-transform:uppercase; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.uyc-video-next-card small { display:block; margin-bottom:5px; color:var(--video-red); font-size:10px; font-weight:900; letter-spacing:1.4px; text-transform:uppercase; }
.uyc-video-next-meta { display:block; margin-top:7px; color:rgba(255,255,255,.46); font-size:12px; font-weight:700; line-height:1.35; }
.uyc-video-next-meta b { color:rgba(255,255,255,.68); font-weight:800; }.uyc-video-side-cta { position:relative; overflow:hidden; padding:24px; border-radius:18px; background:linear-gradient(135deg, rgba(var(--theme-rgb),.92), rgba(90,0,0,.86)); box-shadow:0 24px 64px rgba(var(--theme-rgb),.18); }
.uyc-video-side-cta h3 { margin:0 0 10px; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:34px; font-weight:900; line-height:.95; text-transform:uppercase; }
.uyc-video-side-cta p { margin:0 0 18px; color:rgba(255,255,255,.76); font-size:14px; font-weight:700; line-height:1.55; }
.uyc-video-back { display:inline-flex; width:max-content; align-items:center; gap:12px; min-height:46px; padding:0 18px 0 7px; border-radius:999px; background:#fff; color:#11151c; text-decoration:none; font-weight:900; }
.uyc-video-back i { width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:var(--video-red); color:#fff; font-size:12px; }
.uyc-video-side-cta .uyc-video-back i { background:#11151c; }
.uyc-video-related { margin-top:64px; }
.uyc-video-related-head { display:flex; justify-content:space-between; align-items:end; gap:22px; margin-bottom:28px; }
.uyc-video-related-head h2 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:clamp(46px,4.8vw,74px); font-weight:900; line-height:.88; text-transform:uppercase; }
.uyc-video-related-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.uyc-video-card { display:block; position:relative; overflow:hidden; min-height:280px; border-radius:16px; background:#0b1017; text-decoration:none; box-shadow:0 28px 82px rgba(0,0,0,.27); isolation:isolate; }
.uyc-video-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:contrast(1.08) saturate(.9) brightness(.62); transform:scale(1.02); transition:transform .5s ease, filter .5s ease; }
.uyc-video-card::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(5,7,10,.02) 18%, rgba(5,7,10,.3) 54%, rgba(5,7,10,.9) 100%); }
.uyc-video-card__content { position:absolute; left:22px; right:22px; bottom:22px; z-index:2; }
.uyc-video-card__play { width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; margin-bottom:16px; border-radius:50%; background:var(--video-red); color:#fff; font-size:13px; }
.uyc-video-card h3 { margin:0; color:#fff; font-family:var(--title-font,'Big Shoulders Display',sans-serif); font-size:28px; font-weight:900; line-height:.96; text-transform:uppercase; }
.uyc-video-card:hover img { transform:scale(1.07); filter:contrast(1.1) saturate(1) brightness(.76); }
@media (max-width:1199px) { .uyc-video-detail-layout { grid-template-columns:1fr; } .uyc-video-side { position:static; } .uyc-video-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) { .uyc-video-detail-shell { width:calc(100% - 28px); } .uyc-video-detail-hero { min-height:auto; padding:132px 0 52px; } .uyc-video-detail-hero h1 { font-size:46px; } .uyc-video-detail-main { padding:0 0 72px; } .uyc-video-detail-body { padding:26px; } .uyc-video-related-grid { grid-template-columns:1fr; } .uyc-video-card { min-height:270px; } }

/* ===== datainclude\cerez.php style #1 ===== */
/* ===== Modern Cookie Consent ===== */
.modern-cookie-consent {
    position: fixed;
    bottom: 30px;
    right: 30px;
    max-width: 420px;
    background: #ffffff;
    border-radius: 20px;
    z-index: 99999;
    padding: 30px;
    box-shadow: 0 15px 50px rgba(15, 53, 103, 0.15);
    border: 1px solid rgba(15, 53, 103, 0.08);
    animation: slideInUp 0.4s ease;
    display: none;
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modern-cookie-consent h4 {
    font-size: 18px;
    font-weight: 700;
    color: var(--theme-color, #0F3567);
    margin-bottom: 12px;
    font-family: var(--title-font, "Exo", sans-serif);
}

.modern-cookie-consent p {
    font-size: 14px;
    line-height: 1.7;
    color: #666;
    margin-bottom: 25px;
}

.modern-cookie-buttons {
    display: flex;
    gap: 12px;
}

.modern-cookie-btn {
    flex: 1;
    padding: 12px 20px;
    border: none;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
}

.modern-cookie-btn-policy {
    background: #f8f9fa;
    color: var(--theme-color, #0F3567);
    border: 1px solid #e9ecef;
}

.modern-cookie-btn-policy:hover {
    background: #e9ecef;
    border-color: var(--theme-color, #0F3567);
    transform: translateY(-2px);
}

.modern-cookie-btn-accept {
    background: var(--gr-color2, #E2B93B);
    color: var(--theme-color, #0F3567);
    box-shadow: 0 8px 20px rgba(226, 185, 59, 0.2);
}

.modern-cookie-btn-accept:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(226, 185, 59, 0.3);
    background: var(--gr-color2, #E2B93B);
    color: var(--theme-color, #0F3567);
    text-decoration: none;
}

.modern-cookie-btn i {
    font-size: 14px;
}

/* ===== Modern Popup Modal ===== */
.modern-modal-popup {
    display: none !important;
}

.modern-modal-popup.show {
    display: block !important;
}

.modern-modal-popup .modal-dialog {
    animation: popupZoomIn 0.4s ease;
}

@keyframes popupZoomIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.modern-modal-popup .modal-content {
    border: none;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 25px 80px rgba(15, 53, 103, 0.2);
    background: #ffffff;
}

.modern-modal-popup .modal-header {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    background: transparent;
    border: none;
    padding: 20px;
    width: auto;
}

.modern-modal-popup .btn-close {
    background: rgba(255, 255, 255, 0.95) !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    opacity: 1 !important;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    flex-shrink: 0;
    position: relative;
}

.modern-modal-popup .btn-close::after {
    content: '✕';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: var(--theme-color, #0F3567);
    font-weight: 700;
}

.modern-modal-popup .btn-close:hover {
    background: #ffffff !important;
    transform: rotate(90deg);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

.modern-modal-popup .modal-body {
    padding: 0 !important;
}

.modern-popup-image-link {
    display: block;
    overflow: hidden;
    border-radius: 25px 25px 0 0;
}

.modern-popup-image {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

.modern-popup-image-link:hover .modern-popup-image {
    transform: scale(1.03);
}

.modern-popup-content {
    background: #ffffff;
    padding: 40px 35px;
    text-align: center;
}

.modern-popup-title {
    color: var(--theme-color, #0F3567);
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    font-family: var(--title-font, "Exo", sans-serif);
}

.modern-popup-text {
    color: #666;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 30px;
}

.modern-popup-social {
    padding-top: 25px;
    border-top: 1px solid #f0f0f0;
}

.modern-popup-social-title {
    color: var(--theme-color, #0F3567);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    display: block;
}

.modern-popup-social-icons {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.modern-popup-social-link {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f8f9fa;
    color: var(--theme-color, #0F3567);
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 18px;
    border: 2px solid transparent;
}

.modern-popup-social-link:hover {
    transform: translateY(-5px);
    background: var(--theme-color, #0F3567);
    color: white;
    box-shadow: 0 10px 25px rgba(15, 53, 103, 0.2);
}

/* Responsive */
@media (max-width: 576px) {
    .modern-cookie-consent {
        bottom: 0;
        right: 0;
        left: 0;
        max-width: 100%;
        border-radius: 20px 20px 0 0;
        padding: 25px 20px;
    }
    
    .modern-cookie-buttons {
        flex-direction: column;
        gap: 10px;
    }
    
    .modern-cookie-btn {
        width: 100%;
    }
    
    .modern-popup-content {
        padding: 30px 20px;
    }
    
    .modern-popup-title {
        font-size: 24px;
    }
    
    .modern-popup-text {
        font-size: 14px;
    }
}

/* ===== datainclude\mail.php style #1 ===== */
/* Randevu Al Modal Styles */
#randevu_al .modal-dialog {
    max-width: 500px;
}

#randevu_al .modal-content {
    border-radius: 25px;
    border: none;
    box-shadow: 0 25px 80px rgba(15, 53, 103, 0.2);
}

#randevu_al .modal-header {
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    background: transparent;
    padding: 20px;
    width: auto;
}

#randevu_al .btn-close {
    background: rgba(255, 255, 255, 0.95);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

#randevu_al .modal-body {
    padding: 0;
}

#randevu_al .modern-popup-content {
    background: #ffffff;
    padding: 40px 35px;
    text-align: center;
}

#randevu_al .modern-popup-title {
    color: var(--theme-color, #0F3567);
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 25px;
    font-family: var(--title-font, 'Exo', sans-serif);
}

#randevu_al .ajax-contact {
    padding: 0 !important;
    margin: 0 !important;
}

#randevu_al .form-group {
    margin-bottom: 18px;
    position: relative;
}

#randevu_al .form-control,
#randevu_al .form-select {
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 14px 16px;
    font-size: 14px;
    background: #f8f9fa;
    transition: all 0.3s ease;
}

#randevu_al .form-control:focus,
#randevu_al .form-select:focus {
    border-color: var(--gr-color2, #E2B93B);
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(226, 185, 59, 0.1);
    outline: none;
}

#randevu_al .form-control::placeholder {
    color: #999;
}

#randevu_al .form-group i {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--gr-color2, #E2B93B);
    font-size: 16px;
    pointer-events: none;
}

#randevu_al .form-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E2B93B' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 20px;
    padding-right: 40px;
}

#randevu_al .g-recaptcha {
    margin: 20px 0;
    display: flex;
    justify-content: center;
}

#randevu_al .form-btn {
    margin-top: 10px;
}

#randevu_al .th-btn {
    width: 100%;
    background: var(--gr-color2, #E2B93B);
    color: #fff;
    border: none;
    padding: 14px 24px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

#randevu_al .th-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(226, 185, 59, 0.3);
    background: var(--gr-color2, #E2B93B);
    color: #fff;
}

#randevu_al .row {
    margin: 0 !important;
}

#randevu_al .col-md-6 {
    padding: 0 !important;
}

#randevu_al .col-md-6:first-child {
    padding-right: 9px !important;
}

#randevu_al .col-md-6:nth-child(2) {
    padding-left: 9px !important;
}

#randevu_al .col-12 {
    padding: 0 !important;
}

/* Responsive */
@media (max-width: 576px) {
    #randevu_al .modern-popup-content {
        padding: 30px 20px;
    }
    
    #randevu_al .form-control,
    #randevu_al .form-select {
        padding: 12px 14px;
        font-size: 13px;
    }
}

/* ===== datainclude\mail.php style #2 ===== */
.modal-content {
        animation: fadeIn 0.3s ease-out;
    }
    .btn {
        transition: all 0.3s ease;
    }
    .btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    }
    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(-20px); }
        to { opacity: 1; transform: translateY(0); }
    }

/* UYC Product Category Card Scope Fix 20260604 */
.uyc-product-list-page .uyc-product-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    overflow: hidden;
}

.uyc-product-list-page .uyc-product-card::after {
    content: none;
}

.uyc-product-list-page .uyc-product-card span,
.uyc-product-list-page .uyc-product-card h3,
.uyc-product-list-page .uyc-product-card p {
    position: static;
    inset: auto;
    z-index: auto;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
}

.uyc-product-list-page .uyc-product-card__image {
    position: relative;
    display: block;
    flex: 0 0 auto;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

.uyc-product-list-page .uyc-product-card__image img {
    position: static;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    padding: 18px;
}

.uyc-product-list-page .uyc-product-card__image::before {
    content: '';
}

.uyc-product-list-page .uyc-product-card__tag {
    position: absolute !important;
    left: 18px;
    right: auto;
    top: 18px;
    bottom: auto;
    z-index: 2;
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    width: auto;
    max-width: calc(100% - 36px);
    padding: 0 12px;
    border-radius: 999px;
    color: #fff;
    font-family: var(--body-font, 'Big Shoulders Display', sans-serif);
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.uyc-product-list-page .uyc-product-card__body {
    position: relative;
    z-index: 2;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 260px;
    padding: 24px;
}

.uyc-product-list-page .uyc-product-card h3 {
    margin: 0 0 14px;
    font-family: var(--title-font, 'Big Shoulders Display', sans-serif);
    font-size: clamp(28px, 2.2vw, 40px);
    font-weight: 900;
    line-height: .94;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.uyc-product-list-page .uyc-product-card p {
    display: -webkit-box;
    margin: 0 0 18px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.55;
}

.uyc-product-list-page .uyc-product-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
}

.uyc-product-list-page .uyc-product-card__meta span {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    width: auto;
    padding: 0 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.uyc-product-list-page .uyc-product-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: max-content;
    max-width: 100%;
    margin-top: 20px;
    font-family: var(--body-font, 'Big Shoulders Display', sans-serif);
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.uyc-product-list-page .uyc-product-card__cta i {
    flex: 0 0 34px;
}

.uyc-product-list-page .uyc-product-card:hover .uyc-product-card__cta {
    transform: translateX(4px);
}

.uyc-product-list-page .uyc-product-card:hover .uyc-product-card__cta i {
    transform: translateX(2px);
}

.uyc-theme-light .uyc-product-list-page .uyc-product-card h3 {
    color: #15191f !important;
}

.uyc-theme-light .uyc-product-list-page .uyc-product-card p {
    color: rgba(21, 25, 31, .64) !important;
}

.uyc-theme-light .uyc-product-list-page .uyc-product-card__cta {
    color: #15191f !important;
}

.uyc-theme-light .uyc-product-list-page .uyc-product-card__cta i {
    background: var(--prd-red, var(--theme-color));
    color: #fff;
}

.uyc-theme-light .uyc-product-list-page .uyc-product-card__meta span {
    color: rgba(21, 25, 31, .72);
}

body:not(.uyc-theme-light) .uyc-product-list-page .uyc-product-card h3,
body:not(.uyc-theme-light) .uyc-product-list-page .uyc-product-card__cta {
    color: #fff !important;
}

body:not(.uyc-theme-light) .uyc-product-list-page .uyc-product-card p {
    color: rgba(255,255,255,.66) !important;
}

@media (max-width: 767px) {
    .uyc-product-list-page .uyc-product-card__body {
        min-height: 230px;
        padding: 22px;
    }
}
/* UYC Product Category Tag Flow Fix 20260604 */
.uyc-product-list-page .uyc-product-card__body > .uyc-product-card__tag {
    position: static !important;
    display: inline-flex;
    align-self: flex-start;
    min-height: 32px;
    width: auto;
    max-width: 100%;
    margin: 0 0 14px;
    padding: 0 12px;
    border-radius: 999px;
    color: #fff !important;
    font-family: var(--body-font, 'Big Shoulders Display', sans-serif);
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    background: linear-gradient(135deg, rgba(var(--theme-rgb), .92), rgba(var(--theme-rgb), .72));
    box-shadow: 0 12px 30px rgba(var(--theme-rgb), .16);
}

.uyc-product-list-page .uyc-product-card__image > .uyc-product-card__tag {
    display: none !important;
}
/* UYC Video Page Repair 20260604 */
.uyc-video-page {
    isolation: isolate;
}

.uyc-video-hero__bg,
.uyc-video-feature__media img,
.uyc-video-card img {
    opacity: 1;
}

.uyc-video-hero::before {
    background:
        linear-gradient(90deg, rgba(5, 8, 12, .92) 0%, rgba(8, 11, 16, .64) 45%, rgba(8, 11, 16, .26) 72%, rgba(5, 8, 12, .76) 100%) !important;
}

.uyc-theme-light .uyc-video-hero::before {
    background:
        linear-gradient(90deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.72) 42%, rgba(255,255,255,.34) 72%, rgba(255,255,255,.86) 100%) !important;
}

.uyc-video-feature__media::before,
.uyc-video-card::before {
    background:
        linear-gradient(180deg, rgba(5,7,10,.08) 10%, rgba(5,7,10,.28) 48%, rgba(5,7,10,.88) 100%) !important;
}

.uyc-theme-light .uyc-video-feature__media::before,
.uyc-theme-light .uyc-video-card::before {
    background:
        linear-gradient(180deg, rgba(255,255,255,.02) 10%, rgba(255,255,255,.22) 48%, rgba(255,255,255,.92) 100%) !important;
}

.uyc-video-feature__media,
.uyc-video-card {
    background: #0b1017;
}

.uyc-theme-light .uyc-video-feature__media,
.uyc-theme-light .uyc-video-card {
    background: #fff;
}

.uyc-video-feature__media img,
.uyc-video-card img {
    filter: contrast(1.06) saturate(.98) brightness(.78) !important;
}

.uyc-video-feature__media:hover img,
.uyc-video-card:hover img {
    filter: contrast(1.08) saturate(1.04) brightness(.88) !important;
}

.uyc-video-feature__body {
    position: relative;
    overflow: hidden;
}

.uyc-video-feature__body::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 90% 0%, rgba(var(--theme-rgb), .16), transparent 34%);
    pointer-events: none;
}

.uyc-video-feature__body > * {
    position: relative;
    z-index: 1;
}

.uyc-video-card__content {
    display: grid;
    gap: 12px;
}

.uyc-video-card h3 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-wrap: balance;
}

.uyc-video-link,
.uyc-video-card__play,
.uyc-video-play {
    box-shadow: 0 18px 46px rgba(var(--theme-rgb), .18);
}

/* UYC Video Page Step Fix 20260604 */
.uyc-theme-dark .uyc-video-page,
body:not(.uyc-theme-light) .uyc-video-page {
    --video-bg: #111821;
    --video-panel: #171f2a;
    --video-ink: #ffffff;
    --video-muted: rgba(255,255,255,.68);
    --video-red: var(--sh-red, #e30613);
    background:
        radial-gradient(circle at 86% 8%, rgba(var(--theme-rgb), .10), transparent 34%),
        linear-gradient(180deg, #0d131b 0%, #111821 100%);
    color: var(--video-ink);
}
.uyc-theme-dark .uyc-video-hero,
body:not(.uyc-theme-light) .uyc-video-hero {
    min-height: 560px;
    background: #0d131b;
}
.uyc-theme-dark .uyc-video-hero__bg,
body:not(.uyc-theme-light) .uyc-video-hero__bg {
    filter: contrast(1.04) saturate(.88) brightness(.58);
}
.uyc-theme-dark .uyc-video-hero::before,
body:not(.uyc-theme-light) .uyc-video-hero::before {
    background:
        linear-gradient(90deg, rgba(8,12,18,.96) 0%, rgba(8,12,18,.80) 42%, rgba(8,12,18,.40) 72%, rgba(8,12,18,.92) 100%),
        linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.72));
}
.uyc-theme-dark .uyc-video-hero::after,
body:not(.uyc-theme-light) .uyc-video-hero::after {
    background: linear-gradient(180deg, rgba(17,24,33,0), #111821 90%);
}
.uyc-theme-dark .uyc-video-stat,
body:not(.uyc-theme-light) .uyc-video-stat,
.uyc-theme-dark .uyc-video-feature__body,
body:not(.uyc-theme-light) .uyc-video-feature__body {
    background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.035));
    box-shadow: 0 30px 90px rgba(0,0,0,.38);
}
.uyc-theme-dark .uyc-video-feature__media,
body:not(.uyc-theme-light) .uyc-video-feature__media,
.uyc-theme-dark .uyc-video-card,
body:not(.uyc-theme-light) .uyc-video-card {
    background: #121923;
    box-shadow: 0 28px 82px rgba(0,0,0,.34);
}
.uyc-theme-dark .uyc-video-feature__media img,
body:not(.uyc-theme-light) .uyc-video-feature__media img,
.uyc-theme-dark .uyc-video-card img,
body:not(.uyc-theme-light) .uyc-video-card img {
    filter: contrast(1.06) saturate(.92) brightness(.72);
}
.uyc-theme-dark .uyc-video-feature__media::before,
body:not(.uyc-theme-light) .uyc-video-feature__media::before,
.uyc-theme-dark .uyc-video-card::before,
body:not(.uyc-theme-light) .uyc-video-card::before {
    background: linear-gradient(180deg, rgba(8,12,18,.02) 12%, rgba(8,12,18,.30) 54%, rgba(8,12,18,.88) 100%);
}
.uyc-theme-dark .uyc-video-feature__body h2,
body:not(.uyc-theme-light) .uyc-video-feature__body h2,
.uyc-theme-dark .uyc-video-section-head h2,
body:not(.uyc-theme-light) .uyc-video-section-head h2,
.uyc-theme-dark .uyc-video-card h3,
body:not(.uyc-theme-light) .uyc-video-card h3 {
    color: #fff;
}
.uyc-theme-dark .uyc-video-feature__body p,
body:not(.uyc-theme-light) .uyc-video-feature__body p,
.uyc-theme-dark .uyc-video-section-head p,
body:not(.uyc-theme-light) .uyc-video-section-head p {
    color: var(--video-muted);
}
@media (max-width: 991px) {
    .uyc-video-hero__inner,
    .uyc-video-feature {
        grid-template-columns: 1fr;
    }
    .uyc-video-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .uyc-video-shell {
        width: min(100% - 28px, 1580px);
    }
    .uyc-video-hero {
        padding-top: 140px;
        min-height: 500px;
    }
    .uyc-video-hero h1 {
        font-size: clamp(52px, 17vw, 82px);
    }
    .uyc-video-grid {
        grid-template-columns: 1fr;
    }
    .uyc-video-card {
        min-height: 300px;
    }
}

/* UYC Video Page Shell Isolation 20260604 */
.uyc-video-page .uyc-video-shell {
    position: relative;
    width: min(1580px, calc(100% - 48px));
    min-height: 0 !important;
    margin-right: auto;
    margin-left: auto;
    overflow: visible !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.uyc-video-page .uyc-video-shell::before,
.uyc-video-page .uyc-video-shell::after {
    content: none !important;
    display: none !important;
}
.uyc-video-page .uyc-video-hero__inner {
    display: grid;
}
@media (max-width: 640px) {
    .uyc-video-page .uyc-video-shell {
        width: min(100% - 28px, 1580px);
    }
}

/* UYC Home Product Groups Theme Fix 20260604 */
.uyc-theme-dark .product-categories-section,
body:not(.uyc-theme-light) .product-categories-section {
    background: linear-gradient(180deg, #111821 0%, #151b24 100%);
    color: #fff;
}
.uyc-theme-dark .categories-title .title,
body:not(.uyc-theme-light) .categories-title .title {
    color: #fff;
}
.uyc-theme-dark .categories-kicker,
body:not(.uyc-theme-light) .categories-kicker {
    color: var(--theme-color);
}
.uyc-theme-dark .category-item a,
body:not(.uyc-theme-light) .category-item a {
    border-color: rgba(255,255,255,.12);
    background: #0b1017;
    color: #fff;
    box-shadow: 0 24px 70px rgba(0,0,0,.30);
}
.uyc-theme-dark .category-item:hover a,
body:not(.uyc-theme-light) .category-item:hover a {
    border-color: rgba(var(--theme-rgb), .42);
    box-shadow: 0 34px 86px rgba(0,0,0,.42), 0 0 46px rgba(var(--theme-rgb), .12);
}
.uyc-theme-dark .category-image-wrapper,
body:not(.uyc-theme-light) .category-image-wrapper {
    background: #0b1017;
}
.uyc-theme-dark .category-image-wrapper::after,
body:not(.uyc-theme-light) .category-image-wrapper::after {
    background:
        linear-gradient(180deg, rgba(5,7,10,.05) 0%, rgba(5,7,10,.30) 45%, rgba(5,7,10,.92) 100%),
        linear-gradient(90deg, rgba(5,7,10,.28), rgba(5,7,10,0));
}
.uyc-theme-dark .category-count,
body:not(.uyc-theme-light) .category-count,
.uyc-theme-dark .category-name,
body:not(.uyc-theme-light) .category-name,
.uyc-theme-dark .category-title-bottom,
body:not(.uyc-theme-light) .category-title-bottom {
    color: #fff;
}
.uyc-theme-dark .category-title-bottom::before,
body:not(.uyc-theme-light) .category-title-bottom::before,
.uyc-theme-dark .categories-nav:hover,
body:not(.uyc-theme-light) .categories-nav:hover {
    background: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
}
.uyc-theme-dark .categories-nav,
body:not(.uyc-theme-light) .categories-nav {
    border-color: rgba(255,255,255,.18);
    background: rgba(255,255,255,.07);
    color: #fff;
}
.uyc-theme-dark .category-item a,
body:not(.uyc-theme-light) .category-item a {
    cursor: pointer;
}

/* ===== UYC Region Pages ===== */
.uyc-region-shell{width:min(1460px,calc(100% - 56px));margin:0 auto}
.uyc-region-kicker{display:inline-flex;align-items:center;gap:12px;color:var(--theme-color,#e60000);font-family:var(--title-font);font-size:13px;font-weight:900;letter-spacing:.45em;text-transform:uppercase}
.uyc-region-kicker:before{content:"";width:48px;height:2px;background:currentColor}
.uyc-region-breadcrumb{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:42px;font-size:12px;font-weight:900;text-transform:uppercase;color:rgba(255,255,255,.58)}
.uyc-region-breadcrumb a{color:#fff;text-decoration:none}.uyc-region-breadcrumb a:hover{color:var(--theme-color,#e60000)}.uyc-region-breadcrumb span{color:rgba(255,255,255,.78)}.uyc-region-breadcrumb>*+*:before{content:"/";margin-right:12px;color:var(--theme-color,#e60000)}
.uyc-region-hero,.uyc-region-detail-hero{position:relative;overflow:hidden;padding:190px 0 88px;background:#0f151c;color:#fff}
.uyc-region-hero:before,.uyc-region-detail-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,14,.96),rgba(7,10,14,.74) 48%,rgba(230,0,0,.16)),var(--region-hero);background-size:cover;background-position:center;filter:saturate(.95)}
.uyc-region-hero:after,.uyc-region-detail-hero:after{content:"";position:absolute;inset:auto 0 0;height:190px;background:linear-gradient(0deg,var(--uyc-bg,#111820),transparent)}
.uyc-region-hero .uyc-region-shell,.uyc-region-detail-hero .uyc-region-shell{position:relative;z-index:2}
.uyc-region-hero .uyc-region-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:42px;align-items:end}
.uyc-region-hero h1,.uyc-region-detail-hero h1{max-width:1060px;margin:18px 0 24px;color:#fff;font-family:var(--title-font);font-size:clamp(68px,7vw,146px);font-weight:900;line-height:.88;letter-spacing:0;text-transform:uppercase}
.uyc-region-hero p,.uyc-region-detail-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.72);font-size:17px;line-height:1.75;font-weight:700}
.uyc-region-hero__panel,.uyc-region-detail-card{padding:34px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.05));box-shadow:0 28px 90px rgba(0,0,0,.3);backdrop-filter:blur(18px)}
.uyc-region-hero__panel span,.uyc-region-detail-card span{display:block;color:rgba(255,255,255,.62);font-family:var(--title-font);font-size:14px;font-weight:900;text-transform:uppercase}.uyc-region-hero__panel strong{display:block;color:#fff;font-family:var(--title-font);font-size:clamp(72px,7vw,132px);line-height:.8}.uyc-region-detail-card strong{display:block;margin:12px 0;color:#fff;font-family:var(--title-font);font-size:42px;line-height:.9;text-transform:uppercase}
.uyc-region-list-section,.uyc-region-detail-section{position:relative;padding:90px 0 110px;background:var(--uyc-bg,#111820);color:#fff;overflow:hidden}
.uyc-region-list-section:before,.uyc-region-detail-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(230,0,0,.13),transparent 28%),radial-gradient(circle at 85% 10%,rgba(255,255,255,.05),transparent 24%);pointer-events:none}
.uyc-region-list-section>.uyc-region-shell,.uyc-region-detail-section>.uyc-region-shell{position:relative;z-index:1}
.uyc-region-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,520px);gap:32px;align-items:end;margin-bottom:34px}.uyc-region-intro h2,.uyc-region-detail-content h2,.uyc-region-process h2{margin:14px 0 0;color:#fff;font-family:var(--title-font);font-size:clamp(44px,4.8vw,92px);font-weight:900;line-height:.9;text-transform:uppercase}.uyc-region-intro p{margin:0;color:rgba(255,255,255,.66);font-weight:700;line-height:1.7}
.uyc-region-feature{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-bottom:28px;padding:28px 30px;border-radius:24px;background:linear-gradient(120deg,rgba(230,0,0,.95),rgba(160,0,0,.52));color:#fff;text-decoration:none;box-shadow:0 28px 80px rgba(0,0,0,.22);overflow:hidden}.uyc-region-feature span{font-family:var(--title-font);font-size:13px;font-weight:900;letter-spacing:.36em;text-transform:uppercase;color:rgba(255,255,255,.72)}.uyc-region-feature h3{margin:8px 0;color:#fff;font-family:var(--title-font);font-size:clamp(30px,3vw,54px);line-height:.95;text-transform:uppercase}.uyc-region-feature p{max-width:760px;margin:0;color:rgba(255,255,255,.78);font-weight:700}.uyc-region-feature>i{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:50%;background:#fff;color:var(--theme-color,#e60000)}
.uyc-region-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.uyc-region-card a{position:relative;display:flex;min-height:330px;flex-direction:column;justify-content:space-between;padding:26px;border-radius:24px;background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 20px 64px rgba(0,0,0,.22);color:#fff;text-decoration:none;overflow:hidden;transition:transform .25s ease,background .25s ease}.uyc-region-card a:before{content:"";position:absolute;inset:auto -40% -45% -40%;height:70%;background:radial-gradient(circle,rgba(230,0,0,.34),transparent 64%);opacity:.7;transition:opacity .25s ease}.uyc-region-card a:hover{transform:translateY(-8px);background:linear-gradient(150deg,rgba(255,255,255,.11),rgba(255,255,255,.045))}.uyc-region-card a:hover:before{opacity:1}.uyc-region-card__top,.uyc-region-card__go,.uyc-region-tags{position:relative;z-index:1;display:flex;align-items:center}.uyc-region-card__top{justify-content:space-between;color:rgba(255,255,255,.58);font-family:var(--title-font);font-weight:900}.uyc-region-card__top i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--theme-color,#e60000);color:#fff}.uyc-region-card h3{position:relative;z-index:1;margin:28px 0 14px;color:#fff;font-family:var(--title-font);font-size:clamp(32px,2.8vw,52px);line-height:.92;text-transform:uppercase}.uyc-region-card p{position:relative;z-index:1;margin:0;color:rgba(255,255,255,.66);font-weight:700;line-height:1.55}.uyc-region-tags{z-index:1;gap:7px;flex-wrap:wrap;margin-top:22px}.uyc-region-tags span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.74);font-size:11px;font-weight:900;text-transform:uppercase}.uyc-region-card__go{z-index:1;justify-content:space-between;margin-top:24px;color:#fff;font-family:var(--title-font);font-size:14px;font-weight:900;text-transform:uppercase}.uyc-region-card__go i{color:var(--theme-color,#e60000)}
.uyc-region-pagination{display:flex;justify-content:center;gap:10px;margin-top:42px}.uyc-region-pagination a,.uyc-region-pagination span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font-weight:900}.uyc-region-pagination span,.uyc-region-pagination a:hover{background:var(--theme-color,#e60000)}
.uyc-region-empty{padding:60px;border-radius:24px;background:rgba(255,255,255,.06);text-align:center}.uyc-region-empty i{font-size:42px;color:var(--theme-color,#e60000)}.uyc-region-empty p{margin:14px 0 0;color:rgba(255,255,255,.75);font-weight:800}
.uyc-region-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:72px;padding:42px;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 24px 80px rgba(0,0,0,.2)}.uyc-region-cta h2{margin:12px 0;color:#fff;font-family:var(--title-font);font-size:clamp(42px,4.5vw,82px);line-height:.9;text-transform:uppercase}.uyc-region-cta p{margin:0;color:rgba(255,255,255,.64);font-weight:700}.uyc-region-cta__actions{display:flex;gap:12px;flex-wrap:wrap}.uyc-region-cta__actions a,.uyc-region-detail-actions a,.uyc-region-sidebar-cta a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 24px;border-radius:999px;background:var(--theme-color,#e60000);color:#fff;text-decoration:none;font-weight:900}.uyc-region-cta__actions a:nth-child(2),.uyc-region-detail-actions a:nth-child(2){background:#fff;color:#111820}
.uyc-region-detail-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:42px;align-items:end}.uyc-region-detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.uyc-region-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:36px;align-items:start}.uyc-region-detail-content,.uyc-region-process,.uyc-region-sidebar-card{padding:34px;border-radius:24px;background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 22px 70px rgba(0,0,0,.2)}.uyc-region-richtext{margin-top:24px;color:rgba(255,255,255,.74);font-weight:700;line-height:1.8}.uyc-region-richtext p{margin:0 0 18px}.uyc-region-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0}.uyc-region-service-card{padding:28px;border-radius:22px;background:rgba(255,255,255,.055)}.uyc-region-service-card i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--theme-color,#e60000);color:#fff}.uyc-region-service-card h3{margin:20px 0 10px;color:#fff;font-family:var(--title-font);font-size:30px;text-transform:uppercase}.uyc-region-service-card p{margin:0;color:rgba(255,255,255,.66);font-weight:700;line-height:1.6}.uyc-region-process__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.uyc-region-process__grid div{padding:22px;border-radius:18px;background:rgba(255,255,255,.055)}.uyc-region-process__grid b{display:block;color:transparent;-webkit-text-stroke:1px var(--theme-color,#e60000);font-family:var(--title-font);font-size:58px;line-height:.8}.uyc-region-process__grid strong{display:block;margin:14px 0 8px;color:#fff;font-family:var(--title-font);font-size:24px;text-transform:uppercase}.uyc-region-process__grid p{margin:0;color:rgba(255,255,255,.62);font-weight:700;line-height:1.55}
.uyc-region-sidebar{position:sticky;top:120px;display:flex;flex-direction:column;gap:18px}.uyc-region-sidebar-card h3{margin:0 0 18px;color:#fff;font-family:var(--title-font);font-size:34px;text-transform:uppercase}.uyc-region-sidebar-cta span{color:var(--theme-color,#e60000);font-family:var(--title-font);font-weight:900;letter-spacing:.24em;text-transform:uppercase}.uyc-region-sidebar-cta strong{display:block;margin:12px 0;color:#fff;font-family:var(--title-font);font-size:54px;line-height:.9}.uyc-region-sidebar-cta p{color:rgba(255,255,255,.65);font-weight:700}.uyc-region-related{display:flex;flex-direction:column;gap:8px}.uyc-region-related a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;color:rgba(255,255,255,.78);text-decoration:none;font-weight:900}.uyc-region-related a+a{border-top:1px solid rgba(255,255,255,.08)}.uyc-region-related a:hover{color:#fff}.uyc-region-related i{color:var(--theme-color,#e60000)}
@media(max-width:1199px){.uyc-region-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.uyc-region-hero .uyc-region-shell,.uyc-region-detail-hero__grid,.uyc-region-detail-layout{grid-template-columns:1fr}.uyc-region-sidebar{position:relative;top:auto}.uyc-region-detail-card,.uyc-region-hero__panel{max-width:520px}.uyc-region-process__grid{grid-template-columns:1fr}}
@media(max-width:991px){.uyc-region-grid,.uyc-region-services{grid-template-columns:repeat(2,minmax(0,1fr))}.uyc-region-intro,.uyc-region-cta{grid-template-columns:1fr;display:grid}.uyc-region-hero,.uyc-region-detail-hero{padding:150px 0 70px}.uyc-region-hero h1,.uyc-region-detail-hero h1{font-size:clamp(54px,11vw,96px)}}
@media(max-width:640px){.uyc-region-shell{width:min(100% - 28px,1460px)}.uyc-region-grid,.uyc-region-services{grid-template-columns:1fr}.uyc-region-card a{min-height:290px}.uyc-region-cta,.uyc-region-detail-content,.uyc-region-process,.uyc-region-sidebar-card{padding:24px}.uyc-region-feature{align-items:flex-start;flex-direction:column}.uyc-region-hero,.uyc-region-detail-hero{padding:128px 0 54px}}
body.uyc-theme-light .uyc-region-list-section,body.uyc-theme-light .uyc-region-detail-section{background:#f4f6f8;color:#161b22}
body.uyc-theme-light .uyc-region-list-section:before,body.uyc-theme-light .uyc-region-detail-section:before{background:radial-gradient(circle at 18% 18%,rgba(230,0,0,.09),transparent 28%),radial-gradient(circle at 85% 10%,rgba(12,18,24,.05),transparent 24%)}
body.uyc-theme-light .uyc-region-intro h2,body.uyc-theme-light .uyc-region-card h3,body.uyc-theme-light .uyc-region-card__go,body.uyc-theme-light .uyc-region-cta h2,body.uyc-theme-light .uyc-region-detail-content h2,body.uyc-theme-light .uyc-region-process h2,body.uyc-theme-light .uyc-region-service-card h3,body.uyc-theme-light .uyc-region-process__grid strong,body.uyc-theme-light .uyc-region-sidebar-card h3,body.uyc-theme-light .uyc-region-sidebar-cta strong{color:#151a21}
body.uyc-theme-light .uyc-region-intro p,body.uyc-theme-light .uyc-region-card p,body.uyc-theme-light .uyc-region-cta p,body.uyc-theme-light .uyc-region-richtext,body.uyc-theme-light .uyc-region-service-card p,body.uyc-theme-light .uyc-region-process__grid p,body.uyc-theme-light .uyc-region-sidebar-cta p{color:rgba(21,26,33,.68)}
body.uyc-theme-light .uyc-region-card a,body.uyc-theme-light .uyc-region-cta,body.uyc-theme-light .uyc-region-detail-content,body.uyc-theme-light .uyc-region-process,body.uyc-theme-light .uyc-region-sidebar-card,body.uyc-theme-light .uyc-region-service-card,body.uyc-theme-light .uyc-region-process__grid div{background:#fff;box-shadow:0 22px 70px rgba(20,28,38,.1)}
body.uyc-theme-light .uyc-region-card__top{color:rgba(21,26,33,.45)}body.uyc-theme-light .uyc-region-tags span{background:#f0f2f5;color:rgba(21,26,33,.65)}body.uyc-theme-light .uyc-region-related a{color:rgba(21,26,33,.72)}body.uyc-theme-light .uyc-region-related a+a{border-top-color:rgba(21,26,33,.08)}

/* Region light theme hero polish */
body.uyc-theme-light .uyc-region-hero,
body.uyc-theme-light .uyc-region-detail-hero {
    background: #f4f6f8;
    color: #151a21;
}
body.uyc-theme-light .uyc-region-hero:before,
body.uyc-theme-light .uyc-region-detail-hero:before {
    background:
        linear-gradient(90deg, rgba(244,246,248,.96), rgba(244,246,248,.88) 48%, rgba(230,0,0,.08)),
        var(--region-hero);
    background-size: cover;
    background-position: center;
    filter: saturate(.9) brightness(1.08);
}
body.uyc-theme-light .uyc-region-hero:after,
body.uyc-theme-light .uyc-region-detail-hero:after {
    background: linear-gradient(0deg, #f4f6f8, rgba(244,246,248,0));
}
body.uyc-theme-light .uyc-region-hero h1,
body.uyc-theme-light .uyc-region-detail-hero h1 {
    color: #151a21;
    text-shadow: none;
}
body.uyc-theme-light .uyc-region-hero p,
body.uyc-theme-light .uyc-region-detail-hero p {
    color: rgba(21,26,33,.68);
}
body.uyc-theme-light .uyc-region-breadcrumb {
    color: rgba(21,26,33,.52);
}
body.uyc-theme-light .uyc-region-breadcrumb a {
    color: #151a21;
}
body.uyc-theme-light .uyc-region-breadcrumb span {
    color: rgba(21,26,33,.7);
}
body.uyc-theme-light .uyc-region-hero__panel,
body.uyc-theme-light .uyc-region-detail-card {
    background: rgba(255,255,255,.82);
    box-shadow: 0 28px 80px rgba(20,28,38,.12);
    color: #151a21;
    backdrop-filter: blur(16px);
}
body.uyc-theme-light .uyc-region-hero__panel span,
body.uyc-theme-light .uyc-region-detail-card span {
    color: rgba(21,26,33,.55);
}
body.uyc-theme-light .uyc-region-hero__panel strong,
body.uyc-theme-light .uyc-region-detail-card strong {
    color: #151a21;
}

/* Mobile header requested final overrides */
@media (max-width: 1199px) {
    .sh-promo-bar {
        top: auto !important;
        height: 32px !important;
        padding: 0 36px !important;
        font-size: 12px !important;
    }

    .navbar-brand-mobile img {
        height: 66px !important;
        max-width: 170px !important;
        object-fit: contain !important;
    }

    .navbar-collapse {
        display: flex !important;
        visibility: visible !important;
        pointer-events: auto !important;
        position: fixed !important;
        top: 30px !important;
        left: -100%;
        width: 100% !important;
        height: calc(100vh - 62px) !important;
        background: #11151b !important;
        transition: left .3s ease;
        overflow-y: auto;
        flex-direction: column !important;
        z-index: 1060 !important;
    }

    .navbar-collapse.show {
        left: 0 !important;
    }

    .navbar-collapse .navbar-nav {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        padding: 72px 0 28px !important;
        margin: 0 !important;
    }

    .navbar-collapse .nav-item {
        width: 100% !important;
        border-bottom: 1px solid rgba(255,255,255,.08) !important;
    }

    .navbar-collapse .nav-item > a,
    .navbar-collapse .nav-item.has-dropdown > a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: 54px !important;
        height: auto !important;
        padding: 16px 22px !important;
        color: #fff !important;
        font-size: 16px !important;
        line-height: 1.2 !important;
        text-decoration: none !important;
    }

    .navbar-collapse .nav-item.has-dropdown > a::after {
        content: "\f107";
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        color: rgba(255,255,255,.62);
        transition: transform .25s ease;
    }

    .navbar-collapse .nav-item.has-dropdown.show > a::after,
    .navbar-collapse .nav-item.has-dropdown.is-open > a::after {
        transform: rotate(180deg);
    }

    .navbar-collapse .nav-item .navbar-dropdown {
        position: static !important;
        display: block !important;
        width: 100% !important;
        max-height: 0;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: rgba(255,255,255,.045) !important;
        border-left: 4px solid var(--sh-red, var(--theme-color)) !important;
        box-shadow: none !important;
        transition: max-height .35s ease;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .navbar-collapse .nav-item.has-dropdown.show .navbar-dropdown,
    .navbar-collapse .nav-item.has-dropdown.is-open .navbar-dropdown {
        max-height: 1200px !important;
    }

    .navbar-collapse .navbar-dropdown a {
        display: block !important;
        padding: 13px 42px !important;
        color: rgba(255,255,255,.82) !important;
        text-decoration: none !important;
        border-bottom: 1px solid rgba(255,255,255,.06) !important;
        font-size: 14px !important;
        font-weight: 800 !important;
    }

    .navbar-close-btn {
        display: flex !important;
        z-index: 2 !important;
    }
}

@media (max-width: 1199px) {
    body.uyc-theme-light .navbar-collapse {
        background: #11151b !important;
    }
    body.uyc-theme-light .navbar-collapse .nav-item > a,
    body.uyc-theme-light .navbar-collapse .nav-item.has-dropdown > a,
    body.uyc-theme-light .navbar-collapse .navbar-dropdown a {
        color: #fff !important;
    }
}

/* YouTube channel clickable layer */
.uyc-video-shell { position: relative; }
.uyc-video-channel-link { position: absolute; inset: 0; z-index: 2; border-radius: inherit; text-decoration: none; cursor: pointer; }
.uyc-video-content { pointer-events: none; }
.uyc-video-play { z-index: 4; }