:root{--blue:#0796d2;--blue2:#0579aa;--green:#25d366;--ink:#161b22;--muted:#747d88;--line:#e7eaee;--bg:#f7f9fb;--white:#fff;--radius:16px;--shadow:0 14px 40px rgba(20,32,45,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;padding-bottom:96px}body.no-scroll{overflow:hidden}button,input,select,textarea{font:inherit}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{max-width:1180px;margin:auto;padding:14px 18px;display:flex;align-items:center;gap:22px}.brand{text-decoration:none;color:var(--blue);font-weight:800;font-size:23px;line-height:.85;display:flex;flex-direction:column}.brand small{font-size:12px;letter-spacing:2.8px;margin-left:22px}.filters{display:grid;grid-template-columns:minmax(220px,1fr) 230px;gap:10px;flex:1}.filters input,.filters select,.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#fff;outline:none;padding:12px 14px}.filters input:focus,.filters select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(7,150,210,.1)}.container{max-width:1180px;margin:25px auto;padding:0 18px}.intro{display:flex;align-items:end;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#e5f8ff,#fff);border:1px solid #d8f1fb;border-radius:22px;padding:28px;margin-bottom:20px}.eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:1.5px}.intro h1{margin:4px 0 8px;font-size:clamp(27px,4vw,40px)}.intro p:last-child{margin:0;color:var(--muted)}.ghost{background:#fff;border:1px solid var(--line);padding:11px 15px;border-radius:11px;cursor:pointer;white-space:nowrap}.products{display:grid;gap:13px}.product{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:13px;display:grid;grid-template-columns:115px minmax(0,1fr) 130px 205px;gap:20px;align-items:center;box-shadow:0 4px 18px rgba(16,24,40,.035)}.image-wrap{width:115px;height:115px;background:#f5f6f8;border-radius:12px;display:grid;place-items:center;overflow:hidden}.image-wrap img{width:100%;height:100%;object-fit:contain;padding:7px}.product-info small,.product-info span{color:var(--muted);font-size:12px}.product-info h3{font-size:17px;line-height:1.35;margin:6px 0}.product-price{font-size:22px;font-weight:800;text-align:center;white-space:nowrap}.product-actions{display:flex;flex-direction:column;gap:8px}.quantity{display:grid;grid-template-columns:42px 1fr 42px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.quantity button{border:0;background:#f6f7f8;font-size:20px;cursor:pointer}.quantity input{border:0;outline:0;text-align:center;font-weight:700;width:100%;min-height:42px}.add,.checkout,.send,.pdf-button{border:0;border-radius:10px;background:var(--ink);color:#fff;font-weight:800;min-height:44px;padding:0 16px;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center}.add.added{background:var(--blue)}.state{background:#fff;border:1px solid var(--line);border-radius:15px;text-align:center;padding:35px;color:var(--muted)}.cartbar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--line);box-shadow:0 -12px 35px rgba(18,27,38,.1)}.cartbar-inner{max-width:1180px;margin:auto;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.cartbar strong,.cartbar span{display:block}.cartbar span{font-size:13px;color:var(--muted);margin-top:3px}.checkout{background:var(--green);min-width:220px}.checkout:disabled,.send:disabled{opacity:.48;cursor:not-allowed}.modal{position:fixed;inset:0;z-index:100;background:rgba(12,17,23,.58);display:none;place-items:center;padding:15px}.modal.open{display:grid}.modal-card{background:#fff;width:min(690px,100%);max-height:94vh;overflow:auto;border-radius:20px;box-shadow:var(--shadow)}.modal-header{padding:18px 21px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-header small{color:var(--blue);font-weight:800}.modal-header h2{margin:3px 0 0}.close{border:0;background:#f2f4f6;width:39px;height:39px;border-radius:50%;font-size:23px;cursor:pointer}.modal-content{padding:20px}.summary{border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-bottom:18px}.summary-row{display:flex;justify-content:space-between;gap:15px;padding:11px 13px;border-bottom:1px solid var(--line)}.summary-row:last-child{border-bottom:0}.summary-row small{display:block;color:var(--muted);margin-top:4px}.summary-total{background:#f7f9fb;font-size:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}.form-grid .full{grid-column:1/-1}.send{width:100%;background:var(--green);min-height:52px;margin-top:16px}.error{background:#fff0f0;color:#b42318;padding:11px;border-radius:10px}.document-page{padding:30px 15px}.document{max-width:800px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow)}.document-top{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:22px}.document-customer{background:#f7f9fb;padding:15px;border-radius:13px}.document-customer p{margin:7px 0}.document-items{border:1px solid var(--line);border-radius:13px;overflow:hidden;margin:20px 0}.document-row{padding:14px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.document-row:last-child{border:0}.document-row small{display:block;color:var(--muted);margin-top:5px}.document-row.total{background:#f7f9fb;font-size:18px}.pdf-button{background:var(--blue);min-height:50px}
@media(max-width:850px){.product{grid-template-columns:95px minmax(0,1fr) 120px}.image-wrap{width:95px;height:95px}.product-actions{grid-column:2/-1;display:grid;grid-template-columns:160px 1fr}}
@media(max-width:650px){body{padding-bottom:118px}.header-inner{align-items:stretch;flex-direction:column;gap:10px}.filters{grid-template-columns:1fr}.intro{padding:21px;align-items:flex-start;flex-direction:column}.product{grid-template-columns:82px minmax(0,1fr);gap:13px}.image-wrap{width:82px;height:82px}.product-price{grid-column:2;text-align:left;font-size:20px}.product-actions{grid-column:1/-1;grid-template-columns:140px 1fr}.cartbar-inner{align-items:stretch;flex-direction:column;gap:8px}.checkout{width:100%;min-width:0}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.document{padding:20px}.document-top{gap:15px}}
@media(max-width:380px){.product-actions{grid-template-columns:1fr}.document-row{flex-direction:column}}

/* Logo Aurora Clean */
.brand {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 0 0 auto;
    text-decoration: none;
}

.brand-logo {
    display: block;
    width: 130px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* Desktop */
@media (min-width: 651px) {
    .header-inner {
        display: flex;
        align-items: center;
    }

    .brand {
        justify-content: flex-start;
    }
}

/* Telefon */
@media (max-width: 650px) {
    .header-inner {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        padding-top: 14px;
    }

    .brand {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .brand-logo {
        width: 125px;
        margin: 0 auto;
    }

    .filters {
        width: 100%;
    }
}

/* =====================================================
   AURORA CLEAN – ORDER DOCUMENT
===================================================== */

.order-document-page {
    margin: 0;
    padding: 35px 18px;
    background: #f4f7f9;
    color: #17202a;
}

.order-document {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 32px;
    background: #ffffff;
    border: 1px solid #e5eaee;
    border-radius: 22px;
    box-shadow: 0 18px 50px rgba(20, 32, 45, 0.1);
}

.order-document-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding-bottom: 22px;
    border-bottom: 1px solid #e5eaee;
}

.order-document-logo img {
    display: block;
    width: 150px;
    height: 70px;
    object-fit: contain;
    object-position: left center;
}

.order-document-number {
    text-align: right;
}

.order-document-number span {
    display: block;
    margin-bottom: 5px;
    color: #7a8490;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.order-document-number strong {
    display: block;
    font-size: 16px;
}

.order-document-number small {
    display: block;
    margin-top: 5px;
    color: #7a8490;
}

.order-document-title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 25px;
    padding: 30px 0 24px;
}

.order-eyebrow {
    display: block;
    margin-bottom: 7px;
    color: #0796d2;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.order-document-title h1 {
    margin: 0 0 8px;
    font-size: 32px;
    line-height: 1.2;
}

.order-document-title p {
    max-width: 590px;
    margin: 0;
    color: #727c86;
    line-height: 1.6;
}

.order-status {
    padding: 9px 14px;
    border: 1px solid #f0d998;
    border-radius: 20px;
    background: #fff8dd;
    color: #7e5b00;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.order-customer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 30px;
}

.order-info-card {
    padding: 20px;
    border: 1px solid #e2e9ed;
    border-radius: 15px;
    background: #f7fafb;
}

.order-info-title {
    display: block;
    margin-bottom: 13px;
    color: #0796d2;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.order-customer-name {
    display: block;
    margin-bottom: 14px;
    font-size: 17px;
}

.order-info-line {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 9px;
    font-size: 13px;
}

.order-info-line span {
    color: #77818b;
}

.order-info-line strong {
    text-align: right;
}

.order-products-section {
    margin-top: 10px;
}

.order-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.order-section-heading h2 {
    margin: 0;
    font-size: 20px;
}

.order-section-heading span {
    color: #78828c;
    font-size: 13px;
}

.order-products-list {
    overflow: hidden;
    border: 1px solid #e2e7eb;
    border-radius: 15px;
}

.order-product-row {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) 105px 70px 115px;
    align-items: center;
    gap: 16px;
    padding: 14px;
    border-bottom: 1px solid #e6ebee;
}

.order-product-row:last-child {
    border-bottom: 0;
}

.order-product-image {
    display: grid;
    width: 65px;
    height: 65px;
    place-items: center;
    overflow: hidden;
    border: 1px solid #e5eaed;
    border-radius: 11px;
    background: #f8f9fa;
}

.order-product-image img {
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px;
    object-fit: contain;
}

.order-product-placeholder {
    color: #9aa1a9;
    font-size: 10px;
}

.order-product-content {
    min-width: 0;
}

.order-product-name {
    display: block;
    line-height: 1.4;
}

.order-product-content small {
    display: block;
    margin-top: 5px;
    color: #818a94;
}

.order-product-price,
.order-product-quantity,
.order-product-subtotal {
    text-align: right;
}

.order-product-price span,
.order-product-quantity span,
.order-product-subtotal span {
    display: block;
    margin-bottom: 5px;
    color: #87909a;
    font-size: 10px;
    text-transform: uppercase;
}

.order-product-mobile-meta {
    display: none;
}

.order-bottom-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 25px;
    margin-top: 20px;
}

.order-note {
    padding: 16px;
    border: 1px solid #efdfb5;
    border-radius: 13px;
    background: #fffaf0;
}

.order-note span {
    color: #936713;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.order-note p {
    margin: 9px 0 0;
    color: #685735;
    line-height: 1.6;
}

.order-totals {
    overflow: hidden;
    border: 1px solid #e1e7eb;
    border-radius: 14px;
}

.order-total-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 13px 15px;
    border-bottom: 1px solid #e5eaed;
}

.order-total-row:last-child {
    border-bottom: 0;
}

.order-total-row span {
    color: #75808a;
}

.order-total-row.grand-total {
    background: #eaf8fe;
    color: #057ead;
    font-size: 18px;
}

.order-total-row.grand-total span {
    color: #057ead;
    font-weight: 800;
}

.order-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 25px;
}

.order-pdf-button,
.order-back-button {
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    font-weight: 800;
    text-decoration: none;
}

.order-pdf-button {
    background: #0796d2;
    color: #ffffff;
}

.order-pdf-button:hover {
    background: #057dac;
    color: #ffffff;
}

.order-back-button {
    border: 1px solid #dde4e8;
    background: #ffffff;
    color: #17202a;
}

.order-document-footer {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-top: 25px;
    padding-top: 18px;
    border-top: 1px solid #e4e9ed;
    color: #89919a;
    font-size: 11px;
}

/* Tablet */
@media (max-width: 760px) {
    .order-document-page {
        padding: 18px 12px;
    }

    .order-document {
        padding: 22px;
        border-radius: 17px;
    }

    .order-document-title {
        flex-direction: column;
    }

    .order-customer-grid {
        grid-template-columns: 1fr;
    }

    .order-product-row {
        grid-template-columns: 65px minmax(0, 1fr) 110px;
    }

    .order-product-price,
    .order-product-quantity {
        display: none;
    }

    .order-product-mobile-meta {
        display: block;
        margin-top: 7px;
        color: #76818b;
        font-size: 12px;
    }

    .order-product-subtotal {
        grid-column: 3;
    }

    .order-bottom-grid {
        grid-template-columns: 1fr;
    }
}

/* Telefon */
@media (max-width: 520px) {
    .order-document {
        padding: 17px;
    }

    .order-document-header {
        align-items: flex-start;
    }

    .order-document-logo img {
        width: 115px;
        height: 55px;
    }

    .order-document-number {
        font-size: 11px;
    }

    .order-document-number strong {
        font-size: 12px;
    }

    .order-document-title h1 {
        font-size: 25px;
    }

    .order-product-row {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 11px;
        padding: 12px;
    }

    .order-product-image {
        width: 55px;
        height: 55px;
    }

    .order-product-subtotal {
        grid-column: 2;
        text-align: left;
    }

    .order-product-subtotal span {
        display: none;
    }

    .order-actions {
        grid-template-columns: 1fr;
    }

    .order-document-footer {
        flex-direction: column;
        text-align: center;
    }
}