/* Original cipher-paper composition: folded sheets, ink and tessellated fragments. */
body:has(> .cds-atmosphere) { isolation: isolate; }
body:has(> .cds-atmosphere) { --primary-color:#9fe5c3; --secondary-color:#7bb8c7; --accent-color:#d9d9a0; --primary:#9fe5c3; --secondary:#7bb8c7; --accent:#d9d9a0; }
body:has(> .cds-atmosphere) > :is(.cyber-bg,.code-rain,.matrix-lines,.bg-grid,.animated-bg,.bg-gradient,.orb) { display: none; }
.cds-atmosphere { position: fixed; inset: 0; height: 100lvh; z-index: -1; overflow: hidden; pointer-events: none; contain: strict; background: #090e13; }
.cds-paper-light { position: absolute; inset: 0; background: radial-gradient(ellipse at 78% 28%,#3a654b66,transparent 65%),linear-gradient(120deg,#10181b,#080c12 55%); }
.cds-cipher-field { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .85; mask-image: linear-gradient(90deg,transparent 5%,#000 90%); }
.cds-cipher-cell { animation: cds-cell-decode 13s ease-in-out infinite; animation-delay: calc(var(--cell) * -1s); }
.cds-cipher-cell path { fill: #8aba9b06; stroke: #8aba9b; stroke-opacity: .24; stroke-width: .7; }
.cds-cipher-cell .cds-cell-fold { fill: #afdeb51c; }
.cds-cipher-cell text { fill: #acd8ae; opacity: .28; font: 10px monospace; letter-spacing: 2px; }
.cds-cell-fragments { transform-box: fill-box; transform-origin: center; animation: cds-background-fragment 6s ease-in-out infinite; animation-delay: calc(var(--cell) * -.73s); }
.cds-cell-fragments rect { fill: #9ce8ba; }
.cds-cell-fragments rect:nth-child(2n) { fill: #d8dba1; }
.cds-atmosphere[data-motion="static"] * { animation: none !important; }
.cds-atmosphere[data-motion="static"] .cds-cipher-cell { opacity: .4; }
.cds-atmosphere[data-motion="static"] .cds-cell-fragments { display: none; }
.cds-cipher-column { animation: cds-paper-drift 32s ease-in-out infinite alternate; animation-delay: calc(var(--column) * -3s); }
.cds-grain { position: absolute; inset: 0; background-image: radial-gradient(#a7d2b020 .5px,transparent .5px); background-size: 5px 5px; opacity: .13; }
.cds-cipher-visual { width: 100%; pointer-events: none; }
.cds-cipher-visual > svg { display: block; width: 100%; height: auto; overflow: visible; }
.cds-sheet-stack { animation: cds-sheet-lift 9s ease-in-out infinite; }
.cds-encryption-sweep { animation: cds-encrypt 6s cubic-bezier(.45,0,.2,1) infinite; }
.cds-ink-line { animation: cds-ink 6s ease infinite; animation-delay: calc(var(--line) * .09s); }
.cds-shard { transform-box: fill-box; transform-origin: center; animation: cds-fragment 6s ease-in-out infinite; animation-delay: calc(var(--shard) * -.21s); }
.cds-hash-tile { animation: cds-hash-lift 6s ease-in-out infinite; }
.cds-ledger-block { animation: cds-block-seal 6s ease-in-out infinite; animation-delay: calc(var(--block) * -.8s); }
.cds-art-signature { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: -12px 45px 0 65px; color: #a6c7b2; font: 10px/1.5 monospace; letter-spacing: .14em; }
.cds-art-signature > span:nth-child(2) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 65%; }
.cds-signature-mark { color: #d6e1a9; font-size: 20px; }
.cds-art-signature > span { white-space: nowrap; }
.cds-art-signature > span:last-child { flex-shrink: 0; }
.cds-signature-line { flex: 1; height: 1px; background: #b9d8b12b; }
.cds-signature-action { pointer-events: auto; display: inline-flex; align-items: center; justify-content: center; gap: 8px; max-width: 100%; padding: 8px 11px; border: 1px solid #a9d5b54d; border-radius: 8px; color: #d7efcf; background: #9fcf990a; text-decoration: none; letter-spacing: .06em; overflow-wrap: anywhere; animation: cds-outline 6s ease-in-out infinite; }
.cds-signature-action:hover { background: #9fcf991c; border-color: #c5e8b6; }
.cds-signature-action:focus-visible { outline: 2px solid #cceabf; outline-offset: 4px; }
.cds-hero-stage { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); align-items: center; gap: 30px; width: 100%; max-width: 1280px; margin: 0 auto 60px; }
.cds-hero-copy { min-width: 0; text-align: start; }
.hero .cds-hero-copy h1 { font-size: clamp(34px,4.3vw,66px); line-height: 1.12; margin-bottom: 24px; overflow-wrap: anywhere; background-image: linear-gradient(120deg,#eff2d7,#8fe6bf 65%,#7db6bb); letter-spacing: .045em; }
.hero .cds-hero-copy .hero-subtitle { margin: 0; max-width: 610px; font-size: clamp(14px,1.4vw,18px); line-height: 1.9; color: #adbdba; }
.cds-hero-art { width: 100%; max-width: 560px; justify-self: end; transform: translate3d(var(--cds-pointer-x,0px),var(--cds-pointer-y,0px),0); transition: transform .8s ease-out; }
.hero:has(.cds-hero-stage) { margin-top: 0; padding-top: 145px; padding-bottom: 45px; }
/* Auth forms and the document illustration share one generous desktop stage. */
body:has(.cds-page-art-login,.cds-page-art-register) > .main-container { display: grid; grid-template-columns: minmax(0,520px) minmax(0,520px); align-items: center; justify-content: center; gap: clamp(24px,6vw,100px); max-width: 1240px; margin-inline: auto; }
body:has(.cds-page-art-login,.cds-page-art-register) :is(.login-box,.register-box) { width: 100%; min-width: 0; background: linear-gradient(135deg,#132327ed,#0a1119f5); border-radius: 20px; }
.cds-page-art { pointer-events: none; min-width: 0; }
.header .menu-toggle[data-cds-menu] { display: none; background: transparent; color: #9fe5c3; border: 1px solid #83c6a871; font-size: 24px; cursor: pointer; }
@media (min-width: 769px) {
    :is(.cds-page-art-login,.cds-page-art-register) { align-self: start; position: sticky; top: 135px; margin-top: 45px; }
}
/* Carry the paper/mint/ivory identity through the existing interface. */
body:has(> .cds-atmosphere) :is(.logo,.form-title) { animation: none; background-image: linear-gradient(115deg,#e9edd2,#8ee4bc 70%,#8fc3c6); }
body:has(> .cds-atmosphere) :is(.login-box,.register-box,.welcome-header)::before { display: none; }
body:has(> .cds-atmosphere) :is(.feature-card,.profile-card,.profile-section,.tracking-card,.order-summary,.payment-section,.buy-box,.payment-method-card,.reset-box) { border-radius: 14px; background-color: #101c21; }
body:has(> .cds-atmosphere) :is(.form-input,.form-select,.form-textarea) { border-radius: 8px; }
body:has(> .cds-atmosphere) :is(.form-submit,.buy-button,.checkout-btn,.submit-btn) { background: linear-gradient(115deg,#a8e4b4,#72c6b6); color: #0a201b; border-radius: 9px; }
/* Account welcome, checkout summary and product media each get their own stage. */
.welcome-header:has(.cds-page-art) { position: relative; min-height: 260px; padding: 55px 350px 40px 32px; text-align: start; overflow: hidden; border: 1px solid #9fd9b53b; border-radius: 18px; background: linear-gradient(110deg,#122a28e8,#101e2580); }
.welcome-header > .cds-page-art { position: absolute; width: 330px; right: 15px; top: -24px; }
.order-summary > .cds-page-art { width: min(100%,290px); margin: -20px auto 20px; }
.cds-product-heading { display: grid; grid-template-columns: minmax(0,1fr) 180px; align-items: center; gap: 12px; margin-bottom: 24px; }
.cds-product-heading > .product-title { font-size: clamp(26px,3vw,40px); overflow-wrap: anywhere; margin: 0; }
.cds-product-heading .cds-art-signature { display: none; }
body:has(> .cds-atmosphere) :is(.feature-title,.feature-desc,.feature-text,.buy-box-stock,.buy-box-delivery) { min-width: 0; overflow-wrap: anywhere; white-space: normal; }
body:has(> .cds-atmosphere) .feature-card { padding-inline: clamp(12px,2vw,30px); }
.reset-box > .cds-page-art { width: 230px; max-width: 100%; margin: -30px auto 20px; }
.cds-atmosphere[data-paused="true"] *, .cds-cipher-visual[data-paused="true"] *, [data-cds-edge][data-paused="true"] > .cds-product-edge rect { animation-play-state: paused !important; }
/* Glints follow the real perimeter; borders on form controls breathe in place. */
.products-grid .product-card { border-color: #7fbc9c38; border-radius: 13px; }
.products-section#products { scroll-margin-top: 110px; }
[data-cds-edge] { isolation: isolate; }
.cds-product-edge { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 3; pointer-events: none; overflow: visible; border-radius: inherit; }
.cds-product-edge rect { fill: none; stroke: #c0f5bb; stroke-width: 1.4; stroke-dasharray: 13 87; animation: cds-perimeter 7s linear infinite; animation-delay: var(--cds-edge-delay,0s); filter: drop-shadow(0 0 2px #8affba70); }
[data-cds-edge]:nth-child(3n+2) .cds-product-edge rect { stroke: #83d4de; }
[data-cds-edge]:nth-child(3n+3) .cds-product-edge rect { stroke: #dfdda3; }
[data-cds-outline] { animation: cds-outline 6s ease-in-out infinite; animation-delay: var(--cds-edge-delay,0s); }
[data-cds-outline]:focus-visible { animation-play-state: paused; outline: 2px solid #cceabf; outline-offset: 3px; }
.tabs { overflow-y: hidden; }
@keyframes cds-cell-decode { 0%,65%,100% { opacity: .4; } 78% { opacity: 1; } }
@keyframes cds-paper-drift { from { transform: translateY(0); } to { transform: translateY(-38px); } }
@keyframes cds-sheet-lift { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-11px); } }
@keyframes cds-encrypt { 0%,8% { transform: translateY(-40px); opacity: 0; } 18%,74% { opacity: 1; } 90%,100% { transform: translateY(222px); opacity: 0; } }
@keyframes cds-ink { 0%,30%,100% { stroke-opacity: .5; } 55%,75% { stroke-opacity: .12; } }
@keyframes cds-fragment { 0%,100% { transform: translate(-13px,4px) scale(.65); opacity: .12; } 45% { opacity: .9; } 75% { transform: translate(15px,-7px) scale(1); opacity: .45; } }
@keyframes cds-background-fragment { 0%,12%,100% { transform: translate(-8px,3px) scale(.45); opacity: 0; } 42% { opacity: .5; } 75% { transform: translate(12px,-5px) scale(1); opacity: .18; } 92% { transform: translate(17px,-7px) scale(.6); opacity: 0; } }
@keyframes cds-hash-lift { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes cds-block-seal { 0%,100% { opacity: .5; transform: translateY(0); } 40%,60% { opacity: 1; transform: translateY(-4px); } }
@keyframes cds-perimeter { to { stroke-dashoffset: -100; } }
@keyframes cds-outline { 0%,100% { border-color: var(--cds-base-border,#70aa944d); } 50% { border-color: #a5d9b5b0; } }
@media (max-width: 1000px) {
    .cds-hero-stage { gap: 10px; }
    .hero .cds-hero-copy h1 { font-size: clamp(32px,4.7vw,48px); }
    body:has(.cds-page-art-login,.cds-page-art-register) > .main-container { gap: 24px; }
}
@media (min-width: 1025px) and (max-width: 1200px) {
    .header .nav-container { flex-wrap: nowrap; gap: 12px; }
    .header .logo { font-size: 22px; letter-spacing: 2px; white-space: nowrap; flex-shrink: 0; }
    .header .nav-menu { gap: 14px; }
    .header .nav-links { gap: 8px; flex-wrap: nowrap; }
    .header .nav-links a, .header .contact-email { padding-inline: 10px; font-size: 11px; letter-spacing: .6px; }
}
/* Keep the menu on the right on wide phones in landscape as well. */
@media (min-width: 769px) and (max-width: 1024px) {
    .header .nav-container:has(> .menu-toggle) { display: grid; grid-template-columns: minmax(0,1fr) 44px; position: relative; align-items: center; gap: 10px; direction: ltr; }
    .header .nav-container:has(> .menu-toggle) > :first-child { min-width: 0; grid-column: 1; grid-row: 1; }
    .header .nav-container > .menu-toggle { display: grid; place-items: center; grid-column: 2; grid-row: 1; justify-self: end; width: 44px; height: 44px; margin: 0; padding: 0; border-radius: 9px; }
    .header .nav-container > #navMenu { display: none; position: absolute; top: 100%; left: 0; right: 0; margin-top: 12px; padding: 20px; background: #0c171ff5; border: 1px solid #8bc4a850; border-radius: 12px; flex-direction: column; gap: 16px; max-height: calc(100dvh - 100px); overflow-y: auto; }
    .header .nav-container > #navMenu.active { display: flex; }
    .header #navMenu .nav-links { flex-direction: column; width: 100%; }
    .header .mobile-lang { display: block !important; width: auto; }
    .header .desktop-lang { display: none !important; }
    .header .cds-brand-row { min-width: 0; }
    .header .logo { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media (max-width: 768px) {
    .header .nav-container:has(> .menu-toggle) { display: grid; grid-template-columns: minmax(0,1fr) 44px; align-items: center; gap: 10px; direction: ltr; }
    .header .nav-container:has(> .menu-toggle) > :first-child { min-width: 0; grid-column: 1; grid-row: 1; }
    .header .nav-container > .menu-toggle { display: grid; place-items: center; grid-column: 2; grid-row: 1; justify-self: end; width: 44px; height: 44px; padding: 0; margin: 0; border-radius: 9px; }
    .header .nav-container > div:first-child:has(.mobile-lang) { display: grid !important; grid-template-columns: minmax(0,1fr) auto; gap: 8px !important; }
    .header .nav-container .logo { min-width: 0; font-size: clamp(12px,3.5vw,22px); letter-spacing: .05em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .header .nav-container .mobile-lang { width: auto; margin: 0; position: relative !important; }
    .header .mobile-lang .language-current { width: auto; padding: 8px; font-size: 11px; gap: 5px; }
    .header .nav-container > #navMenu { grid-column: 1 / -1; top: 100%; max-height: calc(100dvh - 100px); overflow-y: auto; }
    .header .nav-container:has([data-cds-menu]) { position: relative; }
    .header .nav-container:has([data-cds-menu]) > #navMenu { display: none; position: absolute; left: 0; right: 0; margin-top: 12px; padding: 18px; background: #0c171ff5; border: 1px solid #8bc4a850; border-radius: 12px; flex-direction: column; align-items: stretch; gap: 12px; z-index: 1002; }
    .header .nav-container:has([data-cds-menu]) > #navMenu.active { display: flex; }
    .header .nav-container:has([data-cds-menu]) > #navMenu .language-selector { margin: 0; }
    .cds-hero-stage { grid-template-columns: minmax(0,1fr); gap: 16px; margin-bottom: 40px; }
    .cds-hero-copy { text-align: center; }
    .hero .cds-hero-copy h1 { font-size: clamp(29px,7.8vw,48px); margin-bottom: 20px; }
    .hero .cds-hero-copy .hero-subtitle { font-size: 14px; margin-inline: auto; }
    .cds-hero-art { justify-self: center; width: min(100%,380px); }
    .hero:has(.cds-hero-stage) { padding-top: 120px; padding-bottom: 32px; }
    .cds-art-signature { margin-inline: 30px; font-size: 8px; }
    .cds-art-signature > .cds-signature-action { flex-basis: 100%; }
    .cds-cipher-field { opacity: .65; }
    .cds-cipher-column:nth-child(2n) { display: none; }
    body:has(.cds-page-art-login,.cds-page-art-register) > .main-container { display: flex; flex-direction: column; gap: 22px; }
    :is(.cds-page-art-login,.cds-page-art-register) { order: -1; width: 210px; margin: -30px auto -15px; }
    .welcome-header:has(.cds-page-art) { padding: 25px 18px; text-align: center; }
    .welcome-header > .cds-page-art { position: static; width: 220px; margin: -30px auto 20px; }
    .order-summary > .cds-page-art { width: 190px; margin: -25px auto 12px; }
    .cds-product-heading { grid-template-columns: minmax(0,1fr) 105px; }
}
/* Customer navigation and payment layouts. */
.checkout-nav > a {
    color: var(--text-primary);
    text-decoration: none;
    overflow-wrap: anywhere;
}
.checkout-nav > a:hover { color: var(--primary-color); }
:is(.account-page, .checkout-page) .language-current {
    color: inherit;
    font: inherit;
    min-height: 44px;
}
.account-pending-invoices {
    display: grid;
    gap: 12px;
    margin-block-end: 24px;
    padding: clamp(14px, 3vw, 24px);
    border: 1px solid #ffcc66;
    border-inline-start-width: 5px;
    border-radius: 14px;
    background: #242016;
    color: #fff4d6;
}
.account-pending-invoices h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: #fff4d6;
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    overflow-wrap: anywhere;
}
.account-invoice-icon {
    display: grid;
    place-items: center;
    flex: 0 0 26px;
    height: 26px;
    border-radius: 50%;
    background: #ffd36a;
    color: #261900;
    font: 800 1rem/1 system-ui, sans-serif;
}
.account-pending-invoice {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid #6c5529;
    border-radius: 10px;
    background: #18160f;
}
.account-invoice-details {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 16px;
    min-width: 0;
    overflow-wrap: anywhere;
}
.account-invoice-details span {
    color: #ffd36a;
    font-size: 1.12rem;
    font-weight: 700;
}
.account-page a.account-invoice-pay {
    display: inline-grid;
    place-items: center;
    min-height: 44px;
    max-width: 100%;
    padding: 8px 18px;
    border-radius: 8px;
    background: #ffd36a;
    color: #261900;
    text-align: center;
    text-decoration: none;
    line-height: 1.4;
    font-weight: 800;
    overflow-wrap: anywhere;
}
.account-page a.account-invoice-pay:hover { background: #ffe69e; }
.account-page a.account-invoice-pay:focus-visible { outline: 2px solid #fff4d6; outline-offset: 3px; }
.account-page :is(.download-btn, .tracking-btn) {
    max-width: 100%;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.4;
}
.account-page .account-order-actions > * + * { margin-block-start: 8px; }
.account-page .orders-table table { table-layout: fixed; }
.account-page .orders-table :is(td, th), .account-page .welcome-title { overflow-wrap: anywhere; }
.account-page #orders-tab th:nth-child(3) { width: 23%; }
.account-page #orders-tab th:last-child { width: 24%; }
.account-page #downloads-tab th:first-child { width: 40%; }
.account-page #downloads-tab th:last-child { width: 26%; }
:is(.account-page, .checkout-page) :is(.user-info, .alert, .tracking-value, .profile-card, .checkout-container) {
    overflow-wrap: anywhere;
}
.chat-invoice-button { max-width: 100%; overflow-wrap: anywhere; white-space: normal; }

@media (max-width: 1024px) {
    .header .nav-container:has(> .menu-toggle) > #navMenu {
        width: 100%;
        align-items: stretch;
        overscroll-behavior: contain;
    }
    .header #navMenu .language-selector { width: 100%; margin: 0; }
    .header #navMenu .language-current { min-height: 44px; }
    .header #navMenu .language-dropdown {
        position: static;
        width: 100%;
        max-width: none;
        margin-top: 8px;
    }
    .checkout-nav > a {
        display: flex;
        align-items: center;
        min-height: 44px;
        padding: 8px 12px;
    }
}
@media (max-width: 900px) {
    .account-page .orders-table { margin: 0; border: 0; background: transparent; overflow: visible; }
    .account-page .orders-table table { display: block; min-width: 0; }
    .account-page .orders-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }
    .account-page .orders-table tbody { display: grid; gap: 16px; }
    .account-page .orders-table tbody tr {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px 16px;
        min-width: 0;
        padding: 16px;
        border: 1px solid #8bc4a850;
        border-radius: 14px;
        background: #101c21;
    }
    .account-page .orders-table td {
        display: grid;
        align-content: start;
        justify-items: start;
        gap: 5px;
        min-width: 0;
        padding: 0;
        border-bottom: 0;
        font: 400 14px/1.45 system-ui, sans-serif;
        overflow-wrap: anywhere;
    }
    .account-page .orders-table td::before {
        content: attr(data-label);
        color: var(--text-secondary);
        font-size: 12px;
        font-weight: 650;
    }
    .account-page #orders-tab td:nth-child(3),
    .account-page #downloads-tab td:first-child,
    .account-page .orders-table :is(.account-order-actions, .account-empty-cell) {
        grid-column: 1 / -1;
    }
    .account-page #orders-tab td:nth-child(3) {
        padding-block: 12px;
        border-block: 1px solid #8bc4a82b;
    }
    .account-page .orders-table .account-order-actions {
        justify-items: stretch;
        gap: 10px;
        padding-top: 12px;
        border-top: 1px solid #8bc4a82b;
    }
    .account-page .orders-table .account-empty-cell {
        justify-items: center;
    }
    .account-page .orders-table .account-empty-cell::before { content: none; }
    .account-page .account-order-actions > * + * { margin-block-start: 0; }
    .account-page :is(.account-order-actions, .account-empty-cell) :is(.download-btn, .tracking-btn) {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        min-height: 44px;
        padding: 8px 12px;
        font-size: 12px;
        border-radius: 8px;
    }
    .account-page .account-order-actions :is(.download-btn, .tracking-btn) { width: 100%; }
}
@media (max-width: 768px) {
    .checkout-page .header { padding: 10px 14px; }
    .checkout-page .checkout-container { grid-template-columns: minmax(0, 1fr); padding-inline: 12px; }
    .checkout-page .payment-name { font-size: 14px; }
    .checkout-page .payment-desc { font-size: 12px; line-height: 1.5; }
    .checkout-page .payment-method-card { align-items: center; }
    .checkout-page .pm-card-info { min-width: 0; }
    .checkout-page .form-input, .checkout-page .form-select { min-height: 44px; font-size: 16px; }
    .checkout-page .submit-btn { min-height: 44px; white-space: normal; }
    .checkout-page :is(.security-badges-row, .payment-badges) { flex-wrap: wrap; }
    .account-page .main-container { width: 100%; padding-inline: clamp(12px, 4vw, 22px); }
    .account-page .tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        padding: 0 0 16px;
        margin-block-end: 24px;
        overflow: visible;
    }
    .account-page .tab {
        min-height: 48px;
        margin-bottom: 0;
        padding: 8px 10px;
        border: 1px solid #8bc4a838;
        border-radius: 9px;
        background: #101c21;
        white-space: normal;
        overflow-wrap: anywhere;
    }
    .account-page .tab.active {
        border-color: #9fe5c3;
        background: #1a3435;
    }
    .account-page .account-invoice-details { flex: 1 1 100%; justify-content: space-between; }
    .account-page .account-payment-alert { margin-block-end: 24px; }
    .account-page .account-payment-alert :is(a, button) { max-width: 100%; min-height: 44px; line-height: 1.45; overflow-wrap: anywhere; }
    .account-page :is(.profile-grid, .tracking-details) { grid-template-columns: minmax(0, 1fr); }
    .account-page :is(.profile-card, .tracking-card, .profile-section) { min-width: 0; padding-inline: 14px; }
    .account-page .tracking-header { flex-wrap: wrap; gap: 8px; }
    .account-page :is(.form-input, .form-select) { max-width: 100%; font-size: 16px; }
    .account-page a.account-invoice-pay { width: 100%; }
    .account-page .chat-box { max-height: calc(100dvh - 110px); }
}
@media (max-width: 480px) {
    .checkout-page .payment-content.active { padding: 10px; }
    .account-page .account-empty-cell { padding: 20px 0 !important; }
}


@media (prefers-reduced-motion: reduce) {
    .cds-atmosphere *, .cds-cipher-visual *, .cds-product-edge rect, [data-cds-outline] { animation: none !important; }
    .cds-hero-art { transform: none; transition: none; }
}