
/* Reference-aligned chrome, catalogue, contact and minimal footer. */
:root{--syuk-ink:#0a1025;--syuk-blue:#2b82d6;--syuk-pale:#eaf5fc;}
body{font-family:Arial,Helvetica,sans-serif;color:#101c38;line-height:1.5}
.syuk-ref-ticker{height:44px;background:#060a1b;color:#f7f9ff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-size:13px}
.syuk-ref-announcement{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;animation:syukAnnounce 18s infinite ease-in-out;white-space:nowrap;padding:0 15px}
.syuk-ref-announcement:nth-child(2){animation-delay:6s}.syuk-ref-announcement:nth-child(3){animation-delay:12s}
.syuk-ref-announcement a{color:#66c6fb;font-weight:600;margin-left:6px}
.syuk-ref-announcement .ticker-dot{height:7px;width:7px;flex-shrink:0;border-radius:50%;background:#30a7eb}.syuk-ref-announcement .ticker-pink{background:#fc4c93}
@keyframes syukAnnounce{0%,29%{opacity:1}33%,99%{opacity:0}100%{opacity:1}}
.syuk-reference-header{border-bottom:1px solid #edf1f6;background:#fff;box-shadow:none}
.syuk-reference-header .header-inner{height:96px;min-height:96px;width:calc(100% - 32px);max-width:1320px;padding:0 0;gap:20px}
.syuk-reference-header .brand{min-width:165px;max-width:165px;height:68px;margin-right:auto}
.syuk-reference-header .syuk-auth-logo{width:108px;height:49px;background-size:108px 49px}
.syuk-reference-header .main-nav{display:flex;flex:0 1 auto;margin:auto;gap:4px}
.syuk-reference-header .main-nav a{font-size:15px;letter-spacing:-.025em;font-weight:500;padding:15px 14px;border-radius:13px;color:#0b1831}
.syuk-reference-header .main-nav a:first-child:not(.current){background:transparent}
.syuk-reference-header .main-nav a.current,.syuk-reference-header .main-nav a:hover{background:#f5f8fc;border:1px solid #e7edf5;padding:14px 13px}
.syuk-reference-header .header-actions{display:flex;align-items:center;gap:10px}
.syuk-reference-header .header-search{background:transparent;border:0;display:flex;align-items:center;justify-content:center;color:#0b1025;width:36px;height:44px;cursor:pointer}
.syuk-reference-header .verify-action{display:inline-flex;gap:9px;align-items:center;height:44px;background:#080e20;color:#fff;border-radius:8px;font-size:13px;padding:0 18px}
.syuk-reference-header .mini-dot{width:6px;height:6px;border-radius:50%;background:#379ce9;display:inline-block;flex-shrink:0}
.syuk-reference-header .telegram-action{background:#fff;color:#27a6e4;width:55px;height:46px;border:1px solid #dce7f0;border-radius:12px;display:flex;align-items:center;justify-content:center}
.syuk-reference-header .telegram-action svg{background:#31ace7;color:white;border-radius:50%;padding:9px;width:36px;height:36px}
.syuk-header-search-form{position:absolute;right:36px;top:calc(100% - 12px);padding:16px;gap:9px;display:flex;background:#fff;border:1px solid #e0eaf3;border-radius:14px;box-shadow:0 20px 40px #091d3826;z-index:90}
.syuk-header-search-form[hidden]{display:none}
.syuk-header-search-form input{border:1px solid #dce8f0;border-radius:8px;padding:12px 14px;min-width:260px}
.syuk-header-search-form button{background:#0a1730;color:white;border:0;border-radius:8px;padding:9px 14px}.syuk-header-search-form button:last-child{background:#f2f6fb;color:#15253d;font-size:22px}
.syuk-reference-hero{min-height:494px}.syuk-reference-hero .hero-grid{min-height:494px}
.syuk-reference-hero h1{font-size:58px;font-weight:500}.syuk-reference-hero h1 em{font-size:46px;font-weight:500;letter-spacing:-.04em}
.syuk-reference-hero .hero-copy>p{font-size:18px;max-width:520px}
.warning-band{background:#fff;padding:18px 0;border:none}
.warning-inner{background:#eaf5fc;border:1px solid #d1e9f9;border-radius:16px;padding:19px 25px}
.warning-inner h2{font-size:19px;letter-spacing:-.015em}.warning-inner p{font-size:13px}
.catalogue-section{padding:76px 0 90px}
.catalogue-section .section-intro{align-items:center}
.catalogue-section .section-intro h2{font-size:41px;letter-spacing:-.045em;font-weight:600}
.catalogue-section .section-intro p{color:#53637e;font-size:15px}
.catalogue-section .kit-grid{gap:17px}
.catalogue-section .kit-card{border:1px solid #e3eaf2;border-radius:14px;box-shadow:0 6px 16px #101b2c0a}
.catalogue-section .kit-art{height:230px}
.catalogue-section .kit-copy{padding:15px 18px}
.catalogue-section .kit-copy h3{font-size:17px;letter-spacing:-.02em;font-weight:650}
.catalogue-section .kit-copy p{font-size:13px}
.catalogue-section .kit-category{letter-spacing:.06em}
.catalogue-section .filters button{padding:9px 14px;font-size:12px}
.catalogue-section .filters button.active{background:#122242;color:#fff;border-color:#122242}
.catalogue-section .count{margin-top:20px}
.syuk-reference-contact{background:transparent;padding:14px 16px 0!important}
.syuk-reference-contact .syuk-contact-outer{width:100%;max-width:1320px;background:#f4f7fa;border:1px solid #e1eaf3;border-radius:22px;padding:58px 30px 40px}
.syuk-reference-contact .syuk-contact-heading{max-width:815px;margin:0 auto 28px;text-align:left}
.syuk-reference-contact .syuk-contact-eyebrow{background:#f7f9fc;border:1px solid #dae7f0;padding:13px 18px;display:inline-flex;align-items:center;gap:8px;border-radius:12px;letter-spacing:0;color:#207aca;font-size:13px}
.syuk-reference-contact .syuk-contact-eyebrow .mini-dot{width:7px;height:7px;background:#237cca;border-radius:50%}
.syuk-reference-contact h2{font-size:41px;font-weight:500;letter-spacing:-.045em;color:#030b1d;margin:18px 0 10px}
.syuk-reference-contact .syuk-contact-heading p{font-size:17px;color:#1b3154;margin:0}
.syuk-reference-contact .syuk-contact-main-form{display:block;width:min(900px,100%);margin:0 auto;background:#eaf5fd;border:none;border-radius:23px;padding:38px 40px 30px;box-shadow:none}
.syuk-reference-contact .form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.syuk-reference-contact .contact-form label{display:flex;gap:9px;font-weight:600;font-size:15px;color:#0c1a32;margin-bottom:24px}
.syuk-reference-contact .contact-form input,.syuk-reference-contact .contact-form textarea{border:0;border-radius:13px;background:#fff;padding:18px 22px;color:#0c1631;font-size:16px;min-height:68px;outline-offset:2px}
.syuk-reference-contact .contact-form textarea{height:160px;resize:vertical}
.syuk-reference-contact .contact-form button{width:100%;min-height:54px;background:linear-gradient(100deg,#237dd6,#60c3ef);font-size:15px;font-weight:600;border-radius:10px}
.syuk-reference-contact .syuk-contact-note{font-size:12px;color:#1c3253;margin:23px 0 0;text-align:left}
.syuk-reference-contact .syuk-contact-note a{color:#1879cf;text-decoration:underline}
.syuk-reference-contact .syuk-contact-methods{width:min(900px,100%);display:grid;grid-template-columns:1fr 1fr;gap:23px;margin:32px auto 0}
.syuk-reference-contact .syuk-contact-method{background:#fff;border:1px solid #e3eaf2;border-radius:16px;padding:23px;display:flex;justify-content:space-between;align-items:center;color:#0b1a31}
.syuk-reference-contact .syuk-contact-method span{display:flex;flex-direction:column;gap:4px}
.syuk-reference-contact .syuk-contact-method strong{font-size:17px;font-weight:600}
.syuk-reference-contact .syuk-contact-method small{font-size:14px;color:#283f66}
.syuk-reference-contact .syuk-contact-method b{width:42px;height:42px;border-radius:50%;background:#2886df;color:#fff;display:grid;place-items:center;font-size:19px}
.site-footer.syuk-minimal-footer{background:#fff;color:#0a1b34;border-top:0;box-shadow:none;margin:0;padding:28px 16px 15px}
.syuk-footer-inner{max-width:1250px}
.syuk-footer-nav{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap;padding:13px 0 34px;border-bottom:1px solid #e5edf4}
.syuk-footer-nav a{font-size:14px;color:#1b3156;font-weight:600}
.syuk-footer-nav a:hover{color:#2584d2}
.syuk-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:70px;padding-top:19px}
.syuk-footer-brand{display:flex;align-items:center;min-width:120px;height:45px}
.syuk-footer-brand .syuk-auth-logo{width:112px;height:48px;background-size:112px 48px}
.syuk-footer-bottom p{margin:0;font-size:13px;color:#5e708d}
.syuk-footer-bottom p span{margin-left:10px}
.syuk-support>summary{min-height:59px;display:flex;align-items:center;gap:9px;border-radius:34px;padding:7px 19px 7px 7px;font-size:13px}
.syuk-support>summary .syuk-bubble{height:39px;width:39px;display:grid;place-items:center;font-size:19px;background:#2b98e4;border-radius:50%}
.syuk-support-caret{margin-left:6px}
@media(max-width:1000px){.syuk-reference-header .header-inner{min-height:78px;height:78px}.syuk-reference-header .main-nav{gap:0}.syuk-reference-header .main-nav a{font-size:13px;padding:12px 8px}.syuk-reference-header .brand{min-width:130px}.syuk-reference-contact .syuk-contact-outer{padding:36px 16px}}
@media(max-width:850px){.syuk-reference-header .menu-toggle{display:flex;order:3}.syuk-reference-header .main-nav{display:none;position:absolute;top:78px;left:0;right:0;padding:16px;background:white;box-shadow:0 20px 30px #071b2520}.syuk-reference-header .main-nav.open{display:flex}.syuk-reference-header .header-actions{margin-left:auto}.syuk-reference-contact h2{font-size:34px}}
@media(max-width:590px){.syuk-ref-announcement{font-size:11px;white-space:normal;text-align:center}.syuk-reference-header .brand{min-width:106px}.syuk-reference-header .telegram-action{display:none}.syuk-reference-contact .syuk-contact-outer{padding:33px 14px}.syuk-reference-contact .syuk-contact-main-form{padding:22px 16px}.syuk-reference-contact .form-row{grid-template-columns:1fr;gap:0}.syuk-reference-contact .syuk-contact-methods{grid-template-columns:1fr;gap:10px}.syuk-footer-nav{gap:14px}.syuk-footer-bottom{flex-direction:column;justify-content:center;text-align:center}.syuk-footer-bottom p span{display:block;margin-left:0}.catalogue-section .section-intro h2{font-size:32px}.syuk-header-search-form{right:9px;left:9px;flex-wrap:wrap}.syuk-header-search-form input{min-width:140px;flex:1}}
@media(prefers-reduced-motion:reduce){.syuk-ref-announcement{animation:none}.syuk-ref-announcement:not(:first-child){display:none}}
