@import url('https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@700;800;900&display=swap');
:root{
    --upm-navy:#0f1d2d;
    --upm-navy2:#14263a;
    --upm-navy3:#192d44;
    --upm-dark:#202226;
    --upm-red:#e30613;
    --upm-muted:rgba(255,255,255,.62);
    --upm-line:rgba(255,255,255,.09);
}
.upm-products-grid{
    display:grid;
    gap:18px;
}
.upm-cols-1{grid-template-columns:1fr}
.upm-cols-2{grid-template-columns:repeat(2,1fr)}
.upm-cols-3{grid-template-columns:repeat(3,1fr)}
.upm-cols-4{grid-template-columns:repeat(4,1fr)}
.upm-product-card{
    overflow:hidden;
    background:var(--upm-navy);
    border:1px solid var(--upm-line);
    transition:.25s ease;
}
.upm-product-card:hover{
    transform:translateY(-4px);
    border-color:rgba(227,6,19,.35);
}
.upm-card-image{
    height:245px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#151f29;
    overflow:hidden;
}
.upm-card-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    padding:24px;
    transition:.3s ease;
}
.upm-product-card:hover .upm-card-image img{transform:scale(1.035)}
.upm-no-image{
    color:rgba(255,255,255,.12);
    font-size:42px;
    font-weight:900;
}
.upm-card-body{padding:26px}
.upm-card-code{
    margin-bottom:8px;
    color:var(--upm-red);
    font-size:10px;
    font-weight:800;
    letter-spacing:1.3px;
}
.upm-card-body h3{
    margin:0;
    color:#fff;
    font-size:21px;
}
.upm-card-body h3 a{color:#fff;text-decoration:none}
.upm-card-subtitle{
    margin-top:5px;
    color:rgba(255,255,255,.48);
    font-size:12px;
}
.upm-card-body p{
    margin:12px 0 0;
    color:var(--upm-muted);
    font-size:13px;
    line-height:1.7;
}
.upm-card-link{
    display:inline-block;
    margin-top:22px;
    color:var(--upm-red)!important;
    text-decoration:none;
    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}
.upm-empty,.upm-doc-placeholder{
    padding:35px;
    border:1px dashed rgba(255,255,255,.16);
    color:var(--upm-muted);
    background:rgba(255,255,255,.025);
}
.upm-doc-placeholder strong{color:#fff}
.upm-doc-placeholder p{margin:8px 0 0}

.upm-detail{
    background:var(--upm-navy);
    color:#fff;
}
.upm-detail-wrap{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
}
.upm-detail-hero{
    background:
        radial-gradient(circle at 78% 38%,rgba(227,6,19,.12),transparent 30%),
        linear-gradient(110deg,#0b1725 0%,#14263a 58%,#202226 100%);
}
.upm-detail-hero-grid{
    min-height:590px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
    padding:90px 0;
}
.upm-detail-code,.upm-detail-kicker{
    color:var(--upm-red);
    font-size:11px;
    font-weight:800;
    letter-spacing:1.5px;
    text-transform:uppercase;
}
.upm-detail h1{
    margin:12px 0 0;
    font-size:clamp(44px,6vw,74px);
    line-height:1;
}
.upm-detail-subtitle{
    margin-top:10px;
    color:rgba(255,255,255,.52);
    font-size:20px;
}
.upm-detail-lead{
    margin:24px 0 0;
    color:var(--upm-muted);
    font-size:17px;
    line-height:1.8;
}
.upm-detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.upm-btn{
    min-height:52px;
    padding:0 24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--upm-red);
    color:#fff!important;
    text-decoration:none;
    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}
.upm-btn-outline{background:transparent;border:1px solid rgba(255,255,255,.18)}
.upm-detail-visual{
    min-height:430px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.upm-detail-visual img{
    max-width:90%;
    max-height:390px;
    object-fit:contain;
}
.upm-detail-no-image{font-size:70px;font-weight:900;color:rgba(255,255,255,.06)}
.upm-detail-quick{background:var(--upm-red)}
.upm-detail-quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.upm-detail-quick-item{
    min-height:135px;
    padding:26px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-right:1px solid rgba(255,255,255,.18);
}
.upm-detail-quick-item strong{font-size:25px}
.upm-detail-quick-item span{
    margin-top:7px;
    color:rgba(255,255,255,.72);
    font-size:10px;
    letter-spacing:1px;
    text-transform:uppercase;
}
.upm-detail-section{padding:90px 0;background:var(--upm-navy)}
.upm-detail-dark{background:var(--upm-dark)}
.upm-detail-alt{background:var(--upm-navy2)}
.upm-detail-two{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:80px;
}
.upm-detail-section h2{
    margin:12px 0 0;
    font-size:clamp(32px,4vw,52px);
    line-height:1.08;
}
.upm-detail-content{
    margin-top:20px;
    color:var(--upm-muted);
    font-size:15px;
    line-height:1.8;
}
.upm-detail-list{border-top:1px solid var(--upm-line)}
.upm-detail-list-item{
    display:grid;
    grid-template-columns:52px 1fr;
    gap:18px;
    padding:24px 0;
    border-bottom:1px solid var(--upm-line);
}
.upm-detail-list-item>span{color:var(--upm-red);font-weight:800}
.upm-detail-list-item h3{margin:0;color:#fff;font-size:18px}
.upm-detail-list-item p{margin:6px 0 0;color:var(--upm-muted);font-size:13px;line-height:1.7}
.upm-spec-table{margin-top:42px;border-top:1px solid rgba(255,255,255,.15)}
.upm-spec-row{
    display:grid;
    grid-template-columns:1fr 1.4fr;
    gap:35px;
    padding:18px 20px;
    border-bottom:1px solid var(--upm-line);
}
.upm-spec-row strong{color:rgba(255,255,255,.52);font-size:13px}
.upm-spec-row span{font-size:14px}
.upm-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:42px}
.upm-mini-grid article{min-height:190px;padding:28px;background:var(--upm-navy)}
.upm-mini-grid article>span{color:var(--upm-red);font-size:10px;font-weight:800}
.upm-mini-grid h3{margin:30px 0 8px;font-size:18px}
.upm-mini-grid p{margin:0;color:var(--upm-muted);font-size:13px;line-height:1.7}
.upm-process-grid{display:grid;gap:2px;margin-top:42px}
.upm-process-item{
    display:grid;
    grid-template-columns:55px 1fr;
    gap:20px;
    padding:24px;
    background:var(--upm-navy2);
}
.upm-process-item>span{color:var(--upm-red);font-weight:800}
.upm-process-item h3{margin:0;font-size:17px}
.upm-process-item p{margin:5px 0 0;color:var(--upm-muted);font-size:13px;line-height:1.7}
.upm-gallery-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin-top:42px;
}
.upm-gallery-grid a{
    height:260px;
    overflow:hidden;
    background:#151d25;
}
.upm-gallery-grid img{width:100%;height:100%;object-fit:cover}
@media(max-width:950px){
    .upm-cols-3,.upm-cols-4{grid-template-columns:repeat(2,1fr)}
    .upm-detail-hero-grid,.upm-detail-two{grid-template-columns:1fr}
    .upm-detail-quick-grid{grid-template-columns:repeat(2,1fr)}
    .upm-mini-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
    .upm-products-grid,.upm-cols-2,.upm-cols-3,.upm-cols-4{grid-template-columns:1fr}
    .upm-detail-wrap{width:min(100% - 28px,1180px)}
    .upm-detail-hero-grid{padding:70px 0;min-height:auto}
    .upm-detail-quick-grid,.upm-mini-grid,.upm-gallery-grid{grid-template-columns:1fr}
    .upm-spec-row{grid-template-columns:1fr;gap:5px}
    .upm-gallery-grid a{height:260px}
    .upm-btn{width:100%}
}


/* ============================================================
   DOCUMENT CENTER
   ============================================================ */
.upm-doc-toolbar{
    display:grid;
    grid-template-columns:1fr 260px 160px;
    gap:10px;
    margin-bottom:24px;
}
.upm-doc-toolbar input,
.upm-doc-toolbar select{
    width:100%;
    height:52px;
    padding:0 16px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:0;
    outline:0;
    background:#14263a;
    color:#fff;
}
.upm-doc-toolbar input::placeholder{color:rgba(255,255,255,.35)}
.upm-doc-toolbar input:focus,
.upm-doc-toolbar select:focus{border-color:#e30613}
.upm-doc-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
}
.upm-doc-card{
    min-height:245px;
    padding:28px;
    display:flex;
    flex-direction:column;
    background:#0f1d2d;
    border:1px solid rgba(255,255,255,.09);
    border-bottom:3px solid transparent;
    transition:.25s ease;
}
.upm-doc-card:hover{
    transform:translateY(-3px);
    border-bottom-color:#e30613;
    background:#192d44;
}
.upm-doc-card-top{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:24px;
}
.upm-doc-ext{
    min-width:42px;
    padding:5px 7px;
    background:#e30613;
    color:#fff;
    text-align:center;
    font-size:9px;
    font-weight:800;
    letter-spacing:1px;
}
.upm-doc-type{
    color:#e30613;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.1px;
    text-transform:uppercase;
}
.upm-doc-card h3{
    margin:0;
    color:#fff;
    font-size:18px;
    line-height:1.4;
}
.upm-doc-product{
    margin-top:8px;
    color:rgba(255,255,255,.48);
    font-size:12px;
}
.upm-doc-meta{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:18px;
}
.upm-doc-meta span{
    padding:5px 8px;
    border:1px solid rgba(255,255,255,.09);
    color:rgba(255,255,255,.52);
    font-size:9px;
}
.upm-doc-meta .upm-doc-language{
    border-color:#e30613;
    background:#e30613;
    color:#fff;
    font-weight:800;
    letter-spacing:.8px;
}
.upm-doc-open{
    margin-top:auto;
    padding-top:22px;
    color:#e30613!important;
    text-decoration:none;
    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}
.upm-doc-no-results{
    margin-top:14px;
    padding:35px;
    border:1px dashed rgba(255,255,255,.15);
    color:rgba(255,255,255,.55);
    text-align:center;
}
@media(max-width:950px){
    .upm-doc-toolbar{grid-template-columns:1fr 1fr}
    .upm-doc-search-wrap{grid-column:1/-1}
    .upm-doc-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
    .upm-doc-toolbar{grid-template-columns:1fr}
    .upm-doc-search-wrap{grid-column:auto}
    .upm-doc-grid{grid-template-columns:1fr}
}


/* ============================================================
   DYNAMIC PRODUCTS LANDING PAGE — [unity_products_page]
   ============================================================ */

.upm-products-page{
    --upmp-navy:#0f1d2d;
    --upmp-navy2:#14263a;
    --upmp-navy3:#192d44;
    --upmp-dark:#202226;
    --upmp-red:#e30613;
    --upmp-red-dark:#c9000b;
    --upmp-muted:rgba(255,255,255,.62);
    --upmp-line:rgba(255,255,255,.09);
    background:var(--upmp-navy);
    color:#fff;
    overflow:hidden;
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
}
.upm-products-page *,
.upm-products-page *::before,
.upm-products-page *::after{box-sizing:border-box}
.upm-products-page a{color:inherit;text-decoration:none}
.upm-products-page img{max-width:100%;display:block}
.upmp-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.upmp-section{padding:100px 0}

.upmp-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:18px;
    color:var(--upmp-red);
    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
}
.upmp-eyebrow::before{
    content:"";
    width:28px;
    height:2px;
    background:var(--upmp-red);
}
.upmp-title{
    margin:0;
    color:#fff;
    font-size:clamp(35px,4vw,58px);
    line-height:1.06;
    letter-spacing:-1.8px;
    font-weight:800;
}
.upmp-title span{color:var(--upmp-red)}
.upmp-text{
    margin:22px 0 0;
    color:var(--upmp-muted);
    font-size:16px;
    line-height:1.85;
}

/* Hero */
.upmp-hero{
    position:relative;
    min-height:540px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
        radial-gradient(circle at 78% 40%,rgba(227,6,19,.13),transparent 30%),
        linear-gradient(110deg,#0b1725 0%,#14263a 58%,#202226 100%);
}
.upmp-hero::before{
    content:"PRODUCT";
    position:absolute;
    right:-30px;
    bottom:-35px;
    color:rgba(255,255,255,.016);
    font-size:clamp(100px,18vw,270px);
    line-height:.8;
    font-weight:900;
    letter-spacing:-12px;
}
.upmp-hero::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:150px;
    height:4px;
    background:var(--upmp-red);
}
.upmp-hero-inner{
    position:relative;
    z-index:2;
    max-width:900px;
    padding:105px 0;
}
.upmp-breadcrumb{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:30px;
    color:rgba(255,255,255,.40);
    font-size:13px;
}
.upmp-breadcrumb strong{color:#fff}
.upmp-hero h1{
    margin:0;
    color:#fff;
    font-size:clamp(44px,6vw,76px);
    line-height:.98;
    letter-spacing:-3px;
    font-weight:800;
}
.upmp-hero h1 span{color:var(--upmp-red)}
.upmp-hero p{
    max-width:760px;
    margin:28px 0 0;
    color:rgba(255,255,255,.68);
    font-size:18px;
    line-height:1.8;
}

/* Dynamic nav */
.upmp-nav{background:var(--upmp-red)}
.upmp-nav-grid{
    display:grid;
    grid-template-columns:repeat(var(--upmp-cat-count,5),minmax(0,1fr));
}
.upmp-nav-item{
    min-height:95px;
    padding:20px 16px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-right:1px solid rgba(255,255,255,.18);
    color:#fff!important;
    transition:.2s ease;
}
.upmp-nav-item:hover{background:rgba(0,0,0,.10)}
.upmp-nav-item:last-child{border-right:0}
.upmp-nav-item small{
    margin-bottom:5px;
    color:rgba(255,255,255,.55);
    font-size:9px;
    font-weight:800;
    letter-spacing:1.3px;
}
.upmp-nav-item strong{font-size:12px;line-height:1.35}

/* Intro */
.upmp-intro{background:var(--upmp-navy)}
.upmp-intro-grid{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:90px;
    align-items:center;
}
.upmp-intro-symbol{
    position:relative;
    min-height:360px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.upmp-symbol-ring{
    position:absolute;
    width:300px;
    height:300px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;
}
.upmp-symbol-ring::before{
    content:"";
    position:absolute;
    inset:55px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:50%;
}
.upmp-symbol-ring::after{
    content:"";
    position:absolute;
    inset:105px;
    border:2px solid var(--upmp-red);
    border-radius:50%;
}
.upmp-symbol-text{position:relative;z-index:2;text-align:center}
.upmp-symbol-text strong{
    display:block;
    font-size:50px;
    line-height:1;
    letter-spacing:-2px;
}
.upmp-symbol-text span{
    display:block;
    margin-top:12px;
    color:var(--upmp-red);
    font-size:10px;
    font-weight:800;
    letter-spacing:1.8px;
}
.upmp-highlight{
    margin-top:32px;
    padding:23px 25px;
    background:var(--upmp-navy2);
    border-left:4px solid var(--upmp-red);
    color:rgba(255,255,255,.88);
    font-size:16px;
    line-height:1.75;
}

/* Categories */
.upmp-categories{background:var(--upmp-dark)}
.upmp-head-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:80px;
    align-items:end;
    margin-bottom:60px;
}
.upmp-head-grid .upmp-text{margin:0}
.upmp-category-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:2px;
    background:rgba(255,255,255,.05);
}
.upmp-category-card{
    position:relative;
    min-height:410px;
    padding:40px 40px 82px;
    overflow:hidden;
    background:var(--upmp-navy);
    border-bottom:3px solid transparent;
    transition:.3s ease;
}
.upmp-category-card:last-child:nth-child(odd){
    grid-column:span 2;
    min-height:340px;
}
.upmp-category-card:hover{
    background:var(--upmp-navy3);
    border-bottom-color:var(--upmp-red);
    transform:translateY(-3px);
}
.upmp-category-number{
    color:var(--upmp-red);
    font-size:11px;
    font-weight:800;
    letter-spacing:1.5px;
}
.upmp-category-icon{
    width:58px;
    height:58px;
    margin-top:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.12);
}
.upmp-category-icon svg{
    width:28px;
    height:28px;
    fill:none;
    stroke:#fff;
    stroke-width:1.5;
}
.upmp-category-card h3{
    margin:28px 0 13px;
    color:#fff;
    font-size:25px;
    line-height:1.2;
}
.upmp-category-card p{
    max-width:540px;
    margin:0;
    color:var(--upmp-muted);
    font-size:14px;
    line-height:1.75;
}
.upmp-category-tags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:22px;
    padding-right:60px;
}
.upmp-category-tags span{
    padding:7px 10px;
    border:1px solid var(--upmp-line);
    color:rgba(255,255,255,.50);
    font-size:10px;
}
.upmp-category-link{
    position:absolute;
    left:40px;
    bottom:30px;
    color:var(--upmp-red)!important;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.2px;
    text-transform:uppercase;
}
.upmp-category-link::after{content:" →"}
.upmp-category-watermark{
    position:absolute;
    right:-10px;
    bottom:-55px;
    color:rgba(255,255,255,.017);
    font-size:160px;
    line-height:1;
    font-weight:900;
}

/* Featured */
.upmp-featured{background:var(--upmp-navy2)}
.upmp-featured-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-top:55px;
}
.upmp-product-card{
    position:relative;
    overflow:hidden;
    background:var(--upmp-navy);
    border:1px solid var(--upmp-line);
    transition:.3s ease;
}
.upmp-product-card:hover{
    transform:translateY(-4px);
    border-color:rgba(227,6,19,.35);
}
.upmp-product-image{
    position:relative;
    height:245px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:#161f29;
}
.upmp-product-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(10,20,30,.45),transparent 50%);
    pointer-events:none;
}
.upmp-product-image img{
    position:relative;
    z-index:1;
    max-width:82%;
    max-height:195px;
    width:auto;
    height:auto;
    object-fit:contain;
    transition:.35s ease;
}
.upmp-product-card:hover .upmp-product-image img{transform:scale(1.035)}
.upmp-no-image{
    position:relative;
    z-index:1;
    color:rgba(255,255,255,.12);
    font-size:42px;
    font-weight:900;
}
.upmp-product-body{padding:27px}
.upmp-product-category{
    display:block;
    margin-bottom:8px;
    color:var(--upmp-red);
    font-size:9px;
    font-weight:800;
    letter-spacing:1.2px;
    text-transform:uppercase;
}
.upmp-product-body h3{margin:0;color:#fff;font-size:20px}
.upmp-product-body h3 a{color:#fff}
.upmp-product-name{
    margin-top:5px;
    color:rgba(255,255,255,.46);
    font-size:12px;
}
.upmp-product-body p{
    margin:10px 0 0;
    color:var(--upmp-muted);
    font-size:13px;
    line-height:1.7;
}
.upmp-product-footer{
    margin-top:22px;
    padding-top:18px;
    border-top:1px solid var(--upmp-line);
}
.upmp-product-footer a{
    color:var(--upmp-red);
    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

/* Selection */
.upmp-selection{background:var(--upmp-navy)}
.upmp-selection-grid{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:90px;
    align-items:start;
}
.upmp-selection-list{border-top:1px solid var(--upmp-line)}
.upmp-selection-item{
    display:grid;
    grid-template-columns:50px 1fr;
    gap:20px;
    padding:28px 0;
    border-bottom:1px solid var(--upmp-line);
}
.upmp-selection-no{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--upmp-red);
    color:#fff;
    font-size:11px;
    font-weight:800;
}
.upmp-selection-item h3{margin:0 0 7px;color:#fff;font-size:18px}
.upmp-selection-item p{margin:0;color:var(--upmp-muted);font-size:14px;line-height:1.7}

/* Document CTA */
.upmp-docs{background:var(--upmp-red)}
.upmp-docs-grid{
    min-height:190px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:40px;
    align-items:center;
}
.upmp-doc-icon{font-size:58px;line-height:1;font-weight:800}
.upmp-docs h3{margin:0;color:#fff;font-size:clamp(25px,3vw,35px)}
.upmp-docs p{
    max-width:720px;
    margin:10px 0 0;
    color:rgba(255,255,255,.82);
    font-size:14px;
    line-height:1.7;
}
.upmp-doc-btn{
    min-height:52px;
    padding:0 24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.40);
    color:#fff!important;
    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    transition:.2s ease;
}
.upmp-doc-btn:hover{background:#fff;color:var(--upmp-red)!important}

/* Final CTA */
.upmp-cta{
    position:relative;
    overflow:hidden;
    padding:95px 0;
    background:var(--upmp-dark);
}
.upmp-cta::after{
    content:"";
    position:absolute;
    right:-270px;
    top:-300px;
    width:700px;
    height:700px;
    border:100px solid rgba(255,255,255,.022);
    border-radius:50%;
}
.upmp-cta-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr auto;
    gap:60px;
    align-items:center;
}
.upmp-cta h2{
    max-width:760px;
    margin:0;
    color:#fff;
    font-size:clamp(32px,4vw,50px);
    line-height:1.08;
    letter-spacing:-1.5px;
}
.upmp-cta p{
    max-width:700px;
    margin:18px 0 0;
    color:var(--upmp-muted);
    font-size:15px;
    line-height:1.75;
}
.upmp-btn{
    min-height:54px;
    padding:0 28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--upmp-red);
    color:#fff!important;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    transition:.2s ease;
}
.upmp-btn:hover{background:var(--upmp-red-dark);transform:translateY(-2px)}

@media(max-width:1050px){
    .upmp-nav-grid{grid-template-columns:repeat(3,1fr)}
    .upmp-featured-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
    .upmp-section{padding:75px 0}
    .upmp-intro-grid,
    .upmp-head-grid,
    .upmp-selection-grid,
    .upmp-cta-grid{grid-template-columns:1fr;gap:45px}
    .upmp-docs-grid{grid-template-columns:1fr;gap:20px;padding:45px 0}
}
@media(max-width:650px){
    .upmp-wrap{width:min(100% - 28px,1180px)}
    .upmp-hero{min-height:auto}
    .upmp-hero-inner{padding:80px 0}
    .upmp-hero h1{letter-spacing:-1.5px}
    .upmp-nav-grid{grid-template-columns:repeat(2,1fr)}
    .upmp-category-grid,
    .upmp-featured-grid{grid-template-columns:1fr}
    .upmp-category-card:last-child:nth-child(odd){grid-column:auto}
    .upmp-category-card{min-height:390px}
    .upmp-intro-symbol{min-height:300px}
    .upmp-symbol-ring{width:250px;height:250px}
    .upmp-product-image{height:220px}
    .upmp-btn,.upmp-doc-btn{width:100%}
}



/* ============================================================
   DYNAMIC PRODUCT CATEGORY PAGE
   ============================================================ */
.upm-category-page{
    --upmc-navy:#0f1d2d;
    --upmc-navy2:#14263a;
    --upmc-navy3:#192d44;
    --upmc-dark:#202226;
    --upmc-red:#e30613;
    --upmc-muted:rgba(255,255,255,.62);
    --upmc-line:rgba(255,255,255,.09);
    background:var(--upmc-navy);
    color:#fff;
    overflow:hidden;
}
.upm-category-page *{box-sizing:border-box}
.upm-category-page a{color:inherit;text-decoration:none}
.upmc-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.upmc-section{padding:95px 0}
.upmc-eyebrow{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:16px;
    color:var(--upmc-red);
    font-size:11px;
    font-weight:800;
    letter-spacing:1.8px;
    text-transform:uppercase;
}
.upmc-eyebrow::before{content:"";width:28px;height:2px;background:currentColor}
.upmc-title{
    margin:0;
    color:#fff;
    font-size:clamp(38px,5vw,64px);
    line-height:1;
    letter-spacing:-2px;
}
.upmc-title span{color:var(--upmc-red)}

.upmc-hero{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 80% 35%,rgba(227,6,19,.12),transparent 30%),
        linear-gradient(110deg,#0b1725 0%,#14263a 60%,#202226 100%);
}
.upmc-hero::after{
    content:var(--upmc-watermark);
    position:absolute;
    right:-25px;
    bottom:-30px;
    color:rgba(255,255,255,.018);
    font-size:clamp(80px,15vw,220px);
    font-weight:900;
    line-height:.8;
    white-space:nowrap;
}
.upmc-hero-inner{
    position:relative;
    z-index:2;
    min-height:520px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:105px 0 90px;
}
.upmc-breadcrumb{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:28px;
    color:rgba(255,255,255,.38);
    font-size:12px;
}
.upmc-breadcrumb strong{color:#fff}
.upmc-hero h1{
    max-width:940px;
    margin:0;
    color:#fff;
    font-size:clamp(44px,6vw,76px);
    line-height:.98;
    letter-spacing:-3px;
}
.upmc-hero h1 span{color:var(--upmc-red)}
.upmc-hero p{
    max-width:760px;
    margin:25px 0 0;
    color:rgba(255,255,255,.68);
    font-size:17px;
    line-height:1.8;
}
.upmc-count{
    display:flex;
    align-items:center;
    gap:13px;
    margin-top:32px;
}
.upmc-count strong{
    color:var(--upmc-red);
    font-size:30px;
    line-height:1;
}
.upmc-count span{
    color:rgba(255,255,255,.42);
    font-size:9px;
    font-weight:800;
    letter-spacing:1.3px;
}

.upmc-red-band{background:var(--upmc-red)}
.upmc-red-grid{
    min-height:135px;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:28px;
    align-items:center;
}
.upmc-red-no{
    color:rgba(255,255,255,.38);
    font-size:38px;
    font-weight:900;
}
.upmc-red-band h2{margin:0;color:#fff;font-size:21px}
.upmc-red-band p{margin:7px 0 0;color:rgba(255,255,255,.8);font-size:13px}

.upmc-products{background:var(--upmc-navy2)}
.upmc-section-head{
    display:grid;
    grid-template-columns:1fr .85fr;
    gap:70px;
    align-items:end;
    margin-bottom:52px;
}
.upmc-section-head>p{
    margin:0;
    color:var(--upmc-muted);
    font-size:15px;
    line-height:1.8;
}
.upmc-product-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.upmc-card{
    overflow:hidden;
    background:var(--upmc-navy);
    border:1px solid var(--upmc-line);
    transition:.28s ease;
}
.upmc-card:hover{
    transform:translateY(-4px);
    border-color:rgba(227,6,19,.38);
}
.upmc-card-image{
    height:250px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:#161f29;
}
.upmc-card-image img{
    max-width:82%;
    max-height:200px;
    width:auto;
    height:auto;
    object-fit:contain;
    transition:.35s ease;
}
.upmc-card:hover .upmc-card-image img{transform:scale(1.035)}
.upmc-card-image>span{
    color:rgba(255,255,255,.12);
    font-size:40px;
    font-weight:900;
}
.upmc-card-body{padding:26px}
.upmc-card-code{
    margin-bottom:7px;
    color:var(--upmc-red);
    font-size:10px;
    font-weight:800;
    letter-spacing:1.1px;
}
.upmc-card h3{
    margin:0;
    color:#fff;
    font-size:20px;
    line-height:1.28;
}
.upmc-card-subtitle{
    margin-top:7px;
    color:rgba(255,255,255,.42);
    font-size:12px;
}
.upmc-card p{
    margin:13px 0 0;
    color:var(--upmc-muted);
    font-size:13px;
    line-height:1.7;
}
.upmc-card-link{
    display:block;
    margin-top:22px;
    padding-top:17px;
    border-top:1px solid var(--upmc-line);
    color:var(--upmc-red)!important;
    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.upmc-related{background:var(--upmc-dark)}
.upmc-related-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:2px;
    margin-top:45px;
    background:rgba(255,255,255,.04);
}
.upmc-related-card{
    min-height:175px;
    padding:27px;
    background:var(--upmc-navy);
    border-bottom:3px solid transparent;
    transition:.25s ease;
}
.upmc-related-card:hover{
    background:var(--upmc-navy3);
    border-bottom-color:var(--upmc-red);
}
.upmc-related-card small{
    color:var(--upmc-red);
    font-size:10px;
    font-weight:800;
}
.upmc-related-card h3{
    margin:32px 0 12px;
    color:#fff;
    font-size:18px;
}
.upmc-related-card span{
    color:rgba(255,255,255,.42);
    font-size:11px;
}

.upmc-docs{background:var(--upmc-red)}
.upmc-docs-grid{
    min-height:190px;
    display:grid;
    grid-template-columns:1fr auto;
    gap:55px;
    align-items:center;
}
.upmc-eyebrow-light{color:#fff}
.upmc-docs h2{margin:0;color:#fff;font-size:clamp(28px,4vw,40px)}
.upmc-docs p{
    max-width:760px;
    margin:10px 0 0;
    color:rgba(255,255,255,.8);
    font-size:14px;
    line-height:1.7;
}
.upmc-docs-grid>a,
.upmc-cta-grid>a{
    min-height:52px;
    padding:0 25px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.42);
    color:#fff!important;
    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}
.upmc-docs-grid>a:hover{background:#fff;color:var(--upmc-red)!important}

.upmc-cta{padding:90px 0;background:var(--upmc-navy)}
.upmc-cta-grid{
    display:grid;
    grid-template-columns:1fr auto;
    gap:55px;
    align-items:center;
}
.upmc-cta h2{
    max-width:760px;
    margin:0;
    color:#fff;
    font-size:clamp(30px,4vw,46px);
    line-height:1.1;
}
.upmc-cta p{
    max-width:740px;
    margin:16px 0 0;
    color:var(--upmc-muted);
    font-size:14px;
    line-height:1.75;
}
.upmc-cta-grid>a{
    background:var(--upmc-red);
    border-color:var(--upmc-red);
}

@media(max-width:1050px){
    .upmc-product-grid{grid-template-columns:repeat(2,1fr)}
    .upmc-related-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:800px){
    .upmc-section{padding:72px 0}
    .upmc-section-head,
    .upmc-docs-grid,
    .upmc-cta-grid{grid-template-columns:1fr;gap:36px}
}
@media(max-width:650px){
    .upmc-wrap{width:min(100% - 28px,1180px)}
    .upmc-hero-inner{min-height:auto;padding:80px 0}
    .upmc-hero h1{letter-spacing:-1.5px}
    .upmc-red-grid{padding:28px 0}
    .upmc-product-grid,
    .upmc-related-grid{grid-template-columns:1fr}
    .upmc-card-image{height:220px}
    .upmc-docs-grid>a,
    .upmc-cta-grid>a{width:100%}
}


/* ============================================================
   HEADER CLEARANCE PATCH (v1.2.9)
   Fixed/sticky site header was visually too close to hero areas.
   Apply extra top breathing room across all Unity page templates.
   ============================================================ */

:root{
    --unity-header-clearance: 54px;
}

/* Dynamic products landing */
.upm-products-page .upmp-hero-inner{
    padding-top: calc(105px + var(--unity-header-clearance));
    padding-bottom: 105px;
}
.upm-products-page .upmp-breadcrumb{
    margin-bottom: 34px;
}

/* Dynamic product category pages */
.upm-category-page .upmc-hero-inner{
    padding-top: calc(105px + var(--unity-header-clearance));
    padding-bottom: 100px;
}
.upm-category-page .upmc-breadcrumb{
    margin-bottom: 34px;
}

/* Dynamic single product detail */
.upm-detail .upm-detail-hero-grid{
    padding-top: calc(90px + var(--unity-header-clearance));
    padding-bottom: 95px;
}
.upm-detail .upm-detail-actions{
    margin-top: 34px;
}

/* Static / Elementor document category pages built with copied HTML */
.unity-doc-category .dc-hero-inner{
    padding-top: calc(120px + var(--unity-header-clearance)) !important;
    padding-bottom: 105px !important;
}
.unity-doc-category .dc-breadcrumb{
    margin-bottom: 34px !important;
}

/* If the main document-center page uses the same wrapper naming family,
   these selectors also improve its hero spacing without requiring page edits. */
[class*="unity-doc"] .dc-hero-inner{
    padding-top: calc(120px + var(--unity-header-clearance)) !important;
}

/* Mobile fine-tuning */
@media(max-width:900px){
    :root{
        --unity-header-clearance: 34px;
    }

    .upm-products-page .upmp-hero-inner,
    .upm-category-page .upmc-hero-inner{
        padding-bottom: 80px;
    }

    .upm-detail .upm-detail-hero-grid{
        padding-top: calc(70px + var(--unity-header-clearance));
        padding-bottom: 72px;
    }

    .unity-doc-category .dc-hero-inner{
        padding-bottom: 82px !important;
    }
}


/* ============================================================
   DYNAMIC TRADEMARKS / REGISTRATION DOCUMENTS PAGE
   [unity_trademarks_page]
   ============================================================ */

.upm-trademarks-page{
    --upt-navy:#0f1d2d;
    --upt-navy2:#14263a;
    --upt-navy3:#192d44;
    --upt-dark:#202226;
    --upt-red:#e30613;
    --upt-red-dark:#c9000b;
    --upt-muted:rgba(255,255,255,.62);
    --upt-line:rgba(255,255,255,.09);
    background:var(--upt-navy);
    color:#fff;
    overflow:hidden;
}
.upm-trademarks-page *{box-sizing:border-box}
.upm-trademarks-page a{color:inherit;text-decoration:none}
.upt-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.upt-section{padding:100px 0}
.upt-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:18px;
    color:var(--upt-red);
    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
}
.upt-eyebrow::before{
    content:"";
    width:28px;
    height:2px;
    background:currentColor;
}
.upt-title{
    margin:0;
    color:#fff;
    font-size:clamp(34px,4vw,58px);
    line-height:1.06;
    letter-spacing:-1.8px;
}
.upt-title span{color:var(--upt-red)}
.upt-text{
    margin:22px 0 0;
    color:var(--upt-muted);
    font-size:16px;
    line-height:1.85;
}

.upt-hero{
    position:relative;
    min-height:500px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
        radial-gradient(circle at 77% 40%,rgba(227,6,19,.13),transparent 29%),
        linear-gradient(110deg,#0c1826 0%,#14263a 58%,#202226 100%);
}
.upt-hero::before{
    content:"®";
    position:absolute;
    right:7%;
    top:50%;
    transform:translateY(-50%);
    color:rgba(255,255,255,.025);
    font-size:clamp(250px,31vw,520px);
    font-weight:700;
    line-height:1;
}
.upt-hero::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:130px;
    height:4px;
    background:var(--upt-red);
}
.upt-hero-content{
    position:relative;
    z-index:2;
    max-width:850px;
    padding:154px 0 105px;
}
.upt-hero h1{
    margin:0;
    color:#fff;
    font-size:clamp(42px,6vw,72px);
    line-height:1;
    letter-spacing:-3px;
}
.upt-hero h1 span{color:var(--upt-red)}
.upt-hero p{
    max-width:700px;
    margin:26px 0 0;
    color:rgba(255,255,255,.68);
    font-size:17px;
    line-height:1.8;
}
.upt-breadcrumb{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:35px;
    color:rgba(255,255,255,.40);
    font-size:13px;
}
.upt-breadcrumb strong{color:#fff}

.upt-intro{background:var(--upt-navy)}
.upt-intro-grid{
    display:grid;
    grid-template-columns:.7fr 1.3fr;
    gap:90px;
    align-items:center;
}
.upt-intro-symbol{
    min-height:340px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.upt-symbol-box{
    position:relative;
    width:275px;
    height:275px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.10);
    background:linear-gradient(135deg,rgba(255,255,255,.025),transparent);
}
.upt-symbol-box::before{
    content:"®";
    color:var(--upt-red);
    font-size:135px;
    line-height:1;
    font-weight:700;
}
.upt-symbol-box::after{
    content:"";
    position:absolute;
    left:-18px;
    bottom:-18px;
    width:90px;
    height:90px;
    border-left:3px solid var(--upt-red);
    border-bottom:3px solid var(--upt-red);
}
.upt-highlight{
    margin-top:32px;
    padding:23px 25px;
    background:var(--upt-navy2);
    border-left:4px solid var(--upt-red);
    color:rgba(255,255,255,.88);
    font-size:16px;
    line-height:1.75;
}

.upt-head-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:80px;
    align-items:end;
    margin-bottom:55px;
}
.upt-head-grid .upt-text{margin:0}

.upt-documents{background:var(--upt-dark)}
.upt-doc-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}
.upt-doc-card{
    display:block;
    overflow:hidden;
    background:var(--upt-navy);
    border:1px solid rgba(255,255,255,.08);
    border-bottom:3px solid transparent;
    transition:.3s ease;
}
.upt-doc-card:hover{
    transform:translateY(-5px);
    border-color:rgba(227,6,19,.40);
    border-bottom-color:var(--upt-red);
}
.upt-doc-image{
    position:relative;
    aspect-ratio:1/1.37;
    overflow:hidden;
    background:#151d26;
}
.upt-doc-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(6,15,25,.78),rgba(6,15,25,.06) 42%,transparent 75%);
    pointer-events:none;
}
.upt-doc-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
    transition:transform .4s ease;
}
.upt-doc-card:hover .upt-doc-image img{transform:scale(1.035)}
.upt-doc-placeholder{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:rgba(255,255,255,.08);
    font-size:100px;
}
.upt-doc-overlay{
    position:absolute;
    z-index:3;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(9,20,32,0);
    transition:.3s ease;
}
.upt-doc-overlay span{
    padding:12px 16px;
    background:var(--upt-red);
    color:#fff;
    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    opacity:0;
    transform:translateY(8px);
    transition:.3s ease;
}
.upt-doc-card:hover .upt-doc-overlay{background:rgba(9,20,32,.55)}
.upt-doc-card:hover .upt-doc-overlay span{opacity:1;transform:none}
.upt-doc-body{
    position:relative;
    padding:24px 23px 26px;
}
.upt-doc-number{
    position:absolute;
    right:20px;
    top:21px;
    color:rgba(255,255,255,.12);
    font-size:12px;
    font-weight:700;
}
.upt-doc-type{
    display:block;
    margin-bottom:8px;
    padding-right:45px;
    color:var(--upt-red);
    font-size:10px;
    font-weight:800;
    letter-spacing:1.2px;
    text-transform:uppercase;
}
.upt-doc-body h3{margin:0;color:#fff;font-size:18px;line-height:1.35}
.upt-doc-body p{margin:9px 0 0;color:rgba(255,255,255,.48);font-size:12px}
.upt-doc-info{
    margin-top:26px;
    padding:20px 24px;
    display:flex;
    align-items:center;
    gap:15px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.07);
    color:rgba(255,255,255,.55);
    font-size:13px;
}
.upt-doc-info strong{color:var(--upt-red);font-size:20px}

.upt-brands{background:var(--upt-navy2)}
.upt-brand-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:2px;
    background:rgba(255,255,255,.06);
}
.upt-brand-card{
    position:relative;
    min-height:310px;
    padding:32px;
    overflow:hidden;
    background:var(--upt-navy);
    border-bottom:3px solid transparent;
    transition:.3s ease;
}
.upt-brand-card:hover{
    background:var(--upt-navy3);
    border-bottom-color:var(--upt-red);
    transform:translateY(-3px);
}
.upt-brand-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.upt-brand-top span{
    color:rgba(255,255,255,.26);
    font-size:11px;
    font-weight:700;
    letter-spacing:1.3px;
}
.upt-brand-top strong{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:var(--upt-red);
    font-size:9px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}
.upt-brand-top strong::before{
    content:"";
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--upt-red);
}
.upt-logo-area{
    height:105px;
    display:flex;
    align-items:center;
    margin:28px 0 20px;
}
.upt-logo-area img{
    max-width:210px;
    max-height:80px;
    width:auto;
    height:auto;
    object-fit:contain;
}
.upt-logo-fallback{
    font-size:24px;
    font-weight:900;
    color:rgba(255,255,255,.65);
}
.upt-brand-card h3{margin:0 0 8px;color:#fff;font-size:20px}
.upt-brand-card p{margin:0;color:var(--upt-muted);font-size:13px;line-height:1.7}
.upt-brand-watermark{
    position:absolute;
    right:-8px;
    bottom:-35px;
    color:rgba(255,255,255,.018);
    font-size:115px;
    font-weight:900;
}

.upt-protection{background:var(--upt-navy)}
.upt-protection-header{max-width:760px}
.upt-protection-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:2px;
    margin-top:55px;
    background:rgba(255,255,255,.06);
}
.upt-protection-grid article{
    min-height:250px;
    padding:38px;
    background:var(--upt-navy2);
    transition:.25s ease;
}
.upt-protection-grid article:hover{background:var(--upt-navy3)}
.upt-protection-grid article>div{
    margin-bottom:38px;
    color:var(--upt-red);
    font-size:11px;
    font-weight:800;
    letter-spacing:1.4px;
}
.upt-protection-grid h3{margin:0 0 15px;color:#fff;font-size:20px}
.upt-protection-grid p{margin:0;color:var(--upt-muted);font-size:14px;line-height:1.75}

.upt-info{background:var(--upt-red)}
.upt-info-grid{
    min-height:180px;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:45px;
    align-items:center;
}
.upt-info-icon{font-size:65px;font-weight:800}
.upt-info h3{margin:0;color:#fff;font-size:clamp(25px,3vw,36px)}
.upt-info p{max-width:820px;margin:12px 0 0;color:rgba(255,255,255,.82);font-size:15px}

.upt-cta{
    position:relative;
    overflow:hidden;
    padding:95px 0;
    background:var(--upt-dark);
}
.upt-cta::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:5px;
    height:100%;
    background:var(--upt-red);
}
.upt-cta::after{
    content:"";
    position:absolute;
    right:-270px;
    top:-300px;
    width:700px;
    height:700px;
    border:100px solid rgba(255,255,255,.025);
    border-radius:50%;
}
.upt-cta-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr auto;
    gap:60px;
    align-items:center;
}
.upt-cta h2{max-width:760px;margin:0;color:#fff;font-size:clamp(31px,4vw,50px);line-height:1.1}
.upt-cta p{max-width:700px;margin:18px 0 0;color:var(--upt-muted);font-size:15px;line-height:1.75}
.upt-cta a{
    min-height:54px;
    padding:0 30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--upt-red);
    color:#fff!important;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

@media(max-width:1050px){
    .upt-doc-grid,.upt-brand-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
    .upt-section{padding:75px 0}
    .upt-intro-grid,.upt-head-grid,.upt-cta-grid{grid-template-columns:1fr;gap:40px}
    .upt-protection-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
    .upt-wrap{width:min(100% - 28px,1180px)}
    .upt-hero{min-height:auto}
    .upt-hero-content{padding:115px 0 80px}
    .upt-hero h1{letter-spacing:-1.5px}
    .upt-intro-symbol{min-height:260px}
    .upt-symbol-box{width:210px;height:210px}
    .upt-symbol-box::before{font-size:100px}
    .upt-doc-grid,.upt-brand-grid{grid-template-columns:1fr}
    .upt-info-grid{grid-template-columns:1fr;gap:15px;padding:45px 0}
    .upt-info-icon{font-size:45px}
    .upt-cta a{width:100%}
}


/* TRADEMARKS PAGE REFINEMENT v1.3.1 */
.upm-trademarks-page .upt-doc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.upm-trademarks-page .upt-doc-image{aspect-ratio:.95/1.24;background:#eef2f7}.upm-trademarks-page .upt-doc-image img{object-fit:contain;object-position:center;padding:14px;background:#eef2f7}.upm-trademarks-page .upt-doc-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:#edf1f6;color:#6d7b8a;font-size:42px;font-weight:800;letter-spacing:2px}.upm-trademarks-page .upt-doc-body{min-height:138px}.upm-trademarks-page .upt-doc-body h3{font-size:20px;line-height:1.28}.upm-trademarks-page .upt-doc-body p{margin-top:11px;font-size:12px;line-height:1.6}.upm-trademarks-page .upt-doc-type{font-size:9px;letter-spacing:1.5px}.upt-modal-open{overflow:hidden}.upt-modal{position:fixed;inset:0;z-index:99999;display:none}.upt-modal.is-open{display:block}.upt-modal-backdrop{position:absolute;inset:0;background:rgba(4,10,18,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.upt-modal-dialog{position:relative;z-index:2;width:min(1180px,calc(100% - 32px));max-height:calc(100vh - 40px);margin:20px auto;background:#101c2c;border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 80px rgba(0,0,0,.55);display:flex;flex-direction:column}.upt-modal-close{position:absolute;top:12px;right:12px;width:42px;height:42px;border:0;background:rgba(255,255,255,.06);color:#fff;font-size:28px;line-height:1;cursor:pointer;z-index:3}.upt-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 68px 18px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.upt-modal-title{margin:0;color:#fff;font-size:24px;line-height:1.25}.upt-modal-download{color:#fff !important;background:#e30613;padding:12px 16px;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.upt-modal-body{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:22px;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.02)),#0b1521}.upt-modal-image{display:block;max-width:100%;max-height:calc(100vh - 170px);width:auto;height:auto;object-fit:contain;background:#fff}.upt-modal-frame{width:100%;height:calc(100vh - 170px);border:0;background:#fff}@media(max-width:1050px){.upm-trademarks-page .upt-doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.upm-trademarks-page .upt-doc-grid,.upm-trademarks-page .upt-brand-grid{grid-template-columns:1fr}.upm-trademarks-page .upt-doc-card{max-width:460px;width:100%;margin:0 auto}.upt-modal-dialog{width:min(100% - 18px,1180px);margin:9px auto;max-height:calc(100vh - 18px)}.upt-modal-header{padding:18px 60px 16px 16px;align-items:flex-start;flex-direction:column}.upt-modal-title{font-size:19px}.upt-modal-download{width:100%;text-align:center;justify-content:center;display:inline-flex}.upt-modal-body{padding:14px}.upt-modal-image,.upt-modal-frame{max-height:calc(100vh - 210px);height:calc(100vh - 210px)}}


/* GLOBAL BLACK BACKGROUND REVISION — v1.3.2 */
.upm-products-page{--upmp-navy:#000!important;--upmp-navy2:#000!important;--upmp-navy3:#000!important;--upmp-dark:#000!important;background:#000!important}.upm-products-page .upmp-hero,.upm-products-page .upmp-intro,.upm-products-page .upmp-categories,.upm-products-page .upmp-featured,.upm-products-page .upmp-selection,.upm-products-page .upmp-cta{background-color:#000!important}.upm-products-page .upmp-hero{background:radial-gradient(circle at 78% 40%,rgba(227,6,19,.12),transparent 30%),linear-gradient(110deg,#000 0%,#000 62%,#000 100%)!important}
.upm-category-page{--upmc-navy:#000!important;--upmc-navy2:#000!important;--upmc-navy3:#000!important;--upmc-dark:#000!important;background:#000!important}.upm-category-page .upmc-hero,.upm-category-page .upmc-products,.upm-category-page .upmc-related,.upm-category-page .upmc-cta{background-color:#000!important}.upm-category-page .upmc-hero{background:radial-gradient(circle at 80% 35%,rgba(227,6,19,.12),transparent 30%),linear-gradient(110deg,#000 0%,#000 62%,#000 100%)!important}
.upm-trademarks-page{--upt-navy:#000!important;--upt-navy2:#000!important;--upt-navy3:#000!important;--upt-dark:#000!important;background:#000!important}.upm-trademarks-page .upt-hero,.upm-trademarks-page .upt-intro,.upm-trademarks-page .upt-documents,.upm-trademarks-page .upt-brands,.upm-trademarks-page .upt-protection,.upm-trademarks-page .upt-cta{background-color:#000!important}.upm-trademarks-page .upt-hero{background:radial-gradient(circle at 77% 40%,rgba(227,6,19,.12),transparent 29%),linear-gradient(110deg,#000 0%,#000 58%,#000 100%)!important}
.upm-detail,.upm-detail section,.upm-detail .upm-detail-section,.upm-detail .upm-detail-hero,.upm-detail .upm-detail-about,.upm-detail .upm-detail-specs,.upm-detail .upm-detail-applications,.upm-detail .upm-detail-gallery,.upm-detail .upm-detail-documents,.upm-detail .upm-related{background-color:#000!important}
.upm-products-page .upmp-category-card,.upm-products-page .upmp-product-card,.upm-category-page .upmc-card,.upm-category-page .upmc-related-card,.upm-trademarks-page .upt-doc-card,.upm-trademarks-page .upt-brand-card,.upm-trademarks-page .upt-protection-grid article{background:#000!important}
.unity-doc-category{--dc-navy:#000!important;--dc-navy2:#000!important;--dc-dark:#000!important;background:#000!important}.unity-doc-category .dc-hero,.unity-doc-category .dc-library,.unity-doc-category .dc-related{background-color:#000!important}.unity-doc-category .dc-hero{background:radial-gradient(circle at 80% 35%,rgba(227,6,19,.12),transparent 30%),linear-gradient(110deg,#000 0%,#000 62%,#000 100%)!important}.unity-doc-category .dc-related-card{background:#000!important}

/* Product image white backgrounds - v1.3.5 */
.upm-card-image,
.upmp-product-image,
.upmc-card-image,
.upm-detail-visual{
    background:#fff!important;
}

.upmp-product-image::after{
    display:none!important;
}

.upm-card-image img,
.upmp-product-image img,
.upmc-card-image img,
.upm-detail-visual img{
    object-fit:contain;
    background:#fff;
}

.upm-no-image,
.upmp-no-image,
.upmc-card-image>span,
.upm-detail-no-image{
    color:rgba(0,0,0,.18)!important;
}


/* ============================================================
   TRADEMARK POPUP NEW-TAB FIX — v1.3.3
   ============================================================ */
.upm-trademarks-page .upt-modal-header{
    position:relative;
    z-index:4;
}
.upm-trademarks-page .upt-modal-download{
    position:relative;
    z-index:6;
    pointer-events:auto !important;
    cursor:pointer;
}
.upm-trademarks-page .upt-modal-backdrop{
    z-index:1;
}
.upm-trademarks-page .upt-modal-dialog{
    z-index:2;
}


/* =====================================================================
   v1.3.8 – Ürünler sayfası: Karsen tarzı giriş başlığı + yığılan kartlar
   ===================================================================== */
.upm-products-page{overflow:clip}

/* ---- Giriş başlığı ---- */
.upmp-hero h1.upmp-h1-k{
    margin:20px 0 0;max-width:none;
    font-family:"Saira Condensed","Saira",sans-serif;font-weight:800;
    font-size:clamp(38px,4.6vw,76px);line-height:1.04;letter-spacing:-.005em;
    text-transform:uppercase;color:#fff;
}
.upmp-h1-k .k-line{display:block}
.upmp-h1-k .k-line>span{display:inline-block;opacity:0;animation:upmpKFade .8s ease forwards}
.upmp-h1-k .k-line:nth-child(2)>span{animation-delay:.1s}
.upmp-h1-k .k-line:nth-child(3)>span{animation-delay:.2s}
.upmp-hero h1.upmp-h1-k .k-outline>span{color:transparent;-webkit-text-stroke:1.2px rgba(255,255,255,.4)}
.upmp-hero h1.upmp-h1-k .k-accent>span{color:#EC1B24}
.upmp-hero h1.upmp-h1-k .k-white>span{color:#fff}
.upmp-hero h1.upmp-h1-k + p{margin-top:24px;max-width:620px}
.upmp-k-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.upmp-k-chips span{display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 18px;border-radius:999px;
    border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);font-size:14px;font-weight:600;color:rgba(255,255,255,.88)}
.upmp-k-chips span::before{content:"";width:7px;height:7px;border-radius:50%;background:#EC1B24;box-shadow:0 0 10px #EC1B24}
@keyframes upmpKFade{from{opacity:0}to{opacity:1}}

/* ---- Ürün grupları: yığılan kartlar ---- */
.upmp-stack{--stack-top:110px;position:relative;padding-bottom:30px}
.upmp-stack-card{
    position:sticky;top:calc(var(--stack-top) + var(--i,0) * 16px);
    display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px);align-items:center;
    min-height:min(520px,calc(100vh - var(--stack-top) - 60px));margin-bottom:60px;padding:clamp(28px,4vw,56px);
    border-radius:22px;background:linear-gradient(135deg,#141414,#0b0b0b);
    border:1px solid rgba(255,255,255,.08);border-left:3px solid #EC1B24;
    box-shadow:0 -20px 60px -20px rgba(0,0,0,.9);overflow:hidden;
    transform-origin:50% 0;will-change:transform;scroll-margin-top:120px;
}
.upmp-stack-card:last-child{margin-bottom:0}
.upmp-stack-card::after{content:"";position:absolute;inset:0;background:#000;opacity:var(--dim,0);pointer-events:none;border-radius:inherit}
.upmp-stack-num{position:absolute;top:10px;left:clamp(20px,3vw,40px);font:900 clamp(80px,9vw,140px)/1 "Saira Condensed","Saira",sans-serif;
    color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.07);pointer-events:none}
.upmp-stack-txt{position:relative;z-index:1}
.upmp-stack-kicker{display:block;margin-bottom:16px;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#EC1B24}
.upmp-stack-card h3{margin:0 0 18px;font:800 clamp(32px,3.4vw,52px)/1.04 "Saira Condensed","Saira",sans-serif;color:#fff;text-transform:none}
.upmp-stack-card p{margin:0 0 24px;font-size:16px;line-height:1.7;color:rgba(255,255,255,.62);max-width:520px}
.upmp-stack-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.upmp-stack-tags span{padding:8px 13px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);font-size:13px;font-weight:500;color:rgba(255,255,255,.8)}
a.upmp-stack-btn{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 24px;border-radius:6px;background:#EC1B24;
    color:#fff;text-decoration:none;font-size:15px;font-weight:600;transition:background .2s}
a.upmp-stack-btn:hover{background:#c4121a;color:#fff}
.upmp-stack-btn svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.upmp-stack-btn:hover svg{transform:translateX(4px)}
.upmp-stack-media{position:relative;z-index:1;height:100%;min-height:340px;border-radius:16px;overflow:hidden;background:#1a1a1a}
.upmp-stack-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.upmp-stack-card:hover .upmp-stack-media img{transform:scale(1.05)}
.upmp-stack-media::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,rgba(236,27,36,.18),transparent 45%,rgba(0,0,0,.35))}

@media (max-width:900px){
    .upmp-stack-card{grid-template-columns:1fr;min-height:0}
    .upmp-stack-media{order:-1;min-height:0;aspect-ratio:16/10}
}
@media (max-width:767px){
    .upmp-stack-card{position:relative;top:auto;margin-bottom:22px}
    .upmp-stack-card::after{display:none}
}
@media (prefers-reduced-motion:reduce){
    .upmp-h1-k .k-line>span{animation:none;opacity:1}
}

/* ---- Giriş: sağdaki canlı kontrol animasyonu ---- */
.upmp-hero{position:relative}
.upmp-hero-visual{
    position:absolute;z-index:1;top:50%;right:max(72px,calc((100vw - 1180px) / 2 - 20px));
    width:clamp(380px,34vw,540px);aspect-ratio:1;transform:translateY(-44%);
    font-family:"Saira",sans-serif;color:#fff;pointer-events:none;
    opacity:0;animation:upmpHvIn 1.2s .3s ease forwards;
}
.upmp-hero .upmp-hero-inner{z-index:2}
@keyframes upmpHvIn{from{opacity:0;transform:translateY(-40%) scale(.96)}to{opacity:1;transform:translateY(-44%)}}
.upmp-hv-svg{width:100%;height:100%;display:block;overflow:visible}
.upmp-hv-rot{transform-origin:280px 280px;transform-box:view-box}
.upmp-hv-slow{animation:upmpHvSpin 40s linear infinite}
.upmp-hv-rev{animation:upmpHvSpin 60s linear infinite reverse}
@keyframes upmpHvSpin{to{transform:rotate(360deg)}}
.upmp-hv-arc{transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 8px rgba(236,27,36,.7))}
.upmp-hv-flow{animation:upmpHvFlow 1.6s linear infinite}
@keyframes upmpHvFlow{from{transform:translateY(-20px)}to{transform:translateY(20px)}}
.upmp-hv-web{transition:transform 1.1s cubic-bezier(.4,0,.2,1)}
.upmp-hv-beam{animation:upmpHvBeam 1.4s ease-in-out infinite}
@keyframes upmpHvBeam{0%,100%{opacity:.18}50%{opacity:.55}}
.upmp-hv-led{animation:upmpHvBlink 1s steps(2) infinite}
@keyframes upmpHvBlink{50%{opacity:.2}}

.upmp-hv-card{
    position:absolute;min-width:150px;padding:12px 16px;border-radius:12px;
    background:rgba(12,12,12,.78);border:1px solid rgba(255,255,255,.12);
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    box-shadow:0 20px 40px -20px rgba(0,0,0,.9);
    animation:upmpHvFloat 6s ease-in-out infinite;
}
.upmp-hv-card small{display:block;margin-bottom:4px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.upmp-hv-card b{display:block;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.upmp-hv-card b span{color:#fff}
.upmp-hv-bar{display:block;height:3px;margin-top:8px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}
.upmp-hv-bar em{display:block;height:100%;width:62%;background:#EC1B24;transition:width 1.2s cubic-bezier(.4,0,.2,1)}
.upmp-hv-c1{top:4%;right:-8%}
.upmp-hv-c2{bottom:10%;right:-12%;animation-delay:-2s}
.upmp-hv-c3{top:40%;left:-3%;animation-delay:-4s}
@keyframes upmpHvFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.upmp-hv-status{
    position:absolute;bottom:-1%;left:6%;display:flex;align-items:center;gap:8px;
    padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.6);
    font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
}
.upmp-hv-status span{width:8px;height:8px;border-radius:50%;background:#2ecc71;box-shadow:0 0 0 0 rgba(46,204,113,.6);animation:upmpHvPulse 1.8s infinite}
@keyframes upmpHvPulse{70%{box-shadow:0 0 0 10px rgba(46,204,113,0)}100%{box-shadow:0 0 0 0 rgba(46,204,113,0)}}

@media (max-width:1180px){ .upmp-hero-visual{display:none} }
@media (prefers-reduced-motion:reduce){
    .upmp-hero-visual,.upmp-hero-visual *{animation:none!important;transition:none!important}
    .upmp-hero-visual{opacity:1}
}

/* upmp-mobile-tight: mobilde giriş üst boşluğu */
@media (max-width:767px){
    .upmp-hero .upmp-hero-inner{padding-top:36px!important;padding-bottom:56px!important}
}