
.tr-products-page,
.tr-product-manager,
.tr-product-single,
.tr-product-simple-card {
    --tr-navy: #0B315F;
    --tr-red: #EF334F;
    --tr-green: #2E8B3C;
    --tr-muted: #64748B;
    --tr-border: #E2E8F0;
    --tr-bg: #F8FAFC;
    color: #10233F;
}

.tr-products-page,
.tr-product-manager,
.tr-product-single-container,
.tr-product-simple-card {
    width: min(calc(100% - 28px), 1220px);
    margin: clamp(34px, 6vw, 72px) auto;
}

.tr-products-page *,
.tr-product-manager *,
.tr-product-single *,
.tr-product-simple-card * { box-sizing: border-box; }

.tr-products-hero,
.tr-product-manager-hero,
.tr-product-form-card,
.tr-product-list-card,
.tr-product-gallery,
.tr-product-summary-card,
.tr-product-description-card,
.tr-product-simple-card {
    border: 1px solid var(--tr-border);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 16px 42px rgba(11, 49, 95, .07);
}

.tr-products-hero,
.tr-product-manager-hero {
    padding: clamp(28px, 5vw, 50px);
    background:
        radial-gradient(circle at 8% 90%, rgba(239,51,79,.1), transparent 24rem),
        linear-gradient(135deg, #fff, #f7f9fc);
}

.tr-products-hero > span,
.tr-product-manager-hero > div > span { color: var(--tr-red); font-weight: 900; }
.tr-products-hero h1,
.tr-product-manager-hero h1 { margin: 8px 0; color: var(--tr-navy); font-size: clamp(32px,5vw,54px); font-weight: 900; line-height: 1.25; }
.tr-products-hero p,
.tr-product-manager-hero p { margin: 0; color: var(--tr-muted); }

.tr-products-filter {
    display: grid;
    grid-template-columns: minmax(0,1.5fr) repeat(3,minmax(150px,.65fr)) auto auto;
    gap: 12px;
    align-items: end;
    margin: 20px 0;
    padding: 18px;
    border: 1px solid var(--tr-border);
    border-radius: 20px;
    background: #fff;
}

.tr-product-field { display: grid; gap: 7px; }
.tr-product-field > span { color: var(--tr-navy); font-size: 13px; font-weight: 800; }
.tr-product-field input,
.tr-product-field select,
.tr-product-form input:not([type=file]),
.tr-product-form select,
.tr-product-form textarea {
    width: 100%; min-height: 48px; margin: 0; padding: 10px 13px;
    border: 1px solid var(--tr-border); border-radius: 12px; background: #fff; font: inherit;
}
.tr-products-filter button { min-height: 48px; border: 0; border-radius: 12px; color:#fff; background:var(--tr-red); font-weight:900; cursor:pointer; }
.tr-products-filter > a { display:grid; min-height:48px; place-items:center; padding:8px 14px; border:1px solid var(--tr-border); border-radius:12px; color:var(--tr-navy)!important; text-decoration:none!important; font-weight:800; }

.tr-products-summary { display:flex; gap:8px; align-items:baseline; margin:26px 0 15px; }
.tr-products-summary strong { color:var(--tr-red); font-size:28px; }
.tr-products-summary span { color:var(--tr-muted); }

.tr-products-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.tr-product-card { overflow:hidden; border:1px solid var(--tr-border); border-radius:20px; background:#fff; box-shadow:0 12px 32px rgba(11,49,95,.055); }
.tr-product-card-image { position:relative; display:block; aspect-ratio:1/1; overflow:hidden; background:#f3f6fa; }
.tr-product-card-image img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .18s ease; }
.tr-product-card:hover img { transform:scale(1.035); }
.tr-product-availability { display:inline-flex; padding:5px 9px; border-radius:999px; font-size:11px; font-weight:900; }
.tr-product-card-image .tr-product-availability { position:absolute; top:12px; right:12px; }
.tr-availability-available { color:#166534; background:#dcfce7; }
.tr-availability-limited { color:#92400e; background:#fef3c7; }
.tr-availability-check { color:#1e40af; background:#dbeafe; }
.tr-availability-out_of_stock { color:#991b1b; background:#fee2e2; }
.tr-product-card-body { padding:16px; }
.tr-product-store { color:var(--tr-red)!important; font-size:12px; font-weight:800; text-decoration:none!important; }
.tr-product-card h2 { margin:7px 0 10px; font-size:18px; line-height:1.45; }
.tr-product-card h2 a { color:var(--tr-navy)!important; text-decoration:none!important; }
.tr-product-price { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.tr-product-price strong { color:var(--tr-red); font-size:21px; font-weight:900; }
.tr-product-price del { color:#94a3b8; font-size:13px; }
.tr-product-card-actions { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:14px; }
.tr-product-card-actions a { display:grid; min-height:40px; place-items:center; border-radius:10px; color:var(--tr-navy)!important; border:1px solid var(--tr-border); text-decoration:none!important; font-size:13px; font-weight:800; }
.tr-product-card-actions .tr-product-wa { color:#fff!important; border-color:#16803d; background:#16803d; }

.tr-product-pagination { margin-top:28px; }
.tr-product-pagination ul { display:flex; flex-wrap:wrap; justify-content:center; gap:7px; padding:0; list-style:none; }
.tr-product-pagination a,.tr-product-pagination span { display:grid; min-width:40px; height:40px; place-items:center; border:1px solid var(--tr-border); border-radius:10px; color:var(--tr-navy)!important; background:#fff; text-decoration:none!important; }
.tr-product-pagination .current { color:#fff!important; background:var(--tr-navy); }
.tr-products-empty { padding:45px 24px; border:1px dashed #cbd5e1; border-radius:20px; text-align:center; background:#fff; }
.tr-products-empty h2 { color:var(--tr-navy); }

.tr-product-manager-hero { display:flex; justify-content:space-between; gap:22px; align-items:center; }
.tr-product-manager-hero > a { color:var(--tr-navy)!important; font-weight:800; }
.tr-product-manager-layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:18px; margin-top:18px; align-items:start; }
.tr-product-form-card,.tr-product-list-card { padding:24px; }
.tr-product-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.tr-product-form label { display:grid; gap:7px; }
.tr-product-form label > span { color:var(--tr-navy); font-size:13px; font-weight:800; }
.tr-product-form-full { grid-column:1/-1; }
.tr-product-upload { padding:14px; border:1px dashed #cbd5e1; border-radius:13px; background:#f8fafc; }
.tr-product-upload small { color:var(--tr-muted); }
.tr-product-form > button { grid-column:1/-1; min-height:52px; border:0; border-radius:12px; color:#fff; background:var(--tr-navy); font-weight:900; cursor:pointer; }
.tr-product-cancel { grid-column:1/-1; text-align:center; color:var(--tr-red)!important; font-weight:800; }
.tr-product-list-heading { display:flex; justify-content:space-between; align-items:center; }
.tr-product-list-heading h2 { margin:0; color:var(--tr-navy); }
.tr-product-list-heading span { display:grid; width:36px; height:36px; place-items:center; border-radius:999px; color:#fff; background:var(--tr-red); font-weight:900; }
.tr-owned-products { display:grid; gap:10px; margin-top:16px; }
.tr-owned-products > article { display:grid; grid-template-columns:68px 1fr; gap:10px; padding:10px; border:1px solid var(--tr-border); border-radius:13px; }
.tr-owned-products img { width:68px; height:68px; border-radius:10px; object-fit:cover; }
.tr-owned-products h3 { margin:0; color:var(--tr-navy); font-size:15px; }
.tr-owned-products p { margin:3px 0; color:var(--tr-red); font-size:13px; font-weight:800; }
.tr-product-owner-status { display:inline-flex; padding:3px 7px; border-radius:999px; font-size:10px; font-weight:800; }
.tr-status-pending { color:#92400e; background:#fef3c7; }
.tr-status-approved { color:#166534; background:#dcfce7; }
.tr-status-rejected { color:#991b1b; background:#fee2e2; }
.tr-status-archived { color:#475569; background:#e2e8f0; }
.tr-product-owner-actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:8px; }
.tr-product-owner-actions a,.tr-product-owner-actions button { padding:0; border:0; color:var(--tr-navy)!important; background:transparent; font:inherit; font-size:11px; font-weight:800; text-decoration:underline; cursor:pointer; }
.tr-product-message { margin-bottom:16px; padding:13px 15px; border-radius:12px; font-weight:800; }
.tr-product-message-success { color:#166534; border:1px solid #bbf7d0; background:#f0fdf4; }
.tr-product-message-error { color:#991b1b; border:1px solid #fecaca; background:#fef2f2; }

.tr-product-single { padding:1px 0 70px; background:#f8fafc; }
.tr-product-breadcrumbs { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:18px; color:#64748b; font-size:13px; }
.tr-product-breadcrumbs a { color:var(--tr-navy)!important; text-decoration:none!important; }
.tr-product-single-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.75fr); gap:20px; }
.tr-product-gallery { overflow:hidden; min-height:520px; }
.tr-product-gallery img { width:100%; height:100%; max-height:650px; object-fit:contain; display:block; background:#fff; }
.tr-product-summary-card { padding:clamp(24px,4vw,38px); }
.tr-product-single-tags { display:flex; flex-wrap:wrap; gap:8px; }
.tr-product-single-tags > span:first-child { display:inline-flex; padding:5px 9px; border-radius:999px; color:#9f1239; background:#ffe4e6; font-size:12px; font-weight:800; }
.tr-product-summary-card h1 { margin:16px 0 8px; color:var(--tr-navy); font-size:clamp(30px,4vw,48px); font-weight:900; line-height:1.3; }
.tr-product-seller { color:var(--tr-muted); }
.tr-product-seller a { color:var(--tr-navy)!important; font-weight:800; }
.tr-product-summary-card .tr-product-price { margin:22px 0; }
.tr-product-summary-card .tr-product-price strong { font-size:32px; }
.tr-product-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:20px 0; }
.tr-product-facts > div { display:grid; gap:3px; padding:13px; border-radius:12px; background:#f8fafc; }
.tr-product-facts span { color:var(--tr-muted); font-size:12px; }
.tr-product-facts strong { color:var(--tr-navy); }
.tr-product-primary-actions { display:grid; gap:9px; }
.tr-product-primary-actions a { display:grid; min-height:50px; place-items:center; border-radius:12px; font-weight:900; text-decoration:none!important; }
.tr-product-order-button { color:#fff!important; background:#16803d; }
.tr-product-video-button { color:var(--tr-navy)!important; border:1px solid var(--tr-border); background:#fff; }
.tr-product-safety-note { margin:16px 0 0; padding:12px; border-radius:10px; color:#92400e; background:#fffbeb; font-size:12px; }
.tr-product-description-card { margin-top:20px; padding:clamp(24px,4vw,36px); }
.tr-product-description-card h2 { margin-top:0; color:var(--tr-navy); }
.tr-product-description-card > div { color:#334155; line-height:1.95; }
.tr-product-simple-card { max-width:650px; padding:36px; text-align:center; }
.tr-product-simple-card h2 { color:var(--tr-navy); }
.tr-product-simple-card p { color:var(--tr-muted); }
.tr-product-simple-card a { display:inline-flex; min-height:46px; align-items:center; padding:9px 17px; border-radius:11px; color:#fff!important; background:var(--tr-navy); font-weight:800; text-decoration:none!important; }

@media (max-width:1100px) { .tr-products-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .tr-products-filter { grid-template-columns:repeat(2,minmax(0,1fr)); } .tr-product-field-wide { grid-column:1/-1; } }
@media (max-width:850px) { .tr-product-manager-layout,.tr-product-single-grid { grid-template-columns:1fr; } .tr-product-gallery { min-height:340px; } }
@media (max-width:720px) { .tr-products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .tr-product-manager-hero { display:block; } .tr-product-manager-hero > a { display:inline-block; margin-top:14px; } }
@media (max-width:560px) { .tr-products-filter,.tr-product-form,.tr-products-grid { grid-template-columns:1fr; } .tr-product-field-wide,.tr-product-form-full { grid-column:auto; } .tr-product-facts { grid-template-columns:1fr; } }


.tr-form-preserved-notice {
    margin: 14px 0;
    padding: 13px 15px;
    border: 1px solid #bfdbfe;
    border-radius: 12px;
    color: #0b315f;
    background: #eff6ff;
    font-weight: 800;
}
