:root {
    --ink: #17120f;
    --muted: #6f6863;
    --paper: #fffdf9;
    --soft: #f6f1e9;
    --line: #e7ded3;
    --orange: #f36f21;
    --orange-dark: #d95711;
    --green: #166534;
}

.seller-order-list { display: grid; gap: 16px; }.seller-order-card { padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: white; }.seller-order-card > header { display: flex; align-items: flex-start; justify-content: space-between; }.seller-order-card h2 { margin: 6px 0; }.seller-order-card header p { margin: 0; color: var(--muted); }.seller-order-forms { margin-top: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.seller-order-forms .fulfillment-form { min-width: 0; }.seller-order-forms h3 { grid-column: 1 / -1; margin: 0; }.fulfillment-form label { display: grid; gap: 5px; color: var(--muted); font-size: 10px; }.shipment-event-form { padding: 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; border-radius: 10px; background: var(--soft); }.shipment-event-form h3, .shipment-event-form textarea, .shipment-event-form button { grid-column: 1 / -1; }.shipment-event-form input, .shipment-event-form select, .shipment-event-form textarea, .shipment-event-form button { padding: 9px; border: 1px solid var(--line); border-radius: 7px; background: white; }.shipment-event-form button { color: white; background: var(--ink); font-weight: 900; }.mini-shipment-history { margin-top: 13px; padding-top: 12px; display: flex; flex-wrap: wrap; gap: 14px; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px; }.shipment-tracking { margin-top: 24px; padding: 26px; border: 1px solid var(--line); border-radius: 14px; background: white; }.shipment-tracking > div > h2 { margin: 6px 0; }.shipment-tracking > div > p { color: var(--muted); }.shipment-tracking article { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }.shipment-tracking article header { display: flex; justify-content: space-between; }.shipment-tracking article header span { display: block; margin-top: 4px; color: var(--muted); font-size: 10px; }.shipment-tracking article header strong { color: #166534; font-size: 11px; }.shipment-tracking ol { margin: 20px 0 0; padding: 0; list-style: none; }.shipment-tracking li { position: relative; padding: 0 0 22px 30px; }.shipment-tracking li::before { content: ''; position: absolute; top: 13px; bottom: -2px; left: 6px; width: 2px; background: var(--line); }.shipment-tracking li:last-child::before { display: none; }.shipment-tracking li i { position: absolute; top: 3px; left: 0; width: 14px; height: 14px; border: 3px solid white; border-radius: 50%; background: #a8a29e; box-shadow: 0 0 0 1px var(--line); }.shipment-tracking li.current i { background: var(--orange); }.shipment-tracking li p { margin: 4px 0; color: var(--muted); font-size: 11px; }.shipment-tracking li small { color: #9a3412; }
.role-nav { overflow-x: auto; color: white; background: #29211d; }.role-nav .container { min-height: 42px; display: flex; align-items: center; gap: 4px; white-space: nowrap; }.role-nav a { padding: 9px 10px; color: #f8eee7; font-size: 10px; font-weight: 800; border-radius: 6px; }.role-nav a:hover { background: rgba(255,255,255,.08); }.role-nav b { margin-left: 4px; padding: 2px 5px; color: white; background: var(--orange); border-radius: 99px; }
.notifications-page { padding-block: 45px 70px; }.notification-heading { display: flex; align-items: center; justify-content: space-between; }.notification-heading h1 { margin: 6px 0; font-size: 40px; }.notification-heading p { color: var(--muted); }.notification-heading button { padding: 10px 14px; color: white; background: var(--ink); border: 0; border-radius: 8px; }.notification-list { margin-top: 25px; display: grid; gap: 8px; }.notification-list > a { padding: 17px; display: grid; grid-template-columns: 38px 1fr auto; gap: 14px; align-items: center; border: 1px solid var(--line); border-radius: 11px; background: white; }.notification-list > a.unread { border-color: #fdba74; background: #fffaf5; }.notification-list i { width: 38px; height: 38px; display: grid; place-items: center; color: #9a3412; background: #ffedd5; border-radius: 50%; font-style: normal; font-weight: 900; }.notification-list p { margin: 4px 0; color: var(--muted); font-size: 11px; }.notification-list small { color: #9a3412; }.notification-list > a > span { width: 8px; height: 8px; background: var(--orange); border-radius: 50%; }
.order-document-form { margin-top: 14px; padding: 12px; display: grid; grid-template-columns: auto 1fr 1fr 1.4fr auto; gap: 8px; align-items: center; border: 1px dashed #fdba74; border-radius: 9px; background: #fffaf5; }.order-document-form input, .order-document-form select, .order-document-form button { padding: 8px; border: 1px solid var(--line); border-radius: 7px; background: white; font-size: 10px; }.order-document-form button { color: white; background: var(--ink); }.uploaded-documents { margin-top: 9px; display: flex; gap: 8px; flex-wrap: wrap; }.uploaded-documents a { padding: 7px 9px; color: #166534; background: #f0fdf4; border-radius: 7px; font-size: 10px; font-weight: 900; }.customer-documents { margin-top: 24px; padding: 26px; border: 1px solid var(--line); border-radius: 14px; background: white; }.customer-documents h2 { margin: 6px 0; }.customer-documents > div p { color: var(--muted); }.customer-documents nav { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; }.customer-documents nav a { padding: 13px; display: grid; gap: 4px; border: 1px solid var(--line); border-radius: 9px; }.customer-documents nav span { color: var(--muted); font-size: 10px; }.customer-documents nav small { color: var(--orange); font-weight: 900; }.stock-out { color: #b91c1c; }.stock-low { color: #c2410c; }
.operation-overview { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }.operation-overview article { padding: 19px; display: grid; gap: 7px; border: 1px solid var(--line); border-radius: 12px; background: white; }.operation-overview small { color: var(--muted); font-size: 9px; font-weight: 900; }.operation-overview strong { font-size: 23px; }.operation-overview span, .operation-overview a { color: var(--muted); font-size: 10px; }.operation-score { color: white; border: 0 !important; }.operation-score.score-good { background: linear-gradient(130deg,#166534,#22c55e); }.operation-score.score-medium { background: linear-gradient(130deg,#9a3412,#f97316); }.operation-score.score-bad { background: linear-gradient(130deg,#991b1b,#ef4444); }.operation-score small, .operation-score span { color: rgba(255,255,255,.8); }.seller-actions-center { margin-top: 28px; }.action-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }.action-grid > a { padding: 16px; display: grid; grid-template-columns: 36px 1fr auto; gap: 11px; align-items: center; border: 1px solid var(--line); border-radius: 11px; background: white; }.action-grid > a.urgent { border-color: #fdba74; background: #fffaf5; }.action-grid i { width: 36px; height: 36px; display: grid; place-items: center; color: #9a3412; background: #ffedd5; border-radius: 9px; font-style: normal; font-weight: 900; }.action-grid b { display: block; font-size: 11px; }.action-grid span { color: var(--muted); font-size: 9px; }.action-grid strong { font-size: 20px; }.seller-quick-tools { margin: 22px 0; display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }.seller-quick-tools a { padding: 16px; color: white; background: #29211d; border-radius: 10px; }.seller-quick-tools b, .seller-quick-tools span { display: block; }.seller-quick-tools span { margin-top: 6px; color: #d6ccc5; font-size: 9px; }.bulk-product-form { overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: white; }.bulk-toolbar { padding: 15px 18px; display: flex; justify-content: space-between; align-items: center; background: #fffaf5; border-bottom: 1px solid var(--line); }.bulk-toolbar button { padding: 10px 15px; color: white; background: var(--ink); border: 0; border-radius: 8px; font-weight: 900; }.bulk-product-form table { width: 100%; border-collapse: collapse; }.bulk-product-form th, .bulk-product-form td { padding: 12px; border-bottom: 1px solid var(--line); text-align: left; }.bulk-product-form td input[type=number] { width: 135px; padding: 9px; border: 1px solid var(--line); border-radius: 7px; }.period-tabs { display: flex; gap: 5px; }.period-tabs a { padding: 9px 13px; border: 1px solid var(--line); border-radius: 8px; font-size: 10px; font-weight: 900; }.period-tabs a.active { color: white; background: var(--ink); }.performance-metrics { margin-bottom: 22px; display: grid; grid-template-columns: repeat(4,1fr); gap: 11px; }.performance-metrics article { padding: 20px; display: grid; gap: 7px; border: 1px solid var(--line); border-radius: 11px; background: white; }.performance-metrics small { color: var(--muted); }.performance-metrics strong { font-size: 20px; }
.backoffice-body { margin: 0; background: #f5f6f8; }.backoffice-shell { min-height: 100vh; display: grid; grid-template-columns: 245px 1fr; }.backoffice-sidebar { position: sticky; top: 0; height: 100vh; padding: 22px 14px 16px; display: flex; flex-direction: column; color: #e8e1dc; background: #191512; overflow-y: auto; }.backoffice-brand { padding: 0 10px 20px; color: white; font-size: 25px; font-weight: 950; letter-spacing: -1.5px; }.backoffice-brand > span { color: var(--orange); }.backoffice-brand small { display: block; margin-top: 3px; color: #9c8e85; font-size: 8px; letter-spacing: 2px; }.backoffice-account { margin-bottom: 18px; padding: 12px; display: grid; grid-template-columns: 36px 1fr; gap: 10px; align-items: center; border: 1px solid #352c27; border-radius: 10px; background: #211b18; }.backoffice-account i { width: 36px; height: 36px; display: grid; place-items: center; color: white; background: var(--orange); border-radius: 9px; font-style: normal; font-weight: 900; }.backoffice-account b, .backoffice-account span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.backoffice-account b { font-size: 10px; }.backoffice-account span { margin-top: 3px; color: #9c8e85; font-size: 8px; }.backoffice-sidebar nav { display: grid; gap: 2px; }.backoffice-sidebar nav small { margin: 15px 10px 6px; color: #73665f; font-size: 7px; font-weight: 900; letter-spacing: 1.4px; }.backoffice-sidebar nav a { padding: 10px 11px; color: #c9beb7; border-radius: 7px; font-size: 10px; font-weight: 700; }.backoffice-sidebar nav a:hover, .backoffice-sidebar nav a.active { color: white; background: #302722; }.backoffice-sidebar nav a.active { box-shadow: inset 3px 0 var(--orange); }.backoffice-view-site { margin-top: auto; padding: 13px 10px 0; color: #a99d96; border-top: 1px solid #352c27; font-size: 9px; font-weight: 800; }.backoffice-workspace { min-width: 0; }.backoffice-topbar { height: 58px; padding: 0 25px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e2e4e8; background: white; }.backoffice-topbar > div, .backoffice-topbar nav { display: flex; align-items: center; gap: 14px; }.backoffice-topbar span { color: #6b7280; font-size: 10px; font-weight: 900; letter-spacing: .7px; text-transform: uppercase; }.backoffice-topbar nav a, .backoffice-topbar nav button { color: #49413c; background: transparent; border: 0; font-size: 9px; font-weight: 800; }.backoffice-topbar nav b { padding: 2px 5px; color: white; background: var(--orange); border-radius: 99px; }.mobile-sidebar-toggle { display: none; border: 0; background: transparent; font-size: 20px; }.backoffice-content { padding: 25px; }.backoffice-content .container { width: 100%; max-width: 1400px; }.backoffice-content .seller-page, .backoffice-content .admin-page, .backoffice-content .orders-page { padding-block: 5px 35px; }.backoffice-content .seller-heading, .backoffice-content .admin-heading { margin-top: 0; }.backoffice-page { max-width: 1450px; margin: 0 auto; }.backoffice-page-head { display: flex; align-items: center; justify-content: space-between; }.backoffice-page-head > div > span { color: var(--orange); font-size: 9px; font-weight: 900; letter-spacing: 1px; }.backoffice-page-head h1 { margin: 5px 0; font-size: 36px; }.backoffice-page-head p { color: var(--muted); }.system-health { padding: 8px 11px; color: #166534; background: #dcfce7; border-radius: 99px; font-size: 9px; font-weight: 900; }.system-health i { display: inline-block; width: 7px; height: 7px; margin-right: 5px; background: #22c55e; border-radius: 50%; }.admin-kpis { margin-top: 22px; display: grid; grid-template-columns: repeat(4,1fr); gap: 11px; }.admin-kpis article { padding: 19px; display: grid; gap: 7px; border: 1px solid #e2e4e8; border-radius: 11px; background: white; }.admin-kpis small, .admin-kpis span, .admin-kpis a { color: var(--muted); font-size: 9px; }.admin-kpis strong { font-size: 22px; }.admin-action-center { margin-top: 25px; }.admin-action-grid { display: grid; grid-template-columns: repeat(6,1fr); gap: 9px; }.admin-action-grid a { padding: 15px; display: grid; gap: 7px; border: 1px solid #e2e4e8; border-radius: 10px; background: white; }.admin-action-grid i { color: var(--orange); font-size: 8px; font-style: normal; font-weight: 900; text-transform: uppercase; }.admin-action-grid strong { font-size: 22px; }.admin-action-grid span { color: var(--muted); font-size: 9px; }.admin-dashboard-columns { margin-top: 24px; display: grid; grid-template-columns: 1.35fr 1fr; gap: 13px; }.dashboard-panel { padding: 19px; border: 1px solid #e2e4e8; border-radius: 11px; background: white; }.dashboard-panel > header { display: flex; justify-content: space-between; align-items: center; }.dashboard-panel h2 { margin: 0; font-size: 15px; }.dashboard-panel header a { color: var(--orange); font-size: 9px; font-weight: 900; }.compact-list { margin-top: 12px; display: grid; }.compact-list > a { padding: 11px 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid #eee; }.compact-list b, .compact-list span { display: block; }.compact-list b { font-size: 10px; }.compact-list span { margin-top: 3px; color: var(--muted); font-size: 8px; }.compact-list > a > div:last-child { text-align: right; }
.campaign-shortcut { position: fixed; right: 22px; bottom: 22px; z-index: 20; padding: 13px 17px; color: white; background: var(--orange); border-radius: 999px; box-shadow: 0 10px 30px rgba(243,111,33,.3); font-size: 11px; font-weight: 900; }
.campaign-layout { display: grid; grid-template-columns: 340px 1fr; gap: 22px; align-items: start; }.campaign-create, .campaign-list, .admin-campaign-list article { padding: 22px; border: 1px solid var(--line); border-radius: 13px; background: white; }.campaign-create form, .campaign-create label { display: grid; gap: 8px; }.campaign-create form { gap: 13px; }.campaign-create input, .campaign-create select, .campaign-create button, .admin-campaign-list textarea, .admin-campaign-list select, .admin-campaign-list button { padding: 11px; border: 1px solid var(--line); border-radius: 8px; background: white; }.campaign-create button, .admin-campaign-list button { color: white; background: var(--ink); font-weight: 900; }.campaign-list > article { padding: 18px 0; display: flex; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); }.campaign-list h3 { margin: 8px 0; }.campaign-list p { color: var(--muted); line-height: 1.7; }.campaign-list form button { color: #b91c1c; border: 0; background: transparent; font-weight: 900; }.admin-campaign-list { display: grid; gap: 14px; }.admin-campaign-list article { display: grid; grid-template-columns: 1fr 330px; gap: 25px; }.admin-campaign-list form { display: grid; gap: 9px; }.active-campaign-strip { margin-top: 24px; padding: 24px 28px; display: flex; justify-content: space-between; align-items: center; color: white; background: linear-gradient(120deg,#9a3412,#f36f21); border-radius: 15px; }.active-campaign-strip h2 { margin: 5px 0; }.active-campaign-strip p { margin: 0; opacity: .85; }.active-campaign-strip > div:last-child { display: grid; justify-items: end; gap: 4px; }.active-campaign-strip strong { font-size: 28px; }.active-campaign-strip b { padding: 5px 9px; color: #9a3412; background: white; border-radius: 999px; }.daily-deals { margin-block: 35px; }.deal-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }.deal-grid article { position: relative; padding: 15px; border: 1px solid #fed7aa; border-radius: 13px; background: #fffaf5; }.deal-grid img { width: 100%; height: 170px; object-fit: contain; }.deal-grid h3 { margin: 7px 0; }.deal-grid small, .deal-grid article div > span { display: block; color: #9a3412; font-size: 10px; }.deal-grid strong { font-size: 18px; }.deal-grid del { margin-left: 7px; color: var(--muted); }.deal-discount { position: absolute; top: 10px; left: 10px; z-index: 2; padding: 6px 8px; color: white !important; background: var(--orange); border-radius: 6px; font-weight: 900; }
.specification-editor { margin: 18px 0 8px; padding: 20px; display: grid; gap: 8px; border: 1px solid var(--line); border-radius: 12px; background: white; font-size: 12px; font-weight: 900; }
.specification-editor small { color: var(--muted); font-weight: 500; }.specification-editor textarea { padding: 12px; border: 1px solid var(--line); border-radius: 8px; resize: vertical; }
.product-specifications { margin-top: 24px; padding: 28px; border: 1px solid var(--line); border-radius: 16px; background: white; }.product-specifications h2 { margin: 6px 0 20px; }.product-specifications dl { display: grid; grid-template-columns: repeat(2,1fr); border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }.product-specifications dl div { padding: 13px 16px; display: flex; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); }.product-specifications dt { color: var(--muted); }.product-specifications dd { margin: 0; font-weight: 900; text-align: right; }
.catalog-heading-actions { display: flex; gap: 14px; align-items: center; }.catalog-heading-actions > a { color: var(--orange); font-size: 11px; font-weight: 900; }.catalog-condition { display: block; margin: 5px 0; color: #9a3412; font-size: 10px; font-weight: 800; }.catalog-card-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }.catalog-card-actions form, .catalog-card-actions button { width: 100%; }.catalog-card-actions .compare-button { color: var(--ink); background: white; border: 1px solid var(--line); }
.compare-page { padding-block: 45px 70px; }.compare-heading { display: flex; align-items: center; justify-content: space-between; }.compare-heading h1 { margin: 6px 0; font-size: 42px; }.compare-heading p { color: var(--muted); }.compare-heading button, .compare-empty a { padding: 11px 15px; color: white; background: var(--ink); border: 0; border-radius: 8px; font-weight: 900; }.comparison-scroll { margin-top: 28px; overflow-x: auto; border: 1px solid var(--line); border-radius: 14px; }.comparison-table { width: 100%; min-width: 760px; border-collapse: collapse; background: white; }.comparison-table th, .comparison-table td { min-width: 180px; padding: 15px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); text-align: left; }.comparison-table th:first-child { min-width: 150px; color: var(--muted); font-size: 11px; }.compare-product { display: grid; gap: 7px; }.compare-product img { width: 120px; height: 120px; object-fit: contain; }.compare-product > a { font-weight: 900; }.compare-product > small { color: var(--orange); }.compare-product button { padding: 6px 0; color: #b91c1c; border: 0; background: transparent; font-size: 10px; font-weight: 900; cursor: pointer; }.compare-empty { margin-top: 30px; }.compare-empty a { display: inline-block; margin-top: 10px; }
.fulfillment-form textarea { grid-column: 1 / -1; padding: 8px; border: 1px solid var(--line); border-radius: 7px; font-size: 10px; resize: vertical; }
.fulfillment-form > small { grid-column: 1 / -1; color: var(--muted); }
.phone-compliance-form { grid-column: 1 / -1; margin-top: 8px; padding: 22px; display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; border: 1px solid #fed7aa; border-radius: 13px; background: #fffaf5; }
.phone-compliance-form h2, .phone-compliance-form > p, .phone-compliance-form .device-toggle { grid-column: 1 / -1; }
.phone-compliance-form h2 { margin: 0; }
.phone-compliance-form > p { margin: -8px 0 5px; color: var(--muted); }
.phone-compliance-form label { display: grid; gap: 7px; font-size: 11px; font-weight: 800; }
.phone-compliance-form input, .phone-compliance-form select, .phone-compliance-form textarea { padding: 11px; border: 1px solid var(--line); border-radius: 8px; background: white; }
.phone-compliance-form .wide { grid-column: 1 / -1; }
.phone-compliance-form .device-toggle { display: flex; align-items: center; gap: 8px; padding: 12px; background: white; border-radius: 8px; }
.phone-compliance-form .device-toggle input { width: auto; }
.device-assurance { margin-top: 24px; padding: 28px; border: 1px solid #fed7aa; border-radius: 16px; background: linear-gradient(135deg,#fffaf5,#fff); }
.device-assurance-head { display: flex; align-items: center; justify-content: space-between; }
.device-assurance-head h2 { margin: 5px 0 0; }
.device-condition { padding: 9px 12px; color: #9a3412; background: #ffedd5; border-radius: 999px; font-size: 11px; font-weight: 900; }
.device-assurance > dl { margin: 24px 0; display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: var(--line); }
.device-assurance > dl div { padding: 14px; background: white; }
.device-assurance dt, .device-review-box dt { color: var(--muted); font-size: 9px; font-weight: 900; text-transform: uppercase; }
.device-assurance dd, .device-review-box dd { margin: 5px 0 0; font-size: 12px; font-weight: 800; }
.imei-notice { padding: 17px; display: grid; grid-template-columns: auto 1fr auto; gap: 16px; align-items: center; border-radius: 10px; background: #f0fdf4; }
.imei-notice p { margin: 0; color: #3f6250; font-size: 11px; line-height: 1.6; }
.imei-notice a { color: #166534; font-size: 11px; font-weight: 900; }
.device-review-box { margin-top: 14px; padding: 14px; border: 1px solid #fed7aa; border-radius: 9px; background: #fffaf5; }
.device-review-box > strong { color: #9a3412; }
.device-review-box dl { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
.device-review-box dl div { display: block; }
.danger-text { display: block; margin-top: 9px; color: #b91c1c; font-size: 11px; }
.masked-imeis { margin-top: 10px; padding: 10px; display: flex; gap: 9px; align-items: center; border-radius: 8px; background: #f0fdf4; }
.masked-imeis span { color: #166534; font-family: monospace; font-weight: 900; }
.masked-imeis a { color: #166534; font-size: 10px; font-weight: 900; }

@media (max-width: 760px) {
    .phone-compliance-form, .device-assurance > dl { grid-template-columns: 1fr; }
    .imei-notice { grid-template-columns: 1fr; }
    .product-specifications dl { grid-template-columns: 1fr; }.compare-heading, .catalog-heading-actions { align-items: flex-start; flex-direction: column; }
    .campaign-layout, .admin-campaign-list article { grid-template-columns: 1fr; }.active-campaign-strip { align-items: flex-start; flex-direction: column; gap: 18px; }.active-campaign-strip > div:last-child { justify-items: start; }.deal-grid { grid-template-columns: 1fr; }
    .seller-order-forms { grid-template-columns: 1fr; }.shipment-tracking article header { align-items: flex-start; flex-direction: column; gap: 8px; }
    .notification-heading { align-items: flex-start; flex-direction: column; gap: 12px; }.order-document-form { grid-template-columns: 1fr; }.customer-documents nav { grid-template-columns: 1fr; }
    .operation-overview, .action-grid, .seller-quick-tools, .performance-metrics { grid-template-columns: 1fr; }.period-tabs { flex-wrap: wrap; }
    .backoffice-shell { display: block; }.backoffice-sidebar { position: fixed; left: -260px; z-index: 100; width: 245px; transition: left .2s; }.sidebar-open .backoffice-sidebar { left: 0; }.mobile-sidebar-toggle { display: block; }.backoffice-content { padding: 16px; }.admin-kpis, .admin-action-grid, .admin-dashboard-columns { grid-template-columns: 1fr; }.backoffice-page-head { align-items: flex-start; flex-direction: column; gap: 10px; }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
.container { width: min(1440px, calc(100% - 64px)); margin-inline: auto; }
.topbar { background: var(--ink); color: white; font-size: 12px; }
.topbar .container { min-height: 34px; display: flex; align-items: center; justify-content: space-between; }
.topbar a { color: #ffb685; font-weight: 800; }
.header { position: sticky; top: 0; z-index: 10; background: rgba(255, 253, 249, .96); border-bottom: 1px solid var(--line); backdrop-filter: blur(16px); }
.header-inner { min-height: 78px; display: grid; grid-template-columns: auto minmax(260px, 1fr) auto; gap: 32px; align-items: center; }
.logo { font-size: 27px; font-weight: 900; letter-spacing: -1.7px; }
.logo span { color: var(--orange); }
.search { display: flex; border: 1px solid var(--line); border-radius: 11px; overflow: hidden; background: white; }
.search input { width: 100%; border: 0; padding: 13px 16px; outline: none; }
.search button { border: 0; padding: 0 22px; color: white; background: var(--orange); font-weight: 800; cursor: pointer; }
.header nav { display: flex; gap: 20px; align-items: center; font-size: 13px; font-weight: 700; }
.header nav form { margin: 0; }
.nav-button { padding: 0; color: inherit; background: transparent; border: 0; font-weight: 700; cursor: pointer; }
.hero { min-height: 490px; display: grid; grid-template-columns: 1.25fr .75fr; gap: 60px; align-items: center; }
.hero > div:first-child > span, .section-head span, .apply-page section > span { color: var(--orange); font-size: 12px; font-weight: 900; letter-spacing: 1.8px; }
.hero h1 { margin: 18px 0; font-size: clamp(44px, 6vw, 76px); line-height: .98; letter-spacing: -4px; }
.hero h1 em { color: var(--orange); font-style: normal; }
.hero p { max-width: 630px; color: var(--muted); font-size: 18px; line-height: 1.65; }
.hero > div:first-child > a { display: inline-block; margin-top: 14px; padding: 15px 22px; color: white; background: var(--ink); border-radius: 10px; font-weight: 800; }
.hero-art { aspect-ratio: 1; display: grid; place-content: center; text-align: center; color: white; background: var(--orange); border-radius: 46% 54% 62% 38% / 55% 36% 64% 45%; transform: rotate(5deg); box-shadow: 25px 28px 0 #f8d6bf; }
.hero-art b { font-size: 90px; line-height: 1; letter-spacing: -8px; }
.hero-art span { font-size: 18px; font-weight: 800; }
.section { padding-block: 70px; }
.section-head { margin-bottom: 27px; display: flex; justify-content: space-between; align-items: end; }
.section-head h2 { margin: 7px 0 0; font-size: 35px; letter-spacing: -1.5px; }
.section-head > b { color: var(--muted); font-size: 13px; }
.categories { display: grid; grid-template-columns: repeat(8, 1fr); gap: 12px; }
.categories a { min-height: 120px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 15px; background: white; transition: .2s ease; }
.categories a:hover { transform: translateY(-4px); border-color: var(--orange); }
.categories i { color: var(--orange); font-style: normal; font-size: 24px; }
.categories b { text-align: center; font-size: 13px; }
.products-bg { background: var(--soft); }
.products { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.products article { overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: white; transition: .2s ease; }
.products article:hover { transform: translateY(-4px); box-shadow: 0 16px 38px rgba(50, 32, 18, .08); }
.product-photo { aspect-ratio: 1 / .92; display: grid; place-items: center; overflow: hidden; color: #c1b4aa; background: #eee7df; font-size: 12px; font-weight: 900; letter-spacing: 2px; }
.product-photo img { width: 100%; height: 100%; object-fit: cover; }
.products article > div { padding: 17px; }
.products small, .detail-info small { color: var(--orange); font-weight: 800; }
.products h3 { min-height: 44px; margin: 8px 0 14px; font-size: 15px; line-height: 1.45; }
.products strong { font-size: 20px; }
.products del { margin-left: 8px; color: #999; font-size: 12px; }
.empty { grid-column: 1 / -1; padding: 70px 30px; text-align: center; border: 1px dashed #cdbfb2; border-radius: 16px; }
.empty p { color: var(--muted); }
.product-page { padding-block: 38px 80px; }
.breadcrumb { margin-bottom: 28px; color: var(--muted); font-size: 12px; }
.product-detail { display: grid; grid-template-columns: 1fr 1fr; gap: 58px; }
.detail-image { min-height: 520px; display: grid; place-items: center; overflow: hidden; color: #b4a69a; background: var(--soft); border-radius: 20px; font-weight: 900; letter-spacing: 2px; }
.detail-image img { width: 100%; height: 100%; object-fit: cover; }
.detail-info h1 { margin: 13px 0; font-size: clamp(34px, 4vw, 54px); line-height: 1.05; letter-spacing: -2px; }
.detail-info > p { color: var(--muted); }
.price { margin: 32px 0 22px; font-size: 35px; font-weight: 900; }
.benefits { display: flex; flex-wrap: wrap; gap: 9px; }
.benefits span { padding: 9px 12px; color: var(--green); background: #ecf9f0; border-radius: 8px; font-size: 12px; font-weight: 700; }
.add-cart { width: 100%; margin: 26px 0 18px; padding: 18px; color: white; background: var(--orange); border: 0; border-radius: 11px; font-size: 17px; font-weight: 900; cursor: pointer; }
.add-cart:hover { background: var(--orange-dark); }
.product-actions { display: grid; grid-template-columns: 1fr 190px; gap: 10px; align-items: center; }.product-actions .add-cart { margin: 26px 0 18px; }.detail-favorite { min-height: 58px; display: grid; place-items: center; color: var(--orange); background: white; border: 1px solid var(--orange); border-radius: 11px; font-size: 12px; font-weight: 900; cursor: pointer; }
.store-card { padding: 18px; display: flex; justify-content: space-between; border: 1px solid var(--line); border-radius: 11px; }
.store-card span { color: var(--muted); font-size: 12px; }
.description { margin-top: 55px; padding-top: 35px; border-top: 1px solid var(--line); }
.description p { max-width: 850px; color: var(--muted); line-height: 1.7; }
.apply-page { padding-block: 75px 95px; display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: start; }
.apply-page section h1 { margin: 15px 0; font-size: 53px; line-height: 1.02; letter-spacing: -2.5px; }
.apply-page section p, .apply-page section li { color: var(--muted); line-height: 1.7; }
.apply-page section ul { padding-left: 20px; }
.apply-page form { padding: 34px; border: 1px solid var(--line); border-radius: 18px; background: white; box-shadow: 0 24px 60px rgba(50, 32, 18, .08); }
.apply-page form h2 { margin: 0 0 24px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }
.form-grid label { display: grid; gap: 7px; font-size: 12px; font-weight: 800; }
.form-grid .wide { grid-column: 1 / -1; }
.form-grid input, .form-grid select { width: 100%; padding: 13px; border: 1px solid var(--line); border-radius: 8px; outline: none; background: white; }
.form-grid input:focus, .form-grid select:focus { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(243, 111, 33, .12); }
.apply-page form > button { width: 100%; margin-top: 23px; padding: 15px; border: 0; border-radius: 9px; color: white; background: var(--ink); font-weight: 900; cursor: pointer; }
.success, .errors { margin-bottom: 18px; padding: 13px; border-radius: 8px; font-size: 13px; }
.success { color: #14532d; background: #dcfce7; }
.errors { display: grid; gap: 4px; color: #991b1b; background: #fee2e2; }
footer { padding-block: 55px; color: #d7d2cd; background: var(--ink); }
.footer { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 60px; }
.footer > div { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }
.footer .logo { color: white; }
.footer a:not(.logo), .footer p { color: #a9a19a; font-size: 13px; }
.footer b { color: white; margin-bottom: 5px; }
.auth-page { min-height: 650px; display: grid; place-items: center; padding-block: 65px; }
.auth-card { width: min(470px, 100%); padding: 40px; display: grid; gap: 18px; border: 1px solid var(--line); border-radius: 20px; background: white; box-shadow: 0 24px 60px rgba(50, 32, 18, .09); }
.auth-card > span, .admin-heading > div > span { color: var(--orange); font-size: 12px; font-weight: 900; letter-spacing: 1.7px; }
.auth-card h1 { margin: -7px 0 -12px; font-size: 42px; letter-spacing: -2px; }
.auth-card > p { margin: 0 0 6px; color: var(--muted); line-height: 1.6; }
.auth-card label { display: grid; gap: 7px; font-size: 12px; font-weight: 800; }
.auth-card input:not([type="checkbox"]) { width: 100%; padding: 14px; border: 1px solid var(--line); border-radius: 9px; outline: none; }
.auth-card input:focus { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(243, 111, 33, .12); }
.auth-card .remember { display: flex; grid-auto-flow: column; justify-content: start; align-items: center; }
.auth-card > button { padding: 15px; color: white; background: var(--ink); border: 0; border-radius: 9px; font-weight: 900; cursor: pointer; }
.auth-switch { margin: 0; text-align: center; font-size: 12px; }
.auth-switch a { color: var(--orange); font-weight: 900; }
.cart-page { padding-block: 50px 85px; }
.cart-page > h1 { margin: 8px 0 30px; font-size: 42px; letter-spacing: -2px; }
.cart-layout { display: grid; grid-template-columns: 1fr 340px; gap: 24px; align-items: start; }
.cart-items { display: grid; gap: 12px; }

/* Storefront pages share the homepage's visual language. */
.storefront-body {
    color:#182239;
    background:#f7f8fa;
    font-family:"Manrope",Arial,sans-serif;
}
.storefront-body > .product-page {
    padding-top:28px;
}
.storefront-body .product-page .breadcrumb {
    margin-bottom:20px;
    color:#747c89;
    font-size:12px;
    font-weight:650;
}
.storefront-body .product-page .breadcrumb a {
    color:#f36f21;
    font-weight:800;
}
.storefront-body .product-detail {
    gap:36px;
    padding:24px;
    border:1px solid #e7e9ee;
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 28px rgba(20,34,59,.06);
}
.storefront-body .detail-image {
    min-height:480px;
    border:1px solid #eceef2;
    border-radius:14px;
    background:#f6f7f9;
}
.storefront-body .detail-image img {
    object-fit:contain;
    padding:20px;
}
.storefront-body .detail-info h1 {
    margin:10px 0;
    color:#14223b;
    font-family:"Sora","Manrope",Arial,sans-serif;
    font-size:clamp(28px,3vw,40px);
    line-height:1.16;
    letter-spacing:-1.3px;
}
.storefront-body .detail-info > small a { color:#f36f21;font-weight:900; }
.storefront-body .detail-info .price { color:#f36f21; }
.storefront-body .add-cart {
    background:#f36f21;
    box-shadow:0 10px 22px rgba(243,111,33,.22);
}
.storefront-body .add-cart:hover { background:#dc5910; }
.storefront-body .description,
.storefront-body .product-specifications,
.storefront-body .device-assurance,
.storefront-body .review-section {
    border-color:#e7e9ee;
    background:#fff;
}

@media (max-width:900px) {
    .storefront-body .product-detail { gap:24px;padding:18px; }
    .storefront-body .detail-image { min-height:360px; }
}

/* Premium product detail */
.product-showcase {
    display:grid;
    grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr);
    gap:28px;
    align-items:start;
    padding:22px;
    border:1px solid #e5e8ed;
    border-radius:18px;
    background:#fff;
    box-shadow:0 12px 36px rgba(20,34,59,.065);
}
.product-gallery { min-width:0; }
.product-gallery {
    display:grid;
    grid-template-columns:66px minmax(0,1fr);
    gap:14px;
}
.gallery-rail { display:flex;flex-direction:column;gap:10px; }
.gallery-thumb {
    width:66px;
    height:72px;
    display:grid;
    place-items:center;
    gap:2px;
    padding:5px;
    border:1px solid #e3e6eb;
    border-radius:10px;
    color:#687184;
    background:#fff;
    cursor:pointer;
}
.gallery-thumb.active { border:2px solid #f36f21;box-shadow:0 4px 12px rgba(243,111,33,.12); }
.gallery-thumb img { width:100%;height:100%;object-fit:contain; }
.gallery-thumb span { font-size:13px;font-weight:900; }
.gallery-thumb small { font-size:8px;font-weight:800; }
.gallery-rail-info {
    width:66px;height:62px;display:grid;place-content:center;gap:2px;text-align:center;border:1px solid #e3e6eb;border-radius:10px;color:#70798a;background:#f7f8fa;
}
.gallery-rail-info b { color:#33405a;font-size:12px; }
.gallery-rail-info small { font-size:7px;font-weight:800; }
.gallery-rail-info.quality { color:#fff;border-color:#14223b;background:#14223b; }
.gallery-rail-info.quality b { color:#fff; }
.gallery-stage {
    min-height:525px;
    position:relative;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:1px solid #e8ebef;
    border-radius:14px;
    background:
        radial-gradient(circle at 50% 45%,#fff 0,#fff 38%,#f5f7f9 100%);
}
.gallery-stage::after {
    content:"";
    position:absolute;
    right:28px;
    bottom:26px;
    left:28px;
    height:30px;
    border-radius:50%;
    background:rgba(20,34,59,.08);
    filter:blur(15px);
}
.gallery-main-link {
    position:relative;
    z-index:2;
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
}
.gallery-main-link > img {
    position:relative;
    width:88%;
    height:430px;
    object-fit:contain;
    mix-blend-mode:multiply;
    transition:transform .35s ease;
}
.gallery-stage:hover .gallery-main-link > img { transform:scale(1.035); }
.gallery-flags { position:absolute;z-index:4;top:15px;left:15px;display:flex;gap:7px; }
.gallery-flags span { padding:7px 10px;border-radius:7px;font-size:9px;font-weight:900; }
.verified-flag { color:#166534;background:#eaf8ee; }
.discount-flag { color:#fff;background:#f36f21; }
.gallery-tools { position:absolute;z-index:5;top:14px;right:14px; }
.gallery-tools button {
    width:36px;height:36px;border:1px solid #e3e6eb;border-radius:50%;color:#33405a;background:#fff;
    font-size:18px;cursor:pointer;box-shadow:0 5px 15px rgba(20,34,59,.08);
}
.zoom-hint {
    position:absolute;z-index:4;right:15px;bottom:14px;padding:7px 10px;border-radius:7px;
    color:#657084;background:rgba(255,255,255,.9);font-size:9px;font-weight:800;
}
.gallery-placeholder { display:grid;gap:8px;text-align:center;color:#8b93a1; }
.gallery-placeholder b { color:#f36f21;letter-spacing:2px; }
.gallery-assurance {
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin-top:1px;
}
.gallery-assurance > span {
    min-width:0;
    display:grid;
    grid-template-columns:28px 1fr;
    align-items:center;
    column-gap:7px;
    padding:11px;
    border:1px solid #e7e9ee;
    border-radius:10px;
    background:#fafbfc;
}
.gallery-assurance i {
    grid-row:1/3;
    width:28px;height:28px;display:grid;place-items:center;border-radius:50%;
    color:#f36f21;background:#fff0e7;font-style:normal;font-weight:900;
}
.gallery-assurance b { overflow:hidden;color:#24304a;font-size:9px;white-space:nowrap;text-overflow:ellipsis; }
.gallery-assurance small { overflow:hidden;color:#8a91a0;font-size:7px;white-space:nowrap;text-overflow:ellipsis; }

.product-summary { min-width:0;padding:3px 2px 0; }
.product-brand-line { display:flex;align-items:center;gap:9px;font-size:10px;font-weight:800; }
.product-brand-line > a:first-child { color:#f36f21;font-size:12px; }
.product-brand-line > a:first-child i { display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;color:#fff;background:#2c91e8;font-size:9px;font-style:normal; }
.product-brand-line > a:last-child { color:#777f8e;text-decoration:underline;text-underline-offset:3px; }
.product-rating { padding:5px 8px;border-radius:6px;color:#8b5d04;background:#fff5d9; }
.product-summary h1 {
    margin:12px 0 10px;
    color:#14223b;
    font-family:"Sora","Manrope",Arial,sans-serif;
    font-size:clamp(27px,2.6vw,38px);
    line-height:1.14;
    letter-spacing:-1.4px;
}
.product-meta-line {
    display:flex;
    flex-wrap:wrap;
    gap:8px 17px;
    padding-bottom:15px;
    border-bottom:1px solid #eceef2;
    color:#78808e;
    font-size:10px;
}
.product-meta-line b { color:#333e53; }
.product-meta-line .in-stock { margin-left:auto;color:#187943;font-weight:900; }
.product-meta-line .out-stock { margin-left:auto;color:#c42d2d;font-weight:900; }
.product-price-panel {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:17px 0 14px;
}
.product-price-panel > div:first-child { display:grid;grid-template-columns:auto auto;align-items:baseline;gap:3px 10px; }
.product-price-panel .old-price { grid-column:1/-1;display:flex;align-items:center;gap:8px; }
.product-price-panel .old-price del { color:#8c929d;font-size:12px;font-weight:700; }
.product-price-panel .old-price span { color:#9ca2ad;font-size:8px; }
.product-price-panel strong { color:#f36f21;font-size:32px;line-height:1;font-weight:900;letter-spacing:-1.1px; }
.product-price-panel > div:first-child > small { color:#8c94a2;font-size:8px; }
.installment-highlight {
    min-width:125px;
    display:grid;
    gap:2px;
    padding:10px 12px;
    border:1px solid #dce9ff;
    border-radius:10px;
    background:#f3f7ff;
}
.installment-highlight span,.installment-highlight small { color:#71809b;font-size:8px; }
.installment-highlight b { color:#274d8f;font-size:13px; }
.product-campaign {
    display:grid;
    grid-template-columns:32px 1fr auto;
    align-items:center;
    gap:10px;
    margin-bottom:16px;
    padding:11px 13px;
    border:1px solid #ffd7be;
    border-radius:10px;
    background:linear-gradient(90deg,#fff4ec,#fffaf7);
}
.product-campaign > span { font-size:20px; }
.product-campaign div { display:grid;gap:2px; }
.product-campaign b { color:#813b12;font-size:10px; }
.product-campaign small { color:#9a6546;font-size:8px; }
.product-campaign > strong { padding:5px 7px;border-radius:5px;color:#fff;background:#f36f21;font-size:7px;letter-spacing:.7px; }
.product-summary .product-actions { display:block;margin:0; }
.purchase-form { display:block; }
.product-summary .variant-picker { margin:0 0 14px;padding:0;border:0; }
.product-summary .variant-picker legend {
    width:100%;display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px;color:#202b41;font-size:11px;font-weight:900;
}
.product-summary .variant-picker legend small { color:#8a929f;font-size:8px;font-weight:700; }
.product-summary .variant-picker label > span { min-height:52px;border-color:#dde1e7;border-radius:9px;background:#fff; }
.product-summary .variant-picker input:checked + span { border:2px solid #f36f21;background:#fff8f4;box-shadow:0 5px 14px rgba(243,111,33,.08); }
.buy-actions { display:grid;grid-template-columns:1fr 52px;gap:10px; }
.product-summary .add-cart {
    min-height:54px;
    display:grid;
    place-content:center;
    gap:2px;
    margin:0;
    padding:10px 20px;
    border-radius:10px;
    background:linear-gradient(135deg,#ff7a2c,#e75c0d);
    box-shadow:0 10px 22px rgba(243,111,33,.23);
}
.product-summary .add-cart span { font-size:15px; }
.product-summary .add-cart small { color:#ffe5d6;font-size:8px;font-weight:700; }
.favorite-square {
    min-height:54px;
    display:grid;
    place-items:center;
    border:1px solid #f4b68f;
    border-radius:10px;
    color:#f36f21;
    background:#fff;
    font-size:24px;
    cursor:pointer;
}
.compare-form button {
    width:100%;
    margin-top:8px;
    padding:7px;
    border:0;
    color:#687184;
    background:transparent;
    font-size:9px;
    font-weight:800;
    cursor:pointer;
}
.fulfilment-grid { display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px; }
.fulfilment-grid article {
    display:grid;
    grid-template-columns:32px 1fr;
    gap:9px;
    align-items:center;
    padding:11px;
    border:1px solid #e4e7ec;
    border-radius:10px;
    background:#fafbfc;
}
.fulfilment-grid article > i { font-size:19px;font-style:normal; }
.fulfilment-grid article div { display:grid;gap:1px; }
.fulfilment-grid span,.fulfilment-grid small { color:#858d9b;font-size:7px; }
.fulfilment-grid b { color:#28344b;font-size:10px; }
.seller-buybox {
    display:grid;
    grid-template-columns:38px 1fr auto;
    gap:10px;
    align-items:center;
    margin-top:9px;
    padding:12px;
    border:1px solid #dce4f0;
    border-radius:10px;
    background:#f7f9fc;
}
.seller-avatar { width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#fff;background:#14223b;font-size:15px;font-weight:900; }
.seller-buybox > div:nth-child(2) { display:grid;gap:2px; }
.seller-buybox span,.seller-buybox small { color:#7d8797;font-size:7px; }
.seller-buybox b { color:#1e2a42;font-size:11px; }
.seller-buybox b i { color:#2b91e8;font-style:normal; }
.seller-buybox > a { padding:8px 10px;border-radius:7px;color:#fff;background:#14223b;font-size:8px;font-weight:900; }
.installment-box { margin-top:9px;border:1px solid #e4e7ec;border-radius:10px;background:#fff; }
.installment-box summary {
    display:grid;
    grid-template-columns:25px 1fr auto;
    align-items:center;
    gap:9px;
    padding:11px 13px;
    list-style:none;
    cursor:pointer;
}
.installment-box summary::-webkit-details-marker { display:none; }
.installment-box summary > span { font-size:17px; }
.installment-box summary div { display:grid;gap:2px; }
.installment-box summary b { color:#28344b;font-size:10px; }
.installment-box summary small { color:#858d9b;font-size:7px; }
.installment-box summary > i { color:#7e8796;font-style:normal;transition:transform .2s; }
.installment-box[open] summary > i { transform:rotate(180deg); }
.installment-content { overflow:auto;padding:0 13px 12px; }
.installment-content table { width:100%;border-collapse:collapse;font-size:9px; }
.installment-content th,.installment-content td { padding:7px;border-bottom:1px solid #edf0f3;text-align:left; }
.installment-content th { color:#657084;background:#f7f8fa; }

.product-information {
    margin-top:22px;
    overflow:hidden;
    border:1px solid #e5e8ed;
    border-radius:15px;
    background:#fff;
}
.product-information > nav {
    display:flex;
    gap:0;
    overflow:auto;
    border-bottom:1px solid #e8eaee;
    background:#fafbfc;
}
.product-information > nav a {
    position:relative;
    padding:16px 22px;
    color:#697284;
    font-size:10px;
    font-weight:850;
    white-space:nowrap;
}
.product-information > nav a.active { color:#f36f21;background:#fff; }
.product-information > nav a.active::after { content:"";position:absolute;right:18px;bottom:0;left:18px;height:3px;border-radius:3px 3px 0 0;background:#f36f21; }
.product-description-content {
    display:grid;
    grid-template-columns:230px 1fr;
    gap:28px;
    padding:28px;
}
.product-description-content > div span { color:#f36f21;font-size:8px;font-weight:900;letter-spacing:1.4px; }
.product-description-content h2 { margin:7px 0 0;color:#14223b;font-size:19px;line-height:1.3; }
.product-description-content p { margin:0;color:#626c7e;font-size:12px;line-height:1.8; }
.product-description-content ul { grid-column:2;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none; }
.product-description-content li { padding:7px 10px;border-radius:7px;color:#166534;background:#edf8f0;font-size:8px;font-weight:850; }

@media (max-width:1020px) {
    .product-showcase { grid-template-columns:1fr; }
    .gallery-stage { min-height:460px; }
    .product-summary { padding-top:8px; }
}
@media (max-width:650px) {
    .storefront-body > .product-page { padding-top:15px; }
    .product-showcase { gap:19px;padding:12px;border-radius:12px; }
    .product-gallery { grid-template-columns:1fr; }
    .gallery-rail { order:2;flex-direction:row; }
    .gallery-thumb { width:58px;height:58px; }
    .gallery-stage { min-height:360px; }
    .gallery-main-link > img { height:315px; }
    .gallery-assurance { order:3;grid-template-columns:1fr; }
    .gallery-assurance > span { padding:9px; }
    .product-summary h1 { font-size:25px; }
    .product-price-panel { align-items:flex-end; }
    .product-price-panel strong { font-size:27px; }
    .installment-highlight { min-width:112px; }
    .fulfilment-grid { grid-template-columns:1fr; }
    .seller-buybox { grid-template-columns:36px 1fr; }
    .seller-buybox > a { grid-column:1/-1;text-align:center; }
    .product-description-content { grid-template-columns:1fr;padding:20px; }
    .product-description-content ul { grid-column:1; }
}

/* Product detail v3: marketplace reading scale */
.storefront-body .product-page .breadcrumb { font-size:13px; }
.product-showcase { grid-template-columns:minmax(0,1.05fr) minmax(470px,.95fr);gap:32px;padding:26px; }
.product-gallery { grid-template-columns:72px minmax(0,1fr);gap:16px; }
.gallery-rail { gap:11px; }
.gallery-thumb { width:72px;height:78px; }
.gallery-thumb span { font-size:14px; }
.gallery-thumb small { font-size:9px; }
.gallery-rail-info { width:72px;height:68px; }
.gallery-rail-info b { font-size:14px; }
.gallery-rail-info small { font-size:9px; }
.gallery-stage { min-height:560px; }
.gallery-main-link > img { height:465px; }
.gallery-flags span { padding:7px 10px;font-size:10px; }
.zoom-hint { padding:8px 11px;font-size:10px; }
.gallery-assurance > span { padding:13px;grid-template-columns:32px 1fr;column-gap:9px; }
.gallery-assurance i { width:32px;height:32px; }
.gallery-assurance b { font-size:11px; }
.gallery-assurance small { font-size:9px; }
.product-brand-line { gap:10px;font-size:12px; }
.product-brand-line > a:first-child { font-size:14px; }
.product-rating { padding:6px 9px; }
.product-summary h1 { margin:14px 0 12px;font-size:clamp(30px,2.5vw,40px); }
.product-meta-line { gap:9px 19px;padding-bottom:17px;font-size:12px; }
.product-price-panel { padding:20px 0 17px; }
.product-price-panel .old-price del { font-size:14px; }
.product-price-panel .old-price span { font-size:10px; }
.product-price-panel strong { font-size:36px; }
.product-price-panel > div:first-child > small { font-size:10px; }
.installment-highlight { min-width:138px;padding:12px 14px; }
.installment-highlight span,.installment-highlight small { font-size:10px; }
.installment-highlight b { font-size:15px; }
.product-campaign { grid-template-columns:36px 1fr auto;padding:13px 15px; }
.product-campaign > span { font-size:23px; }
.product-campaign b { font-size:12px; }
.product-campaign small { font-size:10px; }
.product-campaign > strong { padding:6px 8px;font-size:9px; }
.product-summary .variant-picker legend { margin-bottom:11px;font-size:13px; }
.product-summary .variant-picker legend small { font-size:10px; }
.product-summary .variant-picker label > span { min-height:62px; }
.product-summary .variant-picker label b { font-size:13px; }
.product-summary .variant-picker label small { font-size:10px; }
.product-summary .add-cart { min-height:60px; }
.product-summary .add-cart span { font-size:17px; }
.product-summary .add-cart small { font-size:10px; }
.favorite-square { min-height:60px;font-size:26px; }
.compare-form button { padding:9px;font-size:11px; }
.fulfilment-grid article { grid-template-columns:36px 1fr;padding:13px; }
.fulfilment-grid article > i { font-size:22px; }
.fulfilment-grid span,.fulfilment-grid small { font-size:9px; }
.fulfilment-grid b { font-size:12px; }
.seller-buybox { grid-template-columns:42px 1fr auto;padding:14px; }
.seller-avatar { width:42px;height:42px;font-size:17px; }
.seller-buybox span,.seller-buybox small { font-size:9px; }
.seller-buybox b { font-size:13px; }
.seller-buybox > a { padding:10px 12px;font-size:10px; }
.installment-box summary { padding:13px 15px; }
.installment-box summary > span { font-size:20px; }
.installment-box summary b { font-size:12px; }
.installment-box summary small { font-size:9px; }
.installment-content table { font-size:11px; }
.product-information > nav a { padding:18px 24px;font-size:12px; }
.product-description-content { grid-template-columns:250px 1fr;gap:32px;padding:32px; }
.product-description-content > div span { font-size:10px; }
.product-description-content h2 { font-size:22px; }
.product-description-content p { font-size:14px; }
.product-description-content li { padding:8px 11px;font-size:10px; }

@media (max-width:1150px) {
    .product-showcase { grid-template-columns:1fr; }
    .gallery-stage { min-height:500px; }
}
@media (max-width:650px) {
    .product-showcase { padding:13px; }
    .product-gallery { grid-template-columns:1fr; }
    .gallery-stage { min-height:370px; }
    .gallery-main-link > img { height:325px; }
    .product-summary h1 { font-size:27px; }
    .product-price-panel strong { font-size:30px; }
    .product-description-content { grid-template-columns:1fr;padding:21px; }
    .product-description-content ul { grid-column:1; }
}

/* Catalog v2: clearer categories, compact filters and product cards */
.catalog-page.catalog-v2 { padding-block:24px 80px; }
.catalog-v2 .catalog-breadcrumb { display:flex;align-items:center;gap:7px;margin-bottom:18px;color:#8a92a0;font-size:9px; }
.catalog-v2 .catalog-breadcrumb a { color:#f36f21;font-weight:900; }
.catalog-v2 .catalog-breadcrumb b { color:#596275; }
.catalog-v2 .catalog-hero {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:28px;
    margin-bottom:20px;
    padding:22px 25px;
    border:1px solid #e5e8ed;
    border-radius:15px;
    background:linear-gradient(120deg,#fff 55%,#f4f7fb);
}
.catalog-v2 .catalog-hero > div:first-child > span { color:#f36f21;font-size:8px;font-weight:900;letter-spacing:1.5px; }
.catalog-v2 .catalog-hero h1 { margin:5px 0;color:#14223b;font-size:31px;letter-spacing:-1.3px; }
.catalog-v2 .catalog-hero p { margin:0;color:#7d8594;font-size:10px; }
.catalog-v2 .catalog-hero p b { color:#313c53; }
.catalog-v2 .catalog-heading-actions { flex-direction:row;align-items:flex-end; }
.catalog-v2 .catalog-heading-actions > a {
    min-height:38px;
    display:flex;
    align-items:center;
    padding:0 13px;
    border:1px solid #e1e5eb;
    border-radius:8px;
    color:#536077;
    background:#fff;
}
.catalog-v2 .catalog-sort label { display:grid;gap:4px; }
.catalog-v2 .catalog-sort label > span { color:#8a92a0;font-size:8px;font-weight:850; }
.catalog-v2 .catalog-sort select { min-height:38px;padding:8px 34px 8px 11px;border-color:#e1e5eb;color:#29354c;font-size:10px;font-weight:800; }
.catalog-category-strip {
    display:grid;
    grid-template-columns:repeat(9,minmax(0,1fr));
    gap:7px;
    margin-bottom:15px;
    padding:10px;
    overflow:auto;
    border:1px solid #e5e8ed;
    border-radius:13px;
    background:#fff;
}
.catalog-category-strip > a {
    min-width:104px;
    display:grid;
    grid-template-columns:29px 1fr;
    align-items:center;
    gap:7px;
    padding:8px;
    border:1px solid transparent;
    border-radius:9px;
    color:#3c475d;
    background:#f7f8fa;
}
.catalog-category-strip > a:hover,.catalog-category-strip > a.active { border-color:#f7b78f;color:#b94c0d;background:#fff4ed; }
.catalog-category-strip i { width:29px;height:29px;display:grid;place-items:center;border-radius:8px;color:#f36f21;background:#fff;font-size:15px;font-style:normal;font-weight:900; }
.catalog-category-strip span { min-width:0;display:grid;gap:2px; }
.catalog-category-strip b { overflow:hidden;font-size:8px;white-space:nowrap;text-overflow:ellipsis; }
.catalog-category-strip small { overflow:hidden;color:#9299a5;font-size:6px;white-space:nowrap;text-overflow:ellipsis; }
.catalog-v2 .search-discovery-bar { margin-bottom:15px;padding:9px 12px; }
.catalog-v2 .catalog-layout { grid-template-columns:210px 1fr;gap:18px; }
.catalog-v2 .catalog-filters {
    top:165px;
    padding:0;
    overflow:hidden;
    border-color:#e3e6eb;
    border-radius:12px;
}
.filter-title { display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e8eaee;background:#fafbfc; }
.filter-title span { color:#f36f21;font-size:7px;font-weight:900;letter-spacing:1px; }
.filter-title h2 { margin:3px 0 0;color:#19253d;font-size:18px; }
.filter-title > b { width:23px;height:23px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#f36f21;font-size:9px; }
.catalog-v2 .catalog-filters form { display:block; }
.catalog-v2 .catalog-filters .filter-search { display:grid;gap:6px;padding:14px;border-bottom:1px solid #eceef1;font-size:8px; }
.filter-search > span { position:relative;display:block; }
.filter-search input { padding-right:30px!important; }
.filter-search i { position:absolute;right:10px;top:50%;color:#f36f21;font-size:16px;font-style:normal;transform:translateY(-50%); }
.catalog-v2 .catalog-filters details { border-bottom:1px solid #eceef1; }
.catalog-v2 .catalog-filters summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 14px;
    list-style:none;
    color:#303b51;
    font-size:9px;
    font-weight:900;
    cursor:pointer;
}
.catalog-v2 .catalog-filters summary::-webkit-details-marker { display:none; }
.catalog-v2 .catalog-filters summary i { color:#9aa1ad;font-style:normal;transition:transform .2s; }
.catalog-v2 .catalog-filters details[open] summary i { transform:rotate(180deg); }
.catalog-v2 .catalog-filters details > label,
.catalog-v2 .catalog-filters details > select,
.catalog-v2 .catalog-filters details > .price-filter,
.catalog-v2 .catalog-filters details > .price-presets { margin:0 14px 11px;width:calc(100% - 28px); }
.catalog-v2 .catalog-filters details > label { display:grid;gap:5px;color:#7b8493;font-size:8px; }
.catalog-v2 .catalog-filters input,.catalog-v2 .catalog-filters select { min-height:36px;padding:8px;border-color:#e0e4e9;color:#303a50;font-size:9px; }
.catalog-v2 .price-filter { gap:6px; }
.price-presets { display:grid;grid-template-columns:repeat(3,1fr);gap:4px; }
.catalog-v2 .price-presets button {
    padding:6px 2px;
    border:1px solid #e0e4e9;
    border-radius:6px;
    color:#667084;
    background:#f8f9fa;
    font-size:7px;
}
.catalog-v2 .price-presets button:hover { color:#f36f21;border-color:#f6b58d;background:#fff6f0; }
.catalog-v2 .filter-submit { width:calc(100% - 28px);margin:14px 14px 8px;padding:11px;background:#f36f21; }
.catalog-v2 .filter-clear { display:block;margin:0 14px 15px;text-align:center; }
.catalog-results { min-width:0; }
.results-toolbar { min-height:39px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:0 3px; }
.results-toolbar div { display:flex;align-items:baseline;gap:5px; }
.results-toolbar b { color:#27334a;font-size:11px; }
.results-toolbar span { color:#8e95a1;font-size:8px; }
.results-toolbar > a { color:#f36f21;font-size:8px;font-weight:900; }
.catalog-v2 .catalog-grid { grid-template-columns:repeat(3,1fr);gap:12px; }
.catalog-v2 .catalog-card { border-color:#e4e7ec;border-radius:11px;box-shadow:0 3px 12px rgba(20,34,59,.025); }
.catalog-v2 .catalog-card:hover { transform:translateY(-4px);box-shadow:0 13px 30px rgba(20,34,59,.09); }
.catalog-v2 .catalog-image { height:190px;background:linear-gradient(145deg,#f8f9fa,#eef1f4); }
.catalog-v2 .catalog-image img { object-fit:contain;padding:12px;mix-blend-mode:multiply;transition:transform .3s; }
.catalog-v2 .catalog-card:hover .catalog-image img { transform:scale(1.04); }
.catalog-verified,.catalog-discount { position:absolute;top:9px;left:9px;padding:5px 7px;border-radius:5px;font-size:7px;font-weight:900; }
.catalog-verified { color:#166534;background:#ecf8ef; }
.catalog-discount { top:34px;color:#fff;background:#f36f21; }
.catalog-v2 .catalog-heart { width:30px;height:30px;font-size:17px; }
.catalog-v2 .catalog-info { padding:12px; }
.catalog-v2 .catalog-info > small { color:#657085;font-size:8px; }
.catalog-v2 .catalog-info > small i { display:inline-grid;place-items:center;width:12px;height:12px;border-radius:50%;color:#fff;background:#2b91e8;font-size:7px;font-style:normal; }
.catalog-v2 .catalog-info h2 { min-height:38px;margin:5px 0;font-size:11px;line-height:1.5; }
.catalog-v2 .catalog-condition { margin:4px 0;font-size:8px; }
.catalog-v2 .catalog-rating { display:flex;gap:5px;margin:6px 0;font-size:8px; }
.catalog-v2 .catalog-rating b { color:#e79a16; }
.catalog-price { display:flex;align-items:baseline;gap:6px; }
.catalog-price strong { color:#f36f21;font-size:15px; }
.catalog-price del { color:#9ca3af;font-size:8px; }
.catalog-installment { display:inline-block;margin-top:6px;padding:4px 6px;border-radius:5px;color:#bd4c0c;background:#fff1e8;font-size:7px;font-weight:800; }
.catalog-delivery { margin-top:7px;color:#7a8493;font-size:7px; }
.catalog-delivery b { color:#325b40; }
.catalog-v2 .catalog-card-actions { grid-template-columns:1fr 34px;margin-top:9px; }
.catalog-v2 .catalog-card-actions button { min-height:34px;padding:7px;border:0;border-radius:7px;color:#fff;background:#14223b;font-size:8px;font-weight:900;cursor:pointer; }
.catalog-v2 .catalog-card-actions .compare-button { color:#f36f21;border:1px solid #f5b48d;background:#fff;font-size:14px; }

/* Catalog v3: wide desktop canvas and marketplace-scale typography */
.catalog-page.catalog-v2 { max-width:1440px; }
.catalog-v2 .catalog-breadcrumb { font-size:11px; }
.catalog-v2 .catalog-hero { padding:26px 29px; }
.catalog-v2 .catalog-hero > div:first-child > span { font-size:10px; }
.catalog-v2 .catalog-hero h1 { font-size:35px; }
.catalog-v2 .catalog-hero p { font-size:13px; }
.catalog-v2 .catalog-heading-actions > a { min-height:42px;font-size:12px; }
.catalog-v2 .catalog-sort label > span { font-size:10px; }
.catalog-v2 .catalog-sort select { min-height:42px;font-size:12px; }
.catalog-category-strip { gap:9px;padding:12px; }
.catalog-category-strip > a { min-width:118px;grid-template-columns:35px 1fr;gap:9px;padding:10px; }
.catalog-category-strip i { width:35px;height:35px;font-size:18px; }
.catalog-category-strip b { font-size:10px; }
.catalog-category-strip small { font-size:8px; }
.catalog-v2 .search-discovery-bar { padding:12px 15px; }
.catalog-v2 .search-discovery-bar b { font-size:11px; }
.catalog-v2 .search-discovery-bar a,.catalog-v2 .search-discovery-bar button { font-size:10px; }
.catalog-v2 .catalog-layout { grid-template-columns:238px minmax(0,1fr);gap:22px; }
.filter-title { padding:19px 18px; }
.filter-title span { font-size:9px; }
.filter-title h2 { font-size:21px; }
.filter-title > b { width:27px;height:27px;font-size:10px; }
.catalog-v2 .catalog-filters .filter-search { gap:8px;padding:17px;font-size:10px; }
.catalog-v2 .catalog-filters summary { padding:15px 17px;font-size:11px; }
.catalog-v2 .catalog-filters details > label { font-size:10px; }
.catalog-v2 .catalog-filters input,.catalog-v2 .catalog-filters select { min-height:42px;padding:10px;font-size:11px; }
.catalog-v2 .catalog-filters details > label,
.catalog-v2 .catalog-filters details > select,
.catalog-v2 .catalog-filters details > .price-filter,
.catalog-v2 .catalog-filters details > .price-presets { margin-right:17px;margin-left:17px;width:calc(100% - 34px); }
.catalog-v2 .price-presets button { padding:8px 3px;font-size:8px; }
.catalog-v2 .filter-submit { width:calc(100% - 34px);margin:17px 17px 9px;padding:13px;font-size:12px; }
.catalog-v2 .filter-clear { margin:0 17px 18px;font-size:10px; }
.results-toolbar { min-height:45px;margin-bottom:12px; }
.results-toolbar b { font-size:13px; }
.results-toolbar span,.results-toolbar > a { font-size:10px; }
.catalog-v2 .catalog-grid { gap:16px; }
.catalog-v2 .catalog-card { border-radius:12px; }
.catalog-v2 .catalog-image { height:285px; }
.catalog-verified,.catalog-discount { top:11px;left:11px;padding:6px 8px;font-size:9px; }
.catalog-discount { top:42px; }
.catalog-v2 .catalog-heart { top:12px;right:12px;width:38px;height:38px;font-size:21px; }
.catalog-v2 .catalog-info { padding:15px; }
.catalog-v2 .catalog-info > small { font-size:10px; }
.catalog-v2 .catalog-info > small i { width:14px;height:14px;font-size:8px; }
.catalog-v2 .catalog-info h2 { min-height:43px;margin:7px 0;font-size:13px;line-height:1.45; }
.catalog-v2 .catalog-condition { margin:5px 0;font-size:10px; }
.catalog-v2 .catalog-rating { gap:6px;margin:8px 0;font-size:10px; }
.catalog-price strong { font-size:19px; }
.catalog-price del { font-size:10px; }
.catalog-installment { margin-top:7px;padding:5px 7px;font-size:9px; }
.catalog-delivery { margin-top:9px;font-size:9px; }
.catalog-v2 .catalog-card-actions { grid-template-columns:1fr 40px;margin-top:12px; }
.catalog-v2 .catalog-card-actions button { min-height:41px;font-size:10px; }
.catalog-v2 .catalog-card-actions .compare-button { font-size:17px; }

@media (min-width:1380px) {
    .catalog-v2 .catalog-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}

@media (max-width:980px) {
    .catalog-category-strip { grid-template-columns:repeat(9,112px); }
    .catalog-v2 .catalog-layout { grid-template-columns:1fr; }
    .catalog-v2 .catalog-filters { position:static; }
    .catalog-v2 .catalog-grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:720px) {
    .catalog-page.catalog-v2 { padding-top:15px; }
    .catalog-v2 .catalog-hero { align-items:flex-start;flex-direction:column;padding:18px; }
    .catalog-v2 .catalog-heading-actions { width:100%;align-items:stretch; }
    .catalog-v2 .catalog-heading-actions > a,.catalog-v2 .catalog-sort { flex:1; }
    .catalog-v2 .catalog-sort select { width:100%; }
    .catalog-v2 .catalog-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px) {
    .catalog-v2 .catalog-heading-actions { flex-direction:column; }
    .catalog-v2 .catalog-grid { grid-template-columns:1fr; }
    .catalog-v2 .catalog-image { height:230px; }
}

/* Cart v2 */
.cart-page.cart-v2 { padding-block:24px 84px; }
.checkout-steps {
    display:grid;
    grid-template-columns:auto minmax(30px,100px) auto minmax(30px,100px) auto;
    align-items:center;
    justify-content:center;
    gap:13px;
    margin-bottom:25px;
    padding:13px 20px;
    border:1px solid #e4e7ec;
    border-radius:13px;
    background:#fff;
}
.checkout-steps > span { display:grid;grid-template-columns:29px auto;column-gap:9px;align-items:center;color:#8b93a1; }
.checkout-steps > span i { grid-row:1/3;width:29px;height:29px;display:grid;place-items:center;border:1px solid #dfe3e8;border-radius:50%;font-size:9px;font-style:normal;font-weight:900; }
.checkout-steps > span b { color:#566176;font-size:9px; }
.checkout-steps > span small { font-size:7px; }
.checkout-steps > span.active i { color:#fff;border-color:#f36f21;background:#f36f21;box-shadow:0 0 0 4px #fff0e7; }
.checkout-steps > span.active b { color:#f36f21; }
.checkout-steps > em { height:1px;background:#dfe3e8; }
.cart-heading { display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px; }
.cart-heading > div > span { color:#f36f21;font-size:8px;font-weight:900;letter-spacing:1.5px; }
.cart-heading h1 { margin:4px 0;color:#14223b;font-size:34px;letter-spacing:-1.4px; }
.cart-heading p { margin:0;color:#818997;font-size:10px; }
.cart-heading > a { padding:9px 12px;border:1px solid #e0e4e9;border-radius:8px;color:#566176;background:#fff;font-size:9px;font-weight:850; }
.shipping-progress {
    display:grid;
    grid-template-columns:42px 1fr auto;
    align-items:center;
    gap:13px;
    margin-bottom:16px;
    padding:14px 17px;
    border:1px solid #ffd4ba;
    border-radius:12px;
    background:linear-gradient(90deg,#fff7f1,#fff);
}
.shipping-progress.complete { border-color:#bee5c9;background:linear-gradient(90deg,#effaf2,#fff); }
.shipping-icon { width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#fff;font-size:20px;box-shadow:0 4px 13px rgba(20,34,59,.06); }
.shipping-progress > div:nth-child(2) { display:grid;gap:2px; }
.shipping-progress b { color:#423329;font-size:10px; }
.shipping-progress span { color:#84756b;font-size:8px; }
.shipping-progress span strong { color:#f36f21; }
.shipping-progress.complete b,.shipping-progress.complete > strong { color:#187943; }
.shipping-progress > strong { color:#f36f21;font-size:11px; }
.shipping-progress-track { height:5px;margin-top:7px;overflow:hidden;border-radius:99px;background:#eee8e4; }
.shipping-progress-track i { height:100%;display:block;border-radius:99px;background:linear-gradient(90deg,#f36f21,#33a060); }
.cart-v2 .cart-layout { grid-template-columns:minmax(0,1fr) 330px;gap:18px; }
.cart-store-list { min-width:0;display:grid;gap:14px; }
.cart-store-group { overflow:hidden;border:1px solid #e2e5ea;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(20,34,59,.035); }
.cart-store-group > header {
    display:grid;
    grid-template-columns:34px 1fr auto;
    align-items:center;
    gap:10px;
    padding:11px 14px;
    border-bottom:1px solid #e8eaee;
    background:#fafbfc;
}
.cart-store-avatar { width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#fff;background:#14223b;font-size:13px;font-weight:900; }
.cart-store-group > header > div:nth-child(2) { display:grid;gap:1px; }
.cart-store-group > header span { color:#8a93a2;font-size:6px;font-weight:900;letter-spacing:.9px; }
.cart-store-group > header b { color:#263249;font-size:10px; }
.cart-store-group > header b i { color:#2d91e8;font-style:normal; }
.cart-store-group > header small { color:#818a99;font-size:7px; }
.cart-store-group > header a { color:#f36f21;font-size:8px;font-weight:900; }
.cart-product-row {
    display:grid;
    grid-template-columns:112px minmax(0,1fr) 205px;
    gap:16px;
    align-items:center;
    padding:17px;
    border-bottom:1px solid #eceef1;
}
.cart-v2 .cart-item-image { width:112px;height:120px;border:1px solid #e7e9ed;border-radius:10px;background:linear-gradient(145deg,#f8f9fa,#eef1f4); }
.cart-v2 .cart-item-image img { object-fit:contain;padding:8px;mix-blend-mode:multiply; }
.cart-item-badges { display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px; }
.cart-item-badges span { padding:4px 6px;border-radius:5px;color:#166534;background:#edf8f0;font-size:6px;font-weight:850; }
.cart-item-badges span:last-child { color:#9a4312;background:#fff2e9; }
.cart-v2 .cart-item-info h2 { margin:0 0 5px;color:#1c2941;font-size:13px;line-height:1.45; }
.cart-v2 .cart-item-info > small { color:#838c9b;font-size:8px; }
.cart-v2 .cart-variant { width:max-content;margin:7px 0;padding:6px 8px;border:1px solid #e5e8ed;border-radius:6px;color:#657085;background:#fafbfc;font-size:8px; }
.cart-unit-price { display:flex;align-items:baseline;gap:7px;margin-top:8px; }
.cart-unit-price strong { color:#f36f21;font-size:17px; }
.cart-unit-price small { color:#9299a5;font-size:7px; }
.cart-v2 .cart-item-actions {
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    justify-items:stretch;
    gap:10px 12px;
}
.quantity-form { display:grid!important;grid-template-columns:1fr!important;gap:5px!important; }
.quantity-form > span { color:#868e9c;font-size:7px;font-weight:850; }
.quantity-form > div { display:grid;grid-template-columns:30px 42px 30px;width:max-content;overflow:hidden;border:1px solid #dfe3e8;border-radius:8px; }
.cart-v2 .quantity-form > div button,.cart-v2 .quantity-form > div input {
    width:100%;min-height:32px;margin:0;padding:0;border:0;border-radius:0;text-align:center;background:#fff;
}
.cart-v2 .quantity-form > div button { color:#f36f21;font-size:15px;font-weight:900; }
.cart-v2 .quantity-form > div input { border-inline:1px solid #e4e7eb;font-size:10px;-moz-appearance:textfield; }
.cart-v2 .quantity-form > div input::-webkit-inner-spin-button { appearance:none; }
.cart-v2 .quantity-update { padding:0!important;border:0!important;color:#697386!important;background:transparent!important;font-size:7px!important;text-align:left;text-decoration:underline; }
.cart-line-total { display:grid;gap:3px;color:#17243d;font-size:15px;text-align:right; }
.cart-line-total small { color:#9299a5;font-size:6px;font-weight:600; }
.cart-v2 .cart-item-actions form:last-child { grid-column:1/-1;text-align:right; }
.cart-v2 .cart-item-actions .remove { padding:5px!important;border:0!important;color:#b84a4a!important;background:transparent!important;font-size:7px!important; }
.cart-store-group > footer { display:flex;align-items:center;justify-content:space-between;padding:9px 14px;color:#6d788a;background:#f8fafb;font-size:7px; }
.cart-store-group > footer b { color:#187943; }
.cart-assurances { display:grid;grid-template-columns:repeat(3,1fr);gap:8px; }
.cart-assurances article { display:grid;grid-template-columns:31px 1fr;align-items:center;gap:8px;padding:12px;border:1px solid #e3e6eb;border-radius:10px;background:#fff; }
.cart-assurances i { width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:#f36f21;background:#fff1e8;font-style:normal;font-weight:900; }
.cart-assurances div { display:grid;gap:2px; }
.cart-assurances b { color:#2d394f;font-size:8px; }
.cart-assurances span { color:#8d95a2;font-size:6px; }
.cart-v2 .cart-summary {
    top:165px;
    padding:19px;
    color:#273349;
    border:1px solid #dfe3e8;
    border-radius:13px;
    background:#fff;
    box-shadow:0 14px 35px rgba(20,34,59,.08);
}
.summary-secure { display:grid;grid-template-columns:29px 1fr;align-items:center;gap:8px;margin:-7px -7px 17px;padding:10px;border-radius:9px;color:#256342;background:#edf8f0; }
.summary-secure i { width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#fff;font-style:normal; }
.summary-secure span { display:grid;gap:1px; }
.summary-secure b { font-size:8px; }
.summary-secure small { color:#659077;font-size:6px; }
.cart-v2 .cart-summary h2 { margin:0;color:#17243c;font-size:18px; }
.summary-item-count { margin-top:3px;color:#9198a4;font-size:7px; }
.cart-v2 .cart-summary dl { gap:10px;margin:18px 0 7px; }
.cart-v2 .cart-summary dl div { font-size:9px; }
.cart-v2 .cart-summary dt { color:#747e8e; }
.cart-v2 .cart-summary dd { color:#29354a; }
.cart-v2 .cart-summary dd.free { color:#187943; }
.cart-v2 .cart-summary .grand { margin-top:3px;padding-top:13px;border-color:#e3e6ea;font-size:14px; }
.cart-v2 .cart-summary .grand dd { color:#f36f21;font-size:18px; }
.summary-tax { display:block;color:#9aa1ac;font-size:6px;text-align:right; }
.cart-coupon { margin:15px 0;border:1px dashed #d9dee5;border-radius:9px; }
.cart-coupon summary { display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;padding:10px;list-style:none;cursor:pointer; }
.cart-coupon summary::-webkit-details-marker { display:none; }
.cart-coupon summary b { color:#4f5a70;font-size:8px; }
.cart-coupon summary i { color:#959ca8;font-style:normal;transition:transform .2s; }
.cart-coupon[open] summary i { transform:rotate(180deg); }
.sr-only { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important; }
.cart-v2 .coupon-form { margin:0;padding:0 10px 10px;grid-template-columns:1fr auto;border:0; }
.cart-v2 .coupon-form input { min-height:35px;padding:8px;border-color:#dfe3e8;font-size:8px; }
.cart-v2 .coupon-form button { min-height:35px;padding:8px 10px;color:#fff;background:#14223b; }
.cart-v2 .checkout-button {
    min-height:53px;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:1px 8px;
    margin-top:11px;
    padding:10px 14px;
    border-radius:10px;
    text-align:left;
    background:linear-gradient(135deg,#ff7c2e,#e95b0c);
    box-shadow:0 10px 22px rgba(243,111,33,.22);
}
.cart-v2 .checkout-button span { font-size:11px; }
.cart-v2 .checkout-button small { color:#ffe2d0;font-size:6px;font-weight:700; }
.cart-v2 .checkout-button i { grid-column:2;grid-row:1/3;font-size:18px;font-style:normal; }
.summary-payment-methods { display:flex;justify-content:center;gap:5px;margin:13px 0 9px; }
.summary-payment-methods span { padding:4px 5px;border:1px solid #e1e4e9;border-radius:4px;color:#667084;background:#fafbfc;font-size:6px;font-weight:900; }
.cart-v2 .cart-summary > p { margin:0;color:#939aa6;font-size:6px;line-height:1.55;text-align:center; }
.cart-empty-state { min-height:450px;display:grid;place-items:center;align-content:center;gap:9px;padding:50px;border:1px solid #e3e6eb;border-radius:16px;text-align:center;background:#fff; }
.empty-cart-visual { position:relative;width:88px;height:88px;display:grid;place-items:center;margin-bottom:5px;border-radius:50%;color:#f36f21;background:#fff1e8;font-size:38px; }
.empty-cart-visual i { position:absolute;top:5px;right:3px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#14223b;font-size:8px;font-style:normal; }
.cart-empty-state > span { color:#f36f21;font-size:7px;font-weight:900;letter-spacing:1.4px; }
.cart-empty-state h1 { margin:0;color:#14223b;font-size:27px; }
.cart-empty-state p { margin:0 0 8px;color:#7c8594;font-size:10px; }
.cart-empty-state > div:last-child { display:flex;gap:13px;margin-top:8px;color:#65806e;font-size:7px; }

@media (max-width:920px) {
    .cart-v2 .cart-layout { grid-template-columns:1fr; }
    .cart-v2 .cart-summary { position:static; }
}
@media (max-width:680px) {
    .checkout-steps { grid-template-columns:auto 25px auto 25px auto;padding-inline:10px;gap:7px; }
    .checkout-steps > span { grid-template-columns:25px auto;column-gap:6px; }
    .checkout-steps > span i { width:25px;height:25px; }
    .checkout-steps > span small { display:none; }
    .checkout-steps > span b { font-size:7px; }
    .cart-heading { align-items:flex-start;flex-direction:column;gap:12px; }
    .shipping-progress { grid-template-columns:35px 1fr; }
    .shipping-icon { width:35px;height:35px; }
    .shipping-progress > strong { display:none; }
    .cart-product-row { grid-template-columns:82px 1fr;gap:11px;padding:12px; }
    .cart-v2 .cart-item-image { width:82px;height:92px; }
    .cart-v2 .cart-item-actions { grid-column:1/-1;grid-template-columns:1fr auto auto; }
    .cart-v2 .cart-item-actions form:last-child { grid-column:auto; }
    .cart-line-total { text-align:left; }
    .cart-assurances { grid-template-columns:1fr; }
}
.cart-item { padding: 16px; display: grid; grid-template-columns: 105px 1fr auto; gap: 18px; align-items: center; border: 1px solid var(--line); border-radius: 13px; background: white; }
.cart-item-image { width: 105px; height: 105px; display: grid; place-items: center; overflow: hidden; color: #aaa; background: var(--soft); border-radius: 9px; font-size: 9px; font-weight: 900; }
.cart-item-image img { width: 100%; height: 100%; object-fit: cover; }
.cart-item-info small { color: var(--orange); font-weight: 800; }.cart-item-info h2 { margin: 6px 0 10px; font-size: 16px; }.cart-item-info strong { font-size: 18px; }
.cart-item-actions { display: grid; justify-items: end; gap: 12px; }.cart-item-actions form:first-child { display: flex; gap: 6px; }.cart-item-actions input { width: 60px; padding: 9px; border: 1px solid var(--line); border-radius: 7px; }.cart-item-actions button { padding: 9px 11px; border: 1px solid var(--line); border-radius: 7px; background: white; cursor: pointer; }.cart-item-actions .remove { color: #b91c1c; font-size: 11px; }
.cart-summary { position: sticky; top: 105px; padding: 25px; border-radius: 14px; color: white; background: var(--ink); }.cart-summary h2 { margin-top: 0; }.cart-summary dl { display: grid; gap: 13px; }.cart-summary dl div { display: flex; justify-content: space-between; }.cart-summary dt { color: #aaa; }.cart-summary dd { margin: 0; font-weight: 800; }.cart-summary .grand { padding-top: 14px; border-top: 1px solid rgba(255,255,255,.15); font-size: 18px; }.checkout-button { width: 100%; margin-top: 15px; padding: 14px; display: block; text-align: center; color: white; background: var(--orange); border: 0; border-radius: 8px; font-weight: 900; cursor: pointer; }
.checkout-page, .orders-page { min-height: 680px; padding-block: 50px 85px; }
.checkout-head > span { color: var(--orange); font-size: 11px; font-weight: 900; letter-spacing: 1.6px; }.checkout-head h1, .orders-page > h1 { margin: 7px 0; font-size: 42px; letter-spacing: -2px; }.checkout-head p, .order-detail-head p { margin: 0 0 28px; color: var(--muted); }
.checkout-layout { display: grid; grid-template-columns: 1fr 360px; gap: 25px; align-items: start; }.checkout-fields { display: grid; gap: 17px; }.checkout-card { padding: 28px; border: 1px solid var(--line); border-radius: 14px; background: white; }.checkout-card h2 { margin: 0 0 23px; display: flex; align-items: center; gap: 11px; font-size: 18px; }.checkout-card h2 > b { width: 29px; height: 29px; display: grid; place-items: center; color: white; background: var(--orange); border-radius: 50%; font-size: 12px; }.checkout-card textarea { padding: 12px; resize: vertical; border: 1px solid var(--line); border-radius: 8px; font: inherit; }.payment-option { margin-top: 10px; padding: 16px; display: flex; gap: 12px; align-items: start; border: 1px solid var(--line); border-radius: 10px; cursor: pointer; }.payment-option input { margin-top: 3px; accent-color: var(--orange); }.payment-option span { display: grid; gap: 4px; }.payment-option small { color: var(--muted); }
.checkout-summary { position: sticky; top: 105px; padding: 25px; border: 1px solid var(--line); border-radius: 14px; background: white; box-shadow: 0 16px 40px rgba(40,30,20,.06); }.checkout-summary h2 { margin-top: 0; }.checkout-line { padding: 12px 0; display: flex; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--line); font-size: 11px; }.checkout-line span { line-height: 1.5; }.checkout-line small { color: var(--muted); }.checkout-summary dl { display: grid; gap: 11px; }.checkout-summary dl div { display: flex; justify-content: space-between; }.checkout-summary dt { color: var(--muted); }.checkout-summary dd { margin: 0; font-weight: 800; }.checkout-summary .grand { padding-top: 13px; border-top: 1px solid var(--line); font-size: 18px; }.checkout-summary > button { width: 100%; padding: 15px; color: white; background: var(--orange); border: 0; border-radius: 8px; font-weight: 900; cursor: pointer; }.checkout-summary > small { margin-top: 12px; display: block; color: var(--muted); text-align: center; font-size: 9px; line-height: 1.5; }
.order-list { margin-top: 28px; display: grid; gap: 12px; }.order-card { padding: 20px; display: grid; grid-template-columns: 1.4fr 1fr .7fr 1fr auto; gap: 22px; align-items: center; border: 1px solid var(--line); border-radius: 12px; background: white; transition: .2s; }.order-card:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(40,30,20,.06); }.order-card > div { display: grid; gap: 5px; }.order-card small { color: var(--muted); font-size: 9px; }.order-card strong { font-size: 12px; }.order-status { padding: 8px 10px; color: #9a3412; background: #ffedd5; border-radius: 7px; font-size: 10px; font-weight: 900; }.order-status.large { font-size: 12px; }.order-detail-head { display: flex; justify-content: space-between; align-items: center; }.order-detail-grid { display: grid; grid-template-columns: 1fr 340px; gap: 22px; align-items: start; }.order-products, .order-side { padding: 25px; border: 1px solid var(--line); border-radius: 13px; background: white; }.order-products h2, .order-side h2 { margin-top: 0; }.order-products article { padding: 17px 0; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--line); }.order-products small { color: var(--orange); font-weight: 800; }.order-products h3 { margin: 5px 0; font-size: 14px; }.order-products span { color: var(--muted); font-size: 11px; }.order-side p { color: var(--muted); font-size: 12px; line-height: 1.7; }.order-side hr { margin: 20px 0; border: 0; border-top: 1px solid var(--line); }.order-side > div { display: flex; justify-content: space-between; font-size: 18px; }.order-side .payment-note { padding: 11px; color: #9a3412; background: #ffedd5; border-radius: 8px; font-weight: 800; }
.admin-page { min-height: 700px; padding-block: 55px 85px; }
.admin-heading { margin-bottom: 35px; display: flex; justify-content: space-between; align-items: end; }
.admin-heading h1 { margin: 8px 0; font-size: 45px; letter-spacing: -2px; }
.admin-heading p { margin: 0; color: var(--muted); }
.admin-user { padding: 12px 17px; display: grid; gap: 3px; text-align: right; border: 1px solid var(--line); border-radius: 10px; font-size: 13px; font-weight: 800; }
.admin-user small { color: var(--orange); }
.admin-actions { display: flex; gap: 10px; align-items: center; }.admin-actions > a, .seller-heading > a { padding: 12px 16px; color: white; background: var(--ink); border-radius: 9px; font-size: 12px; font-weight: 900; }.seller-heading > a.secondary { color: var(--ink); background: white; border: 1px solid var(--line); }
.status-tabs { margin-bottom: 22px; display: flex; gap: 8px; overflow-x: auto; }
.status-tabs a { padding: 10px 13px; white-space: nowrap; color: var(--muted); background: var(--soft); border-radius: 8px; font-size: 12px; font-weight: 800; }
.status-tabs a.active { color: white; background: var(--ink); }
.status-tabs b { margin-left: 4px; color: var(--orange); }
.application-list { display: grid; gap: 16px; }
.application-card { display: grid; grid-template-columns: 1.5fr .7fr; border: 1px solid var(--line); border-radius: 14px; background: white; overflow: hidden; }
.application-main { padding: 24px; }
.application-title { display: flex; justify-content: space-between; align-items: start; }
.application-title small { color: var(--orange); font-weight: 900; letter-spacing: 1px; }
.application-title h2 { margin: 5px 0 20px; }
.status { padding: 7px 9px; color: #555; background: #eee; border-radius: 7px; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.status-approved { color: #166534; background: #dcfce7; }
.status-rejected { color: #991b1b; background: #fee2e2; }
.status-new { color: #9a3412; background: #ffedd5; }
.application-card dl { margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.application-card dl div { min-width: 0; }
.application-card dt { margin-bottom: 5px; color: var(--muted); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.application-card dd { margin: 0; overflow-wrap: anywhere; font-size: 12px; line-height: 1.55; }
.review-form { padding: 22px; display: grid; align-content: center; gap: 12px; background: var(--soft); }
.review-form label { display: grid; gap: 7px; color: var(--muted); font-size: 11px; font-weight: 800; }
.review-form textarea, .review-form select { width: 100%; padding: 10px; border: 1px solid var(--line); border-radius: 7px; background: white; }
.review-form > div { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.review-form button { padding: 0 17px; color: white; background: var(--ink); border: 0; border-radius: 7px; font-weight: 800; cursor: pointer; }
.seller-page { min-height: 680px; padding-block: 52px 85px; }.seller-heading { margin-bottom: 28px; display: flex; justify-content: space-between; align-items: end; gap: 25px; }.seller-heading > div > span { color: var(--orange); font-size: 11px; font-weight: 900; letter-spacing: 1.6px; }.seller-heading h1 { margin: 7px 0; font-size: 42px; letter-spacing: -2px; }.seller-heading p { margin: 0; color: var(--muted); }.seller-metrics { margin-bottom: 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }.seller-metrics article { padding: 20px; display: grid; gap: 7px; border: 1px solid var(--line); border-radius: 11px; background: white; }.seller-metrics small { color: var(--muted); }.seller-metrics strong { font-size: 25px; }.seller-table-card, .product-create-form { padding: 25px; border: 1px solid var(--line); border-radius: 14px; background: white; }.table-title { margin-bottom: 20px; display: flex; justify-content: space-between; align-items: end; }.table-title h2 { margin: 0; }.table-title span { color: var(--muted); font-size: 11px; }.responsive-table { overflow-x: auto; }.responsive-table table { width: 100%; border-collapse: collapse; }.responsive-table th { padding: 12px; text-align: left; color: var(--muted); background: var(--soft); font-size: 10px; text-transform: uppercase; }.responsive-table td { padding: 15px 12px; border-bottom: 1px solid var(--line); font-size: 12px; }.responsive-table td > b, .responsive-table td > small { display: block; }.responsive-table td > small { margin-top: 4px; color: var(--muted); }.table-empty { padding: 45px !important; text-align: center; color: var(--muted); }.status-pending_review { color: #9a3412; background: #ffedd5; }.product-create-form { max-width: 900px; }.product-create-form textarea { padding: 12px; resize: vertical; border: 1px solid var(--line); border-radius: 8px; font: inherit; }.product-create-form > button { width: 100%; margin-top: 23px; padding: 15px; color: white; background: var(--orange); border: 0; border-radius: 9px; font-weight: 900; cursor: pointer; }.inline-review { display: flex; gap: 7px; }.inline-review select, .inline-review button { padding: 8px; border: 1px solid var(--line); border-radius: 7px; background: white; }.inline-review button { color: white; background: var(--ink); cursor: pointer; }
.seller-heading-actions { display: flex; gap: 9px; }.seller-heading-actions a { padding: 12px 16px; color: white; background: var(--ink); border-radius: 9px; font-size: 12px; font-weight: 900; }.seller-heading-actions a.secondary { color: var(--ink); background: white; border: 1px solid var(--line); }.status-paid { color: #166534; background: #dcfce7; }.status-pending { color: #9a3412; background: #ffedd5; }.fulfillment-form { min-width: 390px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }.fulfillment-form select, .fulfillment-form input, .fulfillment-form button, .payment-review select, .payment-review button { padding: 8px; border: 1px solid var(--line); border-radius: 7px; background: white; font-size: 10px; }.fulfillment-form button { color: white; background: var(--ink); cursor: pointer; }.fulfillment-form button:disabled { opacity: .45; cursor: not-allowed; }.table-link { color: var(--orange); font-weight: 900; }.payment-review { display: grid; gap: 8px; }.payment-review button { color: white; background: var(--ink); cursor: pointer; }
.account-page, .favorites-page { min-height: 680px; padding-block: 52px 85px; }.account-welcome { padding: 32px; display: flex; justify-content: space-between; align-items: center; color: white; background: var(--ink); border-radius: 16px; }.account-welcome span { color: #ff985d; font-size: 10px; font-weight: 900; letter-spacing: 1.6px; }.account-welcome h1 { margin: 8px 0; font-size: 36px; }.account-welcome p { margin: 0; color: #aeb9ca; }.account-welcome button { padding: 11px 15px; color: white; background: transparent; border: 1px solid rgba(255,255,255,.25); border-radius: 8px; cursor: pointer; }.account-cards { margin-block: 20px; display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }.account-cards > a { padding: 22px; display: flex; gap: 17px; border: 1px solid var(--line); border-radius: 12px; background: white; }.account-cards > a > span { width: 45px; height: 45px; display: grid; place-items: center; flex: none; color: var(--orange); background: #fff3eb; border-radius: 50%; font-size: 21px; }.account-cards div { display: grid; gap: 4px; }.account-cards small { color: var(--muted); }.account-cards strong { font-size: 19px; }.account-cards p { margin: 3px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }.recent-orders { padding: 24px; border: 1px solid var(--line); border-radius: 13px; background: white; }.recent-orders .table-title a { color: var(--orange); font-size: 11px; font-weight: 900; }.recent-orders > a { padding: 14px 0; display: grid; grid-template-columns: 1fr 1fr auto; border-top: 1px solid var(--line); font-size: 12px; }.recent-orders > p { color: var(--muted); }.favorites-page > h1 { margin: 7px 0 28px; font-size: 42px; letter-spacing: -2px; }.favorites-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }.favorites-grid article { overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: white; }.favorite-image { height: 230px; display: grid; place-items: center; overflow: hidden; color: var(--muted); background: var(--soft); }.favorite-image img { width: 100%; height: 100%; object-fit: cover; }.favorites-grid article > div { padding: 16px; }.favorites-grid small { color: var(--orange); font-weight: 800; }.favorites-grid h2 { min-height: 44px; margin: 7px 0 12px; font-size: 14px; line-height: 1.5; }.favorites-grid strong { font-size: 19px; }.favorite-actions { margin-top: 15px; display: grid; grid-template-columns: 1fr auto; gap: 7px; }.favorite-actions button { width: 100%; padding: 10px; color: white; background: var(--ink); border: 0; border-radius: 7px; font-size: 10px; font-weight: 900; cursor: pointer; }.favorite-actions .remove { color: #b91c1c; background: #fee2e2; }.favorites-grid .empty { grid-column: 1/-1; }

.address-page { min-height: 700px; padding-block: 48px 85px; }.address-heading { margin-bottom: 25px; display: flex; justify-content: space-between; align-items: end; }.address-heading span { color: var(--orange); font-size: 10px; font-weight: 900; letter-spacing: 1.6px; }.address-heading h1 { margin: 7px 0; font-size: 40px; letter-spacing: -1.8px; }.address-heading p { margin: 0; color: var(--muted); }.address-heading > a { color: var(--orange); font-size: 11px; font-weight: 900; }.address-layout { display: grid; grid-template-columns: 1.25fr .75fr; gap: 20px; align-items: start; }.address-list { display: grid; gap: 14px; }.address-list > h2, .new-address > h2 { margin: 0 0 4px; font-size: 19px; }.address-card, .new-address { position: relative; padding: 24px; border: 1px solid var(--line); border-radius: 14px; background: white; }.address-card form:first-of-type > button, .new-address form > button { margin-top: 16px; padding: 11px 15px; color: white; background: var(--ink); border: 0; border-radius: 8px; font-weight: 900; cursor: pointer; }.address-card textarea, .new-address textarea { padding: 12px; resize: vertical; border: 1px solid var(--line); border-radius: 8px; font: inherit; }.default-badge { position: absolute; top: 18px; right: 18px; padding: 5px 8px; color: var(--green); background: #dcfce7; border-radius: 999px; font-size: 8px; letter-spacing: 1px; }.default-check, .save-address { margin-top: 14px; display: flex; gap: 8px; align-items: center; color: var(--muted); font-size: 11px; font-weight: 700; }.default-check input, .save-address input { accent-color: var(--orange); }.address-delete { position: absolute; right: 22px; bottom: 24px; padding: 8px 11px; color: #b91c1c; background: #fee2e2; border: 0; border-radius: 7px; font-size: 10px; font-weight: 900; cursor: pointer; }.new-address { position: sticky; top: 105px; }.checkout-addresses { margin-bottom: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.checkout-address-option { display: flex; gap: 10px; padding: 15px; border: 1px solid var(--line); border-radius: 10px; cursor: pointer; }.checkout-address-option:has(input:checked) { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(243,111,33,.1); }.checkout-address-option input { margin-top: 3px; accent-color: var(--orange); }.checkout-address-option span { min-width: 0; display: grid; gap: 5px; }.checkout-address-option strong { display: flex; gap: 7px; align-items: center; }.checkout-address-option strong small { padding: 3px 6px; color: var(--green); background: #dcfce7; border-radius: 999px; font-size: 8px; }.checkout-address-option b { font-size: 11px; }.checkout-address-option em { overflow: hidden; color: var(--muted); font-size: 10px; font-style: normal; line-height: 1.45; }.checkout-address-option.new { grid-column: 1/-1; }.checkout-new-address { padding-top: 20px; border-top: 1px solid var(--line); }

.cart-summary .discount, .checkout-summary .discount, .order-totals .discount { color: var(--green); }.coupon-form { margin: 16px 0; padding: 14px 0; display: grid; grid-template-columns: 1fr auto; gap: 8px; border-top: 1px solid var(--line); }.coupon-form label { display: grid; gap: 5px; color: var(--muted); font-size: 9px; font-weight: 900; }.coupon-form input { width: 100%; padding: 10px; text-transform: uppercase; border: 1px solid var(--line); border-radius: 7px; }.coupon-form button, .applied-coupon button { align-self: end; padding: 10px 12px; color: white; background: var(--ink); border: 0; border-radius: 7px; font-size: 10px; font-weight: 900; cursor: pointer; }.applied-coupon { margin: 15px 0; padding: 12px; display: flex; justify-content: space-between; align-items: center; color: var(--green); background: #ecf9f0; border-radius: 8px; font-size: 10px; }.order-totals { display: grid; gap: 8px; }.order-totals > div { display: flex; justify-content: space-between; }.order-totals dt, .order-totals dd { margin: 0; }.order-totals .grand { padding-top: 10px; border-top: 1px solid var(--line); font-size: 17px; font-weight: 900; }.coupon-admin-layout { display: grid; grid-template-columns: 350px 1fr; gap: 20px; align-items: start; }.coupon-create { position: sticky; top: 105px; padding: 22px; border: 1px solid var(--line); border-radius: 13px; background: white; }.coupon-create h2, .coupon-list > h2 { margin-top: 0; }.coupon-create .form-grid { grid-template-columns: 1fr; }.coupon-create form > button { width: 100%; margin-top: 16px; padding: 12px; color: white; background: var(--ink); border: 0; border-radius: 8px; font-weight: 900; cursor: pointer; }.coupon-list { display: grid; gap: 12px; }.coupon-list > article { position: relative; padding: 20px; border: 1px solid var(--line); border-radius: 12px; background: white; }.coupon-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }.coupon-row label { display: grid; gap: 5px; color: var(--muted); font-size: 9px; font-weight: 900; }.coupon-row input, .coupon-row select { width: 100%; padding: 9px; border: 1px solid var(--line); border-radius: 7px; background: white; }.coupon-actions { margin-top: 12px; display: flex; gap: 14px; align-items: center; }.coupon-actions .default-check { margin: 0; }.coupon-actions span { color: var(--muted); font-size: 10px; }.coupon-actions button { padding: 9px 14px; color: white; background: var(--ink); border: 0; border-radius: 7px; font-weight: 900; cursor: pointer; }

.admin-quick-links { margin-bottom: 18px; display: flex; flex-wrap: wrap; gap: 8px; }.admin-quick-links a { padding: 9px 12px; color: var(--orange); background: #fff3eb; border-radius: 8px; font-size: 10px; font-weight: 900; }.after-sales, .request-history { margin-top: 22px; padding: 25px; border: 1px solid var(--line); border-radius: 14px; background: white; }.after-sales { display: grid; grid-template-columns: .8fr 1.2fr; gap: 30px; }.after-sales h2, .request-history h2 { margin: 6px 0 8px; }.after-sales p { color: var(--muted); font-size: 12px; line-height: 1.6; }.after-sales form { display: grid; gap: 10px; }.after-sales textarea { padding: 12px; resize: vertical; border: 1px solid var(--line); border-radius: 8px; font: inherit; }.after-sales button { padding: 11px; color: white; background: var(--ink); border: 0; border-radius: 8px; font-weight: 900; cursor: pointer; }.request-history article { padding: 15px 0; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--line); }.request-history p { margin: 7px 0; color: var(--muted); font-size: 12px; }.request-history small { color: var(--orange); }.request-status { align-self: start; padding: 6px 9px; border-radius: 999px; white-space: nowrap; font-size: 9px; font-weight: 900; }.request-status.pending { color: #92400e; background: #fef3c7; }.request-status.approved { color: var(--green); background: #dcfce7; }.request-status.rejected { color: #991b1b; background: #fee2e2; }.request-admin-list { display: grid; gap: 14px; }.request-admin-list > article { padding: 22px; display: grid; grid-template-columns: 1fr 380px; gap: 25px; border: 1px solid var(--line); border-radius: 14px; background: white; }.request-summary > small { display: block; margin-top: 13px; color: var(--orange); font-weight: 900; }.request-summary h2 { margin: 5px 0; }.request-summary p, .request-summary li { color: var(--muted); font-size: 11px; }.request-summary blockquote { margin: 15px 0; padding: 13px; color: #493d35; background: var(--soft); border-left: 3px solid var(--orange); font-size: 12px; line-height: 1.6; }.request-admin-list form { display: grid; gap: 12px; }.request-admin-list form label { display: grid; gap: 6px; font-size: 10px; font-weight: 900; }.request-admin-list textarea { padding: 11px; resize: vertical; border: 1px solid var(--line); border-radius: 8px; font: inherit; }.request-admin-list form > div { display: flex; gap: 8px; justify-content: flex-end; }.request-admin-list button { padding: 10px 13px; color: white; background: var(--green); border: 0; border-radius: 7px; font-weight: 900; cursor: pointer; }.request-admin-list button.reject { background: #b91c1c; }.review-result { padding: 15px; color: var(--muted); background: var(--soft); border-radius: 9px; font-size: 11px; }

.store-hero { padding-block: 50px; color: white; background: linear-gradient(120deg,#17120f,#47372d); background-size: cover; background-position: center; }.store-hero .container { display: flex; gap: 24px; align-items: center; }.store-logo { width: 105px; height: 105px; display: grid; place-items: center; flex: none; overflow: hidden; color: var(--orange); background: white; border-radius: 20px; font-size: 44px; font-weight: 900; }.store-logo img { width: 100%; height: 100%; object-fit: cover; }.store-hero span { color: #ffab7b; font-size: 10px; font-weight: 900; letter-spacing: 1.7px; }.store-hero h1 { margin: 7px 0; font-size: 42px; letter-spacing: -2px; }.store-hero p { max-width: 700px; margin: 7px 0; color: #ded5cf; line-height: 1.6; }.store-hero small { color: #bfb3ab; }.store-stats { margin-top: -18px; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line); border-radius: 13px; background: white; box-shadow: 0 12px 30px rgba(30,20,10,.08); }.store-stats article { padding: 20px; display: grid; gap: 4px; text-align: center; border-right: 1px solid var(--line); }.store-stats article:last-child { border: 0; }.store-stats strong { color: var(--orange); font-size: 23px; }.store-stats span { color: var(--muted); font-size: 10px; }.store-catalog { padding-block: 55px 85px; }.store-catalog-head { margin-bottom: 24px; display: flex; justify-content: space-between; align-items: end; gap: 25px; }.store-catalog-head > div span { color: var(--orange); font-size: 10px; font-weight: 900; letter-spacing: 1.5px; }.store-catalog-head h2 { margin: 6px 0 0; font-size: 34px; }.store-catalog-head form { display: flex; gap: 7px; }.store-catalog-head input, .store-catalog-head select { padding: 10px; border: 1px solid var(--line); border-radius: 7px; background: white; }.store-catalog-head button { padding: 10px 14px; color: white; background: var(--ink); border: 0; border-radius: 7px; font-weight: 900; cursor: pointer; }.store-products { grid-template-columns: repeat(4,1fr); }.store-profile-form { display: grid; grid-template-columns: 1fr 340px; gap: 20px; align-items: start; }.store-profile-form > section, .store-profile-form > aside { padding: 25px; border: 1px solid var(--line); border-radius: 14px; background: white; }.store-profile-form h2 { margin-top: 0; }.store-profile-form textarea { padding: 12px; resize: vertical; border: 1px solid var(--line); border-radius: 8px; font: inherit; }.store-profile-form aside { display: grid; gap: 13px; }.store-profile-form aside label { display: grid; gap: 6px; font-size: 10px; font-weight: 900; }.store-profile-form aside input { padding: 10px; border: 1px solid var(--line); border-radius: 8px; }.store-profile-form aside small { color: var(--muted); line-height: 1.5; }.store-profile-form aside button { padding: 12px; color: white; background: var(--ink); border: 0; border-radius: 8px; font-weight: 900; cursor: pointer; }.profile-logo-preview { width: 90px; height: 90px; object-fit: cover; border-radius: 14px; }.profile-banner-preview { width: 100%; height: 120px; object-fit: cover; border-radius: 10px; }

.question-section { padding-bottom: 85px; }.question-heading { margin-bottom: 20px; display: grid; grid-template-columns: .8fr 1.2fr; gap: 35px; align-items: end; }.question-heading h2 { margin: 6px 0; font-size: 30px; }.question-heading p { margin: 0; color: var(--muted); }.question-heading form { display: grid; grid-template-columns: 1fr auto; gap: 8px; }.question-heading textarea { padding: 12px; resize: vertical; border: 1px solid var(--line); border-radius: 9px; font: inherit; }.question-heading button, .question-heading > a { padding: 12px 15px; align-self: stretch; display: grid; place-items: center; color: white; background: var(--ink); border: 0; border-radius: 8px; font-weight: 900; cursor: pointer; }.question-list { display: grid; gap: 10px; }.question-list article { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: white; }.question-copy, .answer-copy { padding: 20px; }.answer-copy { background: var(--soft); }.question-list b { color: var(--orange); font-size: 10px; text-transform: uppercase; }.question-list p { line-height: 1.6; }.question-list small { color: var(--muted); }.seller-question-list { display: grid; gap: 13px; }.seller-question-list article { padding: 22px; display: grid; grid-template-columns: 1fr 420px; gap: 25px; border: 1px solid var(--line); border-radius: 13px; background: white; }.seller-question-list small { display: block; margin-top: 11px; color: var(--muted); }.seller-question-list h2 { margin: 8px 0; font-size: 17px; line-height: 1.55; }.seller-question-list blockquote { margin: 12px 0 0; padding: 13px; background: var(--soft); border-left: 3px solid var(--orange); }.seller-question-list form { display: grid; gap: 9px; }.seller-question-list textarea { padding: 11px; resize: vertical; border: 1px solid var(--line); border-radius: 8px; font: inherit; }.seller-question-list form > div { display: flex; justify-content: flex-end; gap: 8px; }.seller-question-list button { padding: 10px 13px; color: white; background: var(--green); border: 0; border-radius: 7px; font-weight: 900; cursor: pointer; }.seller-question-list button.reject { background: #b91c1c; }

.variant-picker { margin: 22px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; border: 0; }.variant-picker legend { grid-column: 1/-1; margin-bottom: 8px; font-size: 12px; font-weight: 900; }.variant-picker label { display: flex; gap: 8px; padding: 11px; border: 1px solid var(--line); border-radius: 9px; cursor: pointer; }.variant-picker label:has(input:checked) { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(243,111,33,.1); }.variant-picker input { margin-top: 3px; accent-color: var(--orange); }.variant-picker span { display: grid; gap: 3px; }.variant-picker small { color: var(--muted); font-size: 9px; }.cart-variant { display: block; margin-bottom: 7px; color: var(--muted); font-size: 10px; }.variant-admin-layout { display: grid; grid-template-columns: 300px 1fr; gap: 20px; align-items: start; }.variant-create { position: sticky; top: 105px; padding: 22px; border: 1px solid var(--line); border-radius: 13px; background: white; }.variant-create h2, .variant-list > h2 { margin-top: 0; }.variant-create form { display: grid; gap: 11px; }.variant-create label, .variant-fields label { display: grid; gap: 5px; color: var(--muted); font-size: 9px; font-weight: 900; }.variant-create input, .variant-fields input { width: 100%; padding: 9px; border: 1px solid var(--line); border-radius: 7px; }.variant-create button, .variant-actions button { padding: 11px; color: white; background: var(--ink); border: 0; border-radius: 7px; font-weight: 900; cursor: pointer; }.variant-list { display: grid; gap: 12px; }.variant-list > article { position: relative; padding: 20px; border: 1px solid var(--line); border-radius: 12px; background: white; }.variant-fields { display: grid; grid-template-columns: repeat(5,1fr); gap: 8px; }.variant-actions { margin-top: 12px; display: flex; gap: 15px; align-items: center; }.variant-actions .default-check { margin: 0; }

.table-actions { display: flex; gap: 10px; }.table-review-note { max-width: 220px; color: #b91c1c !important; }.product-review-note { margin-bottom: 18px; padding: 16px; color: #7f1d1d; background: #fee2e2; border-radius: 10px; }.product-review-note p { margin: 6px 0; }.product-review-note small { color: #991b1b; }.product-edit-form label > small { color: var(--muted); font-size: 9px; font-weight: 500; }.product-moderation-list { display: grid; gap: 14px; }.product-moderation-list > article { padding: 20px; display: grid; grid-template-columns: 130px 1fr 300px; gap: 20px; align-items: start; border: 1px solid var(--line); border-radius: 13px; background: white; }.moderation-product-image { width: 130px; height: 130px; display: grid; place-items: center; overflow: hidden; color: var(--muted); background: var(--soft); border-radius: 10px; }.moderation-product-image img { width: 100%; height: 100%; object-fit: cover; }.moderation-product-copy h2 { margin: 8px 0; }.moderation-product-copy > p { max-height: 65px; overflow: hidden; color: var(--muted); font-size: 11px; line-height: 1.5; }.moderation-product-copy dl { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }.moderation-product-copy dt { color: var(--muted); font-size: 8px; text-transform: uppercase; }.moderation-product-copy dd { margin: 3px 0; font-size: 10px; }.moderation-product-copy > small { color: #b91c1c; }.product-moderation-list form { display: grid; gap: 9px; }.product-moderation-list form label { display: grid; gap: 5px; font-size: 9px; font-weight: 900; }.product-moderation-list textarea, .product-moderation-list select, .product-moderation-list button { padding: 10px; border: 1px solid var(--line); border-radius: 7px; font: inherit; }.product-moderation-list button { color: white; background: var(--ink); cursor: pointer; }

.finance-metrics { margin-bottom: 20px; display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }.finance-metrics article { padding: 21px; display: grid; gap: 7px; border: 1px solid var(--line); border-radius: 12px; background: white; }.finance-metrics small { color: var(--muted); }.finance-metrics strong { font-size: 22px; }.finance-metrics .available { color: white; background: var(--green); border-color: var(--green); }.finance-metrics .available small { color: #bbf7d0; }.finance-layout { display: grid; grid-template-columns: 1fr 330px; gap: 20px; align-items: start; }.finance-history { padding: 22px; border: 1px solid var(--line); border-radius: 13px; background: white; }.finance-history h2 { margin-top: 0; }.finance-actions { display: grid; gap: 14px; }.finance-actions form { padding: 20px; display: grid; gap: 11px; border: 1px solid var(--line); border-radius: 12px; background: white; }.finance-actions h2 { margin: 0 0 4px; }.finance-actions p { margin: 0; color: var(--muted); font-size: 11px; }.finance-actions label { display: grid; gap: 5px; font-size: 9px; font-weight: 900; }.finance-actions input { width: 100%; padding: 10px; border: 1px solid var(--line); border-radius: 7px; }.finance-actions button { padding: 11px; color: white; background: var(--ink); border: 0; border-radius: 7px; font-weight: 900; cursor: pointer; }.finance-actions button:disabled { opacity: .4; }.finance-actions small { color: var(--muted); font-size: 9px; line-height: 1.5; }.payout-list { display: grid; gap: 13px; }.payout-list > article { padding: 22px; display: grid; grid-template-columns: 1fr 390px; gap: 25px; border: 1px solid var(--line); border-radius: 13px; background: white; }.payout-list article > div > small { display: block; margin-top: 10px; color: var(--muted); }.payout-list h2 { margin: 5px 0; }.payout-list strong { color: var(--orange); font-size: 24px; }.payout-list p { color: var(--muted); font-size: 11px; line-height: 1.6; }.payout-list form { display: grid; gap: 9px; }.payout-list form label { display: grid; gap: 5px; font-size: 9px; font-weight: 900; }.payout-list textarea { padding: 10px; resize: vertical; border: 1px solid var(--line); border-radius: 7px; font: inherit; }.payout-list form > div { display: flex; justify-content: flex-end; gap: 8px; }.payout-list button { padding: 10px 12px; color: white; background: var(--green); border: 0; border-radius: 7px; font-weight: 900; cursor: pointer; }.payout-list button.reject { background: #b91c1c; }.status-paid { color: var(--green); background: #dcfce7; }.status-rejected { color: #991b1b; background: #fee2e2; }

.report-metrics { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }.report-metrics article { padding: 22px; display: grid; gap: 7px; border: 1px solid var(--line); border-radius: 13px; background: white; }.report-metrics article.primary { color: white; background: var(--ink); border-color: var(--ink); }.report-metrics small { color: var(--muted); }.report-metrics .primary small, .report-metrics .primary span { color: #c9c1bc; }.report-metrics strong { font-size: 24px; letter-spacing: -.7px; }.report-metrics span { color: var(--muted); font-size: 9px; }.report-entity-metrics { margin-block: 12px 25px; display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }.report-entity-metrics article { padding: 16px 20px; display: flex; gap: 12px; align-items: center; border: 1px solid var(--line); border-radius: 10px; background: var(--soft); }.report-entity-metrics b { color: var(--orange); font-size: 22px; }.report-entity-metrics span { color: var(--muted); font-size: 11px; }.pending-operations { margin-bottom: 20px; }.pending-operations .section-head { margin-bottom: 13px; }.pending-operations > div:last-child { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }.pending-operations a { padding: 18px; display: grid; gap: 4px; border: 1px solid var(--line); border-radius: 11px; background: white; }.pending-operations strong { color: var(--orange); font-size: 25px; }.pending-operations span { color: var(--muted); font-size: 10px; }.report-grid { margin-bottom: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }.report-card { padding: 22px; border: 1px solid var(--line); border-radius: 13px; background: white; }.report-card h2 { margin-top: 0; }.status-bar { margin-top: 14px; }.status-bar > div { display: flex; justify-content: space-between; font-size: 10px; }.status-bar i { height: 7px; margin-top: 5px; display: block; overflow: hidden; background: var(--soft); border-radius: 999px; }.status-bar em { height: 100%; display: block; background: var(--orange); border-radius: inherit; }.report-card > a { padding: 12px 0; display: flex; justify-content: space-between; border-top: 1px solid var(--line); }.report-card > a span { display: grid; gap: 3px; }.report-card > a small { color: var(--muted); }.recent-report-orders { margin-bottom: 80px; }
.review-section { padding-bottom: 80px; }.review-heading { margin-bottom: 22px; display: flex; justify-content: space-between; align-items: end; }.review-heading h2 { margin: 7px 0 0; font-size: 31px; }.review-score { display: grid; text-align: right; }.review-score strong { color: var(--orange); font-size: 32px; }.review-score span { color: var(--muted); font-size: 11px; }.review-form { margin-bottom: 22px; padding: 22px; display: grid; grid-template-columns: 150px 1fr; gap: 13px; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); }.review-form h3, .review-form .wide, .review-form button { grid-column: 1/-1; }.review-form h3 { margin: 0; }.review-form label { display: grid; gap: 6px; font-size: 11px; font-weight: 800; }.review-form select, .review-form input, .review-form textarea { padding: 11px; border: 1px solid var(--line); border-radius: 7px; background: white; font: inherit; }.review-form button { padding: 12px; color: white; background: var(--ink); border: 0; border-radius: 8px; font-weight: 900; cursor: pointer; }.review-list { display: grid; gap: 10px; }.review-list article { padding: 20px; display: flex; justify-content: space-between; gap: 30px; border: 1px solid var(--line); border-radius: 11px; background: white; }.review-list article > div { display: grid; gap: 7px; }.review-list b, .stars { color: #f3a31c; letter-spacing: 2px; }.review-list p { margin: 0; color: var(--muted); line-height: 1.65; }.review-list small { color: var(--muted); white-space: nowrap; }.moderation-list { display: grid; gap: 13px; }.moderation-list article { padding: 22px; display: grid; grid-template-columns: 1fr 330px; gap: 25px; border: 1px solid var(--line); border-radius: 12px; background: white; }.moderation-copy small, .moderation-copy span { color: var(--muted); }.moderation-copy h2 { margin: 7px 0; font-size: 17px; }.moderation-copy p { line-height: 1.65; }.moderation-list form { display: grid; gap: 8px; }.moderation-list textarea, .moderation-list select, .moderation-list button { padding: 10px; border: 1px solid var(--line); border-radius: 7px; background: white; }.moderation-list button { color: white; background: var(--ink); cursor: pointer; }
.catalog-page { min-height: 720px; padding-block: 45px 85px; }.catalog-heading { margin-bottom: 25px; display: flex; justify-content: space-between; align-items: end; }.catalog-heading > div > span { color: var(--orange); font-size: 10px; font-weight: 900; letter-spacing: 1.6px; }.catalog-heading h1 { margin: 7px 0; font-size: 39px; letter-spacing: -1.8px; }.catalog-heading p { margin: 0; color: var(--muted); }.catalog-sort label { display: grid; gap: 5px; color: var(--muted); font-size: 10px; font-weight: 800; }.catalog-sort select { padding: 10px 35px 10px 11px; border: 1px solid var(--line); border-radius: 8px; background: white; }.catalog-layout { display: grid; grid-template-columns: 230px 1fr; gap: 22px; align-items: start; }.catalog-filters { position: sticky; top: 105px; padding: 20px; border: 1px solid var(--line); border-radius: 12px; background: white; }.catalog-filters form { display: grid; gap: 16px; }.catalog-filters h2 { margin: 0; }.catalog-filters label { display: grid; gap: 6px; font-size: 10px; font-weight: 900; }.catalog-filters input, .catalog-filters select { width: 100%; padding: 10px; border: 1px solid var(--line); border-radius: 7px; background: white; }.price-filter { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }.catalog-filters button { padding: 11px; color: white; background: var(--ink); border: 0; border-radius: 7px; font-weight: 900; cursor: pointer; }.catalog-filters > form > a { text-align: center; color: var(--orange); font-size: 10px; font-weight: 900; }.catalog-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }.catalog-card { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: white; transition: .2s; }.catalog-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(40,30,20,.07); }.catalog-image { height: 230px; position: relative; display: grid; place-items: center; overflow: hidden; color: var(--muted); background: var(--soft); }.catalog-image > a:first-child { width: 100%; height: 100%; display: grid; place-items: center; }.catalog-image img { width: 100%; height: 100%; object-fit: cover; }.catalog-heart { position: absolute; top: 10px; right: 10px; width: 34px; height: 34px; display: grid; place-items: center; color: #555; background: white; border: 0; border-radius: 50%; box-shadow: 0 4px 12px rgba(0,0,0,.09); font-size: 19px; cursor: pointer; }.catalog-heart.active { color: #e64242; }.catalog-info { padding: 15px; }.catalog-info > small { color: var(--orange); font-weight: 800; }.catalog-info h2 { min-height: 43px; margin: 7px 0; font-size: 13px; line-height: 1.5; }.catalog-rating { margin-bottom: 10px; color: #f3a31c; font-size: 10px; font-weight: 800; }.catalog-rating span { color: var(--muted); }.catalog-info > strong { color: var(--orange); font-size: 18px; }.catalog-info > del { margin-left: 7px; color: #aaa; font-size: 10px; }.catalog-info > form button { width: 100%; margin-top: 13px; padding: 10px; color: white; background: var(--ink); border: 0; border-radius: 7px; font-size: 10px; font-weight: 900; cursor: pointer; }.catalog-grid .empty { grid-column: 1/-1; }

.legal-check { display: flex !important; grid-template-columns: none !important; align-items: flex-start; gap: 9px !important; color: var(--muted); font-size: 10px !important; font-weight: 600 !important; line-height: 1.5; }.legal-check input { width: auto !important; margin-top: 3px; accent-color: var(--orange); }.legal-check a, .checkout-legal a { color: var(--orange); text-decoration: underline; }.legal-check.optional { padding-top: 7px; border-top: 1px solid var(--line); }
.checkout-line em { margin-top: 3px; display: block; color: var(--muted); font-size: 8px; font-style: normal; }.checkout-legal { margin: 15px 0; padding: 13px; display: grid; gap: 10px; background: var(--soft); border-radius: 9px; }.checkout-legal label { display: flex; align-items: flex-start; gap: 8px; color: var(--muted); font-size: 9px; line-height: 1.5; }.checkout-legal input { margin-top: 2px; accent-color: var(--orange); }
.legal-page { min-height: 700px; padding-block: 45px 85px; }.legal-hero { max-width: 780px; margin-bottom: 32px; }.legal-hero > span { color: var(--orange); font-size: 10px; font-weight: 900; letter-spacing: 1.6px; }.legal-hero h1 { margin: 8px 0; font-size: 42px; letter-spacing: -1.8px; }.legal-hero p { color: var(--muted); }.legal-layout { display: grid; grid-template-columns: 235px minmax(0,1fr); gap: 30px; align-items: start; }.legal-menu { position: sticky; top: 105px; display: grid; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: white; }.legal-menu a { padding: 12px 15px; color: var(--muted); border-bottom: 1px solid var(--line); font-size: 10px; font-weight: 800; }.legal-menu a:last-child { border: 0; }.legal-copy { padding: 32px; border: 1px solid var(--line); border-radius: 14px; background: white; }.legal-copy h2 { margin: 28px 0 8px; font-size: 19px; }.legal-copy h2:first-child { margin-top: 0; }.legal-copy p, .legal-copy li { color: #5f5a56; font-size: 12px; line-height: 1.8; }.legal-copy a { color: var(--orange); font-weight: 800; }.legal-identity { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.legal-identity div { padding: 13px; background: var(--soft); border-radius: 8px; }.legal-identity dt { color: var(--muted); font-size: 8px; font-weight: 900; text-transform: uppercase; }.legal-identity dd { margin: 5px 0 0; font-size: 11px; }.cookie-preferences { margin-top: 20px; padding: 18px; display: grid; gap: 12px; background: var(--soft); border-radius: 10px; }.cookie-preferences label { display: flex; gap: 8px; }.cookie-preferences button, .legal-settings-form > button { padding: 12px 16px; color: white; background: var(--ink); border: 0; border-radius: 8px; font-weight: 900; cursor: pointer; }
.cookie-banner { position: fixed; z-index: 1000; left: 20px; right: 20px; bottom: 18px; max-width: 900px; margin: auto; padding: 18px 20px; display: flex; align-items: center; justify-content: space-between; gap: 25px; color: white; background: #171412; border: 1px solid #3b342f; border-radius: 14px; box-shadow: 0 18px 50px rgba(0,0,0,.28); }.cookie-banner b { font-size: 14px; }.cookie-banner p { max-width: 600px; margin: 5px 0; color: #d7d0ca; font-size: 10px; line-height: 1.5; }.cookie-banner a { color: #ff9a5d; font-size: 9px; font-weight: 800; }.cookie-actions { display: flex; gap: 8px; flex-shrink: 0; }.cookie-actions button { padding: 10px 12px; color: white; background: var(--orange); border: 0; border-radius: 7px; font-size: 9px; font-weight: 900; cursor: pointer; }.cookie-actions button.secondary { color: white; background: #37312d; }
.order-legal { margin: 22px 0; padding: 22px; display: flex; align-items: center; justify-content: space-between; gap: 25px; border: 1px solid var(--line); border-radius: 13px; background: white; }.order-legal h2 { margin: 5px 0; }.order-legal p { margin: 0; color: var(--muted); font-size: 10px; }.order-legal nav { display: flex; gap: 8px; }.order-legal nav a { padding: 11px 13px; display: grid; gap: 3px; color: white; background: var(--ink); border-radius: 8px; font-size: 9px; font-weight: 900; }.order-legal nav small { color: #cfc6bf; font-weight: 500; }.archived-document { max-width: 900px; }.archived-document table { width: 100%; border-collapse: collapse; }.archived-document th, .archived-document td { padding: 10px; text-align: left; border-bottom: 1px solid var(--line); font-size: 10px; }.document-hash { margin-top: 25px; padding: 14px; display: grid; gap: 7px; background: var(--soft); border-radius: 8px; }.document-hash code { overflow-wrap: anywhere; color: var(--muted); font-size: 9px; }
.legal-admin { padding-bottom: 80px; }.compliance-grid { margin-bottom: 16px; display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }.compliance-grid article { padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: white; }.compliance-grid article.warning { border-color: #f59e0b; background: #fffbeb; }.compliance-grid article.done { border-color: #16a34a; background: #f0fdf4; }.compliance-grid strong { color: var(--orange); font-size: 24px; }.compliance-grid h2 { margin: 8px 0; font-size: 14px; }.compliance-grid p { min-height: 58px; color: var(--muted); font-size: 9px; line-height: 1.5; }.compliance-grid a { color: var(--orange); font-size: 9px; font-weight: 900; }.compliance-note { margin-bottom: 18px; padding: 14px; color: #7c2d12; background: #ffedd5; border-radius: 9px; font-size: 10px; line-height: 1.6; }.legal-settings-form { padding: 25px; border: 1px solid var(--line); border-radius: 13px; background: white; }.legal-settings-form input, .legal-settings-form textarea { width: 100%; padding: 10px; border: 1px solid var(--line); border-radius: 7px; font: inherit; }.legal-settings-form label { display: grid; gap: 5px; font-size: 9px; font-weight: 900; }.legal-settings-form > button { margin-top: 18px; }
.store-legal-identity { margin-top: 18px; padding: 20px 24px; display: grid; grid-template-columns: 1fr 1.4fr; gap: 30px; border: 1px solid var(--line); border-radius: 12px; background: white; }.store-legal-identity span { color: var(--orange); font-size: 9px; font-weight: 900; letter-spacing: 1px; }.store-legal-identity h2 { margin: 7px 0; font-size: 17px; }.store-legal-identity p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.6; }.store-legal-identity dl { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.store-legal-identity dl div { padding: 10px; background: var(--soft); border-radius: 7px; }.store-legal-identity dt { color: var(--muted); font-size: 7px; font-weight: 900; text-transform: uppercase; }.store-legal-identity dd { margin: 4px 0 0; font-size: 9px; overflow-wrap: anywhere; }

.legal-copy p, .legal-copy li { font-size: 12pt; }
.seller-application-form h2 { margin-top: 26px; }.document-upload-head { margin-top: 28px; display: flex; align-items: end; justify-content: space-between; gap: 15px; }.document-upload-head span { color: var(--orange); font-size: 9px; font-weight: 900; letter-spacing: 1px; }.document-upload-head h2 { margin: 5px 0 0; }.document-upload-head > small { color: var(--muted); font-size: 9px; }.privacy-file-note { margin: 14px 0; padding: 13px; color: #1e3a5f; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 8px; font-size: 9px; line-height: 1.55; }.document-upload-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.document-upload-grid label { padding: 14px; display: grid; gap: 6px; border: 1px dashed #cfc5bd; border-radius: 9px; background: #fcfaf8; }.document-upload-grid strong { font-size: 10px; }.document-upload-grid span { min-height: 27px; color: var(--muted); font-size: 8px; line-height: 1.45; }.document-upload-grid input { padding: 8px; color: var(--muted); background: white; border: 1px solid var(--line); border-radius: 6px; font-size: 8px; }
.verification-card { display: block; padding: 0; overflow: hidden; }.verification-card .application-main { padding: 23px; }.application-title p { margin: 5px 0 0; color: var(--muted); font-size: 9px; }.verification-badges { display: grid; justify-items: end; gap: 6px; }.verification-result { padding: 5px 8px; border-radius: 999px; font-size: 8px; font-weight: 900; }.verification-result.complete { color: #166534; background: #dcfce7; }.verification-result.incomplete { color: #9a3412; background: #ffedd5; }.document-review-section { padding: 22px; border-block: 1px solid var(--line); background: #faf8f6; }.document-review-heading { display: flex; align-items: end; justify-content: space-between; }.document-review-heading span { color: var(--orange); font-size: 8px; font-weight: 900; letter-spacing: 1px; }.document-review-heading h3 { margin: 5px 0 0; }.document-review-heading > small { color: var(--muted); font-size: 9px; }.missing-documents { margin-top: 12px; padding: 10px; color: #9a3412; background: #ffedd5; border-radius: 7px; font-size: 9px; }.document-review-grid { margin-top: 13px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.document-review-card { padding: 12px; border: 1px solid var(--line); border-left: 4px solid #f59e0b; border-radius: 9px; background: white; }.document-review-card.approved { border-left-color: #16a34a; }.document-review-card.rejected { border-left-color: #dc2626; }.document-file { display: grid; grid-template-columns: 38px 1fr auto; gap: 10px; align-items: center; }.document-file > span { width: 38px; height: 38px; display: grid; place-items: center; color: white; background: var(--ink); border-radius: 7px; font-size: 7px; font-weight: 900; }.document-file > div { min-width: 0; display: grid; gap: 3px; }.document-file strong { font-size: 9px; }.document-file small, .document-file code { overflow: hidden; color: var(--muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.document-file > a { color: var(--orange); font-size: 8px; font-weight: 900; }.document-review-card form { margin-top: 10px; display: grid; grid-template-columns: 1fr 120px 1.2fr auto; gap: 6px; }.document-review-card select, .document-review-card input, .document-review-card button { min-width: 0; padding: 8px; border: 1px solid var(--line); border-radius: 6px; background: white; font: inherit; font-size: 8px; }.document-review-card button { color: white; background: var(--ink); font-weight: 900; cursor: pointer; }.application-verification-form { padding: 22px; }.identity-edit-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.identity-edit-grid label, .application-verification-form > label { display: grid; gap: 5px; font-size: 8px; font-weight: 900; }.identity-edit-grid .wide { grid-column: 1/-1; }.identity-edit-grid input, .identity-edit-grid textarea, .application-verification-form > label textarea { padding: 9px; border: 1px solid var(--line); border-radius: 6px; font: inherit; }.manual-verification { margin: 12px 0; padding: 11px; display: flex; gap: 20px; background: var(--soft); border-radius: 8px; }.manual-verification label { display: flex; gap: 7px; align-items: center; font-size: 9px; font-weight: 800; }.manual-verification input { accent-color: var(--orange); }.application-decision { margin-top: 11px; display: flex; justify-content: flex-end; gap: 8px; }.application-decision select, .application-decision button { padding: 10px; border: 1px solid var(--line); border-radius: 7px; }.application-decision button { color: white; background: var(--ink); font-weight: 900; cursor: pointer; }.empty.compact { padding: 14px; }.empty.compact h3 { margin: 0; font-size: 11px; }.empty.compact p { margin: 4px 0 0; font-size: 8px; }

@media (max-width: 900px) {
    .header-inner { grid-template-columns: auto 1fr; gap: 16px; }
    .header nav { display: none; }
    .hero { grid-template-columns: 1fr; padding-block: 70px; }
    .hero-art { display: none; }
    .categories { grid-template-columns: repeat(4, 1fr); }
    .products { grid-template-columns: repeat(2, 1fr); }
    .product-detail, .apply-page { grid-template-columns: 1fr; }
    .application-card { grid-template-columns: 1fr; }
    .cart-layout { grid-template-columns: 1fr; }.cart-summary { position: static; }
    .checkout-layout, .order-detail-grid { grid-template-columns: 1fr; }.checkout-summary { position: static; }.order-card { grid-template-columns: repeat(2, 1fr); }.order-status { justify-self: start; }
    .seller-metrics { grid-template-columns: repeat(2, 1fr); }
    .account-cards { grid-template-columns: 1fr; }.favorites-grid { grid-template-columns: repeat(2,1fr); }
    .moderation-list article { grid-template-columns: 1fr; }
    .catalog-layout { grid-template-columns: 1fr; }.catalog-filters { position: static; }.catalog-grid { grid-template-columns: repeat(2,1fr); }
    .address-layout { grid-template-columns: 1fr; }.new-address { position: static; }
    .coupon-admin-layout { grid-template-columns: 1fr; }.coupon-create { position: static; }.coupon-row { grid-template-columns: repeat(2,1fr); }
    .after-sales, .request-admin-list > article { grid-template-columns: 1fr; }
    .store-products { grid-template-columns: repeat(2,1fr); }.store-catalog-head { align-items: start; flex-direction: column; }.store-profile-form { grid-template-columns: 1fr; }
    .question-heading, .seller-question-list article { grid-template-columns: 1fr; }
    .variant-admin-layout { grid-template-columns: 1fr; }.variant-create { position: static; }.variant-fields { grid-template-columns: repeat(2,1fr); }
    .product-moderation-list > article { grid-template-columns: 100px 1fr; }.product-moderation-list form { grid-column: 1/-1; }.moderation-product-image { width: 100px; height: 100px; }
    .finance-metrics { grid-template-columns: repeat(2,1fr); }.finance-layout { grid-template-columns: 1fr; }.payout-list > article { grid-template-columns: 1fr; }
    .report-metrics, .pending-operations > div:last-child { grid-template-columns: repeat(2,1fr); }.report-grid { grid-template-columns: 1fr; }
    .application-card dl { grid-template-columns: repeat(2, 1fr); }
    .legal-layout { grid-template-columns: 1fr; }.legal-menu { position: static; grid-template-columns: repeat(2,1fr); }.compliance-grid { grid-template-columns: repeat(2,1fr); }.order-legal { align-items: start; flex-direction: column; }
    .store-legal-identity { grid-template-columns: 1fr; }.store-legal-identity dl { grid-template-columns: 1fr; }
    .document-review-grid { grid-template-columns: 1fr; }.identity-edit-grid { grid-template-columns: 1fr 1fr; }
    .detail-image { min-height: 360px; }
}

@media (max-width: 560px) {
    .container { width: min(100% - 24px, 1180px); }
    .topbar span { display: none; }
    .topbar .container { justify-content: flex-end; }
    .header-inner { min-height: 116px; grid-template-columns: 1fr; gap: 10px; padding-block: 12px; }
    .logo { text-align: center; }
    .hero { min-height: auto; }
    .hero h1 { font-size: 47px; letter-spacing: -2.5px; }
    .categories { grid-template-columns: repeat(2, 1fr); }
    .products { grid-template-columns: 1fr; }
    .section { padding-block: 45px; }
    .form-grid { grid-template-columns: 1fr; }
    .form-grid .wide { grid-column: auto; }
    .apply-page { gap: 35px; padding-block: 45px; }
    .apply-page section h1 { font-size: 41px; }
    .apply-page form { padding: 23px; }
    .footer { grid-template-columns: 1fr; gap: 30px; }
    .admin-heading { align-items: start; gap: 20px; }
    .admin-user { display: none; }
    .admin-heading h1 { font-size: 37px; }
    .application-card dl { grid-template-columns: 1fr; }
    .cart-item { grid-template-columns: 75px 1fr; }.cart-item-image { width: 75px; height: 75px; }.cart-item-actions { grid-column: 2; justify-items: start; }
    .checkout-card { padding: 20px; }.order-card { grid-template-columns: 1fr; gap: 12px; }.order-detail-head { align-items: start; gap: 18px; }.order-detail-head h1 { font-size: 29px; }
    .seller-heading { align-items: start; flex-direction: column; }.seller-heading h1 { font-size: 34px; }.seller-metrics { grid-template-columns: 1fr 1fr; }.table-title { align-items: start; flex-direction: column; gap: 8px; }.admin-actions { align-items: flex-end; flex-direction: column-reverse; }.seller-heading-actions { flex-wrap: wrap; }
    .product-actions { grid-template-columns: 1fr; }.product-actions .add-cart { margin-bottom: 0; }.account-welcome { align-items: start; flex-direction: column; gap: 20px; }.account-welcome h1 { font-size: 29px; }.favorites-grid { grid-template-columns: 1fr; }
    .review-form { grid-template-columns: 1fr; }.review-form h3, .review-form .wide, .review-form button { grid-column: auto; }.review-list article { flex-direction: column; gap: 12px; }.review-list small { white-space: normal; }
    .catalog-heading { align-items: start; flex-direction: column; gap: 15px; }.catalog-heading h1 { font-size: 31px; }.catalog-grid { grid-template-columns: 1fr; }
    .address-heading { align-items: start; flex-direction: column; gap: 14px; }.address-heading h1 { font-size: 32px; }.checkout-addresses { grid-template-columns: 1fr; }.checkout-address-option.new { grid-column: auto; }.address-card, .new-address { padding: 19px; }.address-delete { position: static; margin-top: 10px; }
    .coupon-row { grid-template-columns: 1fr; }
    .store-hero .container { align-items: start; flex-direction: column; }.store-stats { grid-template-columns: repeat(2,1fr); }.store-stats article:nth-child(2) { border-right: 0; }.store-catalog-head form { width: 100%; display: grid; }.store-products { grid-template-columns: 1fr; }
    .question-heading form, .question-list article { grid-template-columns: 1fr; }
    .variant-picker, .variant-fields { grid-template-columns: 1fr; }
    .product-moderation-list > article { grid-template-columns: 1fr; }.moderation-product-image { width: 100%; height: 220px; }.moderation-product-copy dl { grid-template-columns: repeat(2,1fr); }
    .finance-metrics { grid-template-columns: 1fr; }
    .report-metrics, .report-entity-metrics, .pending-operations > div:last-child { grid-template-columns: 1fr; }
    .legal-hero h1 { font-size: 32px; }.legal-copy { padding: 20px; }.legal-identity { grid-template-columns: 1fr; }.cookie-banner { left: 10px; right: 10px; bottom: 10px; align-items: stretch; flex-direction: column; gap: 12px; }.cookie-actions form, .cookie-actions button { flex: 1; }.cookie-actions { width: 100%; }.order-legal nav { width: 100%; flex-direction: column; }.compliance-grid { grid-template-columns: 1fr; }
    .document-upload-grid, .identity-edit-grid { grid-template-columns: 1fr; }.identity-edit-grid .wide { grid-column: auto; }.document-review-card form { grid-template-columns: 1fr; }.document-file { grid-template-columns: 38px 1fr; }.document-file > a { grid-column: 2; }.manual-verification { align-items: flex-start; flex-direction: column; }
}

/* Yonetim: kategori agaci ve katalog yapisi */
.category-admin-metrics { margin-top: 22px; display: grid; grid-template-columns: repeat(4,1fr); gap: 11px; }
.category-admin-metrics article { padding: 18px; display: grid; gap: 5px; border: 1px solid #e2e4e8; border-radius: 11px; background: white; }
.category-admin-metrics small { color: var(--muted); font-size: 11px; }.category-admin-metrics strong { font-size: 22px; }
.category-admin-search { margin: 17px 0 10px; display: grid; grid-template-columns: minmax(260px,1fr) auto auto; gap: 8px; }
.category-admin-search input, .category-admin-search button { min-height: 41px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; background: white; }
.category-admin-search button { padding-inline: 22px; color: white; background: var(--ink); font-weight: 900; }.category-admin-search a { align-self: center; color: var(--orange); font-size: 12px; font-weight: 900; }
.category-admin-table { overflow: hidden; border: 1px solid #e2e4e8; border-radius: 11px; background: white; }
.category-admin-table > header, .category-admin-table > article { padding: 12px 16px; display: grid; grid-template-columns: minmax(230px,1.3fr) minmax(130px,.7fr) minmax(150px,.8fr) 65px 90px 120px; gap: 12px; align-items: center; }
.category-admin-table > header { color: #766e69; background: #f8f8f9; border-bottom: 1px solid #e2e4e8; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.category-admin-table > article { border-bottom: 1px solid #eceff2; font-size: 12px; }.category-admin-table > article:last-child { border-bottom: 0; }
.category-admin-name { display: grid; grid-template-columns: 34px 1fr; gap: 10px; align-items: center; }.category-admin-name i { width: 34px; height: 34px; display: grid; place-items: center; color: #9a3412; background: #ffedd5; border-radius: 8px; font-style: normal; font-weight: 900; }
.category-admin-name b, .category-admin-name small { display: block; }.category-admin-name b { font-size: 13px; }.category-admin-name small { margin-top: 2px; color: var(--muted); font-size: 10px; }
.category-row-actions { display: flex; gap: 8px; align-items: center; }.category-row-actions a, .category-row-actions button { padding: 6px; color: var(--orange); border: 0; background: transparent; font-size: 11px; font-weight: 900; }.category-row-actions button { color: #b91c1c; cursor: pointer; }
.category-form-layout { margin-top: 20px; display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 14px; align-items: start; }
.category-editor, .category-form-help { padding: 24px; border: 1px solid #e2e4e8; border-radius: 12px; background: white; }
.category-editor { display: grid; gap: 15px; }.category-editor > div small { color: var(--orange); font-size: 10px; font-weight: 900; letter-spacing: .8px; }.category-editor h2 { margin: 4px 0 0; }
.category-editor > label { display: grid; gap: 7px; color: #49413c; font-size: 12px; font-weight: 800; }.category-editor label > small { color: var(--muted); font-size: 10px; font-weight: 500; }
.category-editor input, .category-editor select { padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: white; }.category-editor > button { padding: 13px; color: white; border: 0; border-radius: 8px; background: var(--ink); font-weight: 900; }
.category-editor fieldset { padding: 14px; display: grid; gap: 8px; border: 1px solid var(--line); border-radius: 9px; }.category-editor legend { padding: 0 5px; font-size: 11px; font-weight: 900; }
.category-state-option { padding: 11px; display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; border: 1px solid #eceff2; border-radius: 8px; cursor: pointer; }.category-state-option input { margin-top: 3px; }.category-state-option b, .category-state-option small { display: block; }.category-state-option small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.category-form-help > span { width: 48px; height: 48px; display: grid; place-items: center; color: white; background: var(--orange); border-radius: 12px; font-size: 20px; }.category-form-help h2 { margin-bottom: 6px; }.category-form-help p, .category-form-help li { color: var(--muted); font-size: 11px; line-height: 1.65; }.category-form-help ul { padding-left: 18px; }.category-form-help > div { margin-top: 18px; padding-top: 15px; display: flex; justify-content: space-between; border-top: 1px solid var(--line); }.category-form-help > div small { color: var(--muted); }

@media (max-width: 1050px) {
    .category-admin-table { overflow-x: auto; }.category-admin-table > header, .category-admin-table > article { min-width: 900px; }
}
@media (max-width: 760px) {
    .category-admin-metrics { grid-template-columns: repeat(2,1fr); }.category-form-layout { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
    .category-admin-search, .category-admin-metrics { grid-template-columns: 1fr; }
}

/* Yonetim: musteri dosyalari ve hesap guvenligi */
.customer-admin-metrics, .customer-detail-metrics { margin-top: 22px; display: grid; grid-template-columns: repeat(4,1fr); gap: 11px; }
.customer-admin-metrics > *, .customer-detail-metrics article { padding: 18px; display: grid; gap: 5px; border: 1px solid #e2e4e8; border-radius: 11px; background: white; }
.customer-admin-metrics small, .customer-detail-metrics small { color: var(--muted); font-size: 11px; }.customer-admin-metrics strong, .customer-detail-metrics strong { font-size: 22px; }
.customer-admin-filter { margin: 17px 0 10px; padding: 12px; display: grid; grid-template-columns: minmax(260px,1fr) 180px auto auto; gap: 8px; align-items: center; border: 1px solid #e2e4e8; border-radius: 10px; background: white; }
.customer-admin-filter input, .customer-admin-filter select, .customer-admin-filter button { min-height: 40px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 8px; background: white; }.customer-admin-filter button { color: white; background: var(--ink); font-weight: 900; }.customer-admin-filter a { color: var(--orange); font-size: 11px; font-weight: 900; }
.customer-admin-table { overflow: hidden; border: 1px solid #e2e4e8; border-radius: 11px; background: white; }.customer-admin-table > header, .customer-admin-table > a { padding: 12px 15px; display: grid; grid-template-columns: minmax(275px,1.35fr) 145px 70px 145px 145px 80px; gap: 12px; align-items: center; }
.customer-admin-table > header { color: #766e69; background: #f8f8f9; border-bottom: 1px solid #e2e4e8; font-size: 10px; font-weight: 900; text-transform: uppercase; }.customer-admin-table > a { border-bottom: 1px solid #eceff2; font-size: 12px; }.customer-admin-table > a:hover { background: #fffaf5; }.customer-admin-table > a:last-of-type { border-bottom: 0; }
.customer-admin-table span small { display: block; margin-top: 3px; color: var(--muted); font-size: 9px; }.customer-admin-person { display: grid; grid-template-columns: 40px 1fr; gap: 10px; align-items: center; }.customer-admin-person i, .customer-profile-head > i { display: grid; place-items: center; color: white; background: var(--orange); border-radius: 10px; font-style: normal; font-weight: 950; }.customer-admin-person i { width: 40px; height: 40px; }.customer-admin-person b, .customer-admin-person small { display: block; }.customer-admin-person small { margin-top: 2px; color: var(--muted); font-size: 10px; }
.customer-detail-grid { margin-top: 13px; display: grid; grid-template-columns: minmax(0,1.3fr) minmax(320px,.7fr); gap: 13px; align-items: start; }.customer-profile-card, .customer-control-card, .customer-history-grid > section { padding: 21px; border: 1px solid #e2e4e8; border-radius: 11px; background: white; }
.customer-profile-card > header { display: flex; justify-content: space-between; align-items: center; gap: 15px; }.customer-profile-head { display: grid; grid-template-columns: 48px 1fr; gap: 11px; align-items: center; }.customer-profile-head > i { width: 48px; height: 48px; }.customer-profile-head small { color: var(--muted); font-size: 9px; font-weight: 900; }.customer-profile-head h2 { margin: 3px 0 0; }
.customer-profile-card dl { margin: 20px 0; display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: var(--line); }.customer-profile-card dl div { padding: 12px; background: white; }.customer-profile-card dt { color: var(--muted); font-size: 10px; }.customer-profile-card dd { margin: 4px 0 0; font-size: 12px; font-weight: 800; }
.customer-address-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; }.customer-address-list article { padding: 12px; display: grid; gap: 3px; border: 1px solid #eceff2; border-radius: 8px; }.customer-address-list span, .customer-address-list small { color: var(--muted); font-size: 10px; }
.customer-control-card { display: grid; gap: 11px; }.customer-control-card > small { color: var(--orange); font-size: 10px; font-weight: 900; letter-spacing: .8px; }.customer-control-card h2 { margin: 0 0 5px; }.customer-control-card label { display: grid; gap: 6px; font-size: 11px; font-weight: 800; }.customer-control-card select, .customer-control-card textarea { padding: 11px; border: 1px solid var(--line); border-radius: 8px; background: white; }.customer-control-card p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.65; }.customer-control-card button { padding: 12px; color: white; border: 0; border-radius: 8px; background: var(--ink); font-weight: 900; }
.customer-history-grid { margin-top: 13px; display: grid; grid-template-columns: 1.2fr .8fr; gap: 13px; }.customer-history-grid section > header { display: flex; justify-content: space-between; align-items: center; }.customer-history-grid h2 { margin: 0 0 12px; font-size: 16px; }.customer-history-grid header a { color: var(--orange); font-size: 10px; font-weight: 900; }.customer-history-grid section > div { display: grid; }.customer-history-grid section > div > a, .customer-history-grid section > div > article { padding: 11px 0; display: grid; grid-template-columns: 1fr auto auto; gap: 10px; align-items: center; border-top: 1px solid #eceff2; }.customer-history-grid b, .customer-history-grid small { display: block; }.customer-history-grid small { margin-top: 3px; color: var(--muted); font-size: 9px; }
@media (max-width: 1050px) { .customer-admin-table { overflow-x: auto; }.customer-admin-table > header, .customer-admin-table > a { min-width: 980px; } }
@media (max-width: 850px) { .customer-admin-metrics, .customer-detail-metrics { grid-template-columns: repeat(2,1fr); }.customer-detail-grid, .customer-history-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .customer-admin-filter, .customer-admin-metrics, .customer-detail-metrics, .customer-profile-card dl, .customer-address-list { grid-template-columns: 1fr; } }

/* Destek merkezi ve iki tarafli talep konusmalari */
.support-page { padding-block: 42px 70px; }.support-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }.support-heading > div > span { color: var(--orange); font-size: 11px; font-weight: 900; letter-spacing: 1px; }.support-heading h1 { margin: 5px 0; font-size: 38px; }.support-heading p { color: var(--muted); }
.support-ticket-list, .support-admin-list { margin-top: 22px; display: grid; gap: 8px; }.support-ticket-list > a, .support-admin-list > a { padding: 17px; display: grid; grid-template-columns: 1fr auto; gap: 18px; align-items: center; border: 1px solid #e2e4e8; border-radius: 11px; background: white; }.support-ticket-list h2, .support-admin-list h2 { margin: 5px 0; font-size: 16px; }.support-ticket-list p, .support-admin-list p { margin: 0; color: var(--muted); font-size: 11px; }.support-ticket-list > a > div:last-child, .support-admin-list > a > div:last-child { display: grid; justify-items: end; gap: 6px; }.support-ticket-list small, .support-admin-list small { color: var(--muted); font-size: 10px; }.support-category { color: var(--orange); font-size: 9px; font-weight: 900; letter-spacing: .7px; }
.priority { padding: 4px 7px; border-radius: 99px; font-size: 9px; font-weight: 900; }.priority-low { color: #475569; background: #f1f5f9; }.priority-normal { color: #1e40af; background: #dbeafe; }.priority-high { color: #9a3412; background: #ffedd5; }.priority-urgent { color: #991b1b; background: #fee2e2; }
.status-waiting_admin { color: #9a3412; background: #ffedd5; }.status-waiting_user { color: #1e40af; background: #dbeafe; }.status-resolved, .status-closed { color: #475569; background: #f1f5f9; }.status-open { color: #166534; background: #dcfce7; }
.support-create-layout { margin-top: 22px; display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 14px; align-items: start; }.support-create-form, .support-guide, .support-conversation, .support-ticket-info, .support-admin-control, .support-user-context { padding: 22px; border: 1px solid #e2e4e8; border-radius: 11px; background: white; }.support-create-form { display: grid; gap: 14px; }.support-create-form label { display: grid; gap: 7px; font-size: 12px; font-weight: 800; }.support-create-form input, .support-create-form select, .support-create-form textarea, .support-conversation textarea { padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: white; }.support-create-form button, .support-conversation form button, .support-admin-control button { padding: 12px; color: white; border: 0; border-radius: 8px; background: var(--ink); font-weight: 900; }.support-guide > span { width: 45px; height: 45px; display: grid; place-items: center; color: white; background: var(--orange); border-radius: 11px; font-size: 20px; font-weight: 900; }.support-guide p, .support-guide li { color: var(--muted); font-size: 11px; line-height: 1.65; }.support-guide ul { padding-left: 18px; }
.support-conversation-layout, .support-admin-layout { margin-top: 20px; display: grid; grid-template-columns: minmax(0,1.4fr) 300px; gap: 14px; align-items: start; }.support-conversation > header { display: flex; justify-content: space-between; align-items: center; }.support-conversation > header > div { display: flex; gap: 7px; }.support-conversation > header small { color: var(--muted); font-size: 10px; }.support-messages { margin: 18px 0; display: grid; gap: 10px; }.support-message { max-width: 86%; padding: 13px 15px; border-radius: 12px; }.support-message.from-user { justify-self: end; background: #fff1e7; border-bottom-right-radius: 3px; }.support-message.from-admin { justify-self: start; background: #f1f5f9; border-bottom-left-radius: 3px; }.support-message.internal-note { max-width: 100%; justify-self: stretch; color: #854d0e; border: 1px dashed #eab308; background: #fefce8; }.support-message > div { display: flex; justify-content: space-between; gap: 18px; }.support-message b { font-size: 11px; }.support-message small { color: var(--muted); font-size: 9px; }.support-message p { margin: 7px 0 0; white-space: pre-wrap; font-size: 12px; line-height: 1.65; }.support-conversation form { display: grid; gap: 8px; }.support-closed { padding: 14px; color: #475569; background: #f1f5f9; border-radius: 8px; font-size: 11px; }.support-ticket-info h2, .support-user-context h2 { margin-top: 0; }.support-ticket-info dl div, .support-user-context dl div { padding: 10px 0; border-top: 1px solid #eceff2; }.support-ticket-info dt, .support-user-context dt { color: var(--muted); font-size: 9px; }.support-ticket-info dd, .support-user-context dd { margin: 3px 0 0; font-size: 11px; font-weight: 800; }
.support-admin-metrics { margin-top: 22px; display: grid; grid-template-columns: repeat(4,1fr); gap: 11px; }.support-admin-metrics a { padding: 18px; display: grid; gap: 5px; border: 1px solid #e2e4e8; border-radius: 11px; background: white; }.support-admin-metrics small { color: var(--muted); font-size: 11px; }.support-admin-metrics strong { font-size: 22px; }.support-admin-layout > aside { display: grid; gap: 12px; }.support-admin-control { display: grid; gap: 10px; }.support-admin-control > small { color: var(--orange); font-size: 9px; font-weight: 900; }.support-admin-control h2 { margin: 0 0 5px; }.support-admin-control label { display: grid; gap: 5px; font-size: 11px; font-weight: 800; }.support-admin-control select { padding: 10px; border: 1px solid var(--line); border-radius: 8px; }.internal-check { display: flex; gap: 7px; align-items: center; color: var(--muted); font-size: 10px; }
@media (max-width: 850px) { .support-create-layout, .support-conversation-layout, .support-admin-layout { grid-template-columns: 1fr; }.support-admin-metrics { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 560px) { .support-heading { flex-direction: column; }.support-heading h1 { font-size: 31px; }.support-ticket-list > a, .support-admin-list > a { grid-template-columns: 1fr; }.support-ticket-list > a > div:last-child, .support-admin-list > a > div:last-child { justify-items: start; }.support-admin-metrics { grid-template-columns: 1fr; }.support-message { max-width: 95%; } }

/* Yonetim: ana sayfa vitrin editoru */
.banner-admin-metrics { margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:11px; }.banner-admin-metrics article { padding:18px;display:grid;gap:5px;border:1px solid #e2e4e8;border-radius:11px;background:#fff; }.banner-admin-metrics small { color:var(--muted);font-size:11px; }.banner-admin-metrics strong { font-size:22px; }
.banner-admin-list { margin-top:14px;display:grid;gap:9px; }.banner-admin-list>article { padding:14px;display:grid;grid-template-columns:260px 1fr 110px;gap:18px;align-items:center;border:1px solid #e2e4e8;border-radius:11px;background:#fff; }.banner-admin-preview { height:105px;padding:14px;display:grid;grid-template-columns:80px 1fr;gap:12px;align-items:center;overflow:hidden;color:var(--preview-text);background:var(--preview-bg);border-radius:9px; }.banner-admin-preview img { width:80px;height:90px;object-fit:contain; }.banner-admin-preview>span { font-size:50px;text-align:center; }.banner-admin-preview small,.banner-admin-preview b { display:block; }.banner-admin-preview small { opacity:.75;font-size:8px; }.banner-admin-preview b { margin-top:4px;font-size:12px;line-height:1.35; }
.banner-admin-copy>div { display:flex;gap:7px; }.banner-placement { padding:4px 7px;color:#475569;background:#f1f5f9;border-radius:99px;font-size:9px;font-weight:900; }.banner-admin-copy h2 { margin:7px 0 3px;font-size:16px; }.banner-admin-copy p { margin:0;color:var(--muted);font-size:11px; }.banner-admin-copy>small { display:block;margin-top:7px;color:var(--muted);font-size:10px; }.banner-admin-actions { display:grid;justify-items:end;gap:7px; }.banner-admin-actions a,.banner-admin-actions button { color:var(--orange);border:0;background:transparent;font-size:11px;font-weight:900; }.banner-admin-actions button { color:#b91c1c;cursor:pointer; }
.banner-editor { margin-top:20px;display:grid;gap:13px; }.banner-editor>section { padding:22px;border:1px solid #e2e4e8;border-radius:11px;background:#fff; }.banner-editor section>header small { color:var(--orange);font-size:9px;font-weight:900;letter-spacing:.8px; }.banner-editor section>header h2 { margin:4px 0 16px;font-size:17px; }.banner-form-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:13px; }.banner-form-grid label { display:grid;gap:6px;font-size:11px;font-weight:800; }.banner-form-grid label.wide { grid-column:1/-1; }.banner-form-grid input,.banner-form-grid select,.banner-form-grid textarea { padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff; }.banner-form-grid input[type=color] { width:100%;height:43px;padding:4px; }.banner-form-grid label>small,.banner-editor section>p { color:var(--muted);font-size:10px;font-weight:500; }.banner-current-image { margin-top:8px;max-width:260px;max-height:150px;object-fit:contain;border:1px solid var(--line);border-radius:8px; }.banner-editor>button { padding:14px;color:#fff;border:0;border-radius:9px;background:var(--ink);font-weight:900; }
@media(max-width:900px){.banner-admin-list>article{grid-template-columns:200px 1fr}.banner-admin-actions{grid-column:1/-1;display:flex;justify-items:start}.banner-form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.banner-admin-metrics,.banner-admin-list>article,.banner-form-grid{grid-template-columns:1fr}.banner-form-grid label.wide{grid-column:auto}.banner-admin-preview{grid-template-columns:70px 1fr}}

/* Yonetim: degistirilemez denetim ve islem kayitlari */
.audit-today { padding:11px 15px;display:grid;grid-template-columns:auto auto;gap:2px 12px;align-items:center;border:1px solid #e2e4e8;border-radius:9px;background:#fff; }.audit-today small { color:var(--muted);font-size:9px;font-weight:900; }.audit-today strong { grid-row:1/3;grid-column:2;font-size:24px; }
.audit-filter { margin:20px 0 10px;padding:12px;display:grid;grid-template-columns:minmax(220px,1fr) 150px 170px 170px auto auto;gap:7px;align-items:center;border:1px solid #e2e4e8;border-radius:10px;background:#fff; }.audit-filter input,.audit-filter select,.audit-filter button { min-height:39px;padding:9px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:11px; }.audit-filter button { color:#fff;background:var(--ink);font-weight:900; }.audit-filter>a { color:var(--orange);font-size:10px;font-weight:900; }
.audit-list { overflow:hidden;border:1px solid #e2e4e8;border-radius:11px;background:#fff; }.audit-list>header,.audit-list>a { padding:12px 15px;display:grid;grid-template-columns:170px 105px minmax(230px,1fr) 85px minmax(190px,.8fr);gap:13px;align-items:center; }.audit-list>header { color:#766e69;background:#f8f8f9;border-bottom:1px solid #e2e4e8;font-size:9px;font-weight:900;text-transform:uppercase; }.audit-list>a { border-bottom:1px solid #eceff2;font-size:11px; }.audit-list>a:hover { background:#fffaf5; }.audit-list>a:last-of-type { border-bottom:0; }.audit-list b,.audit-list small { display:block; }.audit-list small { margin-top:3px;color:var(--muted);font-size:9px; }.audit-action { padding:5px 7px;border-radius:99px;font-size:9px;font-weight:900;text-align:center; }.action-created { color:#166534;background:#dcfce7; }.action-updated { color:#1e40af;background:#dbeafe; }.action-deleted { color:#991b1b;background:#fee2e2; }
.audit-detail-summary { margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px; }.audit-detail-summary article { padding:17px;display:grid;gap:5px;border:1px solid #e2e4e8;border-radius:10px;background:#fff; }.audit-detail-summary small,.audit-detail-summary span { color:var(--muted);font-size:9px; }.audit-detail-summary strong { font-size:13px; }
.audit-change-card,.audit-technical { margin-top:13px;padding:21px;border:1px solid #e2e4e8;border-radius:11px;background:#fff; }.audit-change-card>header { display:flex;justify-content:space-between;align-items:center; }.audit-change-card header small { color:var(--orange);font-size:9px;font-weight:900; }.audit-change-card h2,.audit-technical h2 { margin:4px 0 14px;font-size:17px; }.audit-change-card>header>span { color:var(--muted);font-size:9px; }.audit-change-table { overflow:hidden;border:1px solid var(--line);border-radius:8px; }.audit-change-table>div { padding:10px 13px;display:grid;grid-template-columns:180px 1fr 1fr;gap:15px;border-bottom:1px solid var(--line);font-size:11px; }.audit-change-table>div:last-child { border-bottom:0; }.audit-change-table .audit-change-head { color:var(--muted);background:#f8f8f9;font-size:9px;text-transform:uppercase; }.audit-change-table code { color:#9a3412;font-weight:900; }.audit-change-table span { color:#6b7280;word-break:break-word; }.audit-change-table strong { word-break:break-word; }
.audit-technical dl { display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden; }.audit-technical dl div { padding:12px;background:#fff; }.audit-technical dl div:last-child { grid-column:1/-1; }.audit-technical dt { color:var(--muted);font-size:9px; }.audit-technical dd { margin:4px 0 0;font-size:10px;word-break:break-word; }
@media(max-width:1050px){.audit-filter{grid-template-columns:1fr 1fr 1fr}.audit-list{overflow-x:auto}.audit-list>header,.audit-list>a{min-width:900px}.audit-detail-summary{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.audit-filter,.audit-detail-summary{grid-template-columns:1fr}.audit-change-table>div{grid-template-columns:1fr}.audit-change-table .audit-change-head{display:none}.audit-technical dl{grid-template-columns:1fr}.audit-technical dl div:last-child{grid-column:auto}}

/* Yonetim: personel hesaplari ve rol tabanli erisim */
.temporary-credential { margin-top:18px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#fff;background:linear-gradient(120deg,#166534,#15803d);border-radius:11px; }.temporary-credential small { color:#bbf7d0;font-size:9px;font-weight:900; }.temporary-credential h2 { margin:4px 0;font-size:16px; }.temporary-credential p { margin:0;color:#dcfce7;font-size:10px; }.temporary-credential code { padding:12px 16px;color:#14532d;background:#fff;border-radius:8px;font-size:17px;font-weight:900;letter-spacing:1px; }
.staff-list { margin-top:18px;display:grid;gap:8px; }.staff-list>article { padding:16px 18px;display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(250px,1fr) 190px 140px;gap:18px;align-items:center;border:1px solid #e2e4e8;border-radius:11px;background:#fff; }.staff-person { display:grid;grid-template-columns:45px 1fr;gap:11px;align-items:center; }.staff-person>i { width:45px;height:45px;display:grid;place-items:center;color:#fff;background:var(--orange);border-radius:10px;font-style:normal;font-weight:950; }.staff-person h2 { margin:4px 0 2px;font-size:15px; }.staff-person h2 small { padding:2px 5px;color:#166534;background:#dcfce7;border-radius:99px;font-size:8px; }.staff-person p { margin:0;color:var(--muted);font-size:10px; }.staff-permissions { display:flex;flex-wrap:wrap;gap:5px; }.staff-permissions span,.staff-permissions b { padding:5px 7px;color:#475569;background:#f1f5f9;border-radius:99px;font-size:9px; }.staff-permissions b { color:#9a3412;background:#ffedd5; }.staff-activity small,.staff-activity b,.staff-activity span { display:block; }.staff-activity small,.staff-activity span { color:var(--muted);font-size:9px; }.staff-activity b { margin:3px 0;font-size:10px; }.staff-list>article>a { justify-self:end;color:var(--orange);font-size:10px;font-weight:900; }
.staff-editor { margin-top:20px;display:grid;gap:13px; }.staff-editor>section { padding:22px;border:1px solid #e2e4e8;border-radius:11px;background:#fff; }.staff-editor>section>small { color:var(--orange);font-size:9px;font-weight:900;letter-spacing:.8px; }.staff-editor h2 { margin:4px 0 14px;font-size:17px; }.staff-editor section>p { color:var(--muted);font-size:10px; }.staff-fields { display:grid;grid-template-columns:repeat(2,1fr);gap:12px; }.staff-fields label { display:grid;gap:6px;font-size:11px;font-weight:800; }.staff-fields input,.staff-fields select { padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff; }.staff-fields .password-reset { display:flex;align-items:center;gap:7px;align-self:end;min-height:41px; }.staff-fields .password-reset input { width:auto; }
.permission-picker { display:grid;grid-template-columns:repeat(2,1fr);gap:8px; }.permission-option { padding:13px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;border:1px solid #e2e4e8;border-radius:9px;cursor:pointer; }.permission-option:has(input:checked) { border-color:#fdba74;background:#fffaf5; }.permission-option input { margin-top:3px; }.permission-option b,.permission-option small { display:block; }.permission-option small { margin-top:4px;color:var(--muted);font-size:9px;line-height:1.5; }.permission-super { grid-column:1/-1;border-color:#fed7aa; }.staff-editor>button { padding:14px;color:#fff;border:0;border-radius:9px;background:var(--ink);font-weight:900; }.admin-dashboard-columns>section:only-child { grid-column:1/-1; }
@media(max-width:1000px){.staff-list>article{grid-template-columns:1fr 1fr}.staff-list>article>a{justify-self:start}}
@media(max-width:650px){.temporary-credential{align-items:flex-start;flex-direction:column}.staff-list>article,.staff-fields,.permission-picker{grid-template-columns:1fr}.permission-super{grid-column:auto}}

/* Yonetim: kargo firmalari ve teslimat agi */
.carrier-metrics { margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:11px; }.carrier-metrics article { padding:18px;display:grid;gap:5px;border:1px solid #e2e4e8;border-radius:11px;background:#fff; }.carrier-metrics small { color:var(--muted);font-size:11px; }.carrier-metrics strong { font-size:22px; }
.carrier-list { margin-top:14px;display:grid;gap:8px; }.carrier-list>article { padding:16px 18px;display:grid;grid-template-columns:48px minmax(320px,1fr) 130px 120px;gap:15px;align-items:center;border:1px solid #e2e4e8;border-radius:11px;background:#fff; }.carrier-logo { width:48px;height:48px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--orange),#c2410c);border-radius:11px;font-weight:950; }.carrier-list h2 { margin:5px 0 2px;font-size:16px; }.carrier-list p { margin:0;color:var(--muted);font-size:10px; }.carrier-list article>div:nth-child(2)>small { display:block;margin-top:5px;max-width:650px;overflow:hidden;color:#6b7280;font-size:9px;text-overflow:ellipsis;white-space:nowrap; }.carrier-count { text-align:center; }.carrier-count small,.carrier-count strong { display:block; }.carrier-count small { color:var(--muted);font-size:9px; }.carrier-count strong { margin-top:4px;font-size:18px; }.carrier-actions { display:flex;justify-content:flex-end;gap:8px; }.carrier-actions a,.carrier-actions button { padding:6px;color:var(--orange);border:0;background:transparent;font-size:10px;font-weight:900; }.carrier-actions button { color:#b91c1c;cursor:pointer; }
.carrier-editor { margin-top:20px;display:grid;gap:13px; }.carrier-editor>section { padding:22px;border:1px solid #e2e4e8;border-radius:11px;background:#fff; }.carrier-editor section>small { color:var(--orange);font-size:9px;font-weight:900;letter-spacing:.8px; }.carrier-editor h2 { margin:4px 0 14px;font-size:17px; }.carrier-form-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px; }.carrier-form-grid label { display:grid;gap:6px;font-size:11px;font-weight:800; }.carrier-form-grid label.wide { grid-column:1/-1; }.carrier-form-grid input,.carrier-form-grid select { padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff; }.carrier-form-grid label>small { color:var(--muted);font-size:9px;font-weight:500; }.carrier-editor>button { padding:14px;color:#fff;border:0;border-radius:9px;background:var(--ink);font-weight:900; }.tracking-link { display:inline-block;margin-left:6px;color:var(--orange);font-size:10px;font-weight:900; }
@media(max-width:850px){.carrier-metrics{grid-template-columns:repeat(2,1fr)}.carrier-list>article{grid-template-columns:48px 1fr}.carrier-count{text-align:left}.carrier-actions{justify-content:flex-start}.carrier-form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.carrier-metrics,.carrier-form-grid{grid-template-columns:1fr}.carrier-form-grid label.wide{grid-column:auto}}

/* Okunabilirlik olcegi: genel metinleri bir kademe buyutur, baslik dengesini korur. */
body { font-size: 15px; line-height: 1.5; }
input, select, textarea, button { font-size: 13px; }
table { font-size: 13px; }
table small, .status, .eyebrow, .section-kicker { font-size: 11px; }

.backoffice-brand small { font-size: 10px; }
.backoffice-account b { font-size: 12px; }
.backoffice-account span { font-size: 10px; }
.backoffice-sidebar nav small { font-size: 9px; }
.backoffice-sidebar nav a { font-size: 12px; }
.backoffice-view-site { font-size: 11px; }
.backoffice-topbar span { font-size: 12px; }
.backoffice-topbar nav a, .backoffice-topbar nav button { font-size: 11px; }
.backoffice-page-head > div > span, .system-health { font-size: 11px; }
.admin-kpis small, .admin-kpis span, .admin-kpis a { font-size: 11px; }
.admin-action-grid i { font-size: 10px; }
.admin-action-grid span, .dashboard-panel header a { font-size: 11px; }
.compact-list b { font-size: 12px; }
.compact-list span { font-size: 10px; }
.operation-overview small { font-size: 11px; }
.operation-overview span, .operation-overview a { font-size: 12px; }
.action-grid b { font-size: 13px; }
.action-grid span, .seller-quick-tools span { font-size: 11px; }
.fulfillment-form label, .mini-shipment-history,
.shipment-tracking article header span, .shipment-tracking li p,
.order-document-form input, .order-document-form select, .order-document-form button,
.customer-documents nav span, .period-tabs a { font-size: 12px; }
.notification-list p, .deal-grid small, .deal-grid article div > span,
.catalog-condition, .fulfillment-form textarea { font-size: 12px; }

/* Yonetim: magazalar ve satici operasyonu */
.secondary-button { padding: 11px 15px; border: 1px solid var(--line); border-radius: 9px; background: white; font-size: 12px; font-weight: 900; }
.store-admin-metrics, .store-detail-metrics { margin-top: 22px; display: grid; grid-template-columns: repeat(4,1fr); gap: 11px; }
.store-admin-metrics a, .store-detail-metrics article { padding: 18px; display: grid; gap: 5px; border: 1px solid #e2e4e8; border-radius: 11px; background: white; }
.store-admin-metrics small, .store-detail-metrics small { color: var(--muted); font-size: 11px; font-weight: 800; }
.store-admin-metrics strong, .store-detail-metrics strong { font-size: 22px; }
.store-detail-metrics span { color: var(--muted); font-size: 11px; }
.store-admin-filter { margin: 18px 0 12px; padding: 13px; display: grid; grid-template-columns: minmax(260px,1fr) 180px auto auto; gap: 8px; align-items: center; border: 1px solid #e2e4e8; border-radius: 11px; background: white; }
.store-admin-filter input, .store-admin-filter select, .store-admin-filter button { min-height: 40px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 8px; background: white; }
.store-admin-filter button { color: white; background: var(--ink); font-weight: 900; }
.store-admin-filter a { padding: 8px; color: var(--orange); font-size: 12px; font-weight: 900; }
.store-admin-list { display: grid; gap: 8px; }
.store-admin-list > article { padding: 16px 18px; display: grid; grid-template-columns: minmax(280px,1.4fr) minmax(300px,1fr) 160px; gap: 20px; align-items: center; border: 1px solid #e2e4e8; border-radius: 11px; background: white; }
.store-admin-identity { display: grid; grid-template-columns: 44px 1fr; gap: 12px; align-items: center; }
.store-admin-identity > span { width: 44px; height: 44px; display: grid; place-items: center; color: white; background: var(--orange); border-radius: 10px; font-weight: 950; }
.store-admin-identity small, .store-admin-identity p { color: var(--muted); font-size: 11px; }
.store-admin-identity h2 { margin: 2px 0; font-size: 16px; }
.store-admin-identity p { margin: 0; }
.store-admin-numbers { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.store-admin-numbers div { padding-left: 12px; border-left: 1px solid #eceff2; }
.store-admin-numbers small, .store-admin-numbers b { display: block; }
.store-admin-numbers small { color: var(--muted); font-size: 10px; }.store-admin-numbers b { margin-top: 4px; font-size: 13px; }
.store-admin-state { display: grid; justify-items: end; gap: 8px; }.store-admin-state a { color: var(--orange); font-size: 11px; font-weight: 900; }
.status-suspended { color: #991b1b; background: #fee2e2; }.status-active { color: #166534; background: #dcfce7; }.status-pending { color: #9a3412; background: #ffedd5; }
.store-detail-layout { margin-top: 14px; display: grid; grid-template-columns: minmax(0,1.45fr) minmax(320px,.7fr); gap: 13px; align-items: start; }
.store-detail-card, .store-control-card, .store-products-preview { padding: 21px; border: 1px solid #e2e4e8; border-radius: 11px; background: white; }
.store-detail-card header, .store-products-preview > header { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; }
.store-detail-card h2, .store-control-card h2, .store-products-preview h2 { margin: 4px 0 14px; font-size: 18px; }
.store-detail-card header small, .store-control-card > small, .store-products-preview header small { color: var(--orange); font-size: 10px; font-weight: 900; letter-spacing: .8px; }
.store-detail-card dl { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: var(--line); }
.store-detail-card dl div { padding: 12px; background: white; }.store-detail-card dl .wide { grid-column: 1/-1; }
.store-detail-card dt { color: var(--muted); font-size: 10px; }.store-detail-card dd { margin: 4px 0 0; font-size: 12px; font-weight: 800; }
.store-control-card { display: grid; gap: 11px; }.store-control-card label { display: grid; gap: 6px; color: #49413c; font-size: 11px; font-weight: 800; }
.store-control-card input, .store-control-card select, .store-control-card textarea { padding: 11px; border: 1px solid var(--line); border-radius: 8px; background: white; }
.store-control-card p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }.store-control-card button { padding: 12px; color: white; border: 0; border-radius: 8px; background: var(--ink); font-weight: 900; }
.store-products-preview { margin-top: 13px; }.store-products-preview header a { color: var(--orange); font-size: 11px; font-weight: 900; }
.store-products-preview > div { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; }.store-products-preview > div > a { padding: 12px; display: grid; gap: 5px; border: 1px solid #eceff2; border-radius: 8px; }.store-products-preview b { font-size: 12px; }.store-products-preview a small { color: var(--muted); font-size: 10px; }

@media (max-width: 900px) {
    .store-admin-metrics, .store-detail-metrics { grid-template-columns: repeat(2,1fr); }
    .store-admin-list > article, .store-detail-layout { grid-template-columns: 1fr; }
    .store-admin-state { justify-items: start; }
}
@media (max-width: 560px) {
    .store-admin-filter, .store-admin-metrics, .store-detail-metrics, .store-products-preview > div { grid-template-columns: 1fr; }
    .store-admin-numbers, .store-detail-card dl { grid-template-columns: 1fr; }
    .store-detail-card dl .wide { grid-column: auto; }
}

/* Hesap guvenligi, parola kurtarma ve oturum yonetimi */
.forgot-link { margin-top: -10px; justify-self: end; color: var(--orange); font-size: 12px; font-weight: 800; }
.security-auth-page { padding-block: 55px 80px; background: radial-gradient(circle at 50% 0,#fff4ec 0,transparent 44%); }
.security-auth-page .auth-card { width: min(530px,100%); }
.security-auth-icon { width: 52px; height: 52px; display: grid; place-items: center; color: white; background: linear-gradient(135deg,var(--orange),#c2410c); border-radius: 14px; box-shadow: 0 10px 24px rgba(243,111,33,.22); font-size: 23px; }
.security-notice { padding: 13px 14px; display: grid; grid-template-columns: 105px 1fr; gap: 10px; color: #6b4d3c; background: #fff7ed; border: 1px solid #fed7aa; border-radius: 9px; }
.security-notice b { font-size: 11px; }.security-notice span { font-size: 10px; line-height: 1.55; }
.password-rules { display: flex; flex-wrap: wrap; gap: 7px; }.password-rules span { padding: 6px 8px; color: #475569; background: #f1f5f9; border-radius: 99px; font-size: 10px; font-weight: 800; }.password-rules span:before { content: '✓'; margin-right: 5px; color: #16a34a; }
.security-page { min-height: 700px; padding-block: 48px 80px; }
.security-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }.security-heading>div:first-child>span { color: var(--orange); font-size: 11px; font-weight: 900; letter-spacing: 1.2px; }.security-heading h1 { margin: 5px 0; font-size: 39px; letter-spacing: -1.5px; }.security-heading p { margin: 0; color: var(--muted); }
.security-score { min-width: 155px; padding: 12px 15px; display: grid; grid-template-columns: auto 1fr; gap: 1px 9px; align-items: center; border: 1px solid #bbf7d0; border-radius: 10px; background: #f0fdf4; }.security-score i { width: 9px; height: 9px; grid-row: 1/3; background: #22c55e; border-radius: 50%; box-shadow: 0 0 0 4px #dcfce7; }.security-score span { color: #64748b; font-size: 9px; }.security-score b { color: #166534; font-size: 12px; }
.security-flash { margin: 20px 0 -5px; }
.security-layout { margin-top: 23px; display: grid; grid-template-columns: minmax(0,1fr) 315px; gap: 14px; align-items: start; }.security-main { display: grid; gap: 14px; }.security-card,.security-aside>section { padding: 23px; border: 1px solid #e2e4e8; border-radius: 12px; background: white; }.security-card>header { margin-bottom: 19px; display: grid; grid-template-columns: 42px 1fr; gap: 13px; align-items: start; }.security-card-icon { width: 42px; height: 42px; display: grid; place-items: center; color: var(--orange); background: #fff1e7; border-radius: 10px; font-size: 11px; font-weight: 950; }.security-card header small,.security-aside>section>small { color: var(--orange); font-size: 9px; font-weight: 900; letter-spacing: .8px; }.security-card h2 { margin: 3px 0; font-size: 18px; }.security-card header p { margin: 0; color: var(--muted); font-size: 11px; }
.security-fields { display: grid; grid-template-columns: repeat(2,1fr); gap: 13px; }.security-fields label,.session-close-form label { display: grid; gap: 6px; font-size: 11px; font-weight: 800; }.security-fields input,.session-close-form input { padding: 12px; border: 1px solid var(--line); border-radius: 8px; outline: none; background: white; }.security-fields input:focus,.session-close-form input:focus { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(243,111,33,.1); }.security-fields input:disabled { color: #64748b; background: #f8fafc; }.security-fields label small { color: var(--muted); font-size: 9px; font-weight: 500; }.password-fields { grid-template-columns: repeat(3,1fr); }.security-card>button { margin-top: 17px; padding: 12px 15px; color: white; border: 0; border-radius: 8px; background: var(--ink); font-weight: 900; cursor: pointer; }
.session-list { border: 1px solid var(--line); border-radius: 9px; overflow: hidden; }.session-list article { padding: 13px; display: grid; grid-template-columns: 39px 1fr auto; gap: 11px; align-items: center; border-bottom: 1px solid var(--line); }.session-list article:last-child { border-bottom: 0; }.session-list article.current-session { background: #f0fdf4; }.device-icon { width: 39px; height: 39px; display: grid; place-items: center; color: #475569; background: #f1f5f9; border-radius: 9px; }.session-list b,.session-list span { display: block; }.session-list b { font-size: 12px; }.session-list span { margin-top: 3px; color: var(--muted); font-size: 10px; }.session-list strong,.session-list article>small { padding: 5px 8px; border-radius: 99px; font-size: 9px; }.session-list strong { color: #166534; background: #dcfce7; }.session-list article>small { color: #475569; background: #f1f5f9; }.session-empty { padding: 18px; color: var(--muted); font-size: 11px; text-align: center; }.session-close-form { margin-top: 14px; padding-top: 14px; display: grid; grid-template-columns: minmax(240px,1fr) auto; gap: 10px; align-items: end; border-top: 1px solid #eceff2; }.session-close-form button { min-height: 43px; padding: 11px 14px; color: #991b1b; border: 1px solid #fecaca; border-radius: 8px; background: #fff; font-weight: 900; cursor: pointer; }
.security-aside { display: grid; gap: 12px; }.security-aside h2 { margin: 4px 0 12px; font-size: 18px; }.security-aside ul { margin: 0; padding: 0; display: grid; list-style: none; }.security-aside li { padding: 12px 0; display: grid; grid-template-columns: 27px 1fr; gap: 10px; border-top: 1px solid #eceff2; }.security-aside li i { width: 27px; height: 27px; display: grid; place-items: center; color: #166534; background: #dcfce7; border-radius: 50%; font-style: normal; font-size: 10px; font-weight: 900; }.security-aside li b,.security-aside li span { display: block; }.security-aside li b { font-size: 11px; }.security-aside li span { margin-top: 3px; color: var(--muted); font-size: 9px; line-height: 1.45; }.security-aside .security-help { color: white; border-color: #29231f; background: var(--ink); }.security-help>small { color: #ff985d!important; }.security-help p { color: #b8b0aa; font-size: 11px; line-height: 1.65; }.security-help a { color: #ff985d; font-size: 11px; font-weight: 900; }.security-back { padding: 10px; color: var(--orange); font-size: 11px; font-weight: 900; text-align: center; }
.backoffice-security-link { margin-top: 12px; padding: 10px; color: #c9beb7; border-top: 1px solid #352c27; font-size: 11px; font-weight: 800; }.backoffice-security-link.active { color: white; background: #302722; border-radius: 7px; }
@media(max-width:950px){.security-layout{grid-template-columns:1fr}.security-aside{grid-template-columns:1fr 1fr}.password-fields{grid-template-columns:1fr 1fr}.security-back{grid-column:1/-1}}
@media(max-width:620px){.security-heading{align-items:flex-start;flex-direction:column}.security-heading h1{font-size:32px}.security-score{width:100%}.security-fields,.password-fields,.security-aside,.session-close-form{grid-template-columns:1fr}.security-notice{grid-template-columns:1fr}.session-list article{grid-template-columns:39px 1fr}.session-list article>strong,.session-list article>small{grid-column:2;justify-self:start}.security-auth-page .auth-card{padding:26px 20px}}

.verify-card>form button { width: 100%; padding: 14px; color: white; border: 0; border-radius: 9px; background: var(--ink); font-weight: 900; cursor: pointer; }
.verification-alert { margin-top: 20px; padding: 15px 17px; display: flex; align-items: center; justify-content: space-between; gap: 15px; color: #854d0e; border: 1px solid #fde68a; border-radius: 10px; background: #fffbeb; }.verification-alert>div { display: flex; align-items: center; gap: 12px; }.verification-alert i { width: 34px; height: 34px; display: grid; place-items: center; flex: none; color: white; background: #eab308; border-radius: 50%; font-style: normal; font-weight: 950; }.verification-alert b,.verification-alert small { display: block; }.verification-alert b { font-size: 12px; }.verification-alert small { margin-top: 3px; color: #92723b; font-size: 10px; }.verification-alert>a { padding: 9px 12px; flex: none; color: #854d0e; border: 1px solid #eab308; border-radius: 7px; font-size: 10px; font-weight: 900; }
.security-event-list { overflow: hidden; border: 1px solid var(--line); border-radius: 9px; }.security-event-list article { padding: 13px; display: grid; grid-template-columns: 34px 1fr auto; gap: 11px; align-items: center; border-bottom: 1px solid var(--line); }.security-event-list article:last-child { border-bottom: 0; }.security-event-list article>i { width: 34px; height: 34px; display: grid; place-items: center; color: #166534; background: #dcfce7; border-radius: 50%; font-style: normal; font-size: 10px; font-weight: 950; }.security-event-list .failed-event { background: #fffafa; }.security-event-list .failed-event>i { color: #991b1b; background: #fee2e2; }.security-event-list b,.security-event-list span,.security-event-list time small { display: block; }.security-event-list b { font-size: 11px; }.security-event-list span { margin-top: 3px; color: var(--muted); font-size: 9px; }.security-event-list time { color: #475569; font-size: 10px; font-weight: 800; text-align: right; }.security-event-list time small { margin-top: 3px; color: var(--muted); font-size: 8px; font-weight: 500; }.activity-footnote { margin: 12px 0 0; color: var(--muted); font-size: 9px; }
@media(max-width:620px){.verification-alert{align-items:flex-start;flex-direction:column}.security-event-list article{grid-template-columns:34px 1fr}.security-event-list time{grid-column:2;text-align:left}}

/* Iki adimli dogrulama */
.two-factor-page { max-width: 1180px; }.two-factor-setup-grid { margin-top: 23px; display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 14px; align-items: start; }.setup-steps { display: grid; gap: 0; }.setup-steps>article { padding: 22px 0; display: grid; grid-template-columns: 42px 1fr; gap: 15px; border-bottom: 1px solid var(--line); }.setup-steps>article:first-child { padding-top: 0; }.setup-steps>article:last-child { padding-bottom: 0; border-bottom: 0; }.setup-steps>article>i { width: 42px; height: 42px; display: grid; place-items: center; color: white; background: var(--ink); border-radius: 50%; font-style: normal; font-weight: 950; }.setup-steps h2 { margin: 0 0 5px; font-size: 18px; }.setup-steps p { color: var(--muted); font-size: 11px; line-height: 1.6; }.setup-steps code { display: inline-block; padding: 11px 13px; color: #9a3412; background: #fff7ed; border: 1px solid #fed7aa; border-radius: 7px; font-size: 14px; font-weight: 900; letter-spacing: 1.6px; word-break: break-all; }.setup-steps>article>div>button { margin-left: 6px; padding: 11px; color: var(--orange); border: 1px solid #fed7aa; border-radius: 7px; background: white; font-size: 10px; font-weight: 900; }.setup-steps dl { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; overflow: hidden; background: var(--line); border: 1px solid var(--line); border-radius: 8px; }.setup-steps dl div { padding: 11px; background: white; }.setup-steps dt { color: var(--muted); font-size: 9px; }.setup-steps dd { margin: 4px 0 0; font-size: 11px; font-weight: 800; }.setup-steps details { margin-top: 10px; }.setup-steps summary { color: var(--orange); cursor: pointer; font-size: 10px; font-weight: 900; }.setup-steps .uri-code { margin-top: 8px; display: block; color: #475569; background: #f8fafc; border-color: var(--line); font-size: 9px; letter-spacing: 0; }.two-factor-confirm-form { margin-top: 13px; display: grid; grid-template-columns: 170px 1fr auto; gap: 9px; align-items: end; }.two-factor-confirm-form label,.two-factor-actions label { display: grid; gap: 5px; font-size: 10px; font-weight: 800; }.two-factor-confirm-form input,.two-factor-actions input { min-height: 41px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; }.two-factor-confirm-form button,.two-factor-actions button { min-height: 41px; padding: 10px 13px; color: white; border: 0; border-radius: 8px; background: var(--ink); font-size: 10px; font-weight: 900; }
.two-factor-control>header { grid-template-columns: 42px 1fr auto; }.two-factor-state { padding: 6px 9px; color: #64748b; background: #f1f5f9; border-radius: 99px; font-size: 9px; font-weight: 900; }.two-factor-state.enabled { color: #166534; background: #dcfce7; }.two-factor-prompt,.two-factor-enabled-copy { padding: 15px; display: flex; align-items: center; justify-content: space-between; gap: 18px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 9px; }.two-factor-prompt b,.two-factor-enabled-copy b { font-size: 11px; }.two-factor-prompt p { margin: 4px 0 0; color: var(--muted); font-size: 10px; }.two-factor-prompt a { padding: 10px 12px; flex: none; color: white; background: var(--ink); border-radius: 7px; font-size: 10px; font-weight: 900; }.two-factor-enabled-copy { justify-content: flex-start; color: #166534; background: #f0fdf4; border-color: #bbf7d0; }.two-factor-enabled-copy>i { width: 32px; height: 32px; display: grid; place-items: center; color: white; background: #16a34a; border-radius: 50%; font-style: normal; }.two-factor-enabled-copy span { display: block; margin-top: 3px; color: #4d7c5c; font-size: 9px; }.two-factor-actions { margin-top: 12px; display: grid; grid-template-columns: 1.4fr .8fr; gap: 10px; }.two-factor-actions form { padding: 13px; display: grid; grid-template-columns: 1fr 130px auto; gap: 8px; align-items: end; border: 1px solid var(--line); border-radius: 9px; }.two-factor-actions form:last-child { grid-template-columns: 1fr auto; }.two-factor-actions .danger-button { color: #991b1b; border: 1px solid #fecaca; background: #fff; }
.recovery-code-panel { margin-top: 20px; padding: 20px; display: grid; grid-template-columns: minmax(230px,.8fr) 1fr auto; gap: 20px; align-items: center; color: white; background: linear-gradient(120deg,#14532d,#166534); border-radius: 12px; }.recovery-code-panel small { color: #86efac; font-size: 9px; font-weight: 900; }.recovery-code-panel h2 { margin: 4px 0; font-size: 16px; }.recovery-code-panel p { margin: 0; color: #bbf7d0; font-size: 9px; }.recovery-code-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 5px; }.recovery-code-grid code { padding: 5px 8px; color: #14532d; background: white; border-radius: 5px; text-align: center; font-size: 10px; font-weight: 900; letter-spacing: 1px; }.recovery-code-panel>button { padding: 10px; color: white; border: 1px solid rgba(255,255,255,.4); border-radius: 7px; background: transparent; font-size: 10px; font-weight: 900; }.two-factor-challenge-card input { font-size: 22px!important; font-weight: 900; letter-spacing: 4px; text-align: center; }
@media(max-width:900px){.two-factor-setup-grid{grid-template-columns:1fr}.two-factor-confirm-form{grid-template-columns:1fr 1fr}.two-factor-confirm-form button{grid-column:1/-1}.two-factor-actions{grid-template-columns:1fr}.recovery-code-panel{grid-template-columns:1fr 1fr}.recovery-code-panel>button{grid-column:1/-1}}
@media(max-width:620px){.setup-steps>article{grid-template-columns:1fr}.setup-steps dl,.two-factor-confirm-form,.two-factor-actions form,.two-factor-actions form:last-child,.recovery-code-panel{grid-template-columns:1fr}.two-factor-control>header{grid-template-columns:42px 1fr}.two-factor-state{grid-column:2;justify-self:start}.two-factor-prompt{align-items:flex-start;flex-direction:column}.recovery-code-grid{grid-template-columns:1fr 1fr}}

/* Odeme operasyonlari ve finans hareketleri */
.payment-flash { margin-top: 18px; }.payment-metrics { margin-top: 22px; display: grid; grid-template-columns: repeat(4,1fr); gap: 11px; }.payment-metrics article { padding: 18px; display: grid; gap: 5px; border: 1px solid #e2e4e8; border-radius: 11px; background: white; }.payment-metrics small,.payment-metrics span { color: var(--muted); font-size: 10px; }.payment-metrics strong { font-size: 22px; }.payment-filter { margin: 14px 0 10px; padding: 12px; display: grid; grid-template-columns: minmax(250px,1fr) 155px 155px auto auto; gap: 7px; align-items: center; border: 1px solid #e2e4e8; border-radius: 10px; background: white; }.payment-filter input,.payment-filter select,.payment-filter button { min-height: 40px; padding: 9px; border: 1px solid var(--line); border-radius: 7px; background: white; }.payment-filter button { color: white; background: var(--ink); font-weight: 900; }.payment-filter a { color: var(--orange); font-size: 10px; font-weight: 900; }
.payment-ledger { overflow: visible; border: 1px solid #e2e4e8; border-radius: 11px; background: white; }.payment-ledger>header,.payment-ledger>article { padding: 13px 15px; display: grid; grid-template-columns: minmax(195px,1.2fr) minmax(155px,1fr) minmax(150px,.9fr) 115px 95px minmax(150px,.9fr); gap: 13px; align-items: center; }.payment-ledger>header { color: #766e69; background: #f8f8f9; border-radius: 11px 11px 0 0; font-size: 9px; font-weight: 900; text-transform: uppercase; }.payment-ledger>article { border-top: 1px solid #eceff2; font-size: 11px; }.payment-ledger article div>b,.payment-ledger article div>small,.payment-ledger article div>a { display: block; }.payment-ledger article div>a { margin-top: 3px; color: var(--orange); font-size: 10px; font-weight: 900; }.payment-ledger article div>small { margin-top: 3px; color: var(--muted); font-size: 9px; }.payment-ledger article strong { font-size: 13px; }.payment-ledger .refund-amount { color: #b91c1c; }.payment-state { display: inline-block; padding: 5px 7px; border-radius: 99px; font-size: 9px; font-weight: 900; }.payment-state.pending { color: #9a3412; background: #ffedd5; }.payment-state.succeeded { color: #166534; background: #dcfce7; }.payment-state.failed { color: #991b1b; background: #fee2e2; }.payment-ledger-action details { position: relative; }.payment-ledger-action summary { color: var(--orange); cursor: pointer; font-size: 10px; font-weight: 900; }.payment-ledger-action details form { position: absolute; z-index: 5; top: 25px; right: 0; width: 285px; padding: 13px; display: grid; gap: 7px; border: 1px solid #d8dce2; border-radius: 9px; background: white; box-shadow: 0 18px 40px rgba(15,23,42,.14); }.payment-ledger-action input,.payment-ledger-action textarea { padding: 9px; border: 1px solid var(--line); border-radius: 7px; }.payment-ledger-action form>div { display: flex; justify-content: flex-end; gap: 6px; }.payment-ledger-action button { padding: 8px 10px; color: white; border: 0; border-radius: 6px; background: #166534; font-size: 9px; font-weight: 900; }.payment-ledger-action .fail,.payment-ledger-action .refund { background: #b91c1c; }.ledger-closed { color: var(--muted); font-size: 9px; }.payment-empty { padding: 28px; color: var(--muted); text-align: center; }
.customer-payment-history { margin-top: 16px; padding: 24px; display: grid; grid-template-columns: 280px 1fr; gap: 25px; border: 1px solid var(--line); border-radius: 13px; background: white; }.customer-payment-history h2 { margin: 5px 0; }.customer-payment-history>div:first-child p { color: var(--muted); font-size: 10px; line-height: 1.6; }.customer-payment-history>div:last-child { border: 1px solid var(--line); border-radius: 9px; overflow: hidden; }.customer-payment-history article { padding: 12px; display: grid; grid-template-columns: 36px 1fr auto; gap: 11px; align-items: center; border-bottom: 1px solid var(--line); }.customer-payment-history article:last-child { border-bottom: 0; }.customer-payment-history i { width: 36px; height: 36px; display: grid; place-items: center; color: #9a3412; background: #ffedd5; border-radius: 50%; font-style: normal; font-weight: 900; }.customer-payment-history i.succeeded { color: #166534; background: #dcfce7; }.customer-payment-history i.failed { color: #991b1b; background: #fee2e2; }.customer-payment-history b,.customer-payment-history span>small,.customer-payment-history strong>small { display: block; }.customer-payment-history b,.customer-payment-history strong { font-size: 11px; }.customer-payment-history span>small,.customer-payment-history strong>small { margin-top: 3px; color: var(--muted); font-size: 9px; }.customer-payment-history strong { text-align: right; }
@media(max-width:1100px){.payment-ledger{overflow-x:auto}.payment-ledger>header,.payment-ledger>article{min-width:1000px}.payment-filter{grid-template-columns:1fr 1fr 1fr}.customer-payment-history{grid-template-columns:1fr}}
@media(max-width:650px){.payment-metrics,.payment-filter{grid-template-columns:1fr}.customer-payment-history{padding:18px}.customer-payment-history article{grid-template-columns:36px 1fr}.customer-payment-history article>strong{grid-column:2;text-align:left}}
.payment-reservation-card { margin-top: 16px; padding: 22px 24px; display: flex; gap: 16px; align-items: center; border: 1px solid #fed7aa; border-radius: 13px; background: linear-gradient(135deg,#fff7ed,#fff); }.payment-reservation-card .reservation-icon { flex: 0 0 45px; width: 45px; height: 45px; display: grid; place-items: center; color: #9a3412; background: #ffedd5; border-radius: 50%; font-size: 20px; font-weight: 900; }.payment-reservation-card h2 { margin: 4px 0 5px; font-size: 17px; }.payment-reservation-card p { margin: 0; color: #57534e; font-size: 12px; line-height: 1.6; }.payment-reservation-card small { display: block; margin-top: 6px; color: #9a3412; font-size: 10px; }.payment-reservation-card.released { border-color: #fecaca; background: linear-gradient(135deg,#fef2f2,#fff); }.payment-reservation-card.released .reservation-icon { color: #991b1b; background: #fee2e2; }.payment-reservation-card.completed { border-color: #bbf7d0; background: linear-gradient(135deg,#f0fdf4,#fff); }.payment-reservation-card.completed .reservation-icon { color: #166534; background: #dcfce7; }
.payment-reservation-admin-summary { margin: 12px 0 14px; padding: 13px 16px; display: flex; justify-content: space-between; gap: 16px; border: 1px solid #fed7aa; border-radius: 10px; background: #fff7ed; }.payment-reservation-admin-summary>div { display: flex; gap: 9px; align-items: center; color: #7c2d12; font-size: 10px; }.payment-reservation-admin-summary i { width: 8px; height: 8px; border-radius: 50%; background: #f97316; box-shadow: 0 0 0 4px #ffedd5; }.payment-reservation-admin-summary strong { font-size: 18px; }.payment-reservation-admin-summary b { font-size: 11px; }
@media(max-width:650px){.payment-reservation-card{align-items:flex-start;padding:18px}.payment-reservation-admin-summary{align-items:flex-start;flex-direction:column}}
.settlement-timeline { margin-top: 20px; padding: 22px; border: 1px solid var(--line); border-radius: 13px; background: white; }.settlement-timeline>header { margin-bottom: 14px; display: flex; justify-content: space-between; gap: 24px; align-items: end; }.settlement-timeline>header span { color: var(--orange); font-size: 9px; font-weight: 900; letter-spacing: .08em; }.settlement-timeline h2 { margin: 4px 0 0; }.settlement-timeline>header p { max-width: 480px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.6; }.settlement-timeline table { width: 100%; border-collapse: collapse; }.settlement-timeline th,.settlement-timeline td { padding: 12px 10px; border-top: 1px solid var(--line); text-align: left; font-size: 10px; }.settlement-timeline th { color: var(--muted); font-size: 9px; text-transform: uppercase; }.settlement-timeline td small { display: block; margin-top: 3px; color: var(--muted); font-size: 9px; }.settlement-state { padding: 6px 8px; display: inline-block; border-radius: 99px; font-size: 9px; font-weight: 900; }.settlement-state.available { color: #166534; background: #dcfce7; }.settlement-state.holding { color: #9a3412; background: #ffedd5; }.settlement-state.pending { color: #475569; background: #e2e8f0; }
@media(max-width:650px){.settlement-timeline{padding:16px}.settlement-timeline>header{align-items:flex-start;flex-direction:column}.settlement-timeline table{min-width:720px}}

/* Urun ve adet bazli iptal / iade */
.item-request-center { margin-top: 16px; padding: 24px; display: grid; grid-template-columns: 300px 1fr; gap: 25px; border: 1px solid #fed7aa; border-radius: 13px; background: #fffaf5; }.item-request-center h2 { margin: 5px 0; }.item-request-center>div>p { color: var(--muted); font-size: 10px; line-height: 1.65; }.item-request-center form { display: grid; grid-template-columns: minmax(220px,1fr) 100px; gap: 10px; }.item-request-center label { display: grid; gap: 6px; font-size: 10px; font-weight: 800; }.item-request-center label.wide { grid-column: 1/-1; }.item-request-center select,.item-request-center input,.item-request-center textarea { padding: 11px; border: 1px solid var(--line); border-radius: 8px; background: white; }.item-request-center button { grid-column: 1/-1; padding: 12px; color: white; border: 0; border-radius: 8px; background: var(--ink); font-weight: 900; }
.request-item-focus { margin: 12px 0; padding: 13px; display: grid; grid-template-columns: 1fr auto; gap: 4px 14px; color: #7c2d12; border: 1px solid #fed7aa; border-radius: 9px; background: #fff7ed; }.request-item-focus>span { grid-column: 1/-1; color: var(--orange); font-size: 9px; font-weight: 900; text-transform: uppercase; }.request-item-focus>b { font-size: 12px; }.request-item-focus>small { justify-self: end; font-size: 10px; font-weight: 900; }.request-item-focus>em { grid-column: 1/-1; color: var(--muted); font-size: 9px; font-style: normal; }.request-item-focus.legacy { color: #475569; border-color: #e2e8f0; background: #f8fafc; }
@media(max-width:750px){.item-request-center{grid-template-columns:1fr}.item-request-center form{grid-template-columns:1fr}.item-request-center label.wide,.item-request-center button{grid-column:auto}}

/* Iade kargo ve fiziksel inceleme operasyonu */
.return-flash { margin-top: 18px; }.return-status-tabs { margin: 20px 0 12px; display: flex; flex-wrap: wrap; gap: 7px; }.return-status-tabs a { padding: 9px 11px; color: #64748b; border: 1px solid #e2e8f0; border-radius: 8px; background: white; font-size: 10px; font-weight: 800; }.return-status-tabs a.active { color: white; border-color: var(--ink); background: var(--ink); }.return-status-tabs b { margin-left: 5px; }.return-operation-list { margin-top: 20px; display: grid; gap: 10px; }.return-status-tabs+.return-operation-list { margin-top: 0; }.return-operation-list>article { padding: 19px; border: 1px solid #e2e4e8; border-radius: 11px; background: white; }.return-operation-list article>header { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }.return-operation-list h2 { margin: 7px 0 3px; font-size: 16px; }.return-operation-list header p { margin: 0; color: var(--muted); font-size: 10px; }.return-operation-list header>strong { padding: 9px 11px; color: #9a3412; background: #fff7ed; border: 1px solid #fed7aa; border-radius: 7px; font-size: 11px; letter-spacing: .8px; }.return-state { display: inline-block; padding: 5px 8px; border-radius: 99px; font-size: 9px; font-weight: 900; }.return-state.authorized { color: #9a3412; background: #ffedd5; }.return-state.in_transit { color: #1e40af; background: #dbeafe; }.return-state.received,.return-state.inspected { color: #6b21a8; background: #f3e8ff; }.return-state.completed { color: #166534; background: #dcfce7; }.return-shipping-info { margin-top: 14px; display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: var(--line); }.return-shipping-info>div { padding: 11px; background: white; }.return-shipping-info small,.return-shipping-info b,.return-shipping-info a { display: block; }.return-shipping-info small { color: var(--muted); font-size: 9px; }.return-shipping-info b { margin-top: 4px; font-size: 11px; }.return-shipping-info a { margin-top: 4px; color: var(--orange); font-size: 9px; font-weight: 900; }.return-operation-list article>form { margin-top: 12px; padding-top: 12px; display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: end; border-top: 1px solid var(--line); }.return-operation-list form label { display: grid; gap: 5px; font-size: 10px; font-weight: 800; }.return-operation-list form textarea { padding: 9px; border: 1px solid var(--line); border-radius: 7px; }.return-operation-list form button { padding: 11px 13px; color: white; border: 0; border-radius: 7px; background: var(--ink); font-size: 10px; font-weight: 900; }.admin-return-list article>form { grid-template-columns: auto; justify-content: end; }
.customer-return-logistics { margin-top: 16px; padding: 24px; border: 1px solid #c7d2fe; border-radius: 13px; background: #f8faff; }.customer-return-logistics>div>h2 { margin: 5px 0; }.customer-return-logistics>div>p { color: var(--muted); font-size: 10px; }.customer-return-logistics>article { margin-top: 14px; padding: 17px; border: 1px solid #e2e8f0; border-radius: 10px; background: white; }.customer-return-logistics article>header { display: flex; justify-content: space-between; gap: 15px; }.customer-return-logistics h3 { margin: 6px 0 0; font-size: 14px; }.customer-return-logistics header>strong { color: #9a3412; font-size: 12px; }.customer-return-logistics ol { margin: 17px 0; padding: 0; display: grid; grid-template-columns: repeat(5,1fr); list-style: none; }.customer-return-logistics li { position: relative; display: grid; justify-items: center; gap: 6px; color: #94a3b8; font-size: 8px; text-align: center; }.customer-return-logistics li:before { content: ''; position: absolute; top: 6px; right: 50%; width: 100%; height: 2px; background: #e2e8f0; }.customer-return-logistics li:first-child:before { display: none; }.customer-return-logistics li i { position: relative; z-index: 1; width: 14px; height: 14px; background: #e2e8f0; border: 3px solid white; border-radius: 50%; box-shadow: 0 0 0 1px #cbd5e1; }.customer-return-logistics li.done { color: #166534; font-weight: 800; }.customer-return-logistics li.done:before,.customer-return-logistics li.done i { background: #22c55e; }.customer-return-logistics article>form { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.customer-return-logistics form label { display: grid; gap: 5px; font-size: 10px; font-weight: 800; }.customer-return-logistics form label.wide,.customer-return-logistics form button { grid-column: 1/-1; }.customer-return-logistics select,.customer-return-logistics input,.customer-return-logistics textarea { padding: 10px; border: 1px solid var(--line); border-radius: 7px; background: white; }.customer-return-logistics form button { padding: 11px; color: white; border: 0; border-radius: 7px; background: var(--ink); font-weight: 900; }.customer-return-track { padding: 10px; display: flex; justify-content: space-between; color: #475569; background: #f8fafc; border-radius: 7px; font-size: 10px; }.customer-return-track a { color: var(--orange); font-weight: 900; }
@media(max-width:750px){.return-shipping-info{grid-template-columns:1fr 1fr}.return-operation-list article>form,.customer-return-logistics article>form{grid-template-columns:1fr}.customer-return-logistics form label.wide,.customer-return-logistics form button{grid-column:auto}.customer-return-logistics ol{overflow-x:auto}.customer-return-logistics li{min-width:90px}.customer-return-track{align-items:flex-start;flex-direction:column;gap:6px}}

/* Arama kesfi, oneriler ve katalog analitigi */
.search-discovery-bar { margin-bottom: 17px; padding: 12px 14px; display: grid; gap: 9px; border: 1px solid #e2e8f0; border-radius: 10px; background: white; }.search-discovery-bar>div { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }.search-discovery-bar b { margin-right: 4px; font-size: 10px; }.search-discovery-bar a { padding: 6px 9px; color: #475569; background: #f1f5f9; border-radius: 99px; font-size: 9px; font-weight: 800; }.search-discovery-bar>div:first-child a { color: #9a3412; background: #fff7ed; }.search-discovery-bar form { display: inline; }.search-discovery-bar button { padding: 5px; color: #b91c1c; border: 0; background: transparent; font-size: 9px; font-weight: 900; cursor: pointer; }
.discovery-product-section { padding-block: 28px; }.discovery-section-head { margin-bottom: 14px; display: flex; align-items: flex-end; justify-content: space-between;gap:16px; }.discovery-section-head h2 { margin: 5px 0 0; font-size: 27px; }.discovery-head-actions { display:flex;align-items:center;gap:9px; }.discovery-head-actions form { margin:0; }.discovery-head-actions button { padding:7px 9px;color:#6e7887;border:1px solid #dce1e6;border-radius:7px;background:white;font-size:8px;font-weight:850;cursor:pointer; }.discovery-head-actions>a { color: var(--orange); font-size: 10px; font-weight: 900; }.discovery-product-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }.discovery-product-grid article { overflow: hidden; border: 1px solid var(--line); border-radius: 11px; background: white; }.discovery-image { height: 175px; display: grid; place-items: center; overflow: hidden; color: var(--muted); background: var(--soft); }.discovery-image img { width: 100%; height: 100%; object-fit: cover; }.discovery-product-grid article>div { padding: 13px; }.discovery-product-grid small { color: var(--orange); font-size: 9px; font-weight: 800; }.discovery-product-grid h3 { min-height: 38px; margin: 5px 0 9px; font-size: 12px; line-height: 1.5; }.discovery-product-grid strong { color: var(--orange); font-size: 15px; }.discovery-product-grid del { margin-left: 5px; color: var(--muted); font-size: 9px; }
.search-analytics-metrics { margin-top: 22px; display: grid; grid-template-columns: repeat(4,1fr); gap: 11px; }.search-analytics-metrics article { padding: 18px; display: grid; gap: 5px; border: 1px solid #e2e4e8; border-radius: 11px; background: white; }.search-analytics-metrics small,.search-analytics-metrics span { color: var(--muted); font-size: 10px; }.search-analytics-metrics strong { font-size: 22px; }.search-analytics-grid { margin-top: 14px; display: grid; grid-template-columns: 1.25fr .75fr; gap: 13px; align-items: start; }.search-analytics-grid>section { padding: 20px; border: 1px solid #e2e4e8; border-radius: 11px; background: white; }.search-analytics-grid section>header>span { color: var(--orange); font-size: 9px; font-weight: 900; }.search-analytics-grid h2 { margin: 4px 0 14px; font-size: 18px; }.search-ranking,.zero-search-list { border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }.search-ranking article { padding: 11px; display: grid; grid-template-columns: 27px 1fr 75px 75px; gap: 10px; align-items: center; border-bottom: 1px solid var(--line); }.search-ranking article:last-child,.zero-search-list article:last-child { border-bottom: 0; }.search-ranking i { width: 27px; height: 27px; display: grid; place-items: center; color: #9a3412; background: #fff7ed; border-radius: 7px; font-style: normal; font-size: 10px; font-weight: 900; }.search-ranking b,.search-ranking span { display: block; }.search-ranking b { font-size: 11px; }.search-ranking span { margin-top: 3px; color: var(--muted); font-size: 8px; }.search-ranking strong { font-size: 10px; }.search-ranking a { color: var(--orange); font-size: 8px; font-weight: 900; }.analytics-explainer { margin: -5px 0 13px; color: var(--muted); font-size: 9px; line-height: 1.55; }.zero-search-list article { padding: 12px; display: flex; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--line); }.zero-search-list b,.zero-search-list span { display: block; }.zero-search-list b { font-size: 11px; }.zero-search-list span { margin-top: 3px; color: var(--muted); font-size: 8px; }.zero-search-list strong { color: #b91c1c; font-size: 10px; }
@media(max-width:900px){.discovery-product-grid{grid-template-columns:repeat(2,1fr)}.search-analytics-metrics{grid-template-columns:1fr 1fr}.search-analytics-grid{grid-template-columns:1fr}}
@media(max-width:560px){.discovery-product-grid,.search-analytics-metrics{grid-template-columns:1fr}.search-ranking article{grid-template-columns:27px 1fr}.search-ranking article>strong,.search-ranking article>a{grid-column:2}.discovery-section-head{align-items:flex-start;flex-direction:column;gap:8px}.discovery-head-actions{width:100%;justify-content:space-between}}

/* Fotograflı yorumlar, faydali oylar ve magaza yanitlari */
.all-reviews-cta { margin-block: 26px 5px; padding: 22px 25px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: white; background: linear-gradient(120deg,#29201b,#17120f); border-radius: 13px; }.all-reviews-cta h2 { margin: 5px 0; }.all-reviews-cta p { margin: 0; color: #c9beb7; font-size: 10px; }.all-reviews-cta>a { padding: 11px 14px; flex: none; color: #17120f; background: white; border-radius: 8px; font-size: 10px; font-weight: 900; }
.reviews-page { min-height: 700px; padding-block: 45px 80px; }.reviews-product-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }.reviews-product-head>div>span { color: var(--orange); font-size: 10px; font-weight: 900; letter-spacing: 1.2px; }.reviews-product-head h1 { margin: 6px 0; font-size: 36px; }.reviews-product-head p { margin: 0; color: var(--muted); }.reviews-product-head>a { color: var(--orange); font-size: 11px; font-weight: 900; }.reviews-overview { margin: 22px 0 14px; padding: 20px; display: grid; grid-template-columns: 220px 1fr 190px; gap: 25px; align-items: center; border: 1px solid var(--line); border-radius: 12px; background: white; }.reviews-overview>section:first-child { display: flex; align-items: center; gap: 14px; }.reviews-overview>section:first-child>strong { font-size: 43px; }.reviews-overview>section:first-child b { display: block; color: #f59e0b; letter-spacing: 2px; }.reviews-overview>section:first-child span { color: var(--muted); font-size: 9px; }.reviews-overview>section:nth-child(2) { display: grid; gap: 5px; }.reviews-overview>section:nth-child(2)>div { display: grid; grid-template-columns: 28px 1fr 22px; gap: 7px; align-items: center; font-size: 9px; }.reviews-overview>section:nth-child(2) i { height: 6px; overflow: hidden; background: #f1f5f9; border-radius: 99px; }.reviews-overview>section:nth-child(2) em { height: 100%; display: block; background: #f59e0b; }.reviews-overview form label { display: grid; gap: 5px; font-size: 9px; font-weight: 900; }.reviews-overview select { padding: 10px; border: 1px solid var(--line); border-radius: 7px; background: white; }
.enhanced-review-form { margin-bottom: 14px; padding: 22px; display: grid; grid-template-columns: 260px 1fr; gap: 24px; border: 1px solid #fed7aa; border-radius: 12px; background: #fffaf5; }.enhanced-review-form>div:first-child>span { color: var(--orange); font-size: 9px; font-weight: 900; }.enhanced-review-form h2 { margin: 5px 0; }.enhanced-review-form p { color: var(--muted); font-size: 10px; line-height: 1.6; }.enhanced-review-fields { display: grid; grid-template-columns: 150px 1fr; gap: 10px; }.enhanced-review-fields label { display: grid; gap: 5px; font-size: 10px; font-weight: 800; }.enhanced-review-fields .wide { grid-column: 1/-1; }.enhanced-review-fields input,.enhanced-review-fields select,.enhanced-review-fields textarea { padding: 10px; border: 1px solid var(--line); border-radius: 7px; background: white; }.enhanced-review-fields button { padding: 12px; color: white; border: 0; border-radius: 7px; background: var(--ink); font-weight: 900; }.review-upload { padding: 12px; border: 1px dashed #fdba74; border-radius: 8px; background: white; }.review-upload small { color: var(--muted); font-size: 8px; font-weight: 500; }
.enhanced-review-list { display: grid; gap: 10px; }.enhanced-review-list>article { padding: 20px; border: 1px solid var(--line); border-radius: 11px; background: white; }.enhanced-review-list article>header { display: flex; justify-content: space-between; gap: 15px; }.enhanced-review-list header b { color: #f59e0b; letter-spacing: 1px; }.enhanced-review-list h2 { margin: 5px 0 0; font-size: 15px; }.enhanced-review-list header>span { color: var(--muted); font-size: 9px; line-height: 1.6; text-align: right; }.enhanced-review-list article>p { color: #49413c; font-size: 12px; line-height: 1.7; white-space: pre-wrap; }.review-photo-grid { display: grid; grid-template-columns: repeat(4,110px); gap: 7px; }.review-photo-grid a { height: 110px; overflow: hidden; border-radius: 8px; }.review-photo-grid img { width: 100%; height: 100%; object-fit: cover; }.seller-review-response { margin-top: 13px; padding: 13px; border-left: 3px solid var(--orange); background: #fff7ed; border-radius: 0 8px 8px 0; }.seller-review-response b { color: #9a3412; font-size: 10px; }.seller-review-response p { margin: 5px 0; font-size: 11px; }.seller-review-response small { color: var(--muted); font-size: 8px; }.enhanced-review-list article>footer { margin-top: 13px; padding-top: 11px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); }.enhanced-review-list footer>span { color: var(--muted); font-size: 9px; }.enhanced-review-list footer button,.enhanced-review-list footer>a { padding: 7px 10px; color: #475569; border: 1px solid var(--line); border-radius: 7px; background: white; font-size: 9px; font-weight: 900; }.enhanced-review-list footer button.voted { color: #166534; border-color: #bbf7d0; background: #f0fdf4; }
.seller-review-flash { margin-top: 18px; }.seller-review-list { margin-top: 20px; display: grid; gap: 10px; }.seller-review-list>article { padding: 19px; display: grid; grid-template-columns: 1fr 360px; gap: 22px; border: 1px solid #e2e4e8; border-radius: 11px; background: white; }.seller-review-list article>div>small,.seller-review-list article>div>span { color: var(--muted); font-size: 9px; }.seller-review-stars { display: block; margin-top: 8px; color: #f59e0b; }.seller-review-list h2 { margin: 5px 0; font-size: 15px; }.seller-review-list article>div>p { font-size: 11px; line-height: 1.65; }.seller-review-images { margin-top: 10px; display: flex; gap: 6px; }.seller-review-images img { width: 65px; height: 65px; object-fit: cover; border-radius: 7px; }.seller-review-list form { display: grid; gap: 8px; align-content: start; }.seller-review-list form label { display: grid; gap: 5px; font-size: 10px; font-weight: 800; }.seller-review-list textarea { padding: 10px; border: 1px solid var(--line); border-radius: 7px; }.seller-review-list form button { padding: 11px; color: white; border: 0; border-radius: 7px; background: var(--ink); font-weight: 900; }.seller-review-list form small { color: var(--muted); font-size: 8px; text-align: right; }
@media(max-width:850px){.reviews-overview{grid-template-columns:1fr 1fr}.reviews-overview form{grid-column:1/-1}.enhanced-review-form,.seller-review-list>article{grid-template-columns:1fr}}
@media(max-width:560px){.all-reviews-cta,.reviews-product-head{align-items:flex-start;flex-direction:column}.reviews-overview,.enhanced-review-fields{grid-template-columns:1fr}.enhanced-review-fields .wide{grid-column:auto}.review-photo-grid{grid-template-columns:1fr 1fr}.review-photo-grid a{height:130px}}
.admin-review-images { margin-top: 11px; display: flex; flex-wrap: wrap; gap: 7px; }.admin-review-images a { width: 82px; color: var(--muted); font-size: 7px; text-align: center; }.admin-review-images img { width: 82px; height: 72px; display: block; object-fit: cover; border-radius: 7px; }.admin-review-images small { display: block; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mobile-storefront-dock { display: none; }

/* Odeme akisi v2 */
.checkout-v2 { padding-block:24px 84px;background:#f6f7f9; }
.checkout-v2 .checkout-steps > span.complete i { color:#fff;border-color:#22a060;background:#22a060; }
.checkout-v2 .checkout-steps > span.complete b { color:#28724d; }
.checkout-v2 .checkout-steps > em.complete { background:#9dd9ba; }
.checkout-heading { margin:28px 0 20px;display:flex;align-items:center;justify-content:space-between;gap:24px; }
.checkout-heading > div:first-child > span { color:#f36f21;font-size:9px;font-weight:950;letter-spacing:1.3px; }
.checkout-heading h1 { margin:5px 0 5px;color:#17243c;font-size:30px;letter-spacing:-.8px; }
.checkout-heading p { margin:0;color:#7d8695;font-size:10px; }
.checkout-security { padding:10px 13px;display:flex;align-items:center;gap:9px;border:1px solid #dceee4;border-radius:9px;background:#f1faf5; }
.checkout-security > i { width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#dff4e7;font-size:14px;font-style:normal; }
.checkout-security b,.checkout-security small { display:block; }.checkout-security b { color:#1d6e43;font-size:9px; }.checkout-security small { margin-top:2px;color:#668575;font-size:7px; }
.checkout-v2 .checkout-layout { grid-template-columns:minmax(0,1fr) 365px;gap:18px; }
.checkout-v2 .checkout-fields { gap:14px; }
.checkout-v2 .checkout-card { padding:0;overflow:hidden;border:1px solid #e1e5e9;border-radius:13px;background:#fff;box-shadow:0 5px 20px rgba(23,36,60,.025); }
.checkout-section-head { padding:19px 21px;display:grid;grid-template-columns:35px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid #eceef1;background:linear-gradient(90deg,#fff,#fbfcfd); }
.checkout-section-head > i { width:35px;height:35px;display:grid;place-items:center;color:#fff;background:#f36f21;border-radius:50%;font-size:12px;font-style:normal;font-weight:950;box-shadow:0 0 0 5px #fff1e8; }
.checkout-section-head > div > span { color:#f36f21;font-size:7px;font-weight:950;letter-spacing:1px; }
.checkout-section-head h2 { margin:3px 0 2px!important;display:block!important;color:#17243c;font-size:16px!important; }
.checkout-section-head p { margin:0;color:#89919e;font-size:8px; }
.checkout-section-head > b { width:34px;height:34px;display:grid;place-items:center;color:#556176;background:#f3f5f7;border-radius:9px;font-size:15px; }
.checkout-v2 .checkout-addresses { padding:18px 20px 4px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px; }
.checkout-v2 .checkout-address-option { position:relative;min-height:112px;padding:14px;display:grid;grid-template-columns:16px 1fr auto;gap:10px;align-items:start;border:1px solid #e1e5e9;border-radius:10px;background:#fff;cursor:pointer;transition:.18s ease; }
.checkout-v2 .checkout-address-option:hover { border-color:#f7ad7f;box-shadow:0 5px 18px rgba(243,111,33,.08); }
.checkout-v2 .checkout-address-option > input { position:absolute;opacity:0;pointer-events:none; }
.address-radio,.payment-radio { width:16px;height:16px;border:1.5px solid #cbd1d8;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 4px #fff; }
.checkout-address-option:has(input:checked) { border-color:#f36f21;background:#fffaf7;box-shadow:0 0 0 1px #f36f21; }
.checkout-address-option:has(input:checked) .address-radio,.payment-option:has(input:checked) .payment-radio { border-color:#f36f21;background:#f36f21; }
.address-copy { display:grid;gap:5px; }.address-copy strong { color:#1c2941;font-size:11px; }.address-copy strong small { margin-left:5px;padding:3px 6px;color:#1d7446;background:#e4f7ec;border-radius:99px;font-size:6px; }
.address-copy > b { color:#444f60;font-size:8px; }.address-copy em { color:#7f8997;font-size:8px;font-style:normal;line-height:1.5; }
.checkout-address-option > i { color:#f36f21;font-size:11px;font-style:normal;font-weight:900; }
.checkout-address-option.new { min-height:85px;align-items:center;border-style:dashed;background:#fafbfc; }
.checkout-new-address { margin:14px 20px 20px;padding:18px;border:1px solid #e5e8ec;border-radius:10px;background:#fafbfc; }
.checkout-subhead { margin-bottom:14px;display:grid;gap:3px; }.checkout-subhead > span { color:#f36f21;font-size:7px;font-weight:950;letter-spacing:1px; }.checkout-subhead > b { color:#273448;font-size:13px; }.checkout-subhead > small { color:#8a939f;font-size:8px; }
.checkout-v2 .form-grid { grid-template-columns:repeat(3,1fr);gap:11px; }
.checkout-v2 .form-grid label { gap:6px;color:#505a69;font-size:8px;font-weight:850; }
.checkout-v2 .form-grid input,.checkout-v2 .form-grid textarea { width:100%;min-height:39px;padding:10px 11px;border:1px solid #dfe3e8;border-radius:7px;background:#fff;font:inherit;outline:none;transition:.15s; }
.checkout-v2 .form-grid input:focus,.checkout-v2 .form-grid textarea:focus { border-color:#f36f21;box-shadow:0 0 0 3px #fff0e7; }
.checkout-v2 .form-grid .wide { grid-column:1/-1; }.checkout-v2 .form-grid textarea { min-height:78px;resize:vertical; }
.checkout-v2 .save-address { margin-top:11px;display:flex;align-items:center;gap:8px;color:#5f6877;font-size:8px;font-weight:700; }.checkout-v2 .save-address input { accent-color:#f36f21; }
.payment-options { padding:18px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.checkout-v2 .payment-option { position:relative;margin:0;padding:15px;display:grid;grid-template-columns:16px 34px 1fr auto;gap:10px;align-items:start;border:1px solid #e1e5e9;border-radius:10px;background:#fff;transition:.18s; }
.checkout-v2 .payment-option:hover { border-color:#f7ad7f; }.checkout-v2 .payment-option:has(input:checked) { border-color:#f36f21;background:#fffaf7;box-shadow:0 0 0 1px #f36f21; }
.checkout-v2 .payment-option > input { position:absolute;opacity:0;pointer-events:none; }
.checkout-v2 .payment-option > i { width:34px;height:34px;display:grid;place-items:center;color:#f36f21;background:#fff0e7;border-radius:8px;font-size:14px;font-style:normal;font-weight:900; }
.checkout-v2 .payment-option > span:nth-of-type(2) { display:grid;gap:3px; }
.checkout-v2 .payment-option strong { color:#202d42;font-size:10px; }.checkout-v2 .payment-option strong small { margin-left:4px;padding:3px 5px;color:#187943;background:#e4f7ec;border-radius:99px;font-size:6px; }
.checkout-v2 .payment-option span b { color:#596476;font-size:8px; }.checkout-v2 .payment-option span em { color:#89919e;font-size:7px;font-style:normal;line-height:1.5; }
.checkout-v2 .payment-option > b { color:#f36f21;font-size:10px; }
.payment-assurances { padding:0 20px 17px;display:flex;flex-wrap:wrap;gap:7px; }.payment-assurances span { padding:6px 9px;color:#667184;background:#f4f6f8;border-radius:99px;font-size:7px;font-weight:800; }
.checkout-v2 .checkout-summary { top:112px;padding:0;overflow:hidden;border:1px solid #e1e5e9;border-radius:13px;box-shadow:0 14px 38px rgba(23,36,60,.08); }
.checkout-summary-title { padding:18px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eceef1;background:#fbfcfd; }
.checkout-summary-title span { color:#f36f21;font-size:7px;font-weight:950;letter-spacing:1px; }.checkout-summary-title h2 { margin:4px 0 0!important;color:#17243c;font-size:16px; }
.checkout-summary-title a { color:#f36f21;font-size:8px;font-weight:900;text-decoration:underline; }
.checkout-product-list { max-height:220px;padding:0 18px;overflow:auto; }
.checkout-v2 .checkout-line { padding:13px 0;display:grid;grid-template-columns:50px 1fr auto;gap:10px;align-items:center;font-size:inherit; }
.checkout-v2 .checkout-line > a { position:relative;width:50px;height:54px;display:grid;place-items:center;border:1px solid #e5e8ec;border-radius:8px;background:#f7f8fa; }
.checkout-v2 .checkout-line img { width:100%;height:100%;padding:4px;object-fit:contain;mix-blend-mode:multiply; }.checkout-v2 .checkout-line > a > span { color:#9aa1ac;font-size:7px;font-weight:900; }
.checkout-v2 .checkout-line > a > i { position:absolute;right:-5px;top:-6px;width:17px;height:17px;display:grid;place-items:center;color:#fff;background:#f36f21;border:2px solid #fff;border-radius:50%;font-size:7px;font-style:normal;font-weight:900; }
.checkout-v2 .checkout-line > div { min-width:0;display:grid;gap:3px; }.checkout-v2 .checkout-line > div b { overflow:hidden;color:#29364b;font-size:8px;text-overflow:ellipsis;white-space:nowrap; }.checkout-v2 .checkout-line > div small { color:#7f8997;font-size:7px; }.checkout-v2 .checkout-line > div em { color:#9a745c;font-size:6px;font-style:normal; }
.checkout-v2 .checkout-line > strong { color:#273448;font-size:8px;white-space:nowrap; }
.checkout-v2 .checkout-summary dl { margin:0;padding:15px 19px;gap:9px;border-top:0;background:#fff; }
.checkout-v2 .checkout-summary dl div { font-size:8px; }.checkout-v2 .checkout-summary dd.free { color:#187943; }
.checkout-v2 .checkout-summary .grand { margin-top:4px;padding-top:13px;align-items:end;font-size:inherit; }.checkout-v2 .checkout-summary .grand dt { color:#273448;font-size:10px;font-weight:900; }.checkout-v2 .checkout-summary .grand dt small { margin-top:2px;display:block;color:#9aa1ac;font-size:6px;font-weight:500; }.checkout-v2 .checkout-summary .grand dd { color:#f36f21;font-size:17px; }
.checkout-v2 .checkout-legal { margin:0 19px;padding:13px;border:1px solid #e5e8ec;border-radius:9px;background:#fafbfc; }
.checkout-v2 .checkout-legal label { margin-bottom:9px;display:grid;grid-template-columns:15px 1fr;gap:8px;align-items:start;color:#667184;font-size:7px;line-height:1.55; }.checkout-v2 .checkout-legal label:last-child { margin-bottom:0; }.checkout-v2 .checkout-legal input { margin:1px 0 0;accent-color:#f36f21; }.checkout-v2 .checkout-legal a { color:#d85f1c;font-weight:900;text-decoration:underline; }
.checkout-v2 .checkout-summary > button { margin:14px 19px 0;width:calc(100% - 38px);padding:13px 14px;display:flex;align-items:center;justify-content:space-between;border-radius:8px;background:linear-gradient(110deg,#ff7a28,#ef5c13);box-shadow:0 9px 20px rgba(243,111,33,.22);font-size:9px;text-transform:none; }
.checkout-v2 .checkout-summary > button i { font-size:16px;font-style:normal; }.checkout-submit-note { margin:9px 19px 0;color:#52806a;font-size:7px;text-align:center; }
.checkout-v2 .summary-payment-methods { margin:12px 19px 0; }.checkout-v2 .checkout-summary > small { margin:9px 19px 16px;font-size:6px; }
.checkout-errors { margin-bottom:15px; }.checkout-errors b { display:block;margin-bottom:5px; }

/* Checkout readability and reconciliation */
.checkout-alert { margin:0 0 14px;padding:15px 17px;display:grid;gap:5px;border:1px solid;border-radius:11px;font-size:13px;line-height:1.5; }
.checkout-alert b { font-size:14px; }.checkout-alert span,.checkout-alert small { display:block; }.checkout-alert s { color:#7c8798; }
.checkout-alert-info { color:#28567d;border-color:#c9e1f4;background:#f2f8fd; }.checkout-alert-danger { color:#8b2d2d;border-color:#f0caca;background:#fff6f6; }
.checkout-alert a { width:max-content;margin-top:3px;color:inherit;font-weight:900;text-decoration:underline; }
.checkout-billing-choice { padding:18px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.checkout-billing-choice label { padding:14px;display:flex;gap:10px;align-items:flex-start;border:1px solid #e1e5e9;border-radius:10px;cursor:pointer; }
.checkout-billing-choice label:has(input:checked) { border-color:#f36f21;background:#fffaf7;box-shadow:0 0 0 1px #f36f21; }
.checkout-billing-choice input { margin-top:3px;accent-color:#f36f21; }.checkout-billing-choice span { display:grid;gap:4px; }
.checkout-billing-choice b { color:#202d42;font-size:13px; }.checkout-billing-choice small { color:#7c8798;font-size:11px;line-height:1.45; }
.checkout-billing-details { padding-bottom:2px;border-top:1px solid #eceef1; }.checkout-billing-details[hidden] { display:none; }
.checkout-v2 .billing-addresses { padding-bottom:4px; }.checkout-v2 .billing-new-address { margin-top:10px; }
.checkout-v2 .checkout-heading > div:first-child > span,.checkout-v2 .checkout-section-head > div > span,.checkout-summary-title span { font-size:10px; }
.checkout-v2 .checkout-heading p { font-size:14px;line-height:1.5; }.checkout-v2 .checkout-security b { font-size:12px; }.checkout-v2 .checkout-security small { font-size:10px; }
.checkout-v2 .checkout-section-head h2 { font-size:19px!important; }.checkout-v2 .checkout-section-head p { font-size:12px;line-height:1.45; }
.checkout-v2 .address-copy strong { font-size:13px; }.checkout-v2 .address-copy > b { font-size:11px; }.checkout-v2 .address-copy em { font-size:11px; }
.checkout-v2 .checkout-subhead > span { font-size:9px; }.checkout-v2 .checkout-subhead > b { font-size:16px; }.checkout-v2 .checkout-subhead > small { font-size:11px; }
.checkout-v2 .form-grid label { font-size:12px; }.checkout-v2 .save-address { font-size:12px; }
.checkout-v2 .payment-option strong { font-size:13px; }.checkout-v2 .payment-option span b { font-size:11px; }.checkout-v2 .payment-option span em { font-size:10px; }
.checkout-v2 .payment-assurances span { font-size:10px; }.checkout-summary-title a { font-size:11px; }
.checkout-v2 .checkout-line > div b { font-size:11px; }.checkout-v2 .checkout-line > div small { font-size:10px; }.checkout-v2 .checkout-line > div em { font-size:9px; }
.checkout-v2 .checkout-line > strong,.checkout-v2 .checkout-summary dl div { font-size:11px; }.checkout-v2 .checkout-summary .grand dt { font-size:13px; }.checkout-v2 .checkout-summary .grand dt small { font-size:9px; }
.checkout-v2 .checkout-legal label { font-size:10px; }.checkout-v2 .checkout-summary > button { font-size:12px; }.checkout-submit-note { font-size:10px; }.checkout-v2 .checkout-summary > small { font-size:9px; }
.checkout-v2 .checkout-summary > button:disabled { cursor:not-allowed;background:#9aa3b0;box-shadow:none; }

@media(max-width:1000px){
    .checkout-v2 .checkout-layout { grid-template-columns:minmax(0,1fr) 320px; }
    .checkout-v2 .checkout-addresses,.payment-options { grid-template-columns:1fr; }
    .checkout-v2 .form-grid { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:820px){
    .checkout-v2 .checkout-layout { grid-template-columns:1fr; }
    .checkout-v2 .checkout-summary { position:static; }
}
@media(max-width:600px){
    .checkout-v2 { padding-top:12px; }
    .checkout-v2 .checkout-steps { padding:12px;grid-template-columns:1fr 24px 1fr 24px 1fr; }
    .checkout-v2 .checkout-steps > span { grid-template-columns:25px 1fr;column-gap:6px; }
    .checkout-v2 .checkout-steps > span i { width:25px;height:25px; }
    .checkout-v2 .checkout-steps > span small { display:none; }
    .checkout-heading { align-items:flex-start;flex-direction:column; }.checkout-heading h1 { font-size:25px; }
    .checkout-security { width:100%; }
    .checkout-section-head { padding:16px;grid-template-columns:32px 1fr; }.checkout-section-head > b { display:none; }
    .checkout-v2 .checkout-addresses,.payment-options { padding-inline:14px; }
    .checkout-new-address { margin-inline:14px;padding:14px; }
    .checkout-v2 .form-grid { grid-template-columns:1fr; }.checkout-v2 .form-grid .wide { grid-column:auto; }
    .checkout-v2 .payment-option { grid-template-columns:16px 32px 1fr; }.checkout-v2 .payment-option > b { display:none; }
    .checkout-billing-choice { grid-template-columns:1fr;padding-inline:14px; }
}

@media(max-width:860px){
    .storefront-body { padding-bottom: 68px; }
    .mobile-storefront-dock { position: fixed; z-index: 950; right: 10px; bottom: 8px; left: 10px; min-height: 58px; padding: 5px 7px calc(5px + env(safe-area-inset-bottom)); display: grid; grid-template-columns: repeat(5,1fr); align-items: center; border: 1px solid rgba(226,228,232,.95); border-radius: 16px; background: rgba(255,255,255,.96); box-shadow: 0 12px 40px rgba(15,23,42,.18); backdrop-filter: blur(18px); }
    .mobile-storefront-dock a { min-width: 0; display: grid; justify-items: center; gap: 2px; color: #687083; font-size: 9px; font-weight: 800; }
    .mobile-storefront-dock i { width: 28px; height: 25px; display: grid; place-items: center; border-radius: 8px; font-size: 19px; font-style: normal; line-height: 1; }
    .mobile-storefront-dock a.active { color: var(--orange); }
    .mobile-storefront-dock a.active i { color: white; background: var(--orange); box-shadow: 0 5px 13px rgba(243,111,33,.27); }
    .cookie-banner { bottom: 76px; }
}

/* Public coupon center */
.coupon-market-page { padding-block:24px 76px; }
.market-breadcrumb { margin-bottom:18px;display:flex;align-items:center;gap:9px;color:#8a919d;font-size:12px;font-weight:700; }
.market-breadcrumb a { color:#5f6876; }.market-breadcrumb a:hover { color:var(--orange); }
.coupon-market-hero { min-height:285px;padding:38px 44px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px;align-items:center;overflow:hidden;position:relative;color:white;background:radial-gradient(circle at 88% 20%,rgba(255,150,82,.24),transparent 28%),linear-gradient(120deg,#14223a,#253a59);border-radius:22px;box-shadow:0 20px 50px rgba(20,34,58,.16); }
.coupon-market-hero::after { content:"%";position:absolute;right:250px;bottom:-88px;color:rgba(255,255,255,.035);font-size:270px;font-weight:950;line-height:1;transform:rotate(-12deg); }
.coupon-market-hero > div { position:relative;z-index:1; }
.coupon-live-badge { width:max-content;padding:7px 11px;display:flex;align-items:center;gap:7px;color:#d9ffe7;background:rgba(47,177,100,.14);border:1px solid rgba(125,229,165,.24);border-radius:99px;font-size:11px;font-weight:850;letter-spacing:.2px; }
.coupon-live-badge i,.coupon-ticket-status i { width:7px;height:7px;background:#42d57b;border-radius:50%;box-shadow:0 0 0 4px rgba(66,213,123,.13); }
.coupon-market-hero h1 { max-width:700px;margin:17px 0 10px;font-size:42px;line-height:1.08;letter-spacing:-1.8px; }
.coupon-market-hero p { max-width:650px;margin:0;color:#c9d2df;font-size:15px;line-height:1.7; }
.coupon-hero-actions { margin-top:25px;display:flex;align-items:center;gap:22px; }
.coupon-hero-actions .btn { padding:13px 21px;border-radius:9px;font-size:13px; }
.coupon-cart-link { color:white;font-size:13px;font-weight:850; }.coupon-cart-link span { margin-left:5px;color:#ff985b;font-size:18px; }
.coupon-hero-stat { min-height:175px;padding:25px;display:grid;align-content:center;text-align:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:18px;backdrop-filter:blur(8px); }
.coupon-hero-stat strong { color:#ff8b47;font-size:55px;line-height:1; }.coupon-hero-stat span { margin-top:6px;font-size:17px;font-weight:900; }.coupon-hero-stat small { margin-top:9px;color:#b9c4d3;font-size:10px;line-height:1.5; }
.coupon-market-section { padding-top:42px; }
.coupon-section-heading { margin-bottom:19px;display:flex;align-items:end;justify-content:space-between; }
.section-kicker { color:var(--orange);font-size:10px;font-weight:950;letter-spacing:1.4px; }
.coupon-section-heading h2,.coupon-how-it-works h2 { margin:5px 0 0;color:#17243c;font-size:25px;letter-spacing:-.7px; }
.coupon-updated { padding:7px 10px;color:#187943;background:#e9f8ef;border-radius:99px;font-size:10px;font-weight:850; }
.coupon-market-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.coupon-ticket { min-height:330px;padding:23px;position:relative;overflow:hidden;background:white;border:1px solid #e1e5ea;border-radius:16px;box-shadow:0 9px 25px rgba(26,39,63,.055);transition:.2s; }
.coupon-ticket::before,.coupon-ticket::after { content:"";position:absolute;top:224px;width:22px;height:22px;background:#f6f7f9;border:1px solid #e1e5ea;border-radius:50%; }
.coupon-ticket::before { left:-12px; }.coupon-ticket::after { right:-12px; }
.coupon-ticket:hover { transform:translateY(-4px);border-color:#f6b58e;box-shadow:0 16px 36px rgba(26,39,63,.1); }
.coupon-ticket-top { display:flex;align-items:center;justify-content:space-between; }
.coupon-ticket-label { color:#f36f21;font-size:9px;font-weight:950;letter-spacing:1.2px; }
.coupon-ticket-status { display:flex;align-items:center;gap:6px;color:#23804c;font-size:9px;font-weight:850; }
.coupon-ticket-status i { width:6px;height:6px; }
.coupon-ticket-value { margin-top:20px;color:#17243c;font-size:36px;font-weight:950;line-height:1;letter-spacing:-1.2px; }
.coupon-ticket h3 { margin:10px 0 7px;color:#28364c;font-size:15px; }.coupon-ticket > p { min-height:45px;margin:0;color:#717a88;font-size:11px;line-height:1.55; }
.coupon-ticket-meta { margin:18px -23px 0;padding:15px 23px;display:flex;gap:32px;border-top:1px dashed #dfe3e8; }
.coupon-ticket-meta span { display:grid;gap:4px; }.coupon-ticket-meta small { color:#9299a5;font-size:8px; }.coupon-ticket-meta strong { color:#414c5e;font-size:10px; }
.coupon-code-row { padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff5ef;border:1px dashed #f3a679;border-radius:9px; }
.coupon-code-row code { color:#c95010;font:900 13px/1.2 system-ui;letter-spacing:1px; }
.coupon-copy-button { padding:8px 11px;color:white;background:#f36f21;border:0;border-radius:7px;font-size:9px;font-weight:900;cursor:pointer;transition:.15s; }.coupon-copy-button:hover { background:#db5910; }.coupon-copy-button.is-copied { background:#1f8b50; }
.coupon-empty-state { padding:60px 20px;text-align:center;background:white;border:1px dashed #ccd2da;border-radius:16px; }.coupon-empty-state > span { width:55px;height:55px;margin:auto;display:grid;place-items:center;color:white;background:#f36f21;border-radius:50%;font-size:24px;font-weight:950; }.coupon-empty-state h2 { margin:15px 0 7px; }.coupon-empty-state p { margin:0 auto 18px;max-width:500px;color:#757e8c; }
.coupon-how-it-works { margin-top:38px;padding:29px 32px;display:grid;grid-template-columns:260px 1fr;gap:35px;align-items:center;background:white;border:1px solid #e2e6ea;border-radius:16px; }
.coupon-how-it-works ol { margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none; }
.coupon-how-it-works li { display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center; }
.coupon-how-it-works li > span { grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;color:#f36f21;background:#fff0e7;border-radius:10px;font-size:12px;font-weight:950; }
.coupon-how-it-works li strong { color:#273448;font-size:11px; }.coupon-how-it-works li small { color:#858d99;font-size:9px;line-height:1.45; }
.catalog-activity { min-height:17px;margin:-3px 0 8px;color:#e96117;font-size:10px;font-weight:850; }

@media(max-width:980px){
    .coupon-market-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .coupon-how-it-works { grid-template-columns:1fr; }
}
@media(max-width:680px){
    .coupon-market-page { padding-top:14px; }
    .coupon-market-hero { padding:28px 22px;grid-template-columns:1fr;gap:23px; }
    .coupon-market-hero h1 { font-size:32px; }.coupon-market-hero p { font-size:13px; }
    .coupon-hero-stat { min-height:125px; }
    .coupon-market-grid { grid-template-columns:1fr; }
    .coupon-how-it-works { padding:24px 20px; }.coupon-how-it-works ol { grid-template-columns:1fr; }
}

/* Public store directory */
.store-directory-page { padding-block:24px 80px; }
.store-directory-hero { min-height:300px;padding:42px 46px;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:48px;align-items:center;overflow:hidden;position:relative;color:white;background:radial-gradient(circle at 88% 10%,rgba(255,133,61,.2),transparent 30%),linear-gradient(125deg,#14223a,#253b5c);border-radius:22px;box-shadow:0 20px 46px rgba(20,34,58,.14); }
.store-directory-hero::after { content:"";position:absolute;right:-70px;bottom:-120px;width:360px;height:360px;border:60px solid rgba(255,255,255,.025);border-radius:50%; }
.store-directory-hero > * { position:relative;z-index:1; }
.store-directory-kicker { color:#ff9a60;font-size:10px;font-weight:950;letter-spacing:1.6px; }
.store-directory-hero h1 { max-width:720px;margin:12px 0;font-size:39px;line-height:1.14;letter-spacing:-1.4px; }
.store-directory-hero p { max-width:700px;margin:0;color:#c7d1df;font-size:13px;line-height:1.7; }
.store-directory-search { max-width:680px;margin-top:23px;padding:5px;display:flex;background:white;border-radius:11px;box-shadow:0 10px 25px rgba(0,0,0,.15); }
.store-directory-search input { min-width:0;flex:1;padding:12px 14px;border:0;outline:0;font-size:12px; }
.store-directory-search button { padding:11px 19px;color:white;background:#f36f21;border:0;border-radius:8px;font-size:11px;font-weight:900;cursor:pointer; }
.store-directory-metrics { margin:0;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.13);border-radius:16px;backdrop-filter:blur(9px); }
.store-directory-metrics div { padding:12px 8px;display:grid;gap:5px;text-align:center;border-right:1px solid rgba(255,255,255,.13); }.store-directory-metrics div:last-child { border:0; }
.store-directory-metrics dt { color:#ff9254;font-size:27px;font-weight:950; }.store-directory-metrics dd { margin:0;color:#d9e0ea;font-size:9px;font-weight:800; }
.store-category-rail { margin:25px 0 8px;padding:10px;display:flex;gap:8px;overflow:auto;background:white;border:1px solid #e2e6eb;border-radius:13px;scrollbar-width:thin; }
.store-category-rail a { padding:9px 14px;flex:none;color:#5e6877;background:#f5f6f8;border-radius:8px;font-size:10px;font-weight:850;white-space:nowrap;transition:.15s; }.store-category-rail a:hover,.store-category-rail a.active { color:white;background:#17243c; }
.store-directory-content { padding-top:28px; }
.store-directory-toolbar { margin-bottom:19px;display:flex;align-items:end;justify-content:space-between;gap:25px; }
.store-directory-toolbar > div > span { color:#f36f21;font-size:9px;font-weight:950;letter-spacing:1.2px; }.store-directory-toolbar h2 { margin:5px 0 0;color:#17243c;font-size:26px;letter-spacing:-.7px; }
.store-directory-toolbar form { display:flex;align-items:end;gap:8px; }.store-directory-toolbar label { display:grid;gap:5px;color:#7a8390;font-size:8px;font-weight:850; }.store-directory-toolbar select { min-width:145px;padding:9px 28px 9px 10px;border:1px solid #dfe3e8;border-radius:8px;background:white;font-size:10px; }.store-directory-toolbar form > a { padding:10px 4px;color:#e45f16;font-size:9px;font-weight:850; }
.store-directory-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
.store-directory-card { overflow:hidden;background:white;border:1px solid #e1e5ea;border-radius:16px;box-shadow:0 7px 22px rgba(24,37,61,.05);transition:.2s; }.store-directory-card:hover { transform:translateY(-3px);border-color:#f2b38d;box-shadow:0 15px 34px rgba(24,37,61,.095); }
.store-directory-cover { min-height:105px;padding:18px;display:flex;align-items:end;justify-content:space-between;background:linear-gradient(115deg,#1b2d49,#344d70);background-position:center;background-size:cover; }
.store-directory-logo { width:62px;height:62px;display:grid;place-items:center;overflow:hidden;color:#f36f21;background:white;border:3px solid rgba(255,255,255,.8);border-radius:15px;box-shadow:0 7px 20px rgba(0,0,0,.15);font-size:25px;font-weight:950; }.store-directory-logo img { width:100%;height:100%;object-fit:cover; }
.store-verified-badge { padding:6px 9px;color:#dff9e9;background:rgba(17,112,61,.7);border:1px solid rgba(159,233,188,.24);border-radius:99px;font-size:8px;font-weight:900;backdrop-filter:blur(7px); }
.store-directory-copy { padding:19px; }.store-directory-title { display:flex;align-items:start;justify-content:space-between;gap:15px; }
.store-directory-title h3 { margin:0 0 3px;color:#1d2a40;font-size:17px; }.store-directory-title > div > span { color:#858d99;font-size:9px; }
.store-directory-rating { min-width:72px;padding:7px 9px;display:grid;gap:2px;color:#d78a0e;background:#fff8e8;border-radius:8px;font-size:10px;font-weight:900;text-align:center; }.store-directory-rating small { color:#8b8374;font-size:7px;font-weight:650; }
.store-directory-copy > p { min-height:38px;margin:12px 0;color:#6f7987;font-size:10px;line-height:1.6; }
.store-directory-facts { display:flex;gap:8px; }.store-directory-facts span { padding:6px 9px;color:#687284;background:#f3f5f7;border-radius:7px;font-size:8px; }.store-directory-facts b { color:#26334a; }
.store-product-preview { margin-top:15px;padding-top:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #edf0f2; }
.store-product-preview a { min-width:0;display:grid;gap:6px; }.store-product-preview a > span { height:82px;display:grid;place-items:center;overflow:hidden;background:#f4f5f7;border-radius:9px; }.store-product-preview img { width:100%;height:100%;padding:5px;object-fit:contain;mix-blend-mode:multiply; }.store-product-preview a > span > b { color:#a1a8b2;font-size:7px;letter-spacing:1px; }.store-product-preview small { color:#f36f21;font-size:9px;font-weight:900; }
.store-directory-cta { margin-top:17px;padding-top:13px;display:flex;align-items:center;justify-content:space-between;color:#26344a;border-top:1px solid #edf0f2;font-size:10px;font-weight:900; }.store-directory-cta span { color:#f36f21;font-size:17px; }
.store-directory-empty { grid-column:1/-1;padding:65px 20px;text-align:center;background:white;border:1px dashed #cfd5dc;border-radius:16px; }.store-directory-empty > span { width:54px;height:54px;margin:auto;display:grid;place-items:center;color:white;background:#f36f21;border-radius:50%;font-size:24px; }.store-directory-empty h2 { margin:15px 0 6px; }.store-directory-empty p { color:#77818e; }.store-directory-empty a { color:#f36f21;font-weight:900; }
.store-directory-trust { margin-top:38px;padding:22px;display:grid;grid-template-columns:repeat(3,1fr) 1.15fr;gap:1px;background:white;border:1px solid #e1e5ea;border-radius:15px; }
.store-directory-trust > div,.store-directory-trust > a { padding:9px 18px;display:grid;grid-template-columns:30px 1fr;column-gap:9px;align-items:center;border-right:1px solid #e8ebee; }.store-directory-trust > a { border:0;background:#fff5ef;border-radius:10px; }.store-directory-trust span { grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;color:#f36f21;background:#fff0e7;border-radius:9px;font-weight:900; }.store-directory-trust strong,.store-directory-trust b { color:#253248;font-size:10px; }.store-directory-trust small { color:#858e9b;font-size:8px;line-height:1.4; }
.store-page-breadcrumb { padding-block:15px;display:flex;align-items:center;gap:8px;color:#87909d;font-size:10px; }.store-page-breadcrumb a { color:#596475;font-weight:750; }.store-page-breadcrumb a:hover { color:#f36f21; }.store-page-breadcrumb b { color:#28364b; }
.store-catalog-head > div p { margin:5px 0 0;color:#7f8895;font-size:10px; }.store-filter-clear { padding:10px 3px;align-self:center;color:#e35e15;font-size:9px;font-weight:900; }
.store-products .catalog-card-actions { margin-top:12px;grid-template-columns:1fr 40px; }.store-products .catalog-card-actions form,.store-products .catalog-card-actions button { width:100%; }.store-products .catalog-card-actions button { min-height:39px;padding:8px;border:0;border-radius:7px;color:white;background:#17243c;font-size:9px;font-weight:900;cursor:pointer; }.store-products .catalog-card-actions .compare-button { color:#f36f21;background:white;border:1px solid #f3ae84;font-size:16px; }
.store-products-empty { padding:55px 20px;text-align:center; }.store-products-empty p { color:#7f8895; }.store-products-empty a { color:#f36f21;font-weight:900; }

@media(max-width:980px){
    .store-directory-hero { grid-template-columns:1fr; }.store-directory-metrics { max-width:460px; }
    .store-directory-trust { grid-template-columns:repeat(2,1fr); }.store-directory-trust > *:nth-child(2) { border-right:0; }
}
@media(max-width:720px){
    .store-directory-page { padding-top:14px; }.store-directory-hero { padding:28px 22px; }.store-directory-hero h1 { font-size:30px; }
    .store-directory-search { display:grid; }.store-directory-search button { padding:12px; }
    .store-directory-toolbar { align-items:start;flex-direction:column; }.store-directory-toolbar form { width:100%;display:grid;grid-template-columns:1fr 1fr; }.store-directory-toolbar select { width:100%; }
    .store-directory-grid { grid-template-columns:1fr; }.store-directory-trust { grid-template-columns:1fr; }.store-directory-trust > div,.store-directory-trust > a { border-right:0;border-bottom:1px solid #e8ebee; }
}

/* Public help center */
.help-center-page,.help-article-page { padding-block:24px 80px; }
.help-center-hero { min-height:310px;padding:42px 46px;display:grid;align-content:center;justify-items:center;position:relative;overflow:hidden;color:white;text-align:center;background:radial-gradient(circle at 18% 0,rgba(255,132,59,.2),transparent 27%),linear-gradient(125deg,#15243c,#2b4263);border-radius:22px;box-shadow:0 20px 45px rgba(20,34,58,.14); }
.help-center-hero::before,.help-center-hero::after { content:"?";position:absolute;color:rgba(255,255,255,.035);font-size:260px;font-weight:950;line-height:1;transform:rotate(-12deg); }.help-center-hero::before { left:30px;bottom:-60px; }.help-center-hero::after { right:50px;top:-70px;transform:rotate(14deg); }
.help-center-hero > * { position:relative;z-index:1; }.help-center-hero > div:first-child > span { color:#ff9b62;font-size:10px;font-weight:950;letter-spacing:1.6px; }
.help-center-hero h1 { margin:10px 0 8px;font-size:40px;letter-spacing:-1.3px; }.help-center-hero p { margin:0;color:#cbd5e2;font-size:13px; }
.help-center-hero form { width:min(720px,100%);margin-top:23px;padding:5px;display:flex;background:white;border-radius:11px;box-shadow:0 12px 30px rgba(0,0,0,.18); }.help-center-hero input { min-width:0;flex:1;padding:13px 15px;border:0;outline:0;font-size:12px; }.help-center-hero button { padding:11px 20px;color:white;background:#f36f21;border:0;border-radius:8px;font-size:10px;font-weight:950;cursor:pointer; }
.help-hero-meta { margin-top:18px;display:flex;gap:26px;color:#d6dfeb;font-size:9px; }.help-hero-meta b { margin-right:4px;color:#ff9b62; }
.help-category-grid { margin:25px 0 0;display:grid;grid-template-columns:repeat(6,1fr);gap:9px; }.help-category-grid a { min-width:0;padding:14px 11px;display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;background:white;border:1px solid #e1e5ea;border-radius:12px;transition:.18s; }.help-category-grid a:hover,.help-category-grid a.active { border-color:#f3a97d;box-shadow:0 8px 20px rgba(28,42,66,.07);transform:translateY(-2px); }.help-category-grid i { width:34px;height:34px;display:grid;place-items:center;color:#f36f21;background:#fff0e7;border-radius:9px;font-size:14px;font-style:normal;font-weight:900; }.help-category-grid span { min-width:0;display:grid;gap:3px; }.help-category-grid b { overflow:hidden;color:#26334a;font-size:9px;text-overflow:ellipsis;white-space:nowrap; }.help-category-grid small { color:#8c949f;font-size:7px; }
.help-results { padding-top:39px; }.help-results > header { margin-bottom:18px;display:flex;align-items:end;justify-content:space-between; }.help-results header > div > span { color:#f36f21;font-size:9px;font-weight:950;letter-spacing:1.2px; }.help-results h2 { margin:5px 0 0;color:#17243c;font-size:26px; }.help-results > header > a { color:#e35e15;font-size:9px;font-weight:900; }
.help-article-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:13px; }.help-article-grid > a { min-height:235px;padding:20px;display:flex;align-items:flex-start;flex-direction:column;background:white;border:1px solid #e1e5ea;border-radius:14px;transition:.2s; }.help-article-grid > a:hover { transform:translateY(-4px);border-color:#f2ad84;box-shadow:0 14px 30px rgba(25,39,64,.09); }.help-article-grid > a > i { width:39px;height:39px;display:grid;place-items:center;color:#f36f21;background:#fff0e7;border-radius:10px;font-size:17px;font-style:normal;font-weight:900; }.help-article-category { margin-top:14px;color:#f36f21;font-size:8px;font-weight:950;letter-spacing:.6px; }.help-article-grid h3 { margin:7px 0;color:#26344a;font-size:13px;line-height:1.4; }.help-article-grid p { margin:0;color:#79828f;font-size:9px;line-height:1.6; }.help-article-grid > a > b { margin-top:auto;padding-top:15px;color:#354156;font-size:9px; }.help-article-grid > a > b span { margin-left:5px;color:#f36f21;font-size:14px; }
.help-empty { grid-column:1/-1;padding:60px;text-align:center;background:white;border:1px dashed #ccd3da;border-radius:15px; }.help-empty > span { width:52px;height:52px;margin:auto;display:grid;place-items:center;color:white;background:#f36f21;border-radius:50%;font-size:23px;font-weight:900; }.help-empty h2 { margin:14px 0 6px; }.help-empty p { color:#7d8693; }.help-empty a { color:#f36f21;font-weight:900; }
.help-self-service { margin-top:38px;padding:28px 31px;display:grid;grid-template-columns:320px 1fr;gap:30px;align-items:center;background:white;border:1px solid #e1e5ea;border-radius:16px; }.help-self-service > div:first-child > span { color:#f36f21;font-size:9px;font-weight:950;letter-spacing:1.2px; }.help-self-service h2 { margin:6px 0;color:#26344a;font-size:20px; }.help-self-service p { margin:0;color:#7c8592;font-size:10px;line-height:1.55; }.help-self-service > div:last-child { display:grid;grid-template-columns:repeat(3,1fr);gap:9px; }.help-self-service a { padding:14px;display:grid;grid-template-columns:34px 1fr;column-gap:9px;align-items:center;background:#f6f7f9;border-radius:10px; }.help-self-service i { grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;color:#f36f21;background:white;border-radius:9px;font-style:normal;font-weight:900; }.help-self-service b { color:#2d394e;font-size:9px; }.help-self-service small { color:#8b939f;font-size:7px; }
.help-contact-card { margin-top:18px;padding:23px 28px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:white;background:linear-gradient(115deg,#17243c,#273d5d);border-radius:15px; }.help-contact-card > div:first-child { display:flex;align-items:center;gap:14px; }.help-contact-card > div:first-child > span { width:45px;height:45px;display:grid;place-items:center;color:#f36f21;background:white;border-radius:12px;font-size:20px; }.help-contact-card small { color:#ff9a60;font-size:8px;font-weight:950;letter-spacing:1px; }.help-contact-card h2 { margin:4px 0;font-size:17px; }.help-contact-card p { margin:0;color:#bec9d7;font-size:9px; }.help-contact-card > div:last-child { display:flex;gap:8px; }.help-contact-card a { padding:11px 14px;color:white;background:#f36f21;border-radius:8px;font-size:9px;font-weight:900; }.help-contact-card a.secondary { color:#d9e1ea;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14); }
.help-article-layout { display:grid;grid-template-columns:225px minmax(0,1fr);gap:20px;align-items:start; }.help-article-sidebar { position:sticky;top:105px;padding:15px;display:grid;gap:5px;background:white;border:1px solid #e1e5ea;border-radius:13px; }.help-article-sidebar > span { padding:7px 9px;color:#f36f21;font-size:8px;font-weight:950;letter-spacing:1px; }.help-article-sidebar a { padding:10px;display:flex;align-items:center;gap:9px;color:#626d7c;border-radius:8px;font-size:9px;font-weight:800; }.help-article-sidebar a:hover,.help-article-sidebar a.active { color:#1f2d43;background:#fff0e7; }.help-article-sidebar i { width:24px;height:24px;display:grid;place-items:center;color:#f36f21;background:white;border-radius:7px;font-style:normal; }.help-article-sidebar a.all { margin-top:7px;padding-top:13px;color:#f36f21;border-top:1px solid #e9ecef;border-radius:0; }
.help-article-content { overflow:hidden;background:white;border:1px solid #e1e5ea;border-radius:16px;box-shadow:0 10px 28px rgba(25,39,63,.055); }.help-article-content > header { padding:34px 38px;color:white;background:radial-gradient(circle at 90% 20%,rgba(255,140,72,.2),transparent 25%),linear-gradient(120deg,#17243c,#2c4465); }.help-article-content > header > span { display:flex;align-items:center;gap:8px;color:#ffac7d;font-size:9px;font-weight:950;letter-spacing:.8px; }.help-article-content > header i { width:29px;height:29px;display:grid;place-items:center;color:#f36f21;background:white;border-radius:8px;font-style:normal; }.help-article-content h1 { margin:14px 0 8px;font-size:32px;letter-spacing:-1px; }.help-article-content > header p { max-width:750px;margin:0;color:#cbd4e1;font-size:12px;line-height:1.65; }
.help-article-content > section { padding:29px 38px;border-bottom:1px solid #eaedf0; }.help-article-content section h2 { margin:0 0 18px;color:#26344a;font-size:18px; }.help-article-content ol { margin:0;padding:0;display:grid;gap:13px;list-style:none; }.help-article-content ol li { display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center; }.help-article-content ol li > span { width:34px;height:34px;display:grid;place-items:center;color:#f36f21;background:#fff0e7;border-radius:9px;font-size:11px;font-weight:950; }.help-article-content ol p { margin:0;color:#596577;font-size:11px;line-height:1.55; }.help-article-tips { background:#fbfcfd; }.help-article-tips ul { margin:0;padding:0;display:grid;gap:10px;list-style:none; }.help-article-tips li { display:flex;gap:9px;color:#606b7b;font-size:10px;line-height:1.5; }.help-article-tips li span { color:#23905a;font-weight:950; }
.help-article-action { margin:22px 38px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff5ef;border:1px solid #ffd9c3;border-radius:11px; }.help-article-action > div { display:grid;gap:3px; }.help-article-action small { color:#e45e15;font-size:7px;font-weight:950;letter-spacing:.8px; }.help-article-action b { color:#2e3a4f;font-size:11px; }.help-article-action > a { padding:10px 14px;color:white;background:#f36f21;border-radius:8px;font-size:9px;font-weight:900; }
.help-related > div { display:grid;grid-template-columns:repeat(3,1fr);gap:9px; }.help-related a { padding:13px;display:grid;grid-template-columns:29px 1fr auto;gap:8px;align-items:center;background:#f6f7f9;border-radius:9px; }.help-related a span { width:29px;height:29px;display:grid;place-items:center;color:#f36f21;background:white;border-radius:8px; }.help-related a b { color:#354155;font-size:8px;line-height:1.35; }.help-related a i { color:#f36f21;font-style:normal; }
.help-article-contact { margin:18px 0 0 245px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#17243c;border-radius:14px;color:white; }.help-article-contact > div { display:flex;align-items:center;gap:12px; }.help-article-contact > div > span { width:40px;height:40px;display:grid;place-items:center;color:#f36f21;background:white;border-radius:10px;font-weight:950; }.help-article-contact h2 { margin:0 0 4px;font-size:15px; }.help-article-contact p { margin:0;color:#bdc8d6;font-size:9px; }.help-article-contact > a { padding:10px 14px;color:white;background:#f36f21;border-radius:8px;font-size:9px;font-weight:900; }
@media(max-width:1050px){.help-category-grid { grid-template-columns:repeat(3,1fr); }.help-article-grid { grid-template-columns:repeat(2,1fr); }.help-self-service { grid-template-columns:1fr; }}
@media(max-width:760px){.help-center-hero { padding:31px 20px; }.help-center-hero h1 { font-size:30px; }.help-center-hero form { display:grid; }.help-center-hero button { padding:12px; }.help-hero-meta { gap:10px;flex-wrap:wrap;justify-content:center; }.help-category-grid { grid-template-columns:repeat(2,1fr); }.help-article-grid { grid-template-columns:1fr; }.help-self-service > div:last-child { grid-template-columns:1fr; }.help-contact-card { align-items:flex-start;flex-direction:column; }.help-article-layout { grid-template-columns:1fr; }.help-article-sidebar { position:static;grid-template-columns:repeat(2,1fr); }.help-article-content > header,.help-article-content > section { padding:25px 20px; }.help-article-content h1 { font-size:27px; }.help-article-action { margin:18px 20px;align-items:flex-start;flex-direction:column; }.help-related > div { grid-template-columns:1fr; }.help-article-contact { margin-left:0;align-items:flex-start;flex-direction:column; }}

/* Customer order operations */
.customer-orders-page { padding-block:18px 80px; }
.customer-orders-breadcrumb { padding:4px 0 15px;display:flex;gap:8px;align-items:center;color:#9098a4;font-size:10px; }.customer-orders-breadcrumb a { color:#5d6878;font-weight:800; }.customer-orders-breadcrumb b { color:#253248; }
.customer-orders-hero { padding:29px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:white;background:radial-gradient(circle at 75% -20%,rgba(255,139,70,.23),transparent 28%),linear-gradient(120deg,#17243c,#2a4263);border-radius:18px;box-shadow:0 15px 34px rgba(22,37,62,.13); }
.customer-orders-hero > div > span { color:#ff9e66;font-size:9px;font-weight:950;letter-spacing:1.3px; }.customer-orders-hero h1 { margin:7px 0 5px;font-size:31px;letter-spacing:-.8px; }.customer-orders-hero p { margin:0;color:#c8d3e1;font-size:11px; }
.customer-orders-hero > a { min-width:245px;padding:13px;display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;color:white;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:11px; }.customer-orders-hero > a i { grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;color:#f36f21;background:white;border-radius:9px;font-size:16px;font-style:normal;font-weight:950; }.customer-orders-hero > a span { display:grid;gap:3px; }.customer-orders-hero > a b { font-size:10px; }.customer-orders-hero > a small { color:#bfcbd9;font-size:8px; }.customer-orders-hero > a strong { color:#ff9b61;font-size:16px; }
.customer-order-metrics { margin:14px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px; }.customer-order-metrics article { padding:15px 17px;display:flex;gap:12px;align-items:center;background:white;border:1px solid #e1e5ea;border-radius:12px; }.customer-order-metrics article > span { width:35px;height:35px;display:grid;place-items:center;color:#f36f21;background:#fff0e7;border-radius:9px;font-size:15px;font-weight:900; }.customer-order-metrics article div { display:grid;gap:2px; }.customer-order-metrics small { color:#7f8895;font-size:8px;font-weight:750; }.customer-order-metrics strong { color:#243249;font-size:19px; }
.customer-order-tools { padding:13px 15px;background:white;border:1px solid #e1e5ea;border-radius:12px 12px 0 0; }.customer-order-tools form { display:flex;align-items:end;gap:9px; }.customer-order-tools label { display:grid;gap:5px;color:#7b8592;font-size:8px;font-weight:850; }.customer-order-tools label > span { padding-left:2px; }.customer-order-tools select,.customer-order-tools input { height:39px;padding:0 12px;color:#334157;background:#fafbfc;border:1px solid #dce1e7;border-radius:8px;font-size:10px;outline:0; }.customer-order-tools select:focus,.customer-order-tools input:focus { border-color:#ee9460;box-shadow:0 0 0 3px #fff0e7; }.customer-order-search { min-width:270px;flex:1;position:relative; }.customer-order-search > span { position:absolute;left:13px;bottom:10px;color:#f36f21;font-size:15px; }.customer-order-search input { width:100%;padding-left:36px; }.customer-order-tools button { height:39px;padding:0 18px;color:white;background:#f36f21;border:0;border-radius:8px;font-size:9px;font-weight:950;cursor:pointer; }.customer-order-tools form > a { height:39px;padding:0 5px;display:grid;place-items:center;color:#df5d17;font-size:9px;font-weight:900; }
.customer-order-tabs { padding:0 12px;display:flex;gap:3px;overflow:auto;background:white;border:1px solid #e1e5ea;border-top:0;border-radius:0 0 12px 12px;scrollbar-width:thin; }.customer-order-tabs a { padding:12px 10px;flex:none;position:relative;color:#697483;font-size:9px;font-weight:850; }.customer-order-tabs a::after { content:"";height:2px;position:absolute;left:9px;right:9px;bottom:0;background:transparent;border-radius:2px; }.customer-order-tabs a.active { color:#e65e16; }.customer-order-tabs a.active::after { background:#f36f21; }.customer-order-tabs b { margin-left:4px;padding:2px 5px;color:#7f8997;background:#f1f3f6;border-radius:20px;font-size:7px; }.customer-order-tabs a.active b { color:#e65e16;background:#fff0e7; }
.customer-order-results { padding-top:27px; }.customer-order-results > header { margin-bottom:12px;display:flex;align-items:end;justify-content:space-between; }.customer-order-results > header span { color:#f36f21;font-size:8px;font-weight:950;letter-spacing:1.1px; }.customer-order-results > header h2 { margin:4px 0 0;color:#243249;font-size:20px; }.customer-order-results > header small { color:#89919c;font-size:8px; }
.customer-order-list { display:grid;gap:13px; }.customer-order-card { overflow:hidden;background:white;border:1px solid #e0e5ea;border-radius:14px;box-shadow:0 6px 18px rgba(24,37,61,.045); }.customer-order-card > header { padding:13px 17px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fafbfc;border-bottom:1px solid #e8ebef; }.customer-order-card > header > div:first-child { display:grid;grid-template-columns:auto auto;column-gap:10px;align-items:center; }.customer-order-card > header small { grid-column:1/-1;color:#949ca7;font-size:7px;font-weight:850;letter-spacing:.6px; }.customer-order-card > header a { color:#26344a;font-size:11px;font-weight:950; }.customer-order-card > header div:first-child > span { color:#858e9a;font-size:8px; }.customer-order-status { display:flex;gap:7px;align-items:center; }.customer-order-status > span { padding:6px 9px;color:#176c45;background:#eaf8f0;border-radius:99px;font-size:8px;font-weight:900; }.status-pending_payment .customer-order-status > span { color:#a26808;background:#fff7df; }.status-cancelled .customer-order-status > span,.status-refunded .customer-order-status > span { color:#7b6470;background:#f3eff1; }.customer-order-status > small { padding:5px 8px;color:#dc5b16;background:#fff0e7;border-radius:99px; }
.customer-order-body { padding:17px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center; }.customer-order-products { min-width:0;display:flex;gap:14px;align-items:center; }.customer-order-thumbs { display:flex;position:relative; }.customer-order-thumbs a { width:61px;height:61px;margin-right:-8px;display:grid;place-items:center;overflow:hidden;background:#f4f6f8;border:2px solid white;border-radius:10px; }.customer-order-thumbs img { width:100%;height:100%;padding:4px;object-fit:contain;mix-blend-mode:multiply; }.customer-order-thumbs a > span { color:#a0a8b2;font-size:7px;font-weight:900; }.customer-order-thumbs i { width:23px;height:23px;position:absolute;right:-3px;bottom:-4px;display:grid;place-items:center;color:white;background:#25334a;border:2px solid white;border-radius:50%;font-size:7px;font-style:normal;font-weight:900; }.customer-order-product-copy { min-width:0; }.customer-order-product-copy h3 { margin:0 0 6px;overflow:hidden;color:#26344a;font-size:12px;text-overflow:ellipsis;white-space:nowrap; }.customer-order-product-copy h3 span { color:#858e9b;font-size:9px;font-weight:650; }.customer-order-product-copy p { margin:0;color:#858e9b;font-size:8px; }.customer-order-product-copy p a { color:#596579;font-weight:850; }.customer-order-total { min-width:155px;display:grid;justify-items:end;gap:3px; }.customer-order-total small { color:#959da8;font-size:7px;font-weight:850; }.customer-order-total strong { color:#f36f21;font-size:16px; }.customer-order-total span { color:#7b8592;font-size:8px; }
.customer-order-progress { padding:4px 20px 15px; }.customer-order-progress > div { height:4px;position:relative;background:#e7eaee;border-radius:10px; }.customer-order-progress > div i { width:var(--order-progress);height:100%;display:block;position:relative;background:linear-gradient(90deg,#f36f21,#f69053);border-radius:10px; }.customer-order-progress ol { margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);color:#9aa1ab;font-size:7px;font-weight:800;list-style:none; }.customer-order-progress li:nth-child(2),.customer-order-progress li:nth-child(3),.customer-order-progress li:nth-child(4) { text-align:center; }.customer-order-progress li:last-child { text-align:right; }.customer-order-progress li.done { color:#e86118; }.customer-order-closed { margin:0 17px 13px;padding:8px 10px;display:flex;gap:8px;align-items:center;color:#776872;background:#f5f2f4;border-radius:8px; }.customer-order-closed span { width:20px;height:20px;display:grid;place-items:center;background:white;border-radius:50%;font-size:9px;font-weight:900; }.customer-order-closed p { margin:0;font-size:8px; }
.customer-order-card > footer { padding:12px 17px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fafbfc;border-top:1px solid #e8ebef; }.customer-order-delivery { min-width:0;display:grid;gap:3px; }.customer-order-delivery b { overflow:hidden;color:#3a475b;font-size:9px;text-overflow:ellipsis;white-space:nowrap; }.customer-order-delivery span { color:#8a939f;font-size:7px; }.customer-order-actions { display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end; }.customer-order-actions a { padding:9px 11px;border-radius:7px;font-size:8px;font-weight:900;white-space:nowrap; }.customer-order-actions .secondary { color:#4d596b;background:white;border:1px solid #dce1e7; }.customer-order-actions .primary { color:white;background:#17243c; }.customer-order-actions .primary span { margin-left:5px;color:#ff9459; }
.customer-orders-empty { padding:65px 20px;text-align:center;background:white;border:1px dashed #cad2db;border-radius:14px; }.customer-orders-empty > span { width:50px;height:50px;margin:auto;display:grid;place-items:center;color:white;background:#f36f21;border-radius:50%;font-size:21px; }.customer-orders-empty h2 { margin:14px 0 6px;color:#28364b; }.customer-orders-empty p { margin:0 auto 15px;max-width:520px;color:#7c8693;font-size:10px; }.customer-orders-empty a { color:#f36f21;font-size:10px;font-weight:950; }
@media(max-width:900px){.customer-order-tools form { flex-wrap:wrap; }.customer-order-search { min-width:100%; }.customer-order-metrics { grid-template-columns:repeat(2,1fr); }.customer-order-card > footer { align-items:flex-start;flex-direction:column; }.customer-order-actions { width:100%;justify-content:flex-start; }}
@media(max-width:650px){.customer-orders-page { padding-top:10px; }.customer-orders-hero { padding:24px 20px;align-items:flex-start;flex-direction:column; }.customer-orders-hero > a { width:100%;min-width:0; }.customer-order-metrics article { padding:12px; }.customer-order-tools label:not(.customer-order-search) { width:calc(50% - 5px); }.customer-order-tools select { width:100%; }.customer-order-tools button { flex:1; }.customer-order-body { grid-template-columns:1fr; }.customer-order-total { justify-items:start; }.customer-order-card > header { align-items:flex-start; }.customer-order-status { align-items:flex-end;flex-direction:column; }.customer-order-thumbs a { width:51px;height:51px; }.customer-order-product-copy h3 { white-space:normal; }.customer-order-actions a { flex:1;text-align:center; }.customer-order-progress { overflow:hidden;padding-inline:12px; }}

/* Auditable return inspection and settlement */
.return-inspection-form { grid-template-columns:180px minmax(260px,1fr) auto!important; }.return-inspection-form select { min-height:39px;padding:8px;border:1px solid var(--line);border-radius:7px;background:white;font-size:10px; }
.return-settlement-wait { margin-top:13px;padding:13px;display:flex;gap:11px;align-items:center;color:#55461d;background:#fffae8;border:1px solid #f4e3a5;border-radius:9px; }.return-settlement-wait > span { width:34px;height:34px;display:grid;place-items:center;background:white;border-radius:9px;font-size:14px; }.return-settlement-wait div { display:grid;gap:4px; }.return-settlement-wait b { font-size:10px; }.return-settlement-wait p { margin:0;color:#776c4d;font-size:9px; }.return-settlement-wait.completed { color:#165d3b;background:#edf9f2;border-color:#bfe6cf; }
.return-finalize { margin-top:13px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f7f8fa;border:1px solid #e1e5e9;border-radius:9px; }.return-finalize > div { display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center; }.return-finalize b { color:#28364b;font-size:10px; }.return-finalize small { grid-column:2;color:#7c8693;font-size:8px; }.return-finalize form { margin:0!important;padding:0!important;border:0!important; }.return-finalize form button { background:#f36f21!important; }.return-decision { grid-row:1/3;padding:6px 8px;border-radius:7px;font-size:8px;font-weight:950; }.return-decision.accepted { color:#177047;background:#dff5e8; }.return-decision.rejected { color:#9a3340;background:#fde8eb; }
.customer-return-results { margin-top:16px;padding:23px;background:white;border:1px solid #e1e5ea;border-radius:13px; }.customer-return-results > div > h2 { margin:5px 0; }.customer-return-results > div > p { margin:0 0 15px;color:#788291;font-size:10px; }.customer-return-results article { margin-top:8px;padding:13px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;background:#f7faf8;border:1px solid #d9eee2;border-radius:9px; }.customer-return-results article.rejected { background:#fff8f8;border-color:#f1dadd; }.customer-return-results article > i { width:36px;height:36px;display:grid;place-items:center;color:white;background:#24905c;border-radius:50%;font-size:15px;font-style:normal;font-weight:950; }.customer-return-results article.rejected > i { background:#b94b58; }.customer-return-results article > div { display:grid;gap:3px; }.customer-return-results article b { color:#2b394e;font-size:10px; }.customer-return-results article span,.customer-return-results article p { margin:0;color:#7c8693;font-size:8px; }.customer-return-results article > strong { color:#1e7c50;font-size:10px; }.customer-return-results article.rejected > strong { color:#9b4d58; }
@media(max-width:800px){.return-inspection-form { grid-template-columns:1fr!important; }.return-finalize { align-items:flex-start;flex-direction:column; }.customer-return-results article { grid-template-columns:36px 1fr; }.customer-return-results article > strong { grid-column:2; }}

/* Customer payment recovery and transfer notification */
.customer-payment-page { padding-block:18px 80px; }.customer-payment-head { padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:white;background:linear-gradient(120deg,#17243c,#2b4262);border-radius:16px; }.customer-payment-head > div > span { color:#ff9a61;font-size:9px;font-weight:950;letter-spacing:1.2px; }.customer-payment-head h1 { margin:6px 0 4px;font-size:29px; }.customer-payment-head p { margin:0;color:#c5d0de;font-size:10px; }.customer-payment-head > .payment-state { padding:8px 11px;border-radius:99px;font-size:9px;font-weight:900; }.customer-payment-head > .payment-state.pending { color:#835809;background:#fff3ce; }.customer-payment-head > .payment-state.paid { color:#176643;background:#dff5e9; }
.customer-payment-page > .success,.customer-payment-page > .errors { margin-top:14px; }.customer-payment-layout { margin-top:15px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:15px;align-items:start; }.customer-payment-main { display:grid;gap:12px; }.payment-deadline { padding:14px 16px;display:flex;gap:12px;align-items:center;color:#65480d;background:#fff9e5;border:1px solid #f1dda0;border-radius:11px; }.payment-deadline > span { width:38px;height:38px;display:grid;place-items:center;background:white;border-radius:9px; }.payment-deadline div { display:grid;gap:3px; }.payment-deadline small { font-size:7px;font-weight:950;letter-spacing:.8px; }.payment-deadline b { font-size:11px; }.payment-deadline p { margin:0;color:#7e6d47;font-size:8px; }
.customer-payment-recovery{margin-top:14px;padding:18px 20px;display:flex;align-items:flex-start;gap:14px;color:#5f3b0b;background:#fff8e7;border:1px solid #f2d394;border-radius:12px}.customer-payment-recovery>i{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:#e57a15;border-radius:50%;font-size:18px;font-style:normal;font-weight:950}.customer-payment-recovery>div{display:grid;gap:4px}.customer-payment-recovery span{font-size:10px;font-weight:950;letter-spacing:.9px}.customer-payment-recovery h2{margin:0;color:#3f2b11;font-size:19px}.customer-payment-recovery p{margin:0;font-size:14px;line-height:1.55}.customer-payment-recovery small{margin-top:3px;color:#74592f;font-size:12px;line-height:1.5}.customer-payment-recovery a{color:#b64b0b;font-weight:850;text-decoration:underline}
.bank-payment-card,.online-payment-card { padding:22px;background:white;border:1px solid #e0e5ea;border-radius:13px; }.bank-payment-card > header { display:flex;gap:11px;align-items:center; }.bank-payment-card > header > span,.online-payment-card > span { width:42px;height:42px;display:grid;place-items:center;color:white;background:#f36f21;border-radius:10px;font-size:18px;font-weight:900; }.bank-payment-card header small,.online-payment-card small { color:#f36f21;font-size:8px;font-weight:950;letter-spacing:1px; }.bank-payment-card h2,.online-payment-card h2 { margin:4px 0;color:#253349;font-size:18px; }.bank-payment-card dl { margin:18px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px; }.bank-payment-card dl > div { padding:11px;background:#f6f7f9;border-radius:8px; }.bank-payment-card dl .wide { grid-column:1/-1; }.bank-payment-card dt { color:#7f8997;font-size:8px; }.bank-payment-card dd { margin:4px 0 0;color:#26344a;font-size:11px;font-weight:900;word-break:break-all; }.bank-payment-card .accent { background:#fff0e7; }.bank-payment-card .accent dd { color:#e65d16;font-size:15px;letter-spacing:.7px; }.bank-payment-warning { margin-top:11px;padding:11px 13px;color:#76501c;background:#fffaf0;border-left:3px solid #efa545;border-radius:7px; }.bank-payment-warning b { font-size:9px; }.bank-payment-warning p { margin:3px 0 0;font-size:8px;line-height:1.5; }
.transfer-notified { margin-top:12px;padding:12px;display:flex;gap:10px;align-items:center;color:#1e6746;background:#eaf8f0;border:1px solid #c9e9d6;border-radius:9px; }.transfer-notified > i { width:31px;height:31px;display:grid;place-items:center;color:white;background:#25945e;border-radius:50%;font-style:normal;font-weight:900; }.transfer-notified div { display:grid;gap:2px; }.transfer-notified b { font-size:10px; }.transfer-notified p,.transfer-notified small { margin:0;color:#57806c;font-size:8px; }.transfer-notification-form { margin-top:15px;padding-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #e6e9ed; }.transfer-notification-form h3 { grid-column:1/-1;margin:0;color:#2a384d;font-size:13px; }.transfer-notification-form label { display:grid;gap:5px;color:#5e6979;font-size:9px;font-weight:850; }.transfer-notification-form label.wide,.transfer-notification-form button { grid-column:1/-1; }.transfer-notification-form input { min-height:40px;padding:9px 10px;border:1px solid #dce1e7;border-radius:7px;font-size:10px; }.transfer-notification-form button { padding:12px;color:white;background:#17243c;border:0;border-radius:8px;font-size:9px;font-weight:950;cursor:pointer; }
.payment-config-missing { margin-top:17px;padding:18px;text-align:center;background:#f7f8fa;border:1px dashed #cbd2da;border-radius:10px; }.payment-config-missing b { color:#344156; }.payment-config-missing p { color:#7a8491;font-size:9px; }.payment-config-missing a { color:#f36f21;font-size:9px;font-weight:950; }.online-payment-card { display:grid;grid-template-columns:42px 1fr;gap:13px; }.online-payment-card > div > p { color:#707b89;font-size:10px;line-height:1.6; }.online-payment-card > div > div { display:flex;gap:8px; }.online-payment-card form { margin:0; }.online-payment-card button,.online-payment-card a { padding:10px 13px;display:inline-block;border-radius:8px;font-size:9px;font-weight:900; }.online-payment-card button { color:white;background:#f36f21;border:0;cursor:pointer; }.online-payment-card a { color:#364258;background:#f2f4f6; }
.customer-payment-summary { padding:19px;background:white;border:1px solid #e0e5ea;border-radius:13px;position:sticky;top:100px; }.customer-payment-summary > span { color:#f36f21;font-size:8px;font-weight:950;letter-spacing:1px; }.customer-payment-summary h2 { margin:5px 0 14px;color:#28364b; }.customer-payment-summary > div { padding:9px 0;display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf0f2; }.customer-payment-summary > div span { display:grid;gap:3px; }.customer-payment-summary > div b { color:#3b475a;font-size:9px; }.customer-payment-summary > div small { color:#8a939f;font-size:7px; }.customer-payment-summary > div strong { font-size:9px;white-space:nowrap; }.customer-payment-summary dl { display:grid;gap:7px; }.customer-payment-summary dl div { display:flex;justify-content:space-between;color:#707a88;font-size:9px; }.customer-payment-summary dl .grand { padding-top:10px;color:#253349;border-top:1px solid #dfe4e9;font-size:12px;font-weight:950; }.customer-payment-summary > a { margin-top:13px;padding:10px;display:block;color:#f36f21;background:#fff0e7;border-radius:8px;font-size:9px;font-weight:900;text-align:center; }
.payment-expired-panel,.payment-complete-panel { margin-top:15px;padding:35px;display:flex;gap:18px;align-items:center;background:white;border:1px solid #e0e5ea;border-radius:14px; }.payment-expired-panel > i,.payment-complete-panel > i { width:54px;height:54px;flex:none;display:grid;place-items:center;color:white;background:#a95661;border-radius:50%;font-size:24px;font-style:normal;font-weight:900; }.payment-complete-panel > i { background:#26915d; }.payment-expired-panel span,.payment-complete-panel span { color:#f36f21;font-size:8px;font-weight:950;letter-spacing:1px; }.payment-expired-panel h2,.payment-complete-panel h2 { margin:5px 0; }.payment-expired-panel p,.payment-complete-panel p { color:#737e8c;font-size:10px; }.payment-expired-panel button,.payment-complete-panel a { padding:11px 14px;color:white;background:#17243c;border:0;border-radius:8px;font-size:9px;font-weight:950;cursor:pointer; }
.order-payment-action { margin-top:16px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:white;background:linear-gradient(110deg,#e85f18,#f58440);border-radius:12px; }.order-payment-action > div { display:flex;gap:12px;align-items:center; }.order-payment-action > div > span { width:40px;height:40px;display:grid;place-items:center;color:#f36f21;background:white;border-radius:10px;font-size:18px;font-weight:950; }.order-payment-action small { color:#ffe0cd;font-size:7px;font-weight:950; }.order-payment-action h2 { margin:3px 0;font-size:15px; }.order-payment-action p { margin:0;color:#fff0e7;font-size:8px; }.order-payment-action > a { padding:10px 13px;color:#d95410;background:white;border-radius:8px;font-size:9px;font-weight:950;white-space:nowrap; }.order-payment-action.expired { background:#44516a; }.customer-order-actions .payment { color:white;background:#f36f21; }
.legal-bank-settings { margin:20px 0;padding:18px;background:#f6f8fa;border:1px solid #e0e5e9;border-radius:10px; }.legal-bank-settings > span { color:#f36f21;font-size:8px;font-weight:950;letter-spacing:1px; }.legal-bank-settings h3 { margin:5px 0; }.legal-bank-settings > p { color:#74808f;font-size:9px; }.customer-transfer-badge { margin-top:5px;padding:4px 6px;display:inline-block!important;color:#9a4a0d!important;background:#fff1de;border-radius:5px;font-size:7px!important;font-weight:950; }.payment-reservation-admin-summary .transfer-alert { color:#8a4b0e;background:#fff7e9; }
@media(max-width:850px){.customer-payment-layout { grid-template-columns:1fr; }.customer-payment-summary { position:static; }.online-payment-card { grid-template-columns:1fr; }.return-inspection-form { grid-template-columns:1fr!important; }}
@media(max-width:600px){.customer-payment-head,.payment-expired-panel,.payment-complete-panel,.order-payment-action { align-items:flex-start;flex-direction:column; }.transfer-notification-form { grid-template-columns:1fr; }.transfer-notification-form label,.transfer-notification-form h3,.transfer-notification-form button { grid-column:1; }.bank-payment-card dl { grid-template-columns:1fr; }.bank-payment-card dl .wide { grid-column:1; }}

/* Gerçek 3D Secure kart ödeme alanı */
.card-payment-card{padding:26px;background:#fff;border:1px solid #dbe2e9;border-radius:15px;box-shadow:0 12px 34px rgba(27,42,67,.06)}
.card-payment-card>header{display:flex;align-items:flex-start;gap:14px;padding-bottom:20px;border-bottom:1px solid #edf0f3}
.card-payment-card>header>span{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:linear-gradient(135deg,#f36f21,#e14e12);border-radius:12px;font-size:16px;font-weight:950}
.card-payment-card header small{color:#e85e18;font-size:11px;font-weight:950;letter-spacing:1px}.card-payment-card header h2{margin:4px 0;color:#233248;font-size:23px}.card-payment-card header p{max-width:620px;margin:0;color:#667386;font-size:14px;line-height:1.55}
.card-payment-form{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.card-payment-form .wide{grid-column:1/-1}.card-payment-form label{display:grid;gap:7px;color:#35445a;font-size:14px;font-weight:750}.card-payment-form input,.card-payment-form select{width:100%;height:50px;padding:0 14px;color:#1c2a3d;background:#fff;border:1px solid #cbd4df;border-radius:9px;font:inherit;outline:0}.card-payment-form input:focus,.card-payment-form select:focus{border-color:#f36f21;box-shadow:0 0 0 3px rgba(243,111,33,.12)}
.card-charge-summary{padding:17px 18px;display:grid;gap:9px;background:#f7f9fb;border:1px solid #e1e6ec;border-radius:11px}.card-charge-summary>div{display:flex;justify-content:space-between;gap:18px;color:#59677a;font-size:14px}.card-charge-summary i{font-style:normal}.card-charge-summary .total{padding-top:12px;color:#19283e;border-top:1px solid #d8e0e8;font-size:17px;font-weight:900}.card-charge-summary strong{color:#e85e18;font-size:20px}.card-charge-summary>small{color:#69768a;font-size:12px;text-align:right}
.card-payment-form .card-fee-consent{padding:14px;display:flex;grid-column:1/-1;align-items:flex-start;gap:10px;color:#435167;background:#fff8f2;border:1px solid #ffd8bf;border-radius:9px;font-size:13px;line-height:1.5}.card-fee-consent input{width:18px;height:18px;flex:0 0 auto;margin:1px 0 0;accent-color:#f36f21}
.card-pay-button{min-height:55px;padding:10px 18px;display:flex;justify-content:center;align-items:center;gap:12px;color:#fff;background:linear-gradient(135deg,#f36f21,#df5011);border:0;border-radius:10px;cursor:pointer;font-size:16px;font-weight:900;box-shadow:0 8px 20px rgba(232,94,24,.22)}.card-pay-button b{padding-left:12px;border-left:1px solid rgba(255,255,255,.35)}.card-pay-button:disabled{opacity:.7;cursor:wait}
.card-payment-card>footer{margin-top:18px;padding-top:16px;display:flex;flex-wrap:wrap;gap:18px;color:#5c697b;border-top:1px solid #edf0f3;font-size:12px;font-weight:700}
@media(max-width:600px){.card-payment-card{padding:19px 16px}.card-payment-card>header{gap:11px}.card-payment-card header h2{font-size:21px}.card-payment-card header p{font-size:13px}.card-payment-form{grid-template-columns:1fr;gap:13px}.card-payment-form .wide{grid-column:1}.card-payment-form label{font-size:14px}.card-payment-form input,.card-payment-form select{height:52px;font-size:16px}.card-charge-summary>div{font-size:13px}.card-charge-summary .total{font-size:15px}.card-charge-summary strong{font-size:18px}.card-pay-button{font-size:15px}.card-payment-card>footer{display:grid;gap:9px}}

/* Seller order operations */
.seller-order-operation { max-width:1500px; }.seller-order-flash { margin-top:16px; }.seller-order-kpis { margin:18px 0 12px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px; }.seller-order-kpis article { padding:15px;display:flex;gap:11px;align-items:center;background:white;border:1px solid #e0e5ea;border-radius:11px; }.seller-order-kpis article > span { width:37px;height:37px;display:grid;place-items:center;color:#f36f21;background:#fff0e7;border-radius:9px;font-weight:950; }.seller-order-kpis article > div { display:grid;grid-template-columns:1fr auto;gap:2px 9px;align-items:end; }.seller-order-kpis small { color:#788391;font-size:8px;font-weight:850; }.seller-order-kpis strong { grid-row:1/3;grid-column:2;color:#26344a;font-size:20px; }.seller-order-kpis p { margin:0;color:#9299a3;font-size:7px; }.seller-order-kpis .urgent { border-color:#efc2c7;background:#fffafb; }.seller-order-kpis .urgent > span { color:#a83c49;background:#fde9ec; }.seller-order-kpis .warning > span { color:#93620c;background:#fff6dc; }
.seller-order-toolbar { padding:12px 14px;display:flex;align-items:end;justify-content:space-between;gap:14px;background:white;border:1px solid #e0e5ea;border-radius:11px 11px 0 0; }.seller-order-toolbar > form:first-child { min-width:0;display:flex;gap:8px;align-items:end;flex:1; }.seller-order-toolbar label { display:grid;gap:4px;color:#788391;font-size:8px;font-weight:850; }.seller-order-toolbar input,.seller-order-toolbar select { min-height:38px;padding:8px 10px;border:1px solid #dce1e6;border-radius:7px;background:#fafbfc;font-size:9px; }.seller-order-search { max-width:440px;min-width:260px;position:relative;flex:1; }.seller-order-search > span { position:absolute;left:11px;bottom:9px;color:#f36f21;font-size:14px; }.seller-order-search input { width:100%;padding-left:32px; }.seller-order-toolbar button { min-height:38px;padding:8px 13px;color:white;background:#17243c;border:0;border-radius:7px;font-size:8px;font-weight:950;cursor:pointer; }.seller-order-toolbar form:first-child > a { min-height:38px;padding:0 4px;display:grid;place-items:center;color:#e35e16;font-size:8px;font-weight:900; }.seller-order-toolbar #bulk-prepare-form { display:grid;justify-items:end;gap:3px; }.seller-order-toolbar #bulk-prepare-form button { background:#f36f21; }.seller-order-toolbar #bulk-prepare-form small { color:#8c949f;font-size:7px; }
.seller-order-status-tabs { padding:0 10px;display:flex;gap:2px;overflow:auto;background:white;border:1px solid #e0e5ea;border-top:0;border-radius:0 0 11px 11px; }.seller-order-status-tabs a { padding:11px 10px;flex:none;position:relative;color:#697484;font-size:8px;font-weight:850; }.seller-order-status-tabs a.active { color:#e76018; }.seller-order-status-tabs a.active::after { content:"";height:2px;position:absolute;left:9px;right:9px;bottom:0;background:#f36f21; }.seller-order-status-tabs b { margin-left:4px;padding:2px 5px;background:#f1f3f5;border-radius:20px;font-size:7px; }
.seller-order-list.enhanced { margin-top:16px;display:grid;gap:12px; }.seller-order-list.enhanced .seller-order-card { padding:0;overflow:hidden;border-radius:12px;box-shadow:0 5px 16px rgba(28,42,65,.04); }.seller-order-list.enhanced .seller-order-card.overdue { border-color:#e9b8be; }.seller-order-list.enhanced .seller-order-card > header { padding:14px 16px;display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;background:#fafbfc;border-bottom:1px solid #e6e9ed; }.seller-order-select input { width:17px;height:17px;accent-color:#f36f21; }.seller-order-select i { width:19px;height:19px;display:grid;place-items:center;color:#2a8559;background:#e2f4e9;border-radius:50%;font-size:8px;font-style:normal; }.seller-order-title h2 { margin:4px 0;color:#253349;font-size:14px; }.seller-order-title small,.seller-order-title p { margin:0;color:#7f8996;font-size:8px; }.seller-order-head-actions { display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end; }.seller-order-head-actions > small { color:#a33f49;font-size:7px;font-weight:850; }.seller-order-head-actions > a { padding:6px 8px;color:#98501e;background:#fff4e8;border:1px solid #f3d4b5;border-radius:6px;font-size:8px;font-weight:900; }
.seller-order-progress { width:min(720px,calc(100% - 32px));margin:14px 16px 2px;display:grid;grid-template-columns:20px 1fr 20px 1fr 20px 1fr 20px;align-items:center;position:relative; }.seller-order-progress > i { width:20px;height:20px;display:grid;place-items:center;color:#9aa2ac;background:#eceff2;border-radius:50%;font-size:7px;font-style:normal;font-weight:900; }.seller-order-progress > i.done { color:white;background:#f36f21; }.seller-order-progress > span { height:3px;background:#e7eaed; }.seller-order-progress > i.done + span { background:#f8a474; }.seller-order-progress ol { grid-column:1/-1;margin:5px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);color:#8a939f;font-size:7px;font-weight:800;list-style:none; }.seller-order-progress ol li:nth-child(2),.seller-order-progress ol li:nth-child(3) { text-align:center; }.seller-order-progress ol li:last-child { text-align:right; }
.seller-order-list.enhanced .seller-order-forms { padding:14px 16px;display:grid;grid-template-columns:1fr 1fr;gap:12px; }.seller-order-list.enhanced .seller-order-forms form { margin:0;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:9px;background:#f7f8fa;border:1px solid #e5e8ec;border-radius:9px; }.seller-order-list.enhanced .seller-order-forms h3 { grid-column:1/-1;margin:0 0 2px;color:#2d3a4f;font-size:11px; }.seller-order-list.enhanced .seller-order-forms label { display:grid;gap:5px;color:#657183;font-size:8px;font-weight:850; }.seller-order-list.enhanced .seller-order-forms label.wide,.seller-order-list.enhanced .seller-order-forms button,.seller-order-list.enhanced .seller-order-forms .danger-text { grid-column:1/-1; }.seller-order-list.enhanced .seller-order-forms input,.seller-order-list.enhanced .seller-order-forms select,.seller-order-list.enhanced .seller-order-forms textarea { width:100%;min-height:38px;padding:8px 9px;border:1px solid #d9dee4;border-radius:7px;background:white;font-size:9px; }.seller-order-list.enhanced .seller-order-forms button { padding:10px;color:white;background:#17243c;border:0;border-radius:7px;font-size:8px;font-weight:950;cursor:pointer; }
.seller-order-support-row { padding:0 16px 14px; }.seller-order-support-row .order-document-form { margin:0;padding:11px;display:grid;grid-template-columns:1fr 150px 1fr 1fr auto;gap:8px;align-items:center;background:#fff9f4;border:1px solid #f2deca;border-radius:9px; }.seller-order-support-row input,.seller-order-support-row select { min-height:35px;padding:7px 8px;border:1px solid #dfd9d3;border-radius:6px;background:white;font-size:8px; }.seller-order-support-row button { min-height:35px;padding:7px 11px;color:white;background:#f36f21;border:0;border-radius:6px;font-size:8px;font-weight:900; }.seller-order-support-row .uploaded-documents { margin-top:7px; }.mini-shipment-history { margin:0 16px 14px!important;padding:11px!important;display:grid!important;grid-template-columns:auto 1fr!important;gap:4px 12px!important;background:#f8fafb!important;border:1px solid #e6e9ed!important;border-radius:8px!important; }.mini-shipment-history > b { grid-row:1/4;color:#344156;font-size:8px; }.mini-shipment-history span { color:#687486;font-size:8px; }.mini-shipment-history strong { margin-right:5px;color:#f36f21; }
@media(max-width:1050px){.seller-order-kpis { grid-template-columns:repeat(2,1fr); }.seller-order-toolbar { align-items:stretch;flex-direction:column; }.seller-order-toolbar #bulk-prepare-form { justify-items:start; }.seller-order-list.enhanced .seller-order-forms { grid-template-columns:1fr; }.seller-order-support-row .order-document-form { grid-template-columns:1fr 1fr; }.seller-order-support-row .order-document-form strong { grid-column:1/-1; }}
@media(max-width:650px){.seller-order-kpis { grid-template-columns:1fr 1fr; }.seller-order-toolbar > form:first-child { align-items:stretch;flex-direction:column; }.seller-order-search { max-width:none;min-width:0; }.seller-order-list.enhanced .seller-order-card > header { grid-template-columns:25px 1fr; }.seller-order-head-actions { grid-column:1/-1;margin-top:10px;justify-content:flex-start; }.seller-order-list.enhanced .seller-order-forms form { grid-template-columns:1fr; }.seller-order-list.enhanced .seller-order-forms h3,.seller-order-list.enhanced .seller-order-forms label.wide,.seller-order-list.enhanced .seller-order-forms button { grid-column:1; }.seller-order-support-row .order-document-form { grid-template-columns:1fr; }.seller-order-support-row .order-document-form strong { grid-column:1; }.mini-shipment-history { grid-template-columns:1fr!important; }.mini-shipment-history > b { grid-row:auto; }}

/* Admin order operations */
.admin-order-head-links { display:flex;gap:8px; }.admin-order-head-links a { padding:9px 11px;color:#344156;background:white;border:1px solid #dce1e7;border-radius:7px;font-size:8px;font-weight:900; }.admin-order-flash { margin-top:16px; }.admin-order-kpis { margin:17px 0 11px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px; }.admin-order-kpis article { padding:14px;display:grid;grid-template-columns:1fr auto;gap:3px;background:white;border:1px solid #e0e4e9;border-radius:10px; }.admin-order-kpis small { color:#798391;font-size:8px;font-weight:850; }.admin-order-kpis strong { grid-row:1/3;grid-column:2;color:#27354a;font-size:19px; }.admin-order-kpis span { color:#979ea8;font-size:7px; }.admin-order-kpis .alert { border-color:#efc8a9;background:#fffaf5; }.admin-order-kpis .alert strong { color:#e65f17; }
.admin-order-filter { padding:12px;display:grid;grid-template-columns:minmax(250px,1.5fr) repeat(5,minmax(115px,.7fr)) auto auto;gap:7px;align-items:end;background:white;border:1px solid #e0e5ea;border-radius:10px 10px 0 0; }.admin-order-filter label { display:grid;gap:4px;color:#788391;font-size:7px;font-weight:850; }.admin-order-filter input,.admin-order-filter select { width:100%;min-height:38px;padding:8px;border:1px solid #dce1e6;border-radius:7px;background:#fafbfc;font-size:8px; }.admin-order-filter .search { position:relative; }.admin-order-filter .search > span { position:absolute;left:10px;bottom:9px;color:#f36f21;font-size:14px; }.admin-order-filter .search input { padding-left:30px; }.admin-order-filter button { min-height:38px;padding:8px 12px;color:white;background:#17243c;border:0;border-radius:7px;font-size:8px;font-weight:950; }.admin-order-filter > a { min-height:38px;padding:0 4px;display:grid;place-items:center;color:#e45e16;font-size:8px;font-weight:900; }
.admin-order-payment-tabs { padding:0 10px;display:flex;overflow:auto;gap:3px;background:white;border:1px solid #e0e5ea;border-top:0;border-radius:0 0 10px 10px; }.admin-order-payment-tabs a { padding:10px 9px;flex:none;position:relative;color:#6e7886;font-size:8px;font-weight:850; }.admin-order-payment-tabs a.active { color:#e75f17; }.admin-order-payment-tabs a.active::after { content:"";height:2px;position:absolute;left:8px;right:8px;bottom:0;background:#f36f21; }.admin-order-payment-tabs b { margin-left:4px;padding:2px 5px;background:#f0f2f4;border-radius:20px;font-size:7px; }
.admin-order-table { margin-top:14px;overflow:hidden;background:white;border:1px solid #e0e5ea;border-radius:11px; }.admin-order-table > header,.admin-order-table > article { display:grid;grid-template-columns:1.2fr 1.3fr .55fr .65fr .8fr 65px;gap:12px;align-items:center; }.admin-order-table > header { padding:10px 13px;color:#84909e;background:#f2f4f6;font-size:7px;font-weight:950;letter-spacing:.5px; }.admin-order-table > article { padding:13px;border-top:1px solid #eaedf0; }.admin-order-table > article:hover { background:#fffaf7; }.admin-order-table article > div { min-width:0;display:grid;gap:3px; }.admin-order-table article a:first-child { color:#27354a;font-size:9px;font-weight:950; }.admin-order-table article b { overflow:hidden;color:#4e596a;font-size:8px;text-overflow:ellipsis;white-space:nowrap; }.admin-order-table article small { color:#8c949f;font-size:7px; }.admin-order-table article strong { color:#f36f21;font-size:10px; }.admin-order-table .payment-state { justify-self:start;padding:5px 7px;border-radius:99px;font-size:7px;font-weight:900; }.admin-order-signals { display:flex!important;gap:4px!important;flex-direction:row!important;flex-wrap:wrap; }.admin-order-signals span { padding:4px 6px;border-radius:5px;font-size:7px;font-weight:900; }.admin-order-signals .transfer { color:#96520e;background:#fff0d9; }.admin-order-signals .delay { color:#9f3b47;background:#fde8eb; }.admin-order-signals .request { color:#6542a1;background:#f0eafb; }.admin-order-open { color:#e65e16!important;font-size:8px!important; }.admin-order-empty { padding:60px!important;display:block!important;text-align:center; }.admin-order-empty > span { width:46px;height:46px;margin:auto;display:grid;place-items:center;color:white;background:#f36f21;border-radius:50%;font-size:19px; }.admin-order-empty h2 { margin:12px 0 5px; }.admin-order-empty p { color:#7d8794; }.admin-order-empty a { color:#f36f21!important; }
.admin-order-summary { margin:17px 0 11px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px; }.admin-order-summary article { padding:14px;display:grid;gap:4px;background:white;border:1px solid #e1e5e9;border-radius:10px; }.admin-order-summary small,.admin-order-summary article > span { color:#89929d;font-size:7px; }.admin-order-summary strong { color:#27354a;font-size:15px; }.admin-transfer-review { margin-bottom:11px;padding:14px 16px;display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;color:#67450b;background:#fff7e3;border:1px solid #efd598;border-radius:10px; }.admin-transfer-review > span { width:38px;height:38px;display:grid;place-items:center;color:white;background:#e99a26;border-radius:9px;font-size:17px;font-weight:900; }.admin-transfer-review small { font-size:7px;font-weight:950; }.admin-transfer-review h2 { margin:3px 0;font-size:13px; }.admin-transfer-review p { margin:0;font-size:8px; }.admin-transfer-review a { padding:9px 11px;color:#8c4e0d;background:white;border-radius:7px;font-size:8px;font-weight:900; }
.admin-order-detail-grid { display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px;align-items:start; }.admin-order-detail-grid > div,.admin-order-detail-grid > aside { display:grid;gap:11px; }.admin-order-panel,.admin-order-payment-control,.admin-order-address,.admin-order-ledger { padding:17px;background:white;border:1px solid #e0e5ea;border-radius:11px; }.admin-order-panel > header { margin-bottom:10px;display:flex;align-items:end;justify-content:space-between; }.admin-order-panel header span,.admin-order-payment-control > span,.admin-order-address > span,.admin-order-ledger > span { color:#f36f21;font-size:7px;font-weight:950;letter-spacing:.8px; }.admin-order-panel h2,.admin-order-payment-control h2,.admin-order-address h2 { margin:4px 0;font-size:15px; }.admin-order-panel header > a { color:#e55e16;font-size:8px;font-weight:900; }.admin-order-item { padding:12px 0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;border-top:1px solid #e9ecef; }.admin-order-item > div { display:grid;gap:3px; }.admin-order-item small,.admin-order-item p { margin:0;color:#818b97;font-size:8px; }.admin-order-item h3 { margin:0;color:#334056;font-size:11px; }.admin-order-item > div:nth-child(2) { justify-items:end; }.admin-order-item > div:nth-child(2) b { font-size:8px; }.admin-order-item > strong { color:#f36f21;font-size:10px; }.admin-order-item ol { grid-column:1/-1;margin:0;padding:8px 10px;display:grid;gap:4px;background:#f7f8fa;border-radius:7px;list-style:none; }.admin-order-item li { display:flex;gap:8px;color:#677385;font-size:8px; }.admin-order-item li b { color:#e65e16; }.admin-order-request { padding:11px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-top:1px solid #e9ecef; }.admin-order-request b { font-size:9px; }.admin-order-request p { margin:4px 0 0;color:#77818f;font-size:8px; }.admin-order-audit article { padding:8px 0;display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;border-top:1px solid #edf0f2; }.admin-order-audit i { width:28px;height:28px;display:grid;place-items:center;color:#f36f21;background:#fff0e7;border-radius:7px;font-style:normal;font-weight:900; }.admin-order-audit div { display:grid;gap:2px; }.admin-order-audit b { font-size:8px; }.admin-order-audit span { color:#88919d;font-size:7px; }.admin-order-audit a { color:#e65e16;font-size:7px;font-weight:900; }
.admin-order-payment-control > p,.admin-order-address p { color:#717d8c;font-size:9px;line-height:1.55; }.admin-order-payment-control form { margin-top:12px;display:grid;gap:8px; }.admin-order-payment-control label { display:grid;gap:4px;color:#697586;font-size:8px;font-weight:850; }.admin-order-payment-control input,.admin-order-payment-control textarea { padding:9px;border:1px solid #dbe0e5;border-radius:7px;font-size:9px; }.admin-order-payment-control form > div { display:grid;grid-template-columns:1fr 1fr;gap:7px; }.admin-order-payment-control button { padding:10px;color:white;background:#178052;border:0;border-radius:7px;font-size:8px;font-weight:900; }.admin-order-payment-control button.danger { background:#a84955; }.admin-payment-closed { margin-top:10px;padding:10px;color:#707a88;background:#f3f5f7;border-radius:7px;font-size:8px; }.admin-order-ledger article { padding:9px 0;display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf0f2; }.admin-order-ledger article div,.admin-order-ledger article > strong { display:grid;gap:3px; }.admin-order-ledger b { font-size:8px; }.admin-order-ledger small { color:#89919d;font-size:7px; }.admin-order-ledger article > strong { justify-items:end;font-size:9px; }.admin-order-ledger .payment-state { padding:3px 5px;border-radius:5px;font-size:6px; }
@media(max-width:1200px){.admin-order-filter { grid-template-columns:repeat(4,1fr); }.admin-order-filter .search { grid-column:1/-1; }.admin-order-kpis { grid-template-columns:repeat(3,1fr); }.admin-order-table { overflow:auto; }.admin-order-table > header,.admin-order-table > article { min-width:1000px; }}
@media(max-width:850px){.admin-order-detail-grid { grid-template-columns:1fr; }.admin-order-summary { grid-template-columns:1fr 1fr; }.admin-transfer-review { grid-template-columns:38px 1fr; }.admin-transfer-review a { grid-column:2;justify-self:start; }.admin-order-head-links { flex-wrap:wrap; }}
@media(max-width:600px){.admin-order-kpis { grid-template-columns:1fr 1fr; }.admin-order-filter { grid-template-columns:1fr 1fr; }.admin-order-filter .search { grid-column:1/-1; }.admin-order-item { grid-template-columns:1fr auto; }.admin-order-item > strong { grid-column:2; }.admin-order-item > div:nth-child(2) { grid-column:1;justify-items:start; }.admin-order-summary { grid-template-columns:1fr 1fr; }}

/* Support operations and SLA */
.support-ops-metrics { grid-template-columns:repeat(5,1fr); }.support-ops-metrics a { position:relative; }.support-ops-metrics a::after { content:"";width:4px;position:absolute;inset:10px auto 10px 0;background:#d7dce2;border-radius:0 4px 4px 0; }.support-ops-metrics a.metric-danger::after { background:#c94e5c; }.support-ops-metrics a.metric-warning::after { background:#ee9d24; }.support-ops-metrics a span { color:#99a0a9;font-size:7px; }.support-ops-filters { margin:13px 0 0;padding:12px;display:grid;grid-template-columns:minmax(250px,1.6fr) repeat(4,minmax(120px,.7fr)) auto auto;gap:8px;align-items:end;background:white;border:1px solid #e0e5ea;border-radius:10px; }.support-ops-filters label { display:grid;gap:4px;color:#748091;font-size:8px;font-weight:850; }.support-ops-filters input,.support-ops-filters select { width:100%;min-height:38px;padding:8px 9px;border:1px solid #dce1e6;border-radius:7px;background:#fafbfc;font-size:8px; }.support-ops-filters button { min-height:38px;padding:8px 13px;color:white;background:#17243c;border:0;border-radius:7px;font-size:8px;font-weight:950;cursor:pointer; }.support-ops-filters > a { min-height:38px;display:grid;place-items:center;color:#e35e16;font-size:8px;font-weight:900; }.support-ops-summary { padding:12px 2px 8px;display:flex;justify-content:space-between;color:#818b98;font-size:8px; }.support-ops-summary b { color:#303e53; }.support-ops-list { gap:10px; }.support-ops-row { overflow:hidden;background:white;border:1px solid #e0e4e9;border-radius:11px; }.support-ops-row.is-overdue { border-color:#e4a8af;box-shadow:0 3px 12px rgba(150,48,61,.06); }.support-ops-main { padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:15px; }.support-ops-main h2 { margin:5px 0;color:#2c394e;font-size:12px; }.support-ops-main p { margin:0;color:#7e8895;font-size:8px; }.support-ops-state { display:grid;grid-template-columns:auto auto;gap:5px;justify-items:end;align-content:center; }.support-ops-state small,.support-ops-state b { grid-column:1/-1;font-size:7px; }.support-ops-state small { color:#89929d; }.support-ops-state b { color:#3c4a5f; }.support-sla-strip { padding:8px 16px;display:flex;align-items:center;justify-content:space-between;color:#6e7886;background:#f6f8f9;border-top:1px solid #e8ebee;font-size:8px; }.support-sla-strip.danger { color:#a43b49;background:#fff1f3; }.support-sla-strip form { margin:0; }.support-sla-strip button,.support-sla-board button { padding:6px 9px;color:#e45e16;background:white;border:1px solid #f0b68f;border-radius:6px;font-size:7px;font-weight:900;cursor:pointer; }
.support-sla-board { margin:16px 0 12px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;background:white;border:1px solid #dde3e8;border-radius:11px; }.support-sla-board.has-breach { border-color:#e7b2b8; }.support-sla-board > div { padding:14px 16px;display:grid;gap:4px;border-right:1px solid #e7eaed; }.support-sla-board > div:last-child { border:0; }.support-sla-board small { color:#858e9a;font-size:7px;font-weight:900;text-transform:uppercase; }.support-sla-board strong { color:#27364c;font-size:11px; }.support-sla-board span { color:#8d96a1;font-size:7px; }.support-sla-board form { margin-top:2px; }.reply-action-note,.control-help { margin:0;color:#84909d;font-size:8px;line-height:1.45; }.related-support-tickets { padding:16px;background:white;border:1px solid #e0e4e8;border-radius:11px; }.related-support-tickets h2 { margin:0 0 8px;font-size:13px; }.related-support-tickets a { padding:9px 0;display:grid;grid-template-columns:auto 1fr;gap:3px 8px;border-top:1px solid #edf0f2; }.related-support-tickets b { color:#e45e16;font-size:8px; }.related-support-tickets span { overflow:hidden;color:#39465a;font-size:8px;text-overflow:ellipsis;white-space:nowrap; }.related-support-tickets small { grid-column:2;color:#8a939e;font-size:7px; }
.support-customer-metrics { margin:18px 0 10px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px; }.support-customer-metrics div { padding:13px 15px;display:flex;align-items:center;justify-content:space-between;background:white;border:1px solid #e1e5e9;border-radius:9px; }.support-customer-metrics small { color:#75808e;font-size:9px;font-weight:800; }.support-customer-metrics strong { color:#f36f21;font-size:18px; }.support-customer-tabs { margin-bottom:12px; }.customer-sla { margin-top:7px!important;display:block;color:#25714f!important;font-weight:800; }.customer-sla.overdue { color:#a63c49!important; }.customer-sla-banner { margin:16px 0 12px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;color:#245f45;background:#ebf8f1;border:1px solid #c4e8d4;border-radius:10px; }.customer-sla-banner b { font-size:10px; }.customer-sla-banner span { font-size:9px; }.customer-sla-banner.overdue { color:#963845;background:#fff0f2;border-color:#efc4ca; }
@media(max-width:1100px){.support-ops-metrics { grid-template-columns:repeat(3,1fr); }.support-ops-filters { grid-template-columns:repeat(3,1fr); }.support-ops-filters .wide { grid-column:1/-1; }}
@media(max-width:720px){.support-ops-metrics,.support-sla-board,.support-customer-metrics { grid-template-columns:1fr 1fr; }.support-ops-filters { grid-template-columns:1fr 1fr; }.support-ops-main { grid-template-columns:1fr; }.support-ops-state { justify-items:start; }.support-sla-strip { gap:8px; }.customer-sla-banner { align-items:flex-start;flex-direction:column;gap:5px; }}
@media(max-width:480px){.support-ops-metrics,.support-sla-board,.support-customer-metrics,.support-ops-filters { grid-template-columns:1fr; }.support-ops-filters .wide { grid-column:1; }}

/* Storefront UI v4: consistent icons, interaction states and mobile filters */
.ui-svg-icon { display:block;flex:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.storefront-body :where(a,button,input,select,textarea):focus-visible { outline:3px solid rgba(243,111,33,.28);outline-offset:2px; }
.storefront-chrome .account-nav a { padding:8px 6px;border-radius:9px;transition:color .18s,background .18s; }
.storefront-chrome .account-nav a:hover { background:#fff5ee; }
.storefront-chrome .ui-icon { width:28px;height:28px;display:grid;place-items:center;color:#485468;background:#f5f7f9;border-radius:8px; }
.storefront-chrome .account-nav a:hover .ui-icon { color:#f36f21;background:#fff; }
.storefront-chrome .search-box button { display:grid;place-items:center; }
.storefront-chrome .all-categories { display:flex;align-items:center;justify-content:center;gap:9px; }
.storefront-chrome .all-categories > i { display:grid;place-items:center; }
.storefront-chrome .all-categories > i .ui-svg-icon { transition:transform .2s; }
.storefront-chrome .all-categories.open > i .ui-svg-icon { transform:rotate(180deg); }
.storefront-chrome .all-categories.open > i { transform:none; }
.catalog-filter-trigger,.catalog-filter-close,.catalog-filter-backdrop { display:none; }
.catalog-v2 .catalog-card { overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.catalog-v2 .catalog-info h2 a { transition:color .18s; }.catalog-v2 .catalog-card:hover .catalog-info h2 a { color:#d95711; }
.catalog-v2 .catalog-card-actions button { transition:transform .15s,background .15s,border-color .15s; }.catalog-v2 .catalog-card-actions button:hover { background:#263753;transform:translateY(-1px); }.catalog-v2 .catalog-card-actions .compare-button:hover { color:white;border-color:#f36f21;background:#f36f21; }
.catalog-v2 .results-toolbar { padding:0 3px; }
.product-showcase { align-items:start; }.product-summary { min-width:0; }
@media(min-width:1101px){.product-showcase .product-summary { position:sticky;top:142px; }}

@media(max-width:980px){
    .catalog-v2 .catalog-layout { display:block; }
    .catalog-v2 .catalog-filters { width:min(390px,92vw);height:100dvh;position:fixed;z-index:1100;top:0;right:0;display:block;overflow-y:auto;border:0;border-radius:18px 0 0 18px;box-shadow:-20px 0 55px rgba(20,34,59,.2);transform:translateX(105%);transition:transform .25s ease; }
    .catalog-filter-open .catalog-v2 .catalog-filters { transform:translateX(0); }
    .catalog-filter-close { width:38px;height:38px;position:absolute;z-index:2;top:12px;right:12px;display:grid;place-items:center;color:#4c5667;border:1px solid #dfe3e8;border-radius:50%;background:white;cursor:pointer; }
    .catalog-v2 .filter-title { padding-right:62px; }
    .catalog-filter-trigger { min-height:38px;padding:8px 13px;display:flex;align-items:center;gap:7px;color:#29364b;border:1px solid #dce1e7;border-radius:8px;background:white;font-size:11px;font-weight:900;cursor:pointer; }
    .catalog-filter-trigger b { min-width:18px;height:18px;display:grid;place-items:center;color:white;background:#f36f21;border-radius:50%;font-size:8px; }
    .catalog-filter-backdrop { width:100%;height:100%;position:fixed;z-index:1090;inset:0;display:block;visibility:hidden;border:0;background:rgba(14,23,39,.48);opacity:0;transition:opacity .2s,visibility .2s; }
    .catalog-filter-open .catalog-filter-backdrop { visibility:visible;opacity:1; }
    body.catalog-filter-open { overflow:hidden; }
    .catalog-v2 .results-toolbar { gap:10px; }
    .catalog-v2 .results-toolbar > a { margin-left:auto; }
}

@media(max-width:700px){
    .storefront-chrome .main-header { box-shadow:0 6px 22px rgba(20,34,59,.08); }
    .storefront-chrome .header-row { padding-block:11px; }
    .storefront-chrome .brand { justify-self:center; }
    .storefront-chrome .search-box { height:44px;border-radius:12px; }
    .mobile-storefront-dock { right:8px;bottom:7px;left:8px;min-height:64px;border-radius:18px; }
    .mobile-storefront-dock a { position:relative;font-size:9px; }
    .mobile-storefront-dock i { width:30px;height:28px; }
    .mobile-storefront-dock > a > b { min-width:17px;height:17px;position:absolute;top:-2px;left:calc(50% + 6px);display:grid;place-items:center;color:white;background:#f36f21;border:2px solid white;border-radius:50%;font-size:7px; }
    .mobile-storefront-dock a.active i { transform:translateY(-1px); }
    .catalog-v2 .catalog-hero h1 { font-size:30px; }
    .catalog-v2 .catalog-category-strip { margin-top:12px; }
    .catalog-v2 .results-toolbar { min-height:50px;flex-wrap:wrap; }
    .catalog-v2 .results-toolbar > a { width:100%;order:3;text-align:right; }
}

/* Seller finance operations v2 */
.seller-finance-v2 { max-width:1450px;padding-bottom:70px; }.finance-heading > div:last-child { display:flex;gap:8px;align-items:center; }.finance-heading .finance-export { padding:10px 13px;color:#146b49;background:#eaf8f1;border:1px solid #c5e8d6;border-radius:8px;font-size:9px;font-weight:900; }.finance-balance-grid { margin:19px 0 13px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px; }.finance-balance-grid article { min-width:0;padding:18px;display:grid;gap:6px;background:white;border:1px solid #dfe4e9;border-radius:11px;box-shadow:0 4px 16px rgba(20,34,59,.025); }.finance-balance-grid article.available { color:white;border-color:#176b4a;background:linear-gradient(135deg,#155e43,#1b8058);box-shadow:0 10px 24px rgba(21,94,67,.16); }.finance-balance-grid span { color:#7c8795;font-size:8px;font-weight:950;letter-spacing:.7px; }.finance-balance-grid .available span,.finance-balance-grid .available p { color:#c3ead8; }.finance-balance-grid strong { overflow:hidden;color:#26364c;font-size:21px;text-overflow:ellipsis;white-space:nowrap; }.finance-balance-grid .available strong { color:white; }.finance-balance-grid p { margin:0;color:#8c95a0;font-size:8px;line-height:1.45; }
.finance-flow-card { margin-bottom:13px;padding:17px 19px;background:white;border:1px solid #dfe4e9;border-radius:11px; }.finance-flow-card > header { margin-bottom:14px;display:flex;align-items:end;justify-content:space-between;gap:16px; }.finance-flow-card header > div > span,.settlement-ledger header span,.payout-history-v2 header span,.finance-actions-v2 form > span { color:#ed681e;font-size:8px;font-weight:950;letter-spacing:.8px; }.finance-flow-card h2,.settlement-ledger h2,.payout-history-v2 h2,.finance-actions-v2 h2 { margin:4px 0 0;color:#28364b;font-size:17px; }.finance-flow-card nav,.payout-history-v2 nav { display:flex;gap:3px;flex-wrap:wrap; }.finance-flow-card nav a,.payout-history-v2 nav a { padding:7px 9px;color:#6f7a89;border-radius:6px;font-size:8px;font-weight:850; }.finance-flow-card nav a.active,.payout-history-v2 nav a.active { color:#d8560e;background:#fff0e7; }.finance-flow { display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr;align-items:stretch; }.finance-flow > article { padding:14px 16px;display:grid;gap:4px;background:#f7f9fa;border-radius:9px; }.finance-flow > i { display:grid;place-items:center;color:#9aa3ae;font-size:20px;font-style:normal;font-weight:500; }.finance-flow small { color:#7b8694;font-size:8px;font-weight:850; }.finance-flow strong { color:#29374c;font-size:17px; }.finance-flow span { color:#929aa4;font-size:7px; }.finance-flow .commission strong { color:#b14c3d; }.finance-flow .net { background:#edf8f2; }.finance-flow .net strong { color:#176c4a; }
.finance-workspace { display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:13px;align-items:start; }.settlement-ledger,.payout-history-v2 { overflow:hidden;background:white;border:1px solid #dfe4e9;border-radius:11px; }.settlement-ledger > header { padding:17px 19px 12px; }.settlement-ledger header p { margin:5px 0 0;color:#84909d;font-size:8px; }.finance-filter { padding:10px 13px;display:grid;grid-template-columns:minmax(220px,1fr) 180px auto auto;gap:7px;align-items:end;background:#f6f8f9;border-block:1px solid #e5e9ed; }.finance-filter label { display:grid;gap:4px;color:#748091;font-size:7px;font-weight:900; }.finance-filter input,.finance-filter select { min-height:37px;padding:8px 9px;border:1px solid #dbe1e6;border-radius:7px;background:white;font-size:8px; }.finance-filter button { min-height:37px;padding:8px 13px;color:white;background:#17243c;border:0;border-radius:7px;font-size:8px;font-weight:900; }.finance-filter > a { min-height:37px;display:grid;place-items:center;color:#e35f17;font-size:8px;font-weight:900; }.finance-ledger-table table,.payout-history-v2 table { width:100%;border-collapse:collapse; }.finance-ledger-table th,.finance-ledger-table td,.payout-history-v2 th,.payout-history-v2 td { padding:11px 12px;border-bottom:1px solid #edf0f2;text-align:left;font-size:8px;vertical-align:middle; }.finance-ledger-table th,.payout-history-v2 th { color:#818b97;background:#fafbfc;font-size:7px;text-transform:uppercase;letter-spacing:.35px; }.finance-ledger-table td:first-child { min-width:190px;display:grid;gap:3px; }.finance-ledger-table td:first-child a { color:#e25d16;font-size:8px;font-weight:950; }.finance-ledger-table td:first-child b { color:#354257;font-size:8px; }.finance-ledger-table td small,.payout-history-v2 td small { display:block;margin-top:3px;color:#929aa4;font-size:7px; }.finance-ledger-table td.commission { color:#a7463a; }.finance-ledger-table td > strong,.payout-history-v2 td > strong { color:#176c4a;font-size:9px; }.settlement-ledger > nav,.payout-history-v2 > nav { padding:10px; }
.finance-actions-v2 { display:grid;gap:11px; }.finance-actions-v2 form { padding:17px;display:grid;gap:10px;background:white;border:1px solid #dfe4e9;border-radius:11px; }.finance-actions-v2 label { display:grid;gap:5px;color:#687586;font-size:8px;font-weight:850; }.finance-actions-v2 input { width:100%;min-height:40px;padding:9px 10px;border:1px solid #dbe0e5;border-radius:7px;font-size:9px; }.finance-actions-v2 button { padding:10px;color:white;background:#17243c;border:0;border-radius:7px;font-size:8px;font-weight:950;cursor:pointer; }.finance-actions-v2 button:disabled { opacity:.4;cursor:not-allowed; }.finance-actions-v2 form > small { color:#88919d;font-size:7px;line-height:1.5; }.payout-request-card { color:white!important;border-color:#18263e!important;background:linear-gradient(145deg,#18263e,#243755)!important; }.payout-request-card > span { color:#ff9a61!important; }.payout-request-card h2,.payout-request-card label,.payout-request-card > small { color:white; }.payout-available { padding:12px;display:grid;gap:4px;background:rgba(255,255,255,.08);border-radius:8px; }.payout-available small { color:#c5cede;font-size:7px; }.payout-available strong { font-size:19px; }.payout-request-card button { color:#14223b;background:white; }
.payout-history-v2 { margin-top:13px; }.payout-history-v2 > header { padding:15px 18px;display:flex;align-items:end;justify-content:space-between;gap:14px;border-bottom:1px solid #e8ebee; }.payout-history-v2 td:nth-child(3) { min-width:180px; }.payout-history-v2 .status { white-space:nowrap; }
@media(max-width:1100px){.finance-balance-grid { grid-template-columns:repeat(2,1fr); }.finance-workspace { grid-template-columns:1fr; }.finance-actions-v2 { grid-template-columns:1fr 1fr; }}
@media(max-width:760px){.finance-heading,.finance-flow-card > header,.payout-history-v2 > header { align-items:flex-start;flex-direction:column; }.finance-heading > div:last-child { width:100%;flex-wrap:wrap; }.finance-flow { grid-template-columns:1fr;gap:7px; }.finance-flow > i { height:18px; }.finance-filter { grid-template-columns:1fr 1fr; }.finance-actions-v2 { grid-template-columns:1fr; }.finance-ledger-table table,.payout-history-v2 table { min-width:850px; }}
@media(max-width:520px){.finance-balance-grid,.finance-filter { grid-template-columns:1fr; }.finance-balance-grid strong { font-size:18px; }}

/* Admin payout reconciliation */
.admin-payout-head-actions { display:flex;gap:8px; }.admin-payout-head-actions a { padding:9px 11px;color:#344156;background:white;border:1px solid #dce2e7;border-radius:7px;font-size:8px;font-weight:900; }.admin-payout-kpis { margin:18px 0 11px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px; }.admin-payout-kpis > * { padding:15px;display:grid;gap:4px;background:white;border:1px solid #dfe4e9;border-radius:10px; }.admin-payout-kpis .primary { color:white;border-color:#182841;background:linear-gradient(140deg,#182841,#2a405f); }.admin-payout-kpis small { color:#7e8895;font-size:7px;font-weight:900; }.admin-payout-kpis .primary small,.admin-payout-kpis .primary span { color:#c6d0de; }.admin-payout-kpis strong { overflow:hidden;color:#29374c;font-size:18px;text-overflow:ellipsis;white-space:nowrap; }.admin-payout-kpis .primary strong { color:white; }.admin-payout-kpis span { color:#969da7;font-size:7px; }.admin-payout-tabs { margin-bottom:0;border-radius:10px 10px 0 0;background:white;border:1px solid #e0e4e8; }.admin-payout-filter { padding:11px 12px;display:grid;grid-template-columns:minmax(250px,1.5fr) repeat(4,minmax(105px,.6fr)) auto auto;gap:7px;align-items:end;background:white;border:1px solid #e0e4e8;border-top:0;border-radius:0 0 10px 10px; }.admin-payout-filter label { display:grid;gap:4px;color:#778291;font-size:7px;font-weight:900; }.admin-payout-filter input { width:100%;min-height:37px;padding:8px 9px;border:1px solid #dce1e6;border-radius:7px;background:#fafbfc;font-size:8px; }.admin-payout-filter button { min-height:37px;padding:8px 12px;color:white;background:#17243c;border:0;border-radius:7px;font-size:8px;font-weight:900; }.admin-payout-filter > a { min-height:37px;display:grid;place-items:center;color:#e25d16;font-size:8px;font-weight:900; }
.admin-payout-bulk { margin-top:12px;padding:11px 13px;display:grid;grid-template-columns:minmax(180px,1fr) 190px 220px auto auto;gap:8px;align-items:center;color:white;background:#192941;border-radius:10px;box-shadow:0 7px 20px rgba(25,41,65,.12); }.admin-payout-bulk > div { display:grid;gap:3px; }.admin-payout-bulk b { font-size:9px; }.admin-payout-bulk small { color:#bac5d4;font-size:7px; }.admin-payout-bulk input { min-height:37px;padding:8px 9px;color:#26354a;border:0;border-radius:7px;background:white;font-size:8px; }.admin-payout-bulk button { min-height:37px;padding:8px 10px;color:#173d2d;background:#d8f5e7;border:0;border-radius:7px;font-size:8px;font-weight:900; }.admin-payout-bulk button.reject { color:#7f2834;background:#f9dfe3; }
.admin-payout-table { margin-top:12px;overflow:hidden;background:white;border:1px solid #dfe4e9;border-radius:11px; }.admin-payout-table > header,.admin-payout-table > article { display:grid;grid-template-columns:28px minmax(170px,1.1fr) .55fr minmax(180px,1fr) minmax(135px,.8fr) minmax(230px,1.25fr);gap:12px;align-items:center; }.admin-payout-table > header { padding:10px 13px;color:#84909d;background:#f1f4f6;font-size:7px;font-weight:950;letter-spacing:.4px;text-transform:uppercase; }.admin-payout-table > article { padding:13px;border-top:1px solid #e9edf0; }.admin-payout-table > article:hover { background:#fffaf7; }.admin-payout-table input[type=checkbox] { width:17px;height:17px;accent-color:#f36f21; }.payout-row-mark { width:19px;height:19px;display:grid;place-items:center;color:#23825a;background:#dcf5e8;border-radius:50%;font-size:8px;font-weight:950; }.payout-identity,.payout-bank,.payout-reconcile { min-width:0;display:grid;gap:3px; }.payout-identity a { overflow:hidden;color:#2e3c51;font-size:9px;font-weight:950;text-overflow:ellipsis;white-space:nowrap; }.payout-identity b { color:#e35e16;font-size:7px; }.payout-identity small,.payout-bank span,.payout-reconcile small { color:#89929e;font-size:7px; }.admin-payout-table article > strong { color:#176c4a;font-size:10px; }.payout-bank b { font-size:8px; }.payout-bank button { justify-self:start;padding:3px 0;color:#e35e16;border:0;background:transparent;font-size:7px;font-weight:900;cursor:pointer; }.payout-reconcile .status { justify-self:start; }.payout-reconcile b { font-size:7px; }.payout-decision { display:grid;grid-template-columns:1fr 1.2fr;gap:5px; }.payout-decision input,.payout-decision textarea { width:100%;min-height:35px;padding:7px;border:1px solid #dce1e6;border-radius:6px;background:#fafbfc;font:inherit;font-size:7px;resize:none; }.payout-decision > div { grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:5px; }.payout-decision button { padding:7px;color:white;background:#18704e;border:0;border-radius:6px;font-size:7px;font-weight:900; }.payout-decision button.reject { background:#a84653; }.payout-result p { margin:0;color:#737e8c;font-size:8px;line-height:1.45; }.payout-result b { display:block;margin-top:4px;color:#176c4a;font-size:7px; }
@media(max-width:1200px){.admin-payout-filter { grid-template-columns:repeat(3,1fr); }.admin-payout-filter .search { grid-column:1/-1; }.admin-payout-bulk { grid-template-columns:1fr 1fr 1fr; }.admin-payout-bulk > div { grid-column:1/-1; }.admin-payout-table { overflow:auto; }.admin-payout-table > header,.admin-payout-table > article { min-width:1100px; }}
@media(max-width:700px){.admin-payout-head-actions { flex-wrap:wrap; }.admin-payout-kpis { grid-template-columns:1fr 1fr; }.admin-payout-filter,.admin-payout-bulk { grid-template-columns:1fr; }.admin-payout-filter .search,.admin-payout-bulk > div { grid-column:1; }}

/* Return-driven seller reconciliation */
.seller-finance-debt { margin:-3px 0 13px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#7c2935;background:#fff3f4;border:1px solid #efcbd0;border-left:4px solid #b84452;border-radius:9px; }
.seller-finance-debt b { font-size:10px;white-space:nowrap; }.seller-finance-debt span { color:#8f5860;font-size:8px;line-height:1.5;text-align:right; }
.finance-adjustments-v2,.admin-adjustment-ledger { margin-top:13px;overflow:hidden;background:white;border:1px solid #dfe4e9;border-radius:11px; }
.finance-adjustments-v2 > header,.admin-adjustment-ledger > header { padding:16px 18px;display:flex;align-items:end;justify-content:space-between;gap:16px;border-bottom:1px solid #e8ebee; }
.finance-adjustments-v2 header span,.admin-adjustment-ledger header span { color:#e8631a;font-size:8px;font-weight:950;letter-spacing:.8px; }
.finance-adjustments-v2 h2,.admin-adjustment-ledger h2 { margin:4px 0 0;color:#28364b;font-size:17px; }
.finance-adjustments-v2 header p,.admin-adjustment-ledger header p { margin:5px 0 0;color:#84909d;font-size:8px; }
.admin-adjustment-ledger header > a { padding:8px 10px;color:#d95711;background:#fff0e7;border-radius:7px;font-size:8px;font-weight:900;white-space:nowrap; }
.finance-adjustments-v2 table,.admin-adjustment-ledger table { width:100%;border-collapse:collapse; }
.finance-adjustments-v2 th,.finance-adjustments-v2 td,.admin-adjustment-ledger th,.admin-adjustment-ledger td { padding:11px 12px;border-bottom:1px solid #edf0f2;text-align:left;vertical-align:middle;font-size:8px; }
.finance-adjustments-v2 th,.admin-adjustment-ledger th { color:#818b97;background:#fafbfc;font-size:7px;letter-spacing:.35px;text-transform:uppercase; }
.finance-adjustments-v2 td b,.admin-adjustment-ledger td b { color:#354257;font-size:8px; }.finance-adjustments-v2 td small,.admin-adjustment-ledger td small { margin-top:3px;display:block;color:#929aa4;font-size:7px; }
.finance-adjustments-v2 .positive,.admin-adjustment-ledger .positive { color:#18714e;font-weight:900; }.finance-adjustments-v2 .negative,.admin-adjustment-ledger .negative { color:#aa3f4c;font-weight:900; }
.finance-adjustments-v2 > nav { padding:10px; }
.recovery-state { padding:4px 7px;display:inline-block;border-radius:99px;font-size:7px;font-weight:950; }.recovery-state.open { color:#86540e;background:#fff2d8; }.recovery-state.complete { color:#176b49;background:#e3f6ec; }
.finance-recoveries-v2 { margin-top:13px;overflow:hidden;background:white;border:1px solid #dfe4e9;border-radius:11px; }.finance-recoveries-v2 > header { padding:16px 18px;border-bottom:1px solid #e8ebee; }.finance-recoveries-v2 header span { color:#1c7a54;font-size:8px;font-weight:950;letter-spacing:.8px; }.finance-recoveries-v2 h2 { margin:4px 0 0;color:#28364b;font-size:17px; }.finance-recoveries-v2 header p { margin:5px 0 0;color:#84909d;font-size:8px; }.finance-recoveries-v2 table { width:100%;border-collapse:collapse; }.finance-recoveries-v2 th,.finance-recoveries-v2 td { padding:11px 12px;border-bottom:1px solid #edf0f2;text-align:left;font-size:8px; }.finance-recoveries-v2 th { color:#818b97;background:#fafbfc;font-size:7px;letter-spacing:.35px;text-transform:uppercase; }.finance-recoveries-v2 td a { color:#df5c16;font-weight:950; }.finance-recoveries-v2 td small { margin-top:3px;display:block;color:#929aa4;font-size:7px; }.finance-recoveries-v2 .positive strong { color:#18714e; }.finance-recoveries-v2 > nav { padding:10px; }
@media(max-width:760px){.seller-finance-debt,.finance-adjustments-v2 > header,.admin-adjustment-ledger > header { align-items:flex-start;flex-direction:column; }.seller-finance-debt span { text-align:left; }.finance-adjustments-v2 table,.admin-adjustment-ledger table,.finance-recoveries-v2 table { min-width:820px; }}

/* Readability baseline: comfortable marketplace and operations typography */
body.storefront-body { font-size:15px;line-height:1.55; }
body.storefront-body :where(small) { font-size:12px!important;line-height:1.45; }
body.storefront-body :where(label,input,select,textarea) { font-size:13px; }
body.storefront-body :where(.section-kicker,.eyebrow,.product-badge,.verified-flag,.discount-flag,.status) { font-size:11px!important;letter-spacing:.25px; }
body.storefront-body :where(.product-card,.catalog-card,.discovery-product-grid article) h3,
body.storefront-body .catalog-info h2 { font-size:14px!important;line-height:1.45; }
body.storefront-body :where(.product-card,.catalog-card) :where(.seller,.rating,.product-activity,.installment,.catalog-condition) { font-size:11.5px!important;line-height:1.45; }

/* Real product variant presentation */
.card-variant-summary{display:grid;gap:7px;margin:9px 0 7px;min-height:28px}.card-color-swatches,.card-capacity-list{display:flex;align-items:center;gap:5px;min-width:0}.card-color-swatches i,.variant-summary-row i,.variant-option-swatch{width:17px;height:17px;flex:0 0 17px;border:2px solid #fff;border-radius:50%;background:var(--swatch,#d8dde6);box-shadow:0 0 0 1px #c9ced7}.card-color-swatches span{margin-left:3px;color:#687083;font-size:11px;font-weight:750}.card-color-swatches small{padding:2px 4px;border-radius:5px;background:#eef1f5;color:#50596a;font-size:9px}.card-capacity-list span,.card-capacity-list small{padding:4px 7px;border:1px solid #dfe3e9;border-radius:6px;background:#f8f9fb;color:#354055;font-size:9px;font-weight:850;white-space:nowrap}.price-row strong small,.catalog-price strong small{display:block;margin-top:2px;color:#687083;font-size:9px;font-weight:750;letter-spacing:0}.product-starting-price{align-self:center;color:#697284;font-size:10px;font-weight:800}.product-summary .variant-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-summary .variant-picker legend,.variant-summary-row{grid-column:1/-1}.variant-summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e2e6ec;border-radius:10px;background:#fafbfc}.variant-summary-row>b{color:#30394b;font-size:11px}.variant-summary-row>span{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.variant-summary-row>span>small{margin-left:4px;color:#687083;font-size:10px}.variant-summary-row em{padding:5px 8px;border:1px solid #dfe3e9;border-radius:7px;background:#fff;color:#30394b;font-size:10px;font-style:normal;font-weight:850}.product-summary .variant-picker label.variant-option{padding:0;border:0}.product-summary .variant-picker .variant-option>span{display:flex;align-items:center;gap:10px;padding:11px 12px}.variant-option>span>div{display:grid;gap:4px;min-width:0}.variant-option input{position:absolute;opacity:0;pointer-events:none}.variant-option:has(input:focus-visible)>span{outline:3px solid rgba(243,111,33,.25);outline-offset:2px}.variant-option-swatch{width:23px;height:23px;flex-basis:23px}.product-meta-line [data-product-stock]{font-weight:850}

/* Seller variant workspace */
.variant-workspace-intro{display:grid;grid-template-columns:150px 170px 1fr;gap:12px;align-items:stretch;margin:0 0 20px}.variant-workspace-intro>div,.variant-workspace-intro>p{margin:0;padding:15px 17px;border:1px solid #dfe4eb;border-radius:12px;background:#fff}.variant-workspace-intro>div{display:grid;gap:2px}.variant-workspace-intro b{color:#101d31;font-size:24px}.variant-workspace-intro span,.variant-workspace-intro p{color:#687083;font-size:12px;line-height:1.55}.variant-create>p,.variant-list-heading p{margin:-6px 0 15px;color:#687083;font-size:11px}.variant-create form,.variant-fields{gap:12px}.variant-create label,.variant-fields label{font-size:11px}.variant-create input,.variant-fields input,.variant-create select,.variant-fields select{min-height:42px;width:100%;padding:9px 10px;border:1px solid #d7dce4;border-radius:8px;background:#fff;color:#182338;font-size:12px}.variant-create .wide,.variant-fields .wide{grid-column:1/-1}.variant-color-field{grid-template-columns:1fr auto!important;align-items:center}.variant-color-field>input{grid-column:1/-1;height:44px;padding:4px;cursor:pointer}.variant-color-field>span{color:#687083;font-size:10px}.variant-image-choices{display:flex;gap:7px;overflow:auto;padding:2px}.variant-image-choices button{width:58px;height:58px;flex:0 0 58px;padding:3px;border:1px solid #dfe3e9;border-radius:9px;background:#fff}.variant-image-choices button.active{border-color:#f36f21;box-shadow:0 0 0 2px rgba(243,111,33,.16)}.variant-image-choices img{width:100%;height:100%;object-fit:cover;border-radius:6px}.variant-record>header{display:flex;align-items:center;gap:11px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #edf0f4}.variant-record>header>div{display:grid;gap:3px}.variant-record>header b{font-size:14px}.variant-record>header small{color:#768093;font-size:10px}.variant-record>header em{margin-left:auto;padding:5px 8px;border-radius:999px;background:#f1f3f6;color:#6e7787;font-size:9px;font-style:normal;font-weight:900}.variant-record>header em.active{background:#eaf8ef;color:#16723b}.variant-color-preview{width:28px;height:28px;border:3px solid #fff;border-radius:50%;background:var(--variant-color);box-shadow:0 0 0 1px #cbd1da}.variant-list-heading h2{margin-bottom:8px}

@media(max-width:760px){.product-summary .variant-picker{grid-template-columns:1fr}.variant-workspace-intro{grid-template-columns:1fr 1fr}.variant-workspace-intro>p{grid-column:1/-1}.card-capacity-list{overflow:hidden}.variant-create{padding:17px}.variant-record{padding:16px!important}.variant-fields{grid-template-columns:1fr!important}.variant-image-choices{grid-column:1/-1}.variant-summary-row{align-items:flex-start;flex-direction:column}.variant-summary-row>span{justify-content:flex-start}}
body.storefront-body .product-meta-line { font-size:13px; }
body.storefront-body :where(.breadcrumb,.catalog-breadcrumb,.market-breadcrumb,.store-page-breadcrumb) { font-size:13px!important; }
body.storefront-body .product-information > nav a { font-size:13px; }
body.storefront-body :where(.product-description,.product-information,.review-list,.question-list) p { font-size:14px;line-height:1.7; }

body.backoffice-body { font-size:14px;line-height:1.5; }
body.backoffice-body :where(small) { font-size:11px!important;line-height:1.45; }
body.backoffice-body :where(label) { font-size:12px!important;line-height:1.4; }
body.backoffice-body :where(input,select,textarea) { font-size:13px!important; }
body.backoffice-body :where(table th) { font-size:11px!important;line-height:1.35; }
body.backoffice-body :where(table td) { font-size:12px!important;line-height:1.45; }
body.backoffice-body .backoffice-sidebar nav a { font-size:12px;line-height:1.35; }
body.backoffice-body .backoffice-sidebar nav small { font-size:9.5px!important; }
body.backoffice-body .backoffice-account b { font-size:12px; } body.backoffice-body .backoffice-account span { font-size:10.5px; }
body.backoffice-body .backoffice-topbar :where(span,a,button) { font-size:11px; }
body.backoffice-body :where(.status,.settlement-state,.return-state,.payment-state) { font-size:10.5px!important; }
body.backoffice-body :where(.backoffice-page-head>div>span,.seller-heading>div>span,.admin-heading>div>span) { font-size:10.5px!important; }
@media(max-width:700px){body.storefront-body{font-size:14px}body.storefront-body :where(small){font-size:11px!important}body.backoffice-body .backoffice-content{padding:16px}}

/* Admin catalog moderation center */
.admin-product-moderation{max-width:1680px;padding:28px 24px 60px}.catalog-review-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.catalog-review-head span{color:#f56621;font-size:12px;font-weight:900;letter-spacing:1.2px}.catalog-review-head h1{margin:6px 0;font-size:30px}.catalog-review-head p{margin:0;color:#64748b;font-size:14px}.catalog-review-head>a{padding:12px 16px;color:#17233b;border:1px solid #dbe1e8;border-radius:10px;background:#fff;font-size:13px;font-weight:800}.moderation-alert{margin-bottom:18px;padding:14px 16px;display:grid;gap:4px;border-radius:10px;font-size:13px}.moderation-alert.success{color:#166534;background:#ecfdf3;border:1px solid #bbf7d0}.moderation-alert.error{color:#991b1b;background:#fff1f2;border:1px solid #fecdd3}.catalog-review-metrics{margin-bottom:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.catalog-review-metrics article{padding:16px 18px;display:grid;grid-template-columns:1fr auto;gap:4px 12px;border:1px solid #e1e6ec;border-radius:12px;background:#fff}.catalog-review-metrics span{font-size:13px;font-weight:800}.catalog-review-metrics strong{grid-row:1/3;grid-column:2;font-size:28px}.catalog-review-metrics small{color:#718096;font-size:11px}.catalog-review-tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid #dfe4ea}.catalog-review-tabs a{padding:13px 15px;position:relative;flex:none;color:#667085;font-size:13px;font-weight:800}.catalog-review-tabs a.active{color:#e85f18}.catalog-review-tabs a.active:after{content:"";height:3px;position:absolute;left:12px;right:12px;bottom:-1px;background:#f36f21}.catalog-review-tabs b{margin-left:5px;padding:2px 6px;color:#344054;background:#eef1f5;border-radius:20px;font-size:10px}.catalog-review-filter{margin:16px 0;padding:14px;display:grid;grid-template-columns:minmax(210px,1.5fr) repeat(4,minmax(140px,1fr)) auto auto;gap:10px;align-items:end;border:1px solid #e1e6ec;border-radius:12px;background:#fff}.catalog-review-filter label,.catalog-bulk-bar label,.catalog-single-decision label{display:grid;gap:6px}.catalog-review-filter label>span,.catalog-bulk-bar label>span,.catalog-single-decision label>span{color:#475467;font-size:11px;font-weight:800}.catalog-review-filter input,.catalog-review-filter select,.catalog-bulk-bar input,.catalog-single-decision textarea,.catalog-single-decision select{width:100%;padding:11px;border:1px solid #d8dee7;border-radius:8px;background:#fff;font-size:13px}.catalog-review-filter button,.catalog-review-filter>a{padding:11px 15px;text-align:center;border:0;border-radius:8px;font-size:12px;font-weight:850}.catalog-review-filter button{color:#fff;background:#17233b}.catalog-review-filter>a{color:#c2410c;background:#fff7ed}.catalog-bulk-bar{margin-bottom:14px;padding:13px 14px;display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:end;border:1px solid #fed7aa;border-radius:12px;background:#fff7ed}.catalog-bulk-bar .bulk-select-all{min-width:150px;display:flex;align-items:center;gap:8px;align-self:center;font-size:13px;font-weight:800}.bulk-select-all input{width:18px;height:18px}.bulk-select-all b{padding:4px 7px;color:#9a3412;background:#ffedd5;border-radius:20px;font-size:10px}.catalog-bulk-bar button,.catalog-single-decision button{padding:11px 14px;color:#fff;border:0;border-radius:8px;background:#17233b;font-size:12px;font-weight:850;cursor:pointer}.catalog-bulk-bar button.reject{background:#b42318}.catalog-review-list{display:grid;gap:12px}.catalog-review-card{padding:18px;position:relative;display:grid;grid-template-columns:150px minmax(0,1fr) 280px;gap:20px;align-items:start;border:1px solid #e0e5eb;border-radius:13px;background:#fff}.product-selector{position:absolute;top:9px;left:9px;z-index:2}.product-selector input{position:absolute;opacity:0}.product-selector span{width:25px;height:25px;display:grid;place-items:center;border:2px solid #cbd5e1;border-radius:7px;background:#fff;box-shadow:0 2px 8px #17233b1f}.product-selector input:checked+span{border-color:#f36f21;background:#f36f21}.product-selector input:checked+span:after{content:"✓";color:#fff;font-size:16px;font-weight:900}.catalog-review-image{height:150px;display:grid;place-items:center;overflow:hidden;color:#98a2b3;background:#f5f7f9;border-radius:10px;font-size:12px}.catalog-review-image img{width:100%;height:100%;object-fit:contain}.catalog-review-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#667085;font-size:11px}.catalog-review-badges span{padding:4px 7px;background:#f2f4f7;border-radius:20px}.catalog-review-badges .state,.catalog-review-badges .imei{font-weight:850}.catalog-review-badges .state.pending_review{color:#9a3412;background:#fff2e8}.catalog-review-badges .state.active{color:#166534;background:#dcfce7}.catalog-review-badges .state.rejected{color:#991b1b;background:#fee2e2}.catalog-review-badges .imei{color:#1d4ed8;background:#dbeafe}.catalog-review-copy h2{margin:10px 0 5px;font-size:18px}.catalog-review-copy>p{margin:0 0 13px;color:#667085;font-size:13px;line-height:1.55}.catalog-review-copy>dl{margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.catalog-review-copy dt{color:#8a94a4;font-size:10px;font-weight:750}.catalog-review-copy dd{margin:3px 0 0;font-size:12px;font-weight:750}.catalog-device-check{margin-top:13px;padding:11px;display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:#344054;border:1px solid #bfdbfe;border-radius:9px;background:#eff6ff;font-size:11px}.catalog-device-check strong,.catalog-device-check a{color:#1e40af;font-weight:850}.catalog-device-check b{color:#b42318}.catalog-last-note{margin-top:12px;padding:10px;color:#7f1d1d;background:#fff1f2;border-radius:8px;font-size:12px}.catalog-last-note small{margin-left:5px;color:#9f1239}.catalog-single-decision{padding-left:18px;display:grid;gap:9px;border-left:1px solid #eaecf0}.catalog-single-decision textarea{min-height:90px;resize:vertical}.catalog-review-empty{padding:50px;text-align:center;color:#667085;border:1px dashed #cbd5e1;border-radius:13px;background:#fff}.catalog-review-empty strong{color:#344054;font-size:18px}.catalog-review-empty p{font-size:13px}
@media(max-width:1200px){.catalog-review-filter{grid-template-columns:repeat(3,1fr)}.catalog-review-card{grid-template-columns:120px minmax(0,1fr)}.catalog-review-image{height:120px}.catalog-single-decision{grid-column:1/-1;padding:14px 0 0;border-left:0;border-top:1px solid #eaecf0;grid-template-columns:1fr 220px auto;align-items:end}.catalog-review-copy>dl{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.admin-product-moderation{padding:18px 14px 90px}.catalog-review-head{align-items:flex-start;flex-direction:column}.catalog-review-head h1{font-size:24px}.catalog-review-metrics{grid-template-columns:repeat(2,1fr)}.catalog-review-filter,.catalog-bulk-bar{grid-template-columns:1fr}.catalog-review-card{grid-template-columns:1fr}.catalog-review-image{height:230px}.catalog-single-decision{grid-template-columns:1fr}.catalog-bulk-bar{position:sticky;bottom:70px;z-index:8;box-shadow:0 12px 35px #17233b33}}

/* Dense storefront discovery and account entry */
.home-product-rail{padding-block:34px}.home-product-rail:nth-of-type(even){position:relative}.discovery-section-head>div:first-child>p{margin:5px 0 0;color:#6b7280;font-size:13px}.home-rail-arrows{display:flex;gap:6px}.home-rail-arrows button{width:36px;height:36px;color:#26344a;border:1px solid #dce2e8;border-radius:50%;background:#fff;font-size:15px;cursor:pointer}.home-rail-arrows button:disabled{opacity:.35}.home-product-rail .discovery-product-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 1px 10px}.home-product-rail .discovery-product-grid::-webkit-scrollbar{display:none}.home-product-rail .discovery-product-grid article{min-width:225px;max-width:225px;scroll-snap-align:start;box-shadow:0 4px 15px rgba(24,36,56,.045)}.home-product-rail .discovery-image{height:225px;position:relative;background:#f7f8fa}.home-product-rail .discovery-image img{object-fit:contain}.home-product-rail .discovery-image>b{padding:6px 8px;position:absolute;left:9px;bottom:9px;color:#fff;background:#e65f17;border-radius:6px;font-size:10px}.home-product-rail .discovery-product-grid article>div{padding:14px}.home-product-rail .discovery-product-grid small i{color:#2d8ee6;font-style:normal}.home-product-rail .discovery-product-grid h3{min-height:42px;margin:7px 0;font-size:13px}.rail-rating{height:24px;display:flex;gap:6px;align-items:center}.rail-rating span{color:#9a5b06;font-size:10px;font-weight:800}.rail-rating small{color:#8a94a3!important;font-size:9px!important}.home-product-rail .discovery-product-grid strong{font-size:17px}.rail-product-link{margin-top:11px;padding:9px;display:block;color:#e85e16;border:1px solid #f3c4aa;border-radius:7px;text-align:center;font-size:10px;font-weight:900}.home-mission-section{padding-block:38px}.home-mission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.home-mission-grid>a{min-height:235px;padding:25px;overflow:hidden;position:relative;color:#17233b;border-radius:17px}.home-mission-grid>a>span{font-size:10px;font-weight:950;letter-spacing:1.1px}.home-mission-grid h3{max-width:250px;margin:14px 0 8px;font-size:20px;line-height:1.25}.home-mission-grid p{max-width:250px;margin:0;color:#536174;font-size:12px;line-height:1.55}.home-mission-grid b{position:absolute;left:25px;bottom:24px;font-size:11px}.home-mission-grid i{position:absolute;right:-5px;bottom:-30px;opacity:.1;font-size:150px;font-style:normal;font-weight:950}.mission-tech{background:#eaf2ff}.mission-price{background:#fff0e6}.mission-store{background:#eaf8f1}.mission-new{background:#f2edff}.home-knowledge-hub{margin-block:35px;padding:30px;display:grid;grid-template-columns:300px 1fr;gap:34px;color:#fff;background:linear-gradient(125deg,#15243c,#2a4263);border-radius:20px}.home-knowledge-hub header>div>span{color:#ff9b62;font-size:10px;font-weight:950;letter-spacing:1.2px}.home-knowledge-hub h2{margin:10px 0 6px;font-size:27px}.home-knowledge-hub header p{color:#c8d3df;font-size:12px;line-height:1.6}.home-knowledge-hub header>a{color:#ff9b62;font-size:11px;font-weight:850}.home-knowledge-hub>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.home-knowledge-hub>div>a{padding:14px;display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:11px}.home-knowledge-hub i{width:34px;height:34px;display:grid;place-items:center;color:#ff9b62;background:rgba(255,255,255,.08);border-radius:8px;font-size:10px;font-style:normal;font-weight:900}.home-knowledge-hub span{display:grid;gap:4px}.home-knowledge-hub b{font-size:12px}.home-knowledge-hub small{color:#bac6d5;font-size:10px;line-height:1.4}.home-membership-band{margin-block:38px 55px;padding:30px 34px;display:grid;grid-template-columns:1.2fr 1fr auto;gap:30px;align-items:center;color:#332012;background:radial-gradient(circle at 80% 0,#fff,transparent 35%),#fff0e4;border:1px solid #f3d3bd;border-radius:18px}.home-membership-band>div:first-child>span{color:#df5b13;font-size:10px;font-weight:950}.home-membership-band h2{margin:7px 0;font-size:25px}.home-membership-band p{margin:0;color:#6e5545;font-size:12px}.membership-benefits{display:grid;gap:7px;color:#654532;font-size:11px;font-weight:800}.home-membership-band>a,.membership-actions a{padding:12px 17px;border-radius:8px;font-size:11px;font-weight:900}.home-membership-band>a,.membership-actions a:first-child{color:#fff;background:#17233b}.membership-actions{display:flex;gap:7px}.membership-actions a:last-child{color:#a7430e;background:#fff}
.auth-experience{min-height:740px;padding-block:40px 60px;display:grid;grid-template-columns:minmax(380px,.9fr) minmax(520px,1.1fr);gap:0}.auth-showcase{padding:48px;position:relative;overflow:hidden;display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at 90% 15%,rgba(255,143,77,.25),transparent 28%),linear-gradient(145deg,#14223a,#2d466a);border-radius:22px 0 0 22px}.auth-showcase:after{content:"P";position:absolute;right:-30px;bottom:-105px;color:rgba(255,255,255,.025);font-size:430px;font-weight:950;line-height:1}.auth-showcase>*{position:relative;z-index:1}.auth-showcase-brand{display:flex;gap:11px;align-items:center;color:#fff}.auth-showcase-brand>i{width:42px;height:42px;display:grid;place-items:center;background:#f36f21;border-radius:12px;font-size:22px;font-style:normal;font-weight:950}.auth-showcase-brand span{display:grid}.auth-showcase-brand b{font-size:20px}.auth-showcase-brand small{color:#bfcbd9;font-size:10px}.auth-showcase-copy{margin-top:72px}.auth-showcase-copy>span{color:#ff9b62;font-size:10px;font-weight:950;letter-spacing:1.4px}.auth-showcase-copy h1{margin:12px 0 10px;font-size:39px;line-height:1.08}.auth-showcase-copy p{max-width:460px;margin:0;color:#c8d3e1;font-size:14px;line-height:1.7}.auth-feature-list,.auth-journey{margin-top:36px;display:grid;gap:12px}.auth-feature-list article,.auth-journey article{padding:13px;display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);border-radius:11px}.auth-feature-list i,.auth-journey i{width:38px;height:38px;display:grid;place-items:center;color:#ff9b62;background:rgba(255,255,255,.08);border-radius:9px;font-style:normal;font-weight:950}.auth-feature-list article>div,.auth-journey article>div{display:grid;gap:3px}.auth-feature-list b,.auth-journey b{font-size:12px}.auth-feature-list span,.auth-journey span{color:#bdc9d7;font-size:10px;line-height:1.45}.auth-showcase-links{margin-top:auto;padding-top:25px;display:flex;gap:18px}.auth-showcase-links a{color:#d7e0ea;font-size:10px;font-weight:800}.auth-privacy-note{margin-top:auto;padding:14px;display:grid;gap:4px;color:#d5deea;background:rgba(255,255,255,.06);border-radius:10px;font-size:10px}.auth-form-panel{padding:32px 56px 22px;display:flex;flex-direction:column;background:#fff;border:1px solid #e3e7ec;border-left:0;border-radius:0 22px 22px 0}.auth-panel-top{display:flex;justify-content:space-between;gap:20px;color:#7a8492;font-size:10px;font-weight:800}.auth-panel-top>a{color:#596579}.auth-panel-top b{color:#e75f18}.auth-card.auth-card-rich{width:min(560px,100%);margin:auto;padding:35px 0;border:0;border-radius:0;box-shadow:none}.auth-card-rich h1{font-size:38px}.auth-card-rich label>span{font-size:12px}.auth-card-rich input:not([type=checkbox]){min-height:48px;font-size:13px}.auth-card-rich>button{min-height:49px;background:linear-gradient(110deg,#17233b,#263c5e);font-size:13px}.auth-form-options{display:flex;align-items:center;justify-content:space-between}.auth-form-options .remember{font-size:11px}.forgot-link{color:#e45c14;font-size:11px;font-weight:850}.auth-trust-footer{padding-top:16px;display:flex;gap:17px;border-top:1px solid #edf0f2;color:#7d8794;font-size:9px}.auth-trust-footer a{margin-left:auto;color:#e45c14;font-weight:850}.auth-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-password-hint{margin-top:-6px;display:flex;gap:7px;flex-wrap:wrap}.auth-password-hint span{padding:5px 7px;color:#64748b;background:#f3f5f7;border-radius:5px;font-size:9px}.auth-consents{padding:13px;display:grid;gap:10px;background:#f8fafb;border-radius:9px}.auth-consents .legal-check{display:grid;grid-template-columns:18px 1fr;gap:7px}.auth-consents .legal-check>span{font-size:10px;font-weight:500;line-height:1.45}.auth-consents a{color:#df5911;font-weight:850}.auth-consents small{color:#778190}.register-experience{grid-template-columns:minmax(370px,.85fr) minmax(600px,1.15fr)}.register-card-rich{width:min(650px,100%)!important}
@media(max-width:1000px){.home-mission-grid{grid-template-columns:1fr 1fr}.home-knowledge-hub{grid-template-columns:1fr}.home-membership-band{grid-template-columns:1fr}.auth-experience,.register-experience{grid-template-columns:1fr}.auth-showcase{min-height:460px;border-radius:20px 20px 0 0}.auth-showcase-copy{margin-top:40px}.auth-form-panel{border-left:1px solid #e3e7ec;border-top:0;border-radius:0 0 20px 20px}}
@media(max-width:650px){.home-product-rail{padding-block:25px}.discovery-section-head{align-items:flex-start;flex-direction:column}.discovery-head-actions{width:100%;justify-content:space-between}.home-product-rail .discovery-product-grid article{min-width:205px;max-width:205px}.home-product-rail .discovery-image{height:205px}.home-mission-grid{grid-template-columns:1fr}.home-mission-grid>a{min-height:210px}.home-knowledge-hub{padding:22px}.home-knowledge-hub>div{grid-template-columns:1fr}.home-membership-band{padding:23px}.membership-actions{flex-direction:column}.auth-experience{padding:14px}.auth-showcase{padding:28px;min-height:480px}.auth-showcase-copy h1{font-size:31px}.auth-form-panel{padding:25px 20px 18px}.auth-panel-top>span{display:none}.auth-card.auth-card-rich{padding:30px 0}.auth-card-rich h1{font-size:32px}.auth-field-grid{grid-template-columns:1fr}.auth-trust-footer{flex-wrap:wrap}.auth-trust-footer a{margin-left:0}}
.auth-form-panel>.auth-trust-footer{padding:16px 0 0!important;color:#7d8794!important;background:transparent!important;border-top:1px solid #edf0f2}.original-home>.home-product-rail{order:8}.original-home>.home-mission-section{order:9}.original-home>.home-knowledge-hub{order:10}.original-home>.home-membership-band{order:11}

/* Keep the homepage ending in one deliberate vertical flow. */
.original-home>.daily-deals{order:9;margin-top:30px;margin-bottom:20px;padding:30px;border:1px solid #f1dfd1;border-radius:18px;background:#fffaf6}.original-home>.daily-deals .section-heading p{margin:5px 0 0;color:#7b6b61;font-size:12px}.original-home>.home-mission-section{order:10;margin-top:18px;padding-top:50px;padding-bottom:42px;border-top:1px solid #e8ebef}.original-home>.home-knowledge-hub{order:11;margin-top:0;margin-bottom:18px}.original-home>.home-membership-band{order:12;margin-top:28px;margin-bottom:64px;position:relative}.original-home>.home-membership-band:before{content:"";height:1px;position:absolute;top:-24px;right:0;left:0;background:#e6e9ed}.storefront-chrome.original-home>footer{margin-top:0}
@media(max-width:650px){body.storefront-body{padding-bottom:74px}.original-home>.daily-deals{padding:20px 14px}.original-home>.daily-deals .deal-grid{grid-template-columns:1fr}.original-home>.home-mission-section{margin-top:8px;padding-top:38px;padding-bottom:32px}.original-home>.home-knowledge-hub{margin-bottom:12px}.original-home>.home-membership-band{margin-top:24px;margin-bottom:38px}.original-home>.home-membership-band:before{top:-19px}.cookie-banner{padding:12px 13px;gap:8px}.cookie-banner p{margin:3px 0;font-size:9px}.cookie-actions button{padding:9px 10px}}

/* In-page product image viewer */
.gallery-main-link{padding:0;border:0;background:transparent;cursor:zoom-in}.zoom-hint{border:0;cursor:zoom-in}.product-lightbox[hidden]{display:none!important}body.product-lightbox-open{overflow:hidden}.product-lightbox{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:22px}.product-lightbox-backdrop{position:absolute;inset:0;border:0;background:rgba(7,14,25,.86);backdrop-filter:blur(5px);cursor:zoom-out}.product-lightbox-panel{width:min(1280px,calc(100vw - 44px));height:min(900px,calc(100vh - 44px));position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden;color:#1b2a3f;background:#fff;border-radius:17px;box-shadow:0 28px 90px rgba(0,0,0,.42)}.product-lightbox-panel>header{min-height:69px;padding:12px 16px 12px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e6eaee}.product-lightbox-panel>header>div{min-width:0;display:grid;gap:3px}.product-lightbox-panel header small{color:#e75f18;font-size:10px;font-weight:950;letter-spacing:.6px}.product-lightbox-panel h2{max-width:900px;margin:0;overflow:hidden;color:#1b2a3f;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.product-lightbox-close{width:42px;height:42px;flex:0 0 42px;color:#4b5a6d;background:#f3f5f7;border:1px solid #e1e6ea;border-radius:50%;font-size:27px;line-height:1;cursor:pointer}.product-lightbox-stage{min-height:0;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,#fff 0,#f5f7f9 70%,#edf1f4 100%);touch-action:none}.product-lightbox-stage>img{width:100%;height:100%;max-width:none;max-height:none;padding:25px;display:block;object-fit:contain;transform-origin:center;transition:transform .16s ease;user-select:none;-webkit-user-drag:none}.product-lightbox-stage>img.zoomed{cursor:grab;transition:none}.product-lightbox-stage>img.zoomed:active{cursor:grabbing}.product-lightbox-nav{width:48px;height:64px;position:absolute;z-index:3;top:50%;translate:0 -50%;display:grid;place-items:center;color:#26374e;background:rgba(255,255,255,.9);border:1px solid #dce2e7;border-radius:11px;font-size:35px;cursor:pointer;box-shadow:0 8px 25px rgba(20,34,55,.12)}.product-lightbox-nav.previous{left:17px}.product-lightbox-nav.next{right:17px}.product-lightbox-panel>footer{min-height:66px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e6eaee}.product-lightbox-help{display:grid;gap:2px}.product-lightbox-help b{color:#1d2e46;font-size:13px}.product-lightbox-help span{color:#7a8797;font-size:10px}.product-lightbox-controls{display:flex;align-items:center;gap:7px}.product-lightbox-controls button{min-width:42px;height:40px;padding:0 13px;color:#26374d;background:#f4f6f8;border:1px solid #dce2e7;border-radius:8px;font-size:18px;font-weight:850;cursor:pointer}.product-lightbox-controls button[data-lightbox-reset]{font-size:10px}.product-lightbox-thumbs{padding:10px 18px;display:flex;justify-content:center;gap:8px;overflow-x:auto;border-top:1px solid #edf0f2}.product-lightbox-thumbs button{width:56px;height:56px;flex:0 0 56px;padding:3px;background:#fff;border:1px solid #dce2e7;border-radius:8px;cursor:pointer}.product-lightbox-thumbs button.active{border:2px solid #f36f21}.product-lightbox-thumbs img{width:100%;height:100%;object-fit:contain}.product-lightbox button:focus-visible{outline:3px solid rgba(243,111,33,.35);outline-offset:2px}
@media(max-width:700px){.product-lightbox{padding:0}.product-lightbox-panel{width:100vw;height:100dvh;border-radius:0}.product-lightbox-panel>header{min-height:62px;padding:10px 12px 10px 15px}.product-lightbox-panel h2{font-size:13px}.product-lightbox-stage>img{padding:12px}.product-lightbox-nav{width:39px;height:52px;font-size:29px}.product-lightbox-nav.previous{left:8px}.product-lightbox-nav.next{right:8px}.product-lightbox-panel>footer{min-height:60px;padding:8px 12px}.product-lightbox-help span{display:none}.product-lightbox-controls button{min-width:38px;height:38px}.product-lightbox-thumbs{justify-content:flex-start;padding:8px 12px}}
.product-lightbox-stage{overscroll-behavior:contain}.product-lightbox-stage>img{cursor:zoom-in;touch-action:none}.product-lightbox-touch-hint{display:none}
@media(hover:none),(pointer:coarse){.product-lightbox-touch-hint{max-width:calc(100% - 32px);padding:10px 14px;position:absolute;z-index:4;left:50%;bottom:16px;translate:-50% 0;display:grid;gap:2px;color:#fff;background:rgba(19,33,54,.84);border:1px solid rgba(255,255,255,.18);border-radius:10px;text-align:center;pointer-events:none;box-shadow:0 8px 24px rgba(11,22,39,.22);transition:opacity .2s}.product-lightbox-touch-hint b{font-size:12px}.product-lightbox-touch-hint span{font-size:10px;line-height:1.4}.product-lightbox-stage>img.zoomed~.product-lightbox-touch-hint{opacity:0}}

/* Trendyol-Style High-Density Compact Product Grid */
.catalog-grid, .store-products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(185px, 1fr)) !important;
    gap: 16px !important;
}

@media (min-width: 1200px) {
    .catalog-grid, .store-products {
        grid-template-columns: repeat(6, 1fr) !important;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .catalog-grid, .store-products {
        grid-template-columns: repeat(5, 1fr) !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .catalog-grid, .store-products {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

@media (max-width: 767px) and (min-width: 480px) {
    .catalog-grid, .store-products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 479px) {
    .catalog-grid, .store-products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
}

.catalog-card {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
}

.catalog-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -6px rgba(15, 23, 42, 0.12);
    border-color: #cbd5e1;
}

.catalog-image {
    aspect-ratio: 1 / 1;
    height: auto !important;
    max-height: 210px;
    position: relative;
    overflow: hidden;
    background: #f8fafc;
}

.catalog-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.catalog-card:hover .catalog-image img {
    transform: scale(1.05);
}

.catalog-info {
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.catalog-info h2 {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    color: #1e293b;
    margin: 4px 0 8px;
    min-height: 36px;
    max-height: 36px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.catalog-info h2 a {
    color: inherit;
    text-decoration: none;
}

.catalog-info h2 a:hover {
    color: #f36f21;
}

.catalog-rating {
    font-size: 11px;
    font-weight: 700;
    color: #f59e0b;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 6px;
}

.catalog-rating span {
    color: #64748b;
    font-weight: 500;
}

.catalog-price {
    margin-top: auto;
    display: flex;
    align-items: baseline;
    gap: 6px;
    flex-wrap: wrap;
    padding-top: 6px;
}

.catalog-price strong {
    font-size: 16px;
    font-weight: 800;
    color: #f36f21;
}

.catalog-price del {
    font-size: 11px;
    color: #94a3b8;
}

.catalog-card-actions {
    margin-top: 10px;
    display: grid;
    grid-template-columns: 1fr 36px;
    gap: 6px;
}

.catalog-card-actions button {
    background: #0f172a;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 8px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s;
}

.catalog-card-actions button:hover {
    background: #f36f21;
}

.catalog-card-actions .compare-button {
    background: #f8fafc;
    color: #64748b;
    border: 1px solid #e2e8f0;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalog-card-actions .compare-button:hover {
    background: #f1f5f9;
    color: #0f172a;
    border-color: #cbd5e1;
}

/* Grounded product AI assistant. */
.product-ai-assistant{margin-top:22px;padding:26px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px;align-items:center;color:#eff6ff;background:radial-gradient(circle at 12% 15%,rgba(249,115,22,.24),transparent 36%),linear-gradient(135deg,#111c32,#1b3152);border:1px solid #304867;border-radius:18px;box-shadow:0 18px 45px rgba(15,23,42,.12)}.product-ai-intro>span{color:#ff9a5d;font-size:11px;font-weight:950;letter-spacing:1px}.product-ai-intro h2{margin:6px 0 7px;color:#fff;font-size:25px}.product-ai-intro p{margin:0;color:#c1cddd;font-size:14px;line-height:1.6}.product-ai-suggestions{margin-top:14px;display:flex;flex-wrap:wrap;gap:7px}.product-ai-suggestions button{padding:7px 10px;color:#dce8f8;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:99px;font-size:11px;font-weight:750;cursor:pointer}.product-ai-suggestions button:hover{color:#fff;border-color:#f97316}.product-ai-chat{padding:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:13px}.product-ai-chat form{display:grid;gap:7px}.product-ai-chat label{color:#f8fafc;font-size:12px;font-weight:850}.product-ai-chat form>div{display:grid;grid-template-columns:1fr auto;gap:8px}.product-ai-chat input{min-width:0;height:48px;padding:0 13px;color:#17243c;background:#fff;border:0;border-radius:9px;font-size:14px}.product-ai-chat form button{padding:0 17px;color:#fff;background:#f36f21;border:0;border-radius:9px;font-size:12px;font-weight:950;cursor:pointer}.product-ai-chat form button:disabled{cursor:wait;opacity:.65}.product-ai-chat>small{display:block;margin-top:9px;color:#adbbce;font-size:10px;line-height:1.45}.product-ai-chat>small a{color:#ffad7c;text-decoration:underline}.product-ai-answer{margin-top:12px;padding:14px;color:#233047;background:#fff;border-radius:9px}.product-ai-answer.loading{color:#64748b}.product-ai-answer.error{color:#991b1b;background:#fff1f2}.product-ai-answer>b{display:block;color:#e85d16;font-size:11px}.product-ai-answer p{margin:5px 0;color:#26374e;font-size:14px;line-height:1.6}.product-ai-answer>small{display:block;margin-top:8px;color:#718096;font-size:9px}.product-ai-facts{display:flex;flex-wrap:wrap;gap:5px}.product-ai-facts span{padding:4px 7px;color:#40536b;background:#eef3f7;border-radius:99px;font-size:9px;font-weight:750}@media(max-width:760px){.product-ai-assistant{padding:19px 16px;grid-template-columns:1fr;gap:18px}.product-ai-intro h2{font-size:22px}.product-ai-intro p{font-size:13px}.product-ai-chat form>div{grid-template-columns:1fr}.product-ai-chat form button{height:46px}.product-ai-suggestions{display:grid;grid-template-columns:1fr}.product-ai-suggestions button{text-align:left}}

/* Product AI controls stay readable and comfortably tappable on every viewport. */
.product-ai-suggestions button,.product-ai-chat form button{font-size:14px;min-height:44px}.product-ai-chat label{font-size:14px}.product-ai-chat>small{font-size:12px}.product-ai-answer>b{font-size:13px}.product-ai-answer>small,.product-ai-facts span{font-size:11px}@media(max-width:760px){.product-ai-intro p{font-size:14px}.product-ai-chat input{font-size:16px}.product-ai-suggestions button{padding:10px 12px}}
.seller-product-owner-bar{margin:0 0 16px;padding:14px 16px;display:flex;align-items:center;gap:10px;color:#21324a;background:#f5f8fc;border:1px solid #d9e2ec;border-radius:12px}.seller-product-owner-bar>div{margin-right:auto;display:grid;gap:3px}.seller-product-owner-bar span{color:#6b7a8d;font-size:12px}.seller-product-owner-bar a{min-height:40px;padding:0 14px;display:flex;align-items:center;justify-content:center;color:#172b47;background:#fff;border:1px solid #ccd7e2;border-radius:8px;font-size:12px;font-weight:900}.seller-product-owner-bar a.ai{color:#fff;background:linear-gradient(135deg,#172b47,#283f89);border-color:transparent}@media(max-width:680px){.seller-product-owner-bar{align-items:stretch;flex-wrap:wrap}.seller-product-owner-bar>div{width:100%;margin:0}.seller-product-owner-bar a{flex:1}}

.catalog-card-actions .catalog-select-variant{min-height:41px;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:7px;color:#fff;background:#14223b;font-size:11px;font-weight:900;text-align:center}.catalog-card-actions .catalog-select-variant:hover{color:#fff;background:#263753}.original-home a.quick-add{display:flex;align-items:center;justify-content:center;text-decoration:none}