.upnet-sc {
    
    
    
    
    
    
    width: 100%; max-width: none; margin: 0;
    color: var(--upnet-text); font-family: var(--body_typography-font-family, inherit);
    text-align: left;
}
.upnet-sc *, .upnet-sc *::before, .upnet-sc *::after {box-sizing: border-box}
.upnet-sc [hidden] {display: none !important}
.upnet-sc .upnet-sc__label {display: block; letter-spacing: .28em; font-size: 12px; font-weight: 700; color: var(--upnet-navy)}
.upnet-sc .upnet-sc__title {margin: 10px 0 12px; color: var(--upnet-navy); font-family: var(--h1_typography-font-family, inherit); font-size: clamp(30px, 4vw, 46px); font-weight: 700; line-height: 1.2; letter-spacing: -.025em}
.upnet-sc .upnet-sc__intro {font-size: clamp(16px, 2vw, 20px); margin: 0 0 24px; color: #fff}
.upnet-sc .upnet-sc__search {display: flex; gap: 8px; padding: 5px; background: var(--upnet-surface); border: 1px solid var(--upnet-border); border-radius: 12px; box-shadow: 0 6px 20px color-mix(in srgb,var(--upnet-navy) 3%,transparent)}
.upnet-sc .upnet-sc__search input[type=search] {flex: 1; min-width: 0; width: auto; height: auto; padding: 8px 12px; min-height: 44px; color: var(--upnet-text); background: var(--upnet-surface); font: inherit; border: 0; border-radius: 6px; box-shadow: none}
.upnet-sc input::placeholder {color: var(--upnet-text); opacity: 1}
.upnet-sc button {font: inherit; cursor: pointer; text-transform: none; letter-spacing: normal}
.upnet-sc .upnet-sc__primary {border: 1px solid var(--upnet-navy); padding: 8px 20px; min-height: 44px; border-radius: 8px; background: var(--upnet-navy); color: #fff; font-weight: 600}
.upnet-sc .upnet-sc__section {max-width: calc(var(--site_width, 1250px) + 48px); margin: 0 auto; padding: 28px 24px}
.upnet-sc .upnet-sc__heading {font-family: var(--h2_typography-font-family, inherit); color: var(--upnet-navy); font-size: clamp(22px, 2.6vw, 28px); font-weight: 700; line-height: 1.3; margin: 0 0 8px}
.upnet-sc .upnet-sc__subtitle {color: var(--upnet-text); margin: 0 0 20px; font-size: 15px}
.upnet-sc .upnet-sc__grid {display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px}
.upnet-sc .upnet-sc__card {display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 16px; min-height: 142px; min-width: 0; color: var(--upnet-text); background: var(--upnet-surface); border: 1px solid var(--upnet-border); border-radius: 12px; text-decoration: none; box-shadow: 0 2px 6px color-mix(in srgb,var(--upnet-navy) 1%,transparent); transition: transform .18s ease, box-shadow .18s ease}
.upnet-sc .upnet-sc__icon {position: relative; display: inline-flex; flex: 0 0 46px; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 12px; background: var(--upnet-tint); color: var(--upnet-primary); overflow: hidden}
.upnet-sc .upnet-sc__icon svg {width: 34px; height: 34px}
.upnet-sc .upnet-sc__card-title {font-family: inherit; font-size: 14px; font-weight: 700; line-height: 1.4; color: var(--upnet-navy); margin: 0; overflow-wrap: anywhere}
.upnet-sc .upnet-sc__arrow {color: var(--upnet-primary); font-size: 22px; line-height: 1; transition: transform .18s ease}
.upnet-sc .upnet-sc__card > .upnet-sc__arrow {margin-top: auto; align-self: flex-end}
.upnet-sc .upnet-sc__card:hover {transform: translateY(-3px); box-shadow: 0 8px 22px color-mix(in srgb,var(--upnet-navy) 6%,transparent); text-decoration: none}
.upnet-sc .upnet-sc__card:hover .upnet-sc__arrow, .upnet-sc .upnet-sc__category:hover .upnet-sc__arrow {transform: translateX(3px)}
.upnet-sc .upnet-sc__category-name {display: block; font-size: 14px; font-weight: 700; color: var(--upnet-navy); overflow-wrap: anywhere}
.upnet-sc .upnet-sc__category[aria-pressed=true] {border-color: var(--upnet-primary); box-shadow: inset 0 0 0 1px var(--upnet-primary)}
.upnet-sc .upnet-sc__filters {display: flex; flex-wrap: wrap; align-items: flex-end; gap: 16px; margin: 20px 0 12px}
.upnet-sc .upnet-sc__filters label {display: block; font-size: 13px; font-weight: 600; margin-bottom: 5px}
.upnet-sc .upnet-sc__filters select {display: block; font: inherit; height: auto; min-height: 46px; min-width: 220px; max-width: 100%; color: var(--upnet-text); background: var(--upnet-surface); border: 1px solid var(--upnet-border); border-radius: 8px; padding: 10px 32px 10px 12px}
.upnet-sc .upnet-sc__reset, .upnet-sc .upnet-sc__apply {min-height: 46px; padding: 10px 14px; color: var(--upnet-navy); border: 1px solid var(--upnet-border); border-radius: 8px; background: var(--upnet-surface)}
.upnet-sc .upnet-sc__status {font-size: 14px; margin: 0 0 16px; min-height: 24px}
.upnet-sc .upnet-sc__results[aria-busy=true] {opacity: .6}
.upnet-sc .upnet-sc__empty {padding: 24px; background: var(--upnet-background); border-radius: 12px}
.upnet-sc .upnet-sc__pagination {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 18px; padding: 24px 0}
.upnet-sc .upnet-sc__pagination a {display: inline-flex; align-items: center; min-height: 44px; padding: 8px 12px; color: var(--upnet-navy); text-decoration: none; border-radius: 8px}
.upnet-sc .upnet-sc__page {font-size: 14px}
.upnet-sc :is(a, button, input, select, [tabindex]):focus-visible {outline: 3px solid var(--upnet-navy) !important; outline-offset: 4px !important}
.upnet-sc .upnet-sc__sr {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0}
@media (max-width: 1100px) {.upnet-sc .upnet-sc__grid {grid-template-columns: repeat(4,minmax(0,1fr))}}
@media (max-width: 850px) {.upnet-sc .upnet-sc__grid {grid-template-columns: repeat(2,minmax(0,1fr))}}
@media (max-width: 600px) {
    .upnet-sc .upnet-sc__grid {grid-template-columns: repeat(2,minmax(0,1fr))}
    .upnet-sc .upnet-sc__search {flex-direction: column}
    .upnet-sc .upnet-sc__search input[type=search] {width: 100%; font-size: 16px}
    .upnet-sc .upnet-sc__filters > div, .upnet-sc .upnet-sc__filters select {width: 100%; min-width: 0}
}
@media (prefers-reduced-motion: reduce) {.upnet-sc .upnet-sc__card, .upnet-sc .upnet-sc__arrow {transition: none; transform: none !important}}

.upnet-sc .upnet-sc__hero {width: 100%; padding: 48px 24px 30px; margin: 0; border-radius: 0; background-color: var(--upnet-surface); background-image: url("https://www.upnet.gr/wp-content/uploads/header-image11.png"); background-size: cover; background-position: center;}
.upnet-sc .upnet-sc__hero-inner {max-width: var(--site_width, 1250px); margin: 0 auto;}
.upnet-sc .upnet-sc__search {width: 100%; max-width: none;}
.upnet-sc .upnet-sc__categories {margin-top: 20px; padding: 0; background: transparent; border-radius: 0;}
.upnet-sc .upnet-sc__categories .upnet-sc__heading {color: #fff; font-size: 18px; margin-bottom: 5px;}
.upnet-sc .upnet-sc__categories .upnet-sc__subtitle {color: #fff; font-size: 14px; margin-bottom: 14px;}
.upnet-sc .upnet-sc__category-list {display: flex; flex-wrap: wrap; gap: 8px;}
.upnet-sc .upnet-sc__category {display: inline-flex; gap: 8px; align-items: center; min-height: 44px; max-width: 100%; padding: 8px 12px; text-align: left; background: var(--upnet-surface); color: var(--upnet-text); border: 1px solid var(--upnet-border); border-radius: 10px;}
.upnet-sc .upnet-sc__category .upnet-sc__icon {width: 25px; height: 25px; flex: 0 0 25px; border-radius: 6px; background: transparent;}
.upnet-sc .upnet-sc__category .upnet-sc__icon svg {width: 20px; height: 20px;}
.upnet-sc .upnet-sc__category > span:nth-child(2) {display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 0;}
.upnet-sc .upnet-sc__category-name {font-size: 12px; font-weight: 600;}
.upnet-sc .upnet-sc__count {font-size: 11px; color: var(--upnet-text);}
.upnet-sc .upnet-sc__category .upnet-sc__arrow {display: none;}
.upnet-sc .upnet-sc__category[aria-pressed=true] {background: var(--upnet-tint);}
@media (max-width: 600px) {.upnet-sc .upnet-sc__hero {padding: 28px 16px 22px;} .upnet-sc .upnet-sc__section {max-width: calc(var(--site_width, 1250px) + 32px); padding: 24px 16px;} .upnet-sc .upnet-sc__categories {padding: 0;} .upnet-sc .upnet-sc__card {padding: 14px;} }
@media (max-width: 360px) {.upnet-sc .upnet-sc__grid {grid-template-columns: minmax(0,1fr);}}

.upnet-sc .upnet-sc__categories noscript {color: #fff;}

/* Explicit section-heading weight requested for the services catalogue. */
.upnet-sc.upnet-sc .upnet-sc__heading {font-weight:700}

/* Final catalogue typography and pagination refinements. */
.upnet-sc.upnet-sc .upnet-sc__card-title {font-weight:700}
.upnet-sc .upnet-sc__pagination a, .upnet-sc .upnet-sc__pagination a:hover, .upnet-sc .upnet-sc__pagination a:focus {text-decoration:none}