:root {


        --green: #10365c;


        --ink: #1e3447;


        --gold: #9aafbe;


        --cream: #f8f7f3;


        --white: #fdfcf9;


      }


      * {


        box-sizing: border-box;


      }


      html {


        scroll-behavior: smooth;


      }


      body {


        margin: 0;


        background: var(--cream);


        color: var(--ink);


        font:


          16px/1.65 Arial,


          'Microsoft YaHei',


          sans-serif;


      }


      h1,


      h2,


      h3 {


        font-family: Georgia, 'Times New Roman', 'Songti SC', serif;


        font-weight: 500;


        line-height: 0.98;


        margin-top: 0;


      }


      .wrap {


        width: min(1180px, calc(100% - 40px));


        margin: auto;


      }


      header {


        position: sticky;


        z-index: 20;


        top: 0;


        background: rgba(248, 247, 243, 0.92);


        border-bottom: 1px solid #dadddc;


        backdrop-filter: blur(16px);


      }


      nav {


        height: 84px;


        display: flex;


        align-items: center;


        gap: 30px;


      }


      .logo {


        margin-right: auto;


        color: var(--green);


        font: 600 24px Georgia;


        text-decoration: none;


      }


      .links {


        display: flex;


        gap: 10px;


      }


      .links a,


      .lang {


        padding: 10px 16px;


        border: 1px solid #dadddc;


        border-radius: 99px;


        color: inherit;


        background: #fdfcf999;


        text-decoration: none;


        font-size: 13px;


        font-weight: 700;


      }


      .hero {


        min-height: calc(100vh - 84px);


        display: grid;


        align-items: center;


        padding: 70px 0;


        background: radial-gradient(circle at 80% 25%, #9aafbe55, transparent 30rem);


      }


      .hero-grid {


        display: grid;


        width: min(1280px, calc(100% - 48px));


        grid-template-columns: 0.92fr 1.08fr;


        gap: 72px;


        align-items: center;


      }


      .hero .eyebrow {


        font-size: 12px;


      }


      .eyebrow,


      .section-no {


        color: #596f83;


        font-size: 11px;


        font-weight: 800;


        letter-spacing: 0.17em;


        text-transform: uppercase;


      }


      .hero h1 {


        font-size: clamp(64px, 6.5vw, 104px);


        letter-spacing: -0.065em;


        margin: 22px 0;


        max-width: none;


      }


      .headline-line {


        display: block;


        white-space: nowrap;


      }


      .lead {


        max-width: 550px;


        color: #5f6d78;


        font-size: 20px;


      }


      .actions {


        display: flex;


        gap: 24px;


        align-items: center;


        margin-top: 36px;


      }


      .btn {


        display: inline-block;


        padding: 15px 24px;


        border-radius: 99px;


        background: var(--green);


        color: white;


        text-decoration: none;


        font-weight: 800;


        font-size: 13px;


      }


      .hero .btn {


        padding: 16px 26px;


        font-size: 14px;


      }


      .hero .actions > a:not(.btn) {


        font-size: 16px;


      }


      .actions > a:not(.btn) {


        color: var(--green);


      }


      .quality .eyebrow,


      .quality .section-no {


        color: #b8c9d6;


      }


      .stage {


        position: relative;


        min-height: 630px;


        display: grid;


        place-items: center;


        border-radius: 30px;


        overflow: hidden;


        background: linear-gradient(145deg, #254a6b, #102b46);


        box-shadow: 0 30px 80px #1e344735;


      }


      .stage:after {


        content: 'N';


        display: grid;


        place-items: center;


        width: 280px;


        height: 280px;


        border-radius: 50%;


        background: radial-gradient(circle at 35% 30%, #e2eaf0, #8099af 60%, #344f69);


        color: #fdfcf9;


        font: 90px Georgia;


        box-shadow: 0 0 90px #9aafbe55;


      }


      .orbit {


        position: absolute;


        width: 75%;


        height: 36%;


        border: 1px solid #fdfcf966;


        border-radius: 50%;


        transform: rotate(30deg);


      }


      .orbit.b {


        transform: rotate(-38deg);


      }


      .strip {


        background: var(--green);


        color: white;


        padding: 16px 0;


      }


      .strip .wrap {


        display: flex;


        justify-content: space-between;


        font-size: 11px;


        font-weight: 800;


        letter-spacing: 0.12em;


      }


      .section {


        padding: 110px 0;


        border-top: 1px solid #dadddc;


      }


      .heading {


        display: grid;


        grid-template-columns: 1fr 2fr;


        margin-bottom: 55px;


        align-items: end;


      }


      .heading h2 {


        font-size: clamp(48px, 6vw, 80px);


        margin: 0;


      }


      @media (min-width: 801px) {


        html:lang(en) :is(#products, #categories) .heading {


          grid-template-columns: 1fr 3fr;


        }


      }


      .cards {


        display: grid;


        grid-template-columns: repeat(3, 1fr);


        gap: 18px;


      }


      .card {


        padding: 14px 14px 25px;


        border: 1px solid #dadddc;


        border-radius: 22px;


        background: var(--white);


      }


      .art {


        height: 290px;


        border-radius: 14px;


        background: radial-gradient(circle at 50% 45%, #fdfcf999 0 13%, transparent 14%),


          linear-gradient(145deg, #c5d0d8, #8195a5);


        display: grid;


        place-items: center;


        color: white;


        font-weight: bold;


      }


      .card:nth-child(2) .art {


        background: linear-gradient(145deg, #d4d4d0, #9babae);


      }


      .card:nth-child(3) .art {


        background: linear-gradient(145deg, #c3cdd5, #7c91a1);


      }


      .card p {


        margin: 22px 0 5px;


        color: #5f6d78;


        font-size: 11px;


        letter-spacing: 0.12em;


        text-transform: uppercase;


      }


      .card h3 {


        font-size: 28px;


        margin-bottom: 25px;


      }


      .catalog-shell {


        padding: 28px;


        border: 1px solid #dadddc;


        border-radius: 28px;


        background: #f8f7f3;


        box-shadow: 0 24px 70px #1e34470c;


      }


      .catalog-toolbar {


        display: grid;


        grid-template-columns: minmax(0, 1fr) auto;


        gap: 12px;


        align-items: end;


        margin-bottom: 26px;


      }


      .catalog-field {


        display: grid;


        gap: 7px;


      }


      .catalog-field span,


      .inquiry-form label > span {


        color: #5f6d78;


        font-size: 11px;


        font-weight: 800;


        letter-spacing: 0.08em;


        text-transform: uppercase;


      }


      .catalog-field input,


      .catalog-field select,


      .inquiry-form input,


      .inquiry-form select,


      .inquiry-form textarea {


        width: 100%;


        min-height: 48px;


        padding: 11px 14px;


        border: 1px solid #dadddc;


        border-radius: 12px;


        background: #fdfcf9;


        color: var(--ink);


        font: inherit;


        outline: none;


      }


      .catalog-field input:focus,


      .catalog-field select:focus,


      .inquiry-form input:focus,


      .inquiry-form select:focus,


      .inquiry-form textarea:focus {


        border-color: var(--green);


        box-shadow: 0 0 0 3px #10365c18;


      }


      .ghost-btn {


        min-height: 48px;


        padding: 10px 16px;


        border: 1px solid #dadddc;


        border-radius: 99px;


        background: transparent;


        color: var(--ink);


        font-weight: 800;


        cursor: pointer;


      }


      .catalog-meta {


        display: flex;


        justify-content: space-between;


        gap: 16px;


        margin: 0 0 18px;


        color: #5f6d78;


        font-size: 13px;


      }


      .catalog-meta strong {


        color: var(--ink);


      }


      .product-grid {


        display: grid;


        grid-template-columns: repeat(3, minmax(0, 1fr));


        gap: 18px;


      }


      .product-item {


        display: flex;


        min-height: 500px;


        padding: 12px;


        flex-direction: column;


        border: 1px solid #dadddc;


        border-radius: 20px;


        background: #fdfcf9;


        transition: 0.2s ease;


      }


      .product-item:hover {


        transform: translateY(-4px);


        box-shadow: 0 22px 55px #1e344715;


      }


      .product-visual {


        position: relative;


        display: grid;


        min-height: 238px;


        overflow: hidden;


        border-radius: 13px;


        background: linear-gradient(145deg, var(--visual-a), var(--visual-b));


        place-items: center;


      }


      .product-visual:before {


        width: 112px;


        height: 150px;


        transform: rotate(-7deg);


        border: 1px solid #fdfcf98f;


        border-radius: 50% 50% 44% 56%;


        background: radial-gradient(circle at 32% 25%, #fdfcf9dc, transparent 18%),


          linear-gradient(145deg, #fdfcf98a, #fdfcf90d);


        box-shadow: 0 25px 35px #0002;


        content: '';


      }


      .product-code {


        position: absolute;


        padding: 6px 9px;


        border-radius: 99px;


        background: #fdfcf9e6;


        font-size: 10px;


        font-weight: 900;


        letter-spacing: 0.1em;


      }


      .product-code {


        bottom: 12px;


        left: 12px;


      }


      .product-body {


        display: flex;


        flex: 1;


        padding: 19px 7px 7px;


        flex-direction: column;


      }


      .product-category {


        margin: 0 0 7px;


        color: #596f83;


        font-size: 10px;


        font-weight: 900;


        letter-spacing: 0.12em;


        text-transform: uppercase;


      }


      .product-body h3 {


        margin: 0 0 12px;


        font-size: 27px;


        line-height: 1.05;


      }


      .product-summary {


        margin: 0 0 18px;


        color: #5f6d78;


        font-size: 14px;


      }


      .product-tags {


        display: flex;


        flex-wrap: wrap;


        gap: 6px;


        margin: auto 0 16px;


      }


      .product-tags span,


      .product-tags button {


        padding: 5px 8px;


        border: 0;


        border-radius: 99px;


        background: #10365c0d;


        color: #536879;


        cursor: pointer;


        font: inherit;


        font-size: 10px;


        font-weight: 800;


      }


      .product-tags button {


        border: 1px solid transparent;


      }


      .product-tags button:hover,


      .product-tags button:focus-visible {


        border-color: var(--green);


        background: #fdfcf9;


        color: var(--green);


      }


      .product-actions {


        display: grid;


        grid-template-columns: 1fr auto;


        gap: 8px;


        padding-top: 14px;


        border-top: 1px solid #dadddc;


      }


      .product-actions button {


        min-height: 42px;


        padding: 8px 12px;


        border: 0;


        border-radius: 99px;


        background: var(--green);


        color: #fdfcf9;


        font-weight: 800;


        cursor: pointer;


      }


      .product-actions .inquiry-add {


        width: 42px;


        padding: 0;


        border: 1px solid #dadddc;


        background: #fdfcf9;


        color: var(--green);


        font-size: 20px;


      }


      .empty-products {


        display: none;


        padding: 55px 20px;


        border: 1px dashed #dadddc;


        border-radius: 18px;


        color: #5f6d78;


        text-align: center;


      }


      .product-dialog {


        width: min(900px, calc(100% - 28px));


        max-height: calc(100vh - 28px);


        padding: 0;


        overflow: auto;


        border: 0;


        border-radius: 24px;


        background: #fdfcf9;


        color: var(--ink);


        box-shadow: 0 35px 110px #0007;


      }


      .product-dialog::backdrop {


        background: #0c233abd;


        backdrop-filter: blur(7px);


      }


      .dialog-close {


        position: sticky;


        z-index: 3;


        top: 14px;


        float: right;


        width: 39px;


        height: 39px;


        margin: 14px 14px -56px 0;


        border: 1px solid #dadddc;


        border-radius: 50%;


        background: #fdfcf9eb;


        color: var(--ink);


        font-size: 20px;


        cursor: pointer;


      }


      .dialog-grid {


        display: grid;


        grid-template-columns: 0.78fr 1.22fr;


      }


      .dialog-visual {


        min-height: 100%;


        background: linear-gradient(150deg, #c8d3db, #8399aa);


      }


      .dialog-content {


        padding: 55px clamp(24px, 5vw, 55px);


      }


      .dialog-content h2 {


        margin: 10px 0 18px;


        font-size: clamp(40px, 6vw, 68px);


      }


      .dialog-summary {


        color: #5f6d78;


        font-size: 17px;


      }


      .dialog-facts {


        display: grid;


        grid-template-columns: repeat(3, 1fr);


        margin: 26px 0;


        border-block: 1px solid #dadddc;


      }


      .dialog-facts div {


        padding: 18px 10px 18px 0;


      }


      .dialog-facts div + div {


        padding-left: 14px;


        border-left: 1px solid #dadddc;


      }


      .dialog-facts dt {


        color: #5f6d78;


        font-size: 10px;


        font-weight: 800;


        letter-spacing: 0.08em;


        text-transform: uppercase;


      }


      .dialog-facts dd {


        margin: 5px 0 0;


        font-weight: 800;


      }


      .sku-list {


        width: 100%;


        margin: 22px 0;


        border-collapse: collapse;


        font-size: 13px;


      }


      .sku-list th,


      .sku-list td {


        padding: 10px 8px;


        border-bottom: 1px solid #dadddc;


        text-align: left;


      }


      .sku-list th {


        color: #5f6d78;


        font-size: 10px;


        letter-spacing: 0.08em;


        text-transform: uppercase;


      }


      .document-row {


        display: flex;


        flex-wrap: wrap;


        gap: 7px;


        margin-bottom: 26px;


      }


      .document-row span,


      .document-row button {


        padding: 7px 10px;


        border: 1px solid #dadddc;


        border-radius: 8px;


        background: #fdfcf9;


        color: var(--ink);


        cursor: pointer;


        font: inherit;


        font-size: 11px;


        font-weight: 800;


      }


      .document-row button:hover {


        border-color: var(--green);


        color: var(--green);


      }


      .category {


        background: #efeeea;


      }


      .category-grid {


        display: grid;


        grid-template-columns: 1fr 1fr;


      }


      .category-grid a {


        display: flex;


        align-items: center;


        gap: 30px;


        min-height: 130px;


        border-top: 1px solid #dadddc;


        color: inherit;


        text-decoration: none;


      }


      .category-grid a:nth-child(even) {


        border-left: 1px solid #dadddc;


        padding-left: 30px;


      }


      .category-grid h3 {


        font-size: 34px;


        margin: 0;


      }


      .quality {


        background: var(--green);


        color: #fdfcf9;


      }


      .quality-grid {


        display: grid;


        grid-template-columns: 1fr 1fr;


        gap: 90px;


      }


      .quality h2 {


        font-size: clamp(54px, 7vw, 94px);


        max-width: 8ch;


      }


      .quality-list div {


        padding: 28px 0;


        border-top: 1px solid #fdfcf933;


      }


      .quality-list strong {


        display: block;


        font: 30px Georgia;


        margin-bottom: 8px;


      }


      .quality-list span {


        color: #fdfcf9aa;


      }


      .documentation {


        background: #efeeea;


      }


      .documentation-intro {


        max-width: 680px;


        margin: -28px 0 45px auto;


        color: #5f6d78;


      }


      .documentation-grid {


        display: grid;


        grid-template-columns: repeat(3, minmax(0, 1fr));


        gap: 18px;


      }


      .document-card {


        position: relative;


        min-height: 490px;


        padding: 28px;


        overflow: hidden;


        border: 1px solid #dadddc;


        border-radius: 22px;


        background: #fdfcf9;


        scroll-margin-top: 115px;


      }


      .document-card:target {


        border-color: var(--green);


        box-shadow:


          0 0 0 4px #10365c12,


          0 22px 60px #1e344718;


      }


      .document-card-header {


        display: flex;


        align-items: flex-start;


        justify-content: space-between;


        gap: 15px;


      }


      .document-card-code {


        color: #596f83;


        font-size: 11px;


        font-weight: 900;


        letter-spacing: 0.14em;


      }


      .document-card-badge {


        padding: 5px 8px;


        border-radius: 99px;


        background: #9aafbe2b;


        color: #536d82;


        font-size: 9px;


        font-weight: 900;


        letter-spacing: 0.08em;


      }


      .document-card h3 {


        margin: 25px 0 15px;


        font-size: 35px;


        line-height: 1;


      }


      .document-card > p {


        color: #5f6d78;


        font-size: 14px;


      }


      .document-preview {


        margin: 24px 0;


        padding: 16px;


        border: 1px solid #dadddc;


        border-radius: 13px;


        background: #fdfcf9;


      }


      .document-preview dl {


        margin: 0;


      }


      .document-preview div {


        display: grid;


        grid-template-columns: 1fr 1fr;


        gap: 14px;


        padding: 9px 0;


        border-bottom: 1px solid #dadddc;


      }


      .document-preview div:last-child {


        border-bottom: 0;


      }


      .document-preview dt {


        color: #5f6d78;


        font-size: 11px;


      }


      .document-preview dd {


        margin: 0;


        font-size: 12px;


        font-weight: 800;


        text-align: right;


      }


      .coa-document-preview {


        margin: 24px 0;


        overflow: hidden;


        border: 1px solid #dadddc;


        border-radius: 20px;


        background: #edf1f3;


        box-shadow: 0 22px 55px #17345118;


      }


      .coa-document-image {


        display: block;


        width: 100%;


        height: auto;


      }


      .coa-document-card .document-card-footer a {


        display: inline-flex;


        min-height: 38px;


        align-items: center;


        padding: 8px 14px;


        border-radius: 99px;


        background: var(--green);


        color: #fff;


        text-decoration: none;


      }


      .document-card-footer {


        display: flex;


        align-items: center;


        justify-content: space-between;


        gap: 12px;


        padding-top: 16px;


        border-top: 1px solid #dadddc;


        color: #5f6d78;


        font-size: 11px;


        font-weight: 800;


      }


      .document-card-footer a {


        color: var(--green);


      }


      .document-dialog .document-card {


        min-height: 0;


        padding: clamp(30px, 6vw, 62px);


        border: 0;


        border-radius: 0;


      }


      .document-dialog .document-card h3 {


        font-size: clamp(40px, 7vw, 72px);


      }


      .inquiry-section {


        padding: 90px 0;


        background: #efeeea;


      }


      .inquiry-grid {


        display: grid;


        grid-template-columns: 0.72fr 1.28fr;


        gap: 70px;


        align-items: start;


      }


      .inquiry-intro {


        position: sticky;


        top: 115px;


      }


      .inquiry-intro h2 {


        margin: 18px 0 22px;


        font-size: clamp(48px, 6vw, 82px);


      }


      .inquiry-intro p:not(.eyebrow) {


        color: #536574;


      }


      .direct-contact {


        display: grid;


        gap: 8px;


        margin-top: 28px;


      }


      .direct-contact a {


        color: var(--ink);


        font-weight: 800;


        text-decoration: none;


      }


      .inquiry-form {


        padding: clamp(22px, 4vw, 42px);


        border: 1px solid #dadddc;


        border-radius: 24px;


        background: #f8f7f3;


        box-shadow: 0 25px 70px #10365c1c;


      }


      .inquiry-form-grid {


        display: grid;


        grid-template-columns: 1fr 1fr;


        gap: 17px;


      }


      .inquiry-form label {


        display: grid;


        gap: 7px;


      }


      .inquiry-form textarea {


        min-height: 135px;


        resize: vertical;


      }


      .span-2 {


        grid-column: 1 / -1;


      }


      .form-actions {


        display: flex;


        flex-wrap: wrap;


        gap: 10px;


        margin-top: 20px;


      }


      .form-note {


        margin: 16px 0 0;


        color: #5f6d78;


        font-size: 12px;


      }


      .whatsapp-float {


        position: fixed;


        z-index: 50;


        right: 24px;


        bottom: 78px;


        display: grid;


        width: 64px;


        height: 64px;


        border: 2px solid #fdfcf9d9;


        border-radius: 50%;


        background: #25d366;


        color: #fdfcf9;


        box-shadow: 0 13px 35px #0c233a4f;


        text-decoration: none;


        place-items: center;


        transition: 0.2s ease;


      }


      .whatsapp-float:hover {


        transform: translateY(-4px) scale(1.03);


      }


      .whatsapp-float svg {


        display: block;


        width: 36px;


        height: 36px;


        fill: currentColor;


      }


      .whatsapp-float:after {


        position: absolute;


        right: 75px;


        width: max-content;


        padding: 8px 11px;


        border-radius: 8px;


        background: #0c233a;


        color: #fdfcf9;


        content: attr(data-label);


        font-size: 12px;


        font-weight: 800;


        opacity: 0;


        pointer-events: none;


        transform: translateX(8px);


        transition: 0.2s ease;


      }


      .whatsapp-float:hover:after,


      .whatsapp-float:focus-visible:after {


        opacity: 1;


        transform: translateX(0);


      }


      .cart-float {


        position: fixed;


        z-index: 52;


        right: 24px;


        bottom: 161px;


        display: inline-flex;


        min-width: 162px;


        min-height: 58px;


        align-items: center;


        justify-content: center;


        gap: 10px;


        padding: 10px 14px 10px 16px;


        border: 1px solid #fdfcf9c7;


        border-radius: 19px;


        background: var(--green);


        color: #fdfcf9;


        box-shadow: 0 13px 35px #0c233a3d;


        cursor: pointer;


        font: inherit;


        font-size: 13px;


        font-weight: 800;


        letter-spacing: 0.04em;


        transition: 0.22s ease;


      }


      .cart-float:hover,


      .cart-float[aria-expanded='true'] {


        background: #284c6d;


        transform: translateY(-3px);


      }


      .cart-float svg {


        width: 22px;


        height: 22px;


        fill: none;


        stroke: currentColor;


        stroke-linecap: round;


        stroke-linejoin: round;


        stroke-width: 1.8;


      }


      .cart-count {


        display: grid;


        min-width: 25px;


        height: 25px;


        padding-inline: 6px;


        border-radius: 99px;


        background: var(--gold);


        color: #10365c;


        font-size: 12px;


        place-items: center;


      }


      .cart-float.is-pulsing {


        animation: cart-pulse 520ms ease;


      }


      @keyframes cart-pulse {


        50% {


          transform: translateY(-3px) scale(1.045);


          box-shadow: 0 17px 42px #0c233a57;


        }


      }


      .cart-panel {


        position: fixed;


        z-index: 55;


        right: 24px;


        bottom: 233px;


        width: min(390px, calc(100vw - 32px));


        max-height: min(640px, calc(100vh - 264px));


        padding: 0;


        overflow: hidden;


        border: 1px solid #dadddc;


        border-radius: 24px;


        background: #fdfcf9;


        box-shadow: 0 28px 80px #0c233a4f;


        opacity: 0;


        pointer-events: none;


        transform: translateY(12px) scale(0.98);


        transform-origin: bottom right;


        transition:


          opacity 180ms ease,


          transform 220ms ease;


      }


      .cart-panel.is-open {


        opacity: 1;


        pointer-events: auto;


        transform: translateY(0) scale(1);


      }


      .cart-panel-header {


        display: flex;


        align-items: flex-start;


        justify-content: space-between;


        gap: 16px;


        padding: 20px 20px 16px;


        border-bottom: 1px solid #dadddc;


      }


      .cart-panel-header h2 {


        margin: 0 0 3px;


        font-family: Georgia, 'Times New Roman', serif;


        font-size: 25px;


        font-weight: 500;


      }


      .cart-panel-header p {


        margin: 0;


        color: #5f6d78;


        font-size: 11px;


      }


      .cart-close {


        display: grid;


        width: 34px;


        height: 34px;


        flex: 0 0 auto;


        border: 1px solid #dadddc;


        border-radius: 50%;


        background: #fdfcf9;


        color: var(--green);


        cursor: pointer;


        font-size: 20px;


        place-items: center;


      }


      .cart-items {


        display: grid;


        max-height: 340px;


        padding: 8px 20px;


        overflow-y: auto;


      }


      .cart-empty {


        padding: 34px 12px 38px;


        color: #5f6d78;


        text-align: center;


      }


      .cart-empty strong {


        display: block;


        margin-bottom: 6px;


        color: var(--ink);


        font-size: 15px;


      }


      .cart-empty p {


        margin: 0;


        font-size: 12px;


      }


      .cart-item {


        display: grid;


        padding: 13px 0;


        align-items: center;


        gap: 10px;


        border-bottom: 1px solid #dadddc;


        grid-template-columns: minmax(0, 1fr) auto;


      }


      .cart-item:last-child {


        border-bottom: 0;


      }


      .cart-item-name {


        min-width: 0;


      }


      .cart-item-name strong,


      .cart-item-name span {


        display: block;


      }


      .cart-item-name strong {


        overflow: hidden;


        font-size: 13px;


        text-overflow: ellipsis;


        white-space: nowrap;


      }


      .cart-item-name span {


        margin-top: 2px;


        color: #596f83;


        font-size: 10px;


        font-weight: 800;


        letter-spacing: 0.08em;


      }


      .cart-item-controls {


        display: flex;


        align-items: center;


        gap: 4px;


      }


      .cart-item-controls button {


        display: grid;


        width: 28px;


        height: 28px;


        padding: 0;


        border: 1px solid #dadddc;


        border-radius: 50%;


        background: #fdfcf9;


        color: var(--green);


        cursor: pointer;


        font: inherit;


        place-items: center;


      }


      .cart-item-controls span {


        min-width: 25px;


        color: var(--ink);


        font-size: 12px;


        font-weight: 800;


        text-align: center;


      }


      .cart-item-controls .cart-remove {


        margin-left: 3px;


        border-color: transparent;


        background: transparent;


        color: #8b5750;


        font-size: 16px;


      }


      .cart-panel-footer {


        display: grid;


        padding: 15px 20px 20px;


        gap: 8px;


        border-top: 1px solid #dadddc;


        background: #efeeea;


      }


      .cart-contact {


        min-height: 43px;


        border: 0;


        border-radius: 99px;


        background: var(--green);


        color: #fdfcf9;


        cursor: pointer;


        font: inherit;


        font-size: 12px;


        font-weight: 800;


      }


      .cart-contact.cart-email {


        border: 1px solid #dadddc;


        background: #fdfcf9;


        color: var(--green);


      }


      .cart-contact:disabled {


        cursor: not-allowed;


        opacity: 0.45;


      }


      .contact-dialog {


        width: min(520px, calc(100% - 28px));


        padding: 0;


        overflow: hidden;


        border: 0;


        border-radius: 26px;


        background: #f8f7f3;


        color: var(--ink);


        box-shadow: 0 35px 110px #0007;


      }


      .contact-dialog::backdrop {


        background: #0c233abd;


        backdrop-filter: blur(7px);


      }


      .contact-dialog-header {


        display: flex;


        padding: 28px 28px 20px;


        align-items: flex-start;


        justify-content: space-between;


        gap: 20px;


        border-bottom: 1px solid #dadddc;


      }


      .contact-dialog-header h2 {


        margin: 0 0 7px;


        font-family: Georgia, 'Times New Roman', serif;


        font-size: clamp(30px, 6vw, 42px);


        font-weight: 500;


      }


      .contact-dialog-header p {


        max-width: 34ch;


        margin: 0;


        color: #5f6d78;


        font-size: 13px;


      }


      .contact-copy-line {


        display: block;


        white-space: nowrap;


      }


      .contact-dialog-links {


        display: grid;


        padding: 18px 28px 28px;


        gap: 10px;


      }


      .contact-dialog-link {


        display: grid;


        min-height: 72px;


        padding: 14px 16px;


        align-items: center;


        gap: 3px 12px;


        border: 1px solid #dadddc;


        border-radius: 17px;


        background: #fdfcf9;


        color: var(--ink);


        text-decoration: none;


        grid-template-columns: minmax(0, 1fr) auto;


        transition: 0.2s ease;


      }


      .contact-dialog-link:hover {


        border-color: #718ca3;


        box-shadow: 0 10px 24px #10365c16;


        transform: translateY(-2px);


      }


      .contact-dialog-link strong,


      .contact-dialog-link small {


        display: block;


      }


      .contact-dialog-link strong {


        font-size: 12px;


        letter-spacing: 0.08em;


        text-transform: uppercase;


      }


      .contact-dialog-link small {


        overflow: hidden;


        color: #5f6d78;


        font-size: 13px;


        text-overflow: ellipsis;


      }


      .contact-dialog-link span {


        grid-row: 1 / 3;


        grid-column: 2;


        color: #596f83;


        font-size: 22px;


      }


      .sr-only {


        position: absolute;


        width: 1px;


        height: 1px;


        padding: 0;


        margin: -1px;


        overflow: hidden;


        clip: rect(0, 0, 0, 0);


        white-space: nowrap;


        border: 0;


      }


      footer {


        padding: 80px 0 28px;


        background: #0c233a;


        color: #fdfcf9a8;


      }


      .footer-grid {


        display: grid;


        grid-template-columns: 1.45fr repeat(3, 1fr);


        gap: 70px;


      }


      .footer-brand strong {


        display: block;


        color: white;


        font: 28px Georgia;


        margin-bottom: 24px;


      }


      .footer-brand p {


        max-width: 290px;


        margin: 0;


        color: #bdc8d0;


        font-size: 14px;


      }


      .footer-kicker {


        display: flex;


        align-items: center;


        gap: 8px;


        margin-top: 25px;


        font-size: 10px;


        font-weight: 800;


        letter-spacing: 0.14em;


        text-transform: uppercase;


      }


      .footer-kicker:before {


        content: '';


        width: 7px;


        height: 7px;


        border-radius: 50%;


        background: var(--gold);


        box-shadow: 0 0 14px var(--gold);


      }


      .footer-col h3 {


        margin-bottom: 23px;


        color: #b8c9d6;


        font: 800 11px Arial;


        letter-spacing: 0.18em;


        text-transform: uppercase;


      }


      .footer-col a {


        display: block;


        margin: 11px 0;


        color: #fdfcf9bd;


        text-decoration: none;


        font-size: 14px;


      }


      .footer-col a:hover {


        color: white;


      }


      .footer-bottom {


        display: flex;


        justify-content: space-between;


        gap: 25px;


        margin-top: 65px;


        padding-top: 25px;


        border-top: 1px solid #fdfcf91a;


        color: #aebcc8;


        font-size: 11px;


        letter-spacing: 0.08em;


      }


      .footer-bottom p {


        margin: 0;


      }


      @media (max-width: 1024px) {


        .hero-grid {


          gap: 45px;


        }


        .footer-grid {


          grid-template-columns: 1.3fr repeat(2, 1fr);


          gap: 45px;


        }


        .footer-col:last-child {


          grid-column: 2/4;


        }


        .cards {


          gap: 12px;


        }


        .catalog-toolbar {


          grid-template-columns: repeat(2, minmax(0, 1fr));


        }


        .catalog-search {


          grid-column: 1 / -1;


        }


        .product-grid {


          grid-template-columns: repeat(2, minmax(0, 1fr));


        }


        .documentation-grid {


          grid-template-columns: 1fr;


        }


        .document-card {


          min-height: auto;


        }


      }


      @media (max-width: 800px) {


        nav {


          height: 70px;


        }


        .links {


          display: none;


        }


        .hero-grid,


        .quality-grid,


        .heading {


          grid-template-columns: 1fr;


          gap: 35px;


        }


        .hero {


          min-height: auto;


        }


        .hero h1 {


          font-size: 58px;


        }


        .stage {


          min-height: 420px;


        }


        .stage:after {


          width: 210px;


          height: 210px;


        }


        .cards {


          display: flex;


          overflow: auto;


          scroll-snap-type: x mandatory;


        }


        .card {


          min-width: 84vw;


          scroll-snap-align: start;


        }


        .category-grid {


          grid-template-columns: 1fr;


        }


        .category-grid a:nth-child(even) {


          border-left: 0;


          padding-left: 0;


        }


        .strip .wrap {


          gap: 30px;


          overflow: auto;


          justify-content: flex-start;


          white-space: nowrap;


        }


        .section {


          padding: 75px 0;


        }


        .footer-grid {


          grid-template-columns: 1fr 1fr;


        }


        .footer-brand {


          grid-column: 1/-1;


        }


        .footer-col:last-child {


          grid-column: auto;


        }


        .footer-bottom {


          flex-direction: column;


        }


        .dialog-grid,


        .inquiry-grid {


          grid-template-columns: 1fr;


        }


        .dialog-visual {


          min-height: 220px;


        }


        .inquiry-intro {


          position: static;


        }


      }


      @media (max-width: 520px) {


        .wrap {


          width: min(100% - 28px, 1180px);


        }


        .logo {


          font-size: 21px;


        }


        .lang {


          padding: 8px 10px;


        }


        .hero {


          padding: 48px 0;


        }


        .hero h1 {


          font-size: 49px;


        }


        .lead {


          font-size: 16px;


        }


        .actions {


          align-items: flex-start;


          flex-direction: column;


        }


        .stage {


          min-height: 350px;


          border-radius: 20px;


        }


        .stage:after {


          width: 170px;


          height: 170px;


          font-size: 64px;


        }


        .heading h2 {


          font-size: 43px;


        }


        .quality h2 {


          font-size: 51px;


        }


        .footer-grid {


          grid-template-columns: 1fr;


          gap: 40px;


        }


        .footer-brand,


        .footer-col:last-child {


          grid-column: auto;


        }


        .footer-bottom {


          margin-top: 45px;


        }


        .catalog-shell {


          padding: 15px;


          border-radius: 20px;


        }


        .catalog-toolbar,


        .product-grid,


        .inquiry-form-grid {


          grid-template-columns: 1fr;


        }


        .catalog-search,


        .span-2 {


          grid-column: auto;


        }


        .product-item {


          min-height: 470px;


        }


        .dialog-facts {


          grid-template-columns: 1fr;


        }


        .dialog-facts div + div {


          padding-left: 0;


          border-top: 1px solid #dadddc;


          border-left: 0;


        }


        .inquiry-section {


          padding: 65px 0;


        }


        .whatsapp-float {


          right: 16px;


          bottom: 70px;


          width: 58px;


          height: 58px;


        }


        .whatsapp-float svg {


          width: 30px;


          height: 30px;


        }


        .cart-float {


          right: 16px;


          bottom: 147px;


          min-width: 146px;


          min-height: 52px;


          border-radius: 17px;


        }


        .cart-panel {


          right: 16px;


          bottom: 213px;


          max-height: calc(100vh - 235px);


        }


        .documentation-intro {


          margin-top: 0;


        }


      }


      .stage.logo-hero {


        background: #f7fbff;


      }


      .stage.logo-hero:after {


        display: none;


      }


      .stage.logo-hero img {


        width: 100%;


        height: 100%;


        min-height: 630px;


        object-fit: cover;


      }


      .about {


        background: #f8f7f3;


      }


      .about-grid {


        display: grid;


        grid-template-columns: 1.05fr 0.95fr;


        gap: 80px;


        align-items: center;


      }


      .about-carousel {


        position: relative;


        width: 100%;


        min-height: 520px;


        touch-action: pan-y;


        user-select: none;


      }


      .about-carousel-viewport {


        position: absolute;


        inset: 0;


        overflow: hidden;


        border-radius: 24px;


        box-shadow: 0 30px 70px #1e344728;


      }


      .about-slide {


        position: absolute;


        inset: 0;


        width: 100%;


        height: 100%;


        transform: scale(1.012);


        opacity: 0;


        filter: saturate(0.97) brightness(0.985);


        object-fit: cover;


        pointer-events: none;


        transition:


          opacity 1500ms cubic-bezier(0.22, 1, 0.36, 1),


          filter 1500ms ease;


      }


      .about-slide.is-active {


        z-index: 1;


        opacity: 1;


        filter: saturate(1) brightness(1);


        animation: about-breathe 5.5s cubic-bezier(0.22, 1, 0.36, 1) both;


      }


      @keyframes about-breathe {


        from {


          transform: scale(1.018);


        }


        to {


          transform: scale(1.003);


        }


      }


      .carousel-arrow {


        position: absolute;


        z-index: 3;


        top: 50%;


        display: block;


        width: 38px;


        height: 64px;


        padding: 0;


        transform: translateY(-50%);


        border: 0;


        background: transparent;


        color: var(--green);


        cursor: pointer;


        font:


          52px/1 Georgia,


          serif;


        opacity: 0.58;


      }


      .carousel-arrow:hover {


        transform: translateY(-50%) scale(1.05);


        color: #596f83;


        opacity: 1;


      }


      .carousel-prev {


        left: -55px;


      }


      .carousel-next {


        right: -55px;


      }


      .carousel-status {


        position: absolute;


        z-index: 3;


        right: 18px;


        bottom: 17px;


        left: 18px;


        display: flex;


        align-items: center;


        justify-content: space-between;


        gap: 12px;


        color: #fdfcf9;


        font-size: 10px;


        font-weight: 900;


        letter-spacing: 0.1em;


        text-shadow: 0 1px 8px #000;


      }


      .carousel-dots {


        display: flex;


        gap: 7px;


      }


      .carousel-dot {


        width: 8px;


        height: 8px;


        padding: 0;


        border: 1px solid #fdfcf9;


        border-radius: 50%;


        background: transparent;


        cursor: pointer;


      }


      .carousel-dot.is-active {


        background: #fdfcf9;


        box-shadow: 0 0 0 3px #fdfcf93b;


      }


      .about h2 {


        max-width: none;


        font-size: clamp(44px, 4.5vw, 68px);


        margin: 20px 0 25px;


      }


      .about-title-line {


        display: block;


        white-space: nowrap;


      }


      .about-copy {


        color: #5f6d78;


        font-size: 18px;


      }


      .advantages {


        display: grid;


        grid-template-columns: 1fr 1fr;


        margin: 30px 0 0;


        padding: 0;


        border-top: 1px solid #dadddc;


        list-style: none;


      }


      .advantages li {


        position: relative;


        padding: 16px 8px 16px 20px;


        border-bottom: 1px solid #dadddc;


        font-size: 13px;


        font-weight: 800;


      }


      .advantages li:before {


        position: absolute;


        left: 0;


        color: #1970aa;


        content: '•';


      }


      @media (max-width: 1024px) {


        .about-grid {


          gap: 45px;


        }


      }


      @media (max-width: 800px) {


        .about-grid {


          grid-template-columns: 1fr;


        }


        .stage.logo-hero img {


          min-height: 420px;


        }


        .about-carousel {


          min-height: 380px;


        }


        .carousel-prev {


          left: -34px;


        }


        .carousel-next {


          right: -34px;


        }


      }


      @media (max-width: 520px) {


        .stage.logo-hero img {


          min-height: 350px;


        }


        .about-carousel {


          min-height: 300px;


        }


        .advantages {


          grid-template-columns: 1fr;


        }


        .about h2 {


          font-size: 40px;


        }


        .carousel-arrow {


          width: 28px;


          height: 50px;


          font-size: 40px;


        }


        .carousel-prev {


          left: -18px;


        }


        .carousel-next {


          right: -18px;


        }


      }


      @media (prefers-reduced-motion: reduce) {


        .about-slide,


        .about-slide.is-active {


          animation: none;


          transition-duration: 1ms;


        }


      }


    
.vr-editorial-note{font:inherit;font-size:.95rem;line-height:1.7;margin-block:24px;padding:24px;border:1px solid #d6e0e7;border-radius:18px;background:#f6f9fc}.vr-editorial-note h2{font-size:1.5rem}.vr-editorial-note p{max-width:80ch}.vr-editorial-note a{overflow-wrap:anywhere}

#cartFloat.cart-float{width:max-content;min-width:56px;max-width:calc(100vw - 32px)}#cartFloat.cart-float>svg,#cartFloat.cart-float>.cart-count{flex-shrink:0}#cartFloat [data-vcf-cart-label]{white-space:nowrap}

/* Footer language navigation: scope presentation to public page footers. */
footer > nav.site-language-links {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  width: min(1180px, calc(100% - 40px));
  margin: 20px auto 0;
  padding: 16px 0 0;
  border-top: 1px solid #ffffff26;
  font: 14px/1.5 Arial, "Microsoft YaHei", sans-serif;
}
footer > nav.site-language-links a,
footer > nav.site-language-links a:visited {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 9px 14px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #dbe8f3;
  background: transparent;
  text-decoration: none;
  white-space: nowrap;
}
footer > nav.site-language-links a:hover {
  color: #ffffff;
  background: #ffffff12;
  text-decoration: underline;
  text-underline-offset: 4px;
}
footer > nav.site-language-links a[aria-current="page"] {
  color: #ffffff;
  background: #ffffff18;
  border-color: #a4c8e959;
  font-weight: 700;
  text-decoration: none;
}
footer > nav.site-language-links a:focus-visible {
  outline: 2px solid #8fd3ff;
  outline-offset: 3px;
}
@media (max-width: 700px) {
  footer > nav.site-language-links {
    width: calc(100% - 28px);
    gap: 4px 6px;
  }
  footer > nav.site-language-links a { padding-inline: 11px; }
}