/* Customer order experience - compact, marketplace-style without copying third-party branding */
.orders-shell { max-width: 1180px; }
.orders-crumb { font-size: .84rem; color: #7a746f; }
.orders-page-title { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.8rem, 3vw, 2.45rem); margin: 0; }
.orders-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem; align-items: center; }
.orders-search { position: relative; }
.orders-search input { min-height: 42px; padding-left: 2.65rem; border-radius: 999px; border: 1px solid #ded8d1; background: #fff; }
.orders-search svg { position:absolute; left:.95rem; top:50%; transform:translateY(-50%); width:1rem; height:1rem; }
.orders-filter-tabs { display:flex; gap:.5rem; flex-wrap:wrap; margin:1.15rem 0; }
.orders-filter-tabs a { text-decoration:none; color:#3b3733; background:#fff2f4; border-radius:999px; padding:.52rem .9rem; font-size:.88rem; font-weight:650; }
.orders-filter-tabs a.active { background:#6d2143; color:#fff; }
.order-card { border:1px solid #e4ddd5; border-radius:16px; overflow:hidden; background:#fff; margin-bottom:1rem; box-shadow:0 6px 24px rgba(28,24,20,.045); }
.order-card-head { display:grid; grid-template-columns: 1fr 1fr 1.2fr auto; gap:1rem; padding:.85rem 1rem; background:#fff2f4; border-bottom:1px solid #ebe5df; align-items:end; }
.order-meta-label { font-size:.68rem; text-transform:uppercase; letter-spacing:.06em; color:#817a73; margin-bottom:.15rem; }
.order-meta-value { font-size:.9rem; font-weight:700; color:#292522; }
.order-number-block { text-align:right; }
.order-card-body { display:grid; grid-template-columns:minmax(0,1fr) 190px; gap:1.25rem; padding:1.05rem; }
.order-status-title { font-size:1.03rem; font-weight:800; margin-bottom:.15rem; }
.order-status-sub { color:#6e6862; font-size:.87rem; margin-bottom:.9rem; }
.order-product { display:grid; grid-template-columns:92px minmax(0,1fr); gap:1rem; align-items:start; }
.order-product-media { width:92px; height:92px; border-radius:12px; background:#fff2f4; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.order-product-media img { width:100%; height:100%; object-fit:cover; }
.order-product-placeholder { font-weight:800; color:#8b847c; font-size:.72rem; text-align:center; padding:.4rem; }
.order-product-name { font-weight:750; color:#25211f; margin-bottom:.35rem; }
.order-product-summary { color:#706963; font-size:.84rem; line-height:1.45; }
.order-card-actions { display:flex; flex-direction:column; gap:.5rem; }
.order-card-actions .btn { min-height:36px; border-radius:999px !important; font-size:.82rem; font-weight:700; }
.order-primary-action { background:#6d2143 !important; color:#fff !important; border-color:#6d2143 !important; }
.order-secondary-action { background:#fff2f4 !important; color:#312c28 !important; border:1px solid #e1dad2 !important; }
.order-danger-action { background:#fff1f1 !important; color:#a52d2d !important; border:1px solid #f1cece !important; }

.order-detail-header { border:1px solid #e5ddd5; background:#fff; border-radius:16px; overflow:hidden; }
.order-detail-header-top { padding:1rem 1.15rem; display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; border-bottom:1px solid #eee8e1; }
.order-detail-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; padding:1rem 1.15rem; background:#faf8f5; }
.order-detail-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(270px,.7fr); gap:1rem; margin-top:1rem; }
.order-panel { background:#fff; border:1px solid #e5ddd5; border-radius:16px; padding:1.1rem; }
.order-panel-title { font-size:1rem; font-weight:800; margin-bottom:1rem; }
.order-item-row { display:grid; grid-template-columns:84px minmax(0,1fr) auto; gap:1rem; padding:1rem 0; border-bottom:1px solid #eee8e1; }
.order-item-row:last-child { border-bottom:0; }
.order-item-thumb { width:84px; height:84px; border-radius:12px; background:#fff2f4; object-fit:cover; }
.order-item-price { text-align:right; font-weight:800; white-space:nowrap; }
.order-customization { background:#fff2f4; border-radius:10px; padding:.65rem .75rem; margin-top:.55rem; font-size:.82rem; color:#625b54; }
.order-total-row { display:flex; justify-content:space-between; gap:1rem; padding:.35rem 0; font-size:.9rem; }
.order-total-row.final { border-top:1px solid #e7e0d9; margin-top:.5rem; padding-top:.8rem; font-size:1.05rem; font-weight:850; }
.order-address { line-height:1.55; color:#59534d; font-size:.9rem; }
.order-badge { display:inline-flex; align-items:center; gap:.35rem; border-radius:999px; padding:.42rem .7rem; font-size:.76rem; font-weight:800; background:#f2eee9; color:#3c3732; }
.order-badge.success { background:#eaf7ef; color:#16733d; }
.order-badge.warn { background:#fff4d9; color:#795500; }

.order-progress { display:grid; grid-template-columns:repeat(5,1fr); gap:0; margin:1rem 0 1.3rem; }
.order-progress-step { position:relative; text-align:center; padding-top:1.7rem; font-size:.75rem; color:#8a837b; }
.order-progress-step:before { content:""; position:absolute; height:4px; left:0; right:0; top:.55rem; background:#e5dfd8; }
.order-progress-step:first-child:before { left:50%; }
.order-progress-step:last-child:before { right:50%; }
.order-progress-dot { width:15px; height:15px; border-radius:50%; background:#e5dfd8; position:absolute; top:.2rem; left:50%; transform:translateX(-50%); z-index:2; box-shadow:0 0 0 4px #fff; }
.order-progress-step.done { color:#27221f; font-weight:700; }
.order-progress-step.done:before, .order-progress-step.done .order-progress-dot { background:#199150; }
.order-progress-step.current .order-progress-dot { box-shadow:0 0 0 4px #fff,0 0 0 7px rgba(25,145,80,.16); }

.timeline-list { position:relative; margin-left:.4rem; }
.timeline-item { position:relative; padding:0 0 1.15rem 1.7rem; }
.timeline-item:before { content:""; position:absolute; left:.34rem; top:.55rem; bottom:-.2rem; width:2px; background:#e6dfd8; }
.timeline-item:last-child:before { display:none; }
.timeline-dot { position:absolute; left:0; top:.3rem; width:.75rem; height:.75rem; border-radius:50%; background:#6d2143; box-shadow:0 0 0 4px #fff2f4; }
.timeline-status { font-weight:800; font-size:.9rem; }
.timeline-date { font-size:.76rem; color:#817a73; margin:.1rem 0 .2rem; }
.timeline-note { font-size:.84rem; color:#635c56; }

.track-result { margin-top:1.25rem; }
.track-hero { border:1px solid #e4ddd5; border-radius:16px; padding:1.1rem; background:linear-gradient(135deg,#fff 0%,#faf6f0 100%); }
.track-status-big { font-size:1.35rem; font-weight:850; }
.track-order-meta { color:#716a64; font-size:.86rem; }

@media (max-width: 767.98px) {
    .orders-toolbar { grid-template-columns:1fr; }
    .order-card-head { grid-template-columns:1fr 1fr; gap:.75rem; }
    .order-number-block { text-align:left; grid-column:1/-1; }
    .order-card-body { grid-template-columns:1fr; }
    .order-card-actions { display:grid; grid-template-columns:1fr 1fr; }
    .order-product { grid-template-columns:76px minmax(0,1fr); }
    .order-product-media { width:76px; height:76px; }
    .order-detail-header-top { flex-direction:column; }
    .order-detail-summary { grid-template-columns:1fr 1fr; }
    .order-detail-grid { grid-template-columns:1fr; }
    .order-item-row { grid-template-columns:68px minmax(0,1fr); }
    .order-item-thumb { width:68px; height:68px; }
    .order-item-price { text-align:left; grid-column:2; }
    .order-progress { overflow-x:auto; grid-template-columns:repeat(5,minmax(90px,1fr)); padding-bottom:.4rem; }
}

@media (max-width: 420px) {
    .orders-shell { padding-left:.8rem !important; padding-right:.8rem !important; }
    .order-card-head { grid-template-columns:1fr 1fr; padding:.75rem; }
    .order-card-body { padding:.8rem; }
    .order-card-actions { grid-template-columns:1fr; }
    .order-detail-summary { grid-template-columns:1fr 1fr; padding:.85rem; }
    .order-panel { padding:.9rem; }
}


/* v9 - signed-in order dashboard */
.orders-dashboard-head {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,520px);
    gap:1.25rem;
    align-items:end;
    margin-bottom:.6rem;
}
.orders-dashboard-search { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.55rem; }
.orders-card-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1rem;
}
.order-grid-card {
    min-width:0;
    overflow:hidden;
    background:#fff;
    border:1px solid #e5ded6;
    border-radius:16px;
    box-shadow:0 5px 20px rgba(30,25,20,.045);
    transition:transform .16s ease, box-shadow .16s ease;
}
.order-grid-card:hover {
    transform:translateY(-2px);
    box-shadow:0 10px 28px rgba(30,25,20,.075);
}
.order-grid-media {
    position:relative;
    height:190px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff2f4;
    overflow:hidden;
    text-decoration:none;
}
.order-grid-media img { width:100%; height:100%; object-fit:cover; }
.order-item-count {
    position:absolute;
    right:.65rem;
    bottom:.65rem;
    background:rgba(31,28,25,.9);
    color:#fff;
    border-radius:999px;
    padding:.3rem .55rem;
    font-size:.7rem;
    font-weight:750;
}
.order-grid-content { padding:.9rem; }
.order-grid-topline { display:flex; justify-content:space-between; gap:.5rem; align-items:center; margin-bottom:.6rem; }
.order-grid-date { font-size:.74rem; color:#807970; white-space:nowrap; }
.order-grid-product-name {
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-height:2.7em;
    color:#211d1a;
    text-decoration:none;
    font-weight:800;
    line-height:1.35;
}
.order-grid-product-name:hover { color:#a65e2e; }
.order-grid-summary { display:flex; gap:.4rem; align-items:center; margin-top:.5rem; color:#6f6861; font-size:.82rem; }
.order-grid-summary strong { color:#26211e; }
.order-grid-status-text { margin-top:.75rem; font-size:.86rem; font-weight:700; color:#39332e; }
.order-grid-delivery { margin-top:.25rem; color:#267344; font-size:.79rem; }
.order-grid-courier { margin-top:.4rem; color:#706961; font-size:.76rem; overflow-wrap:anywhere; }
.order-grid-number { margin-top:.75rem; padding-top:.65rem; border-top:1px solid #eee8e1; color:#817970; font-size:.72rem; overflow-wrap:anywhere; }
.order-grid-actions { display:grid; grid-template-columns:minmax(0,1fr) 40px; gap:.5rem; margin-top:.75rem; }
.order-grid-actions .btn { min-height:40px; border-radius:10px !important; font-size:.82rem; }
.order-icon-action {
    width:40px; height:40px; display:flex; align-items:center; justify-content:center;
    border-radius:10px; background:#fff2f4; color:#302b27; text-decoration:none;
    transition:background .15s ease, transform .15s ease;
}
.order-icon-action:hover { background:#e9e2da; color:#211d1a; transform:translateY(-1px); }
.order-icon-action svg {
    width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.9;
    stroke-linecap:round; stroke-linejoin:round;
}
.order-badge.info { background:#e9f3ff; color:#1d62a5; }
.order-badge.danger { background:#fff0f0; color:#a73535; }

@media (max-width: 991.98px) {
    .orders-dashboard-head { grid-template-columns:1fr; align-items:start; }
    .orders-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 575.98px) {
    .orders-dashboard-search { grid-template-columns:1fr; }
    .orders-card-grid { grid-template-columns:1fr; gap:.8rem; }
    .order-grid-card { display:grid; grid-template-columns:112px minmax(0,1fr); border-radius:14px; }
    .order-grid-media { height:100%; min-height:188px; }
    .order-grid-content { padding:.75rem; }
    .order-grid-topline { align-items:flex-start; }
    .order-grid-product-name { min-height:auto; font-size:.94rem; }
    .order-grid-number { font-size:.68rem; }
    .order-grid-actions { grid-template-columns:minmax(0,1fr) 38px; }
    .order-icon-action { width:38px; height:38px; }
    .orders-grid-filters { flex-wrap:nowrap; overflow-x:auto; padding-bottom:.3rem; scrollbar-width:none; }
    .orders-grid-filters::-webkit-scrollbar { display:none; }
    .orders-grid-filters a { flex:0 0 auto; }
}
@media (max-width: 380px) {
    .order-grid-card { grid-template-columns:96px minmax(0,1fr); }
    .order-grid-media { min-height:180px; }
    .order-grid-content { padding:.65rem; }
}


/* =========================================================
   v10 - professional compact My Orders list
   ========================================================= */
.orders-v10-shell {
    max-width: 1180px;
    padding-top: 34px;
    padding-bottom: 56px;
}
.orders-v10-breadcrumb {
    color: #7c746c;
    font-size: .78rem;
    margin-bottom: 8px;
}
.orders-v10-breadcrumb span { padding: 0 5px; }

.orders-v10-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 500px);
    align-items: end;
    gap: 24px;
    margin-bottom: 20px;
}
.orders-v10-heading h1 {
    margin: 0;
    color: #211d1a;
    font-size: clamp(2rem, 3vw, 2.65rem);
    line-height: 1.05;
}
.orders-v10-heading p {
    margin: 7px 0 0;
    color: #756e67;
    font-size: .9rem;
}
.orders-v10-search {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 8px;
}
.orders-v10-searchbox {
    min-width: 0;
    height: 42px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 13px;
    background: #fff;
    border: 1px solid #dcd5cd;
    border-radius: 12px;
}
.orders-v10-searchbox:focus-within {
    border-color: #9c6a46;
    box-shadow: 0 0 0 3px rgba(156,106,70,.08);
}
.orders-v10-searchbox svg {
    width: 17px; height: 17px;
    fill: none; stroke: #5f5852; stroke-width: 1.8;
    stroke-linecap: round; stroke-linejoin: round;
}
.orders-v10-searchbox input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #26211e;
    font-size: .88rem;
}
.orders-v10-search button {
    height: 42px;
    border: 0;
    border-radius: 12px;
    padding: 0 19px;
    background: #211d1a;
    color: #fff;
    font-size: .82rem;
    font-weight: 750;
}
.orders-v10-tabs {
    display: flex;
    gap: 6px;
    align-items: center;
    overflow-x: auto;
    padding-bottom: 14px;
    margin-bottom: 2px;
    scrollbar-width: none;
}
.orders-v10-tabs::-webkit-scrollbar { display:none; }
.orders-v10-tabs a {
    flex: 0 0 auto;
    text-decoration: none;
    color: #544d47;
    font-size: .79rem;
    font-weight: 700;
    padding: 8px 13px;
    border-radius: 999px;
    background: transparent;
}
.orders-v10-tabs a:hover { background: #fff2f4; color: #211d1a; }
.orders-v10-tabs a.active { background: #211d1a; color: #fff; }

.orders-v10-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.orders-v10-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #ded8d1;
    border-radius: 14px;
    box-shadow: 0 3px 14px rgba(35,29,24,.035);
}
.orders-v10-card-head {
    min-height: 62px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    padding: 10px 16px;
    background: #f7f5f2;
    border-bottom: 1px solid #e7e2dc;
}
.orders-v10-meta {
    display: flex;
    gap: 42px;
}
.orders-v10-meta > div,
.orders-v10-order-number {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.orders-v10-meta span,
.orders-v10-order-number span {
    color: #7b746e;
    font-size: .61rem;
    letter-spacing: .04em;
}
.orders-v10-meta strong,
.orders-v10-order-number strong {
    color: #302a26;
    font-size: .78rem;
    font-weight: 650;
}
.orders-v10-order-number {
    text-align: right;
    min-width: 220px;
}
.orders-v10-order-number strong {
    overflow-wrap: anywhere;
}

.orders-v10-card-body {
    display: grid;
    grid-template-columns: 112px minmax(0,1fr) 170px;
    gap: 18px;
    align-items: center;
    padding: 16px;
}
.orders-v10-thumb {
    width: 112px;
    height: 112px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 11px;
    background: #f5f2ed;
    border: 1px solid #eee8e1;
}
.orders-v10-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* important: no cropped logos/vouchers */
    padding: 6px;
}
.orders-v10-placeholder {
    width: 42px; height: 42px;
    display: grid; place-items: center;
    border-radius: 50%;
    background: #211d1a; color: #fff;
    font-weight: 800;
}
.orders-v10-more {
    position: absolute;
    right: 6px;
    bottom: 6px;
    min-width: 28px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(33,29,26,.9);
    color: #fff;
    font-size: .65rem;
    font-weight: 800;
}
.orders-v10-main { min-width: 0; }
.orders-v10-statusline {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
    margin-bottom: 7px;
}
.orders-v10-status {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 0 9px;
    border-radius: 999px;
    background: #f1eee9;
    color: #48413c;
    font-size: .69rem;
    font-weight: 800;
}
.orders-v10-status.is-success { background: #e9f7ef; color: #197245; }
.orders-v10-status.is-danger { background: #fff0f1; color: #b12d3c; }
.orders-v10-status.is-warning { background: #fff6df; color: #8c620d; }
.orders-v10-status.is-info { background: #eaf4ff; color: #24679f; }
.orders-v10-eta {
    color: #63715f;
    font-size: .73rem;
}
.orders-v10-product {
    display: inline-block;
    max-width: 100%;
    color: #211d1a;
    text-decoration: none;
    font-size: .98rem;
    font-weight: 800;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.orders-v10-product:hover { color: #9c5e32; }
.orders-v10-sub {
    margin-top: 4px;
    color: #756e67;
    font-size: .75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.orders-v10-message {
    margin: 9px 0 0;
    color: #403a35;
    font-size: .8rem;
    font-weight: 600;
}
.orders-v10-shipping {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 6px;
    color: #6e6761;
    font-size: .72rem;
}
.orders-v10-actions {
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.orders-v10-actions a {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 10px;
    text-decoration: none;
    font-size: .76rem;
    font-weight: 750;
    transition: transform .12s ease, background .12s ease;
}
.orders-v10-actions a:hover { transform: translateY(-1px); }
.orders-v10-actions svg {
    width: 16px; height: 16px;
    fill: none; stroke: currentColor; stroke-width: 1.8;
    stroke-linecap: round; stroke-linejoin: round;
}
.orders-v10-primary {
    background: #211d1a;
    color: #fff;
}
.orders-v10-primary:hover { background: #332d29; color: #fff; }
.orders-v10-secondary {
    background: #f1ede8;
    color: #3b3530;
}
.orders-v10-secondary:hover { background: #e8e2db; color: #211d1a; }

.orders-v10-empty {
    text-align: center;
    padding: 60px 20px;
    border: 1px solid #e3ddd6;
    border-radius: 14px;
    background: #fff;
}
.orders-v10-empty-icon {
    width: 48px; height: 48px;
    margin: 0 auto 12px;
    display: grid; place-items:center;
    border-radius: 50%; background:#f2eee9;
}
.orders-v10-empty-icon svg {
    width: 22px; height:22px; fill:none; stroke:#4b443e; stroke-width:1.7;
}
.orders-v10-empty h2 { font-size: 1.15rem; margin-bottom: 5px; }
.orders-v10-empty p { color:#756e67; font-size:.85rem; }
.orders-v10-empty a {
    display:inline-flex; margin-top:5px; padding:10px 18px;
    border-radius:10px; background:#211d1a; color:#fff; text-decoration:none; font-weight:750; font-size:.8rem;
}

@media (max-width: 991.98px) {
    .orders-v10-heading { grid-template-columns: 1fr; gap: 15px; }
    .orders-v10-card-body { grid-template-columns: 96px minmax(0,1fr) 150px; gap: 14px; }
    .orders-v10-thumb { width:96px; height:96px; }
    .orders-v10-meta { gap: 25px; }
    .orders-v10-order-number { min-width: 180px; }
}

@media (max-width: 767.98px) {
    .orders-v10-shell {
        padding: 20px 14px 40px;
    }
    .orders-v10-breadcrumb { font-size:.7rem; }
    .orders-v10-heading h1 { font-size: 1.75rem; }
    .orders-v10-heading p { font-size:.78rem; line-height:1.45; }
    .orders-v10-search { grid-template-columns: minmax(0,1fr) 42px; }
    .orders-v10-search button {
        width:42px; padding:0; overflow:hidden; text-indent:-9999px; position:relative;
    }
    .orders-v10-search button::after {
        content:"";
        position:absolute;
        inset:0;
        background:
          no-repeat center / 17px 17px
          url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
    }
    .orders-v10-tabs {
        margin-left:-2px;
        margin-right:-2px;
        padding-bottom:11px;
    }
    .orders-v10-tabs a {
        padding:7px 11px;
        font-size:.72rem;
    }
    .orders-v10-card { border-radius: 12px; }
    .orders-v10-card-head {
        display:block;
        min-height:auto;
        padding:10px 12px;
    }
    .orders-v10-meta {
        display:grid;
        grid-template-columns: 1fr 1fr;
        gap:6px 16px;
    }
    .orders-v10-meta-payment { display:none !important; }
    .orders-v10-order-number {
        min-width:0;
        text-align:left;
        margin-top:7px;
        padding-top:7px;
        border-top:1px solid #e5dfd8;
    }
    .orders-v10-order-number span { display:none; }
    .orders-v10-order-number strong {
        font-size:.68rem; color:#7c746d; font-weight:600;
    }
    .orders-v10-order-number strong::before { content:"Order # "; }

    .orders-v10-card-body {
        grid-template-columns: 80px minmax(0,1fr);
        gap:12px;
        padding:12px;
        align-items:start;
    }
    .orders-v10-thumb { width:80px; height:80px; border-radius:9px; }
    .orders-v10-thumb img { padding:4px; }
    .orders-v10-main { padding-top:1px; }
    .orders-v10-statusline { margin-bottom:5px; }
    .orders-v10-status { min-height:22px; padding:0 7px; font-size:.62rem; }
    .orders-v10-eta { font-size:.66rem; }
    .orders-v10-product {
        white-space:normal;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        font-size:.86rem;
        line-height:1.3;
    }
    .orders-v10-sub { font-size:.68rem; margin-top:3px; }
    .orders-v10-message { font-size:.72rem; margin-top:6px; line-height:1.35; }
    .orders-v10-shipping { font-size:.65rem; margin-top:5px; }

    .orders-v10-actions {
        grid-column:1 / -1;
        flex-direction:row;
        gap:7px;
        padding-top:3px;
    }
    .orders-v10-actions a {
        min-height:37px;
        font-size:.72rem;
    }
    .orders-v10-primary { flex:1; }
    .orders-v10-secondary {
        width:102px;
        flex:0 0 102px;
    }
}

@media (max-width: 390px) {
    .orders-v10-shell { padding-left:10px; padding-right:10px; }
    .orders-v10-secondary {
        width:42px;
        flex-basis:42px;
        font-size:0 !important;
    }
    .orders-v10-secondary svg { margin:0; }
}


/* v13 Razorpay payment experience */
.payment-v13-shell{max-width:880px}.payment-v13-card{max-width:590px;text-align:center;background:#fff;border:1px solid #e3ddd6;border-radius:18px;padding:34px;box-shadow:0 8px 32px rgba(35,29,24,.055)}
.payment-v13-card h1{font-size:1.8rem;margin:.15rem 0 .45rem;color:#211d1a}.payment-v13-test{margin:-34px -34px 28px;padding:9px 16px;border-radius:18px 18px 0 0;background:#fff4cf;color:#765512;font-size:.7rem;font-weight:800;letter-spacing:.04em}.payment-v13-lock,.payment-v13-fail{width:52px;height:52px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;background:#f1eee9;color:#211d1a}.payment-v13-fail{background:#fff0f1;color:#b12d3c}.payment-v13-lock svg,.payment-v13-fail svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.payment-v13-amount{font-size:2.2rem;font-weight:850;color:#211d1a;margin:22px 0 3px}.payment-v13-note,.payment-v13-message{font-size:.78rem;color:#756e67;line-height:1.5}.payment-v13-primary,.payment-v13-secondary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;text-decoration:none;font-size:.82rem;font-weight:800;padding:0 20px}.payment-v13-primary{width:100%;margin-top:25px;background:#211d1a;color:#fff}.payment-v13-primary:hover{background:#332d29;color:#fff}.payment-v13-secondary{background:#f1ede8;color:#302a26}.payment-v13-link{display:inline-block;margin:13px 0 18px;color:#655d56;font-size:.78rem;text-decoration:none}.payment-v13-order{background:#f7f4f0;border-radius:11px;padding:12px;margin:20px 0;font-size:.82rem}.payment-v13-actions{display:flex;gap:8px;margin-top:20px}.payment-v13-actions .payment-v13-primary{width:auto;flex:1;margin-top:0}.payment-v13-actions .payment-v13-secondary{flex:1}.payment-v13-spinner{width:42px;height:42px;margin:0 auto 18px;border:3px solid #e5dfd8;border-top-color:#211d1a;border-radius:50%;animation:v13spin .8s linear infinite}@keyframes v13spin{to{transform:rotate(360deg)}}
.orders-v10-pay{background:#f2b826!important;color:#211d1a!important}.orders-v10-pay:hover{background:#e6ab18!important;color:#211d1a!important}
@media(max-width:575.98px){.payment-v13-card{padding:24px 18px;border-radius:14px}.payment-v13-test{margin:-24px -18px 22px;border-radius:14px 14px 0 0}.payment-v13-card h1{font-size:1.45rem}.payment-v13-actions{flex-direction:column}.orders-v10-actions{flex-wrap:wrap}.orders-v10-pay{flex:1 0 100%}}


/* =========================================================
   v17.3.3 - MY ORDERS SATCRAFTS BRAND THEME
   ========================================================= */

.orders-v10-shell {
    color: #26383F;
}

.orders-v10-breadcrumb {
    color: #72838A !important;
}

.orders-v10-breadcrumb span {
    color: #A85D31 !important;
}

.orders-v10-heading h1 {
    color: #26383F !important;
}

.orders-v10-heading p {
    color: #718188 !important;
}

.orders-v10-searchbox {
    border-color: #E0D7CF !important;
    background: #fff !important;
}

.orders-v10-searchbox:focus-within {
    border-color: #A85D31 !important;
    box-shadow: 0 0 0 3px rgba(168,93,49,.10);
}

.orders-v10-searchbox svg {
    stroke: #A85D31 !important;
}

.orders-v10-search button {
    background:
        linear-gradient(
            135deg,
            #6d2143,
            #A85D31
        ) !important;
    color: #fff !important;
    border-color: #6d2143 !important;
}

.orders-v10-tabs {
    border-bottom-color: #E4DDD6 !important;
}

.orders-v10-tabs a {
    color: #61727A !important;
}

.orders-v10-tabs a:hover {
    background: #F8F2ED !important;
    color: #6d2143 !important;
}

.orders-v10-tabs a.active {
    background:
        linear-gradient(
            135deg,
            #6d2143,
            #A85D31
        ) !important;
    color: #fff !important;
}

.orders-v10-card {
    border-color: #E3DCD5 !important;
    box-shadow: 0 7px 22px rgba(155,79,34,.065) !important;
}

.orders-v10-card:hover {
    border-color: rgba(168,93,49,.40) !important;
}

.orders-v10-card-head {
    background:
        linear-gradient(
            90deg,
            #F4FAFB,
            #F8F3EF
        ) !important;
    border-bottom-color: #E5DED7 !important;
}

.orders-v10-meta span,
.orders-v10-order-number span {
    color: #718188 !important;
}

.orders-v10-meta strong,
.orders-v10-order-number strong {
    color: #26383F !important;
}

.orders-v10-thumb {
    background: #F1F8F9 !important;
    border-color: #DCE9EB !important;
}

.orders-v10-placeholder {
    background:
        linear-gradient(
            135deg,
            #6d2143,
            #A85D31
        ) !important;
}

.orders-v10-more {
    background: rgba(6,75,107,.90) !important;
}

.orders-v10-product {
    color: #6d2143 !important;
}

.orders-v10-product:hover {
    color: #A85D31 !important;
}

.orders-v10-sub,
.orders-v10-shipping {
    color: #75858C !important;
}

.orders-v10-message {
    color: #40525A !important;
}

.orders-v10-status.is-success {
    background: #F2F9E9 !important;
    color: #3F7900 !important;
}

.orders-v10-status.is-info {
    background: #F8F2ED !important;
    color: #6d2143 !important;
}

.orders-v10-status.is-neutral {
    background: #F5F1ED !important;
    color: #526970 !important;
}

.orders-v10-status.is-warning {
    background: #FFF8E7 !important;
    color: #8B6200 !important;
}

.orders-v10-primary,
.orders-v10-pay {
    background:
        linear-gradient(
            135deg,
            #6d2143,
            #A85D31
        ) !important;
    color: #fff !important;
}

.orders-v10-primary:hover,
.orders-v10-pay:hover {
    background:
        linear-gradient(
            135deg,
            #3f1027,
            #8B4521
        ) !important;
}

.orders-v10-secondary {
    background: #F8F4F0 !important;
    color: #6d2143 !important;
    border: 1px solid #E1D8D0 !important;
}

.orders-v10-secondary:hover {
    background: #E5F5F7 !important;
    color: #3f1027 !important;
}

.orders-v10-empty {
    border-color: #DED2C8 !important;
    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F8F4F0
        ) !important;
}

.orders-v10-empty-icon {
    background: #F8F2ED !important;
}

.orders-v10-empty-icon svg {
    stroke: #A85D31 !important;
}

.orders-v10-empty p {
    color: #718188 !important;
}

.orders-v10-empty a {
    background:
        linear-gradient(
            135deg,
            #6d2143,
            #A85D31
        ) !important;
}