:root{
    --bg1:#0f1220; --bg2:#0b0f18; --panel:#151a26; --card:#1b2232;
    --text:#e8edf6; --muted:#9aa3b3; --border:#2a3344; --chip:#22314a; --accent:#6aa0ff; --success:#27ae60;
    --space-sm: 8px; --space-md: 12px; --space-lg: 16px; --space-xl: 20px;
    --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-full: 999px;
    --shadow-md: 0 4px 16px rgba(0,0,0,0.25); --transition-fast: 0.15s ease; --transition-normal: 0.25s ease;
  }
  *{box-sizing:border-box}
  body{ margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto; background:var(--bg1); color:var(--text); line-height:1.5; }
  header{ border-bottom:1px solid var(--border); background: var(--header-bg, inherit); }
  .wrap{ max-width:1200px; margin:0 auto; padding: var(--space-lg) var(--space-xl); background: var(--wrap-bg, transparent); border-radius: var(--radius-md); }
  select,input,button,textarea{ background:var(--panel); color:var(--text); border:1px solid var(--border); padding:var(--space-sm) var(--space-md); border-radius:var(--radius-md); font-size:14px; transition:all var(--transition-fast); outline:none; }
  select{ color: var(--select-text, var(--text)); }
  button{ cursor:pointer; font-weight:600; display:inline-flex; align-items:center; justify-content:center; gap:var(--space-sm); min-height:40px; white-space:nowrap; color: var(--btn-text, var(--text)); }
  button:hover{ border-color:var(--accent); transform:translateY(-1px); box-shadow:var(--shadow-md); background: var(--btn-hover, var(--panel)); }

  .grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:var(--space-xl); padding:var(--space-xl) 0; }
  .card{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius-xl); padding:var(--space-lg); display:flex; flex-direction:column; gap:var(--space-lg); box-shadow:var(--shadow-md); transition:all var(--transition-normal); position:relative; overflow:hidden; }
  .card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-lg); }
  .card::before{ content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--accent),transparent); opacity:0; transition:opacity var(--transition-normal); }
  .card:hover::before{ opacity:1; }
  .card h3{ color:var(--card-title, var(--text)); }
  .thumb{ width:100%; height:160px; object-fit:cover; border-radius:var(--radius-lg); margin-bottom:var(--space-sm); }
  .desc{ color:var(--desc-text, var(--muted)); font-size:14px; flex:1; line-height:1.4; }
  .price{ display:flex; flex-direction:column; gap:var(--space-sm); margin-top:auto; padding-top:var(--space-lg); border-top:1px solid rgba(255,255,255,0.08); }
  .price-info{ display:flex; justify-content:space-between; align-items:center; }
  .price-text{ font-size:16px; font-weight:600; color:var(--price-text, var(--accent)); }
  .kdv{ font-size:12px; color:var(--kdv-text, var(--muted)); margin-left:var(--space-xs); }
  .card .add-btn{ width:100%; padding:var(--space-md) var(--space-lg); background:var(--accent); border:1px solid var(--accent); border-radius:var(--radius-lg); color:var(--btn-text, var(--text)); font-size:16px; font-weight:600; margin-top:var(--space-sm); transition:all var(--transition-fast); position:relative; overflow:hidden; }
  .card .add-btn:hover{ background:var(--btn-hover, linear-gradient(135deg,var(--accent),rgba(106,160,255,0.8))); transform:translateY(-1px); box-shadow:0 4px 12px rgba(106,160,255,0.3); }
  .card .add-btn.success{ background: var(--success); border-color: var(--success); color: transparent; }
  .card .add-btn.success::before{ content:'\2713'; position:absolute; left:0; right:0; top:0; bottom:0; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:800; color:#ffffff; animation: btnCheckCenter 0.9s ease-out; pointer-events:none; }
  @keyframes btnCheckCenter{ 0%{ opacity:0; transform: scale(0.85);} 20%{ opacity:1; transform: scale(1);} 80%{ opacity:1; transform: scale(1);} 100%{ opacity:0; transform: scale(0.85);} }
  #cartOverlay{ position:fixed; inset:0; background:rgba(0,0,0,0.6); display:none; z-index:70; backdrop-filter:blur(2px); }
  #cartDropdown{ position:fixed; background:var(--panel); border:1px solid var(--border); border-radius:var(--radius-xl); box-shadow:var(--shadow-md); display:none; z-index:80; flex-direction:column; }
  #cartDropdown.open{display:flex}
  #cartOverlay.open{display:block}
  .cart-head{ display:flex; align-items:center; justify-content:space-between; padding:var(--space-lg); border-bottom:1px solid var(--border); flex-shrink:0; gap: var(--space-sm); }
  .cart-head h2{ margin:0; font-size:18px; letter-spacing:0.2px; }
  #closeCart{ background:var(--panel); border:1px solid var(--border); font-size:18px; color:var(--muted); width:36px; height:36px; min-height:auto; line-height:1; padding:0; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; }
  #closeCart:hover{ background:var(--card); color:var(--text); border-color: var(--accent); box-shadow: 0 2px 10px rgba(0,0,0,0.25); }
  .cart-body{ padding:var(--space-lg); overflow-y:auto; flex-grow:1; }
  @media (max-width: 768px) {
    .cart-body{ flex-grow:0; min-height:120px; max-height:300px; }
  }
  .cart-list .line{ display:grid; grid-template-columns:1fr auto; gap:var(--space-md); padding:var(--space-md); background:var(--card); border-radius:var(--radius-lg); margin-bottom:var(--space-md); border:1px solid var(--border); transition: border-color var(--transition-fast), transform var(--transition-fast); }
  .cart-list .line:hover{ border-color: var(--accent); transform: translateY(-1px); }
  .line-details strong{ display:block; font-weight:700; margin-bottom:2px; }
  .line-details span{ color: var(--muted); font-size: 13px; }
  .line-controls{ display:flex; flex-direction:column; align-items:flex-end; justify-content:space-between; gap: var(--space-sm); }
  .line-total{ font-weight:700; color: var(--accent); }
  .qty{ display:flex; align-items:center; gap:var(--space-sm); }
  .qty button{ width:32px; height:32px; min-height:auto; border-radius:10px; font-size:18px; background:var(--panel); border:1px solid var(--border); color:var(--text); display:inline-flex; align-items:center; justify-content:center; }
  .qty button:hover{ border-color: var(--accent); background: var(--card); }
    .empty{ color:var(--muted); text-align:center; padding:40px 20px; }
      .cart-footer{ padding:var(--space-lg); border-top:1px solid var(--border); background:var(--panel); border-radius:0 0 var(--radius-xl) var(--radius-xl); flex-shrink:0; box-shadow: 0 -6px 16px rgba(0,0,0,0.15) inset; }
    @media (max-width: 768px) {
      .cart-footer{ padding:var(--space-lg); flex-shrink:0; }
      .cart-select{ padding:var(--space-md) var(--space-lg); font-size:15px; height:44px; }
      .cart-select-label{ font-size:13px; margin-bottom:6px; }
      .cart-select-wrapper{ margin-bottom:var(--space-sm); }
      .cart-select-wrapper::after{ right:16px; bottom:12px; }
.total{ font-size:16px; margin-bottom:var(--space-sm); display:flex; align-items:center; justify-content:space-between; }
      .total .sum{ font-size:20px; letter-spacing:0.3px; }
    }
  .cart-select-wrapper{ position:relative; margin-bottom:var(--space-md); }
  .cart-select-label{ display:block; color:var(--muted); font-size:14px; margin-bottom:var(--space-sm); font-weight:600; }
  .cart-select{ appearance:none; background:var(--card); border:1px solid var(--border); border-radius:var(--radius-lg); padding:var(--space-md) var(--space-lg); font-size:16px; font-weight:600; color:var(--text); width:100%; cursor:pointer; transition:all var(--transition-fast); position:relative; }
  .cart-select:focus{ outline:none; border-color:var(--accent); box-shadow:0 0 0 3px rgba(106,160,255,0.1); }
  .cart-select:hover{ border-color:var(--accent); background:var(--panel); }
  .cart-select-wrapper::after{ content:''; position:absolute; right:16px; bottom:16px; transform:translateY(0); width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid var(--muted); pointer-events:none; z-index:1; }

  @media (min-width: 769px) {
    header{ position:sticky; top:0; z-index:10; background:var(--header-bg, rgba(10,13,19,0.95)); backdrop-filter:blur(12px); }
    .mobile-header, .bottom-nav, .overlay, .search-overlay-container, .mobile-logo-container { display: none !important; }
    .toolbar{ display:flex; justify-content:space-between; align-items:center; position:relative; width:100%; }
    .toolbar-left{ display:flex; align-items:center; min-width:300px; }
    .toolbar-left #brand{ margin:0; }
    #logoWrap{ display:flex !important; align-items:center; justify-content:center; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:1; pointer-events:none; }
    #logoWrap img, #dmLogo{ max-height:28px; width:auto; object-fit:contain; }
    .toolbar-right{ display:flex; gap:var(--space-sm); align-items:center; margin-left:auto; }
    .row{ display:grid; grid-template-columns:auto 1fr auto; gap:var(--space-md); margin-top:var(--space-md); align-items:center; }
    .filters{ display:flex; gap:var(--space-sm); overflow-x:auto; padding:var(--space-md) 0; scrollbar-width:none; }
    .filters::-webkit-scrollbar{ display:none; }
    .sub-filters{ display:flex; gap:var(--space-sm); flex-wrap:wrap; justify-content:flex-start; padding-bottom:var(--space-sm); }
    .sub-filters-hidden{ display:none; }
    .chip, .sub-chip{ border:1px solid var(--border); padding:var(--space-sm) var(--space-lg); border-radius:var(--radius-full); cursor:pointer; font-weight:600; font-size:14px; white-space:nowrap; transition:all var(--transition-fast); }
    .chip{ background:var(--chip); color:#cfe0ff; }
    .sub-chip{ background:var(--panel); color:var(--muted); font-size:13px; }
    .chip:hover, .sub-chip:hover{ border-color:var(--accent); transform:translateY(-2px); }
    .chip[aria-pressed="true"], .sub-chip[aria-pressed="true"]{ background:var(--accent); border-color:var(--accent); color:var(--text); }
    #cartDropdown{ right:var(--space-xl); top:40px; width:min(420px,90vw); height:calc(100vh - 60px); max-height:none; }
  }

  @media (min-width: 769px) and (max-width: 900px) {
    .toolbar{ display:grid; grid-template-columns: minmax(180px, auto) minmax(220px, 1fr) minmax(280px, auto); align-items:center; column-gap: var(--space-md); }
    .toolbar-left{ min-width: 180px; justify-self: start; }
    #logoWrap{ position: static !important; left:auto; top:auto; transform:none !important; justify-content:center; pointer-events:auto; }
    #logoWrap img, #dmLogo{ max-height:28px; width:auto; object-fit:contain; }
    .toolbar-right{ justify-self: end; display:flex; gap: var(--space-sm); align-items:center; flex-wrap: nowrap; min-width: 0; }
  }

  .mobile-logo-container { 
    display: none;
    padding: var(--space-md) 0;
    background: var(--bg1);
    border-bottom: 1px solid var(--border);
    text-align: center;
  }
  .mobile-logo-container #logoWrapMobile {
    display: inline-block;
  }
  .mobile-logo-container #logoWrapMobile img, #dmLogoMobile {
    max-height: 50px;
    width: auto;
    object-fit: contain;
  }
  
  @media (max-width: 768px) {
    .mobile-logo-container { display: block !important; }
    .desktop-only, .toolbar, .row, .filters, .sub-filters, #brand, #logoWrap { display: none !important; }
    body{ padding-bottom:70px; }
    .wrap{ padding:var(--space-md); }
    main.wrap{ padding-top:0; }
    .grid{ grid-template-columns:1fr; gap:var(--space-lg); padding:var(--space-md) 0; }
    .card{ padding:var(--space-md); gap:var(--space-md); border-radius:var(--radius-lg); }
    .thumb{ height:140px; margin-bottom:var(--space-md); }
    .price{ padding-top:var(--space-md); }
    .card .add-btn{ padding:var(--space-lg) var(--space-xl); font-size:16px; margin-top:0; }
    .mobile-header{ display:flex; justify-content:space-between; align-items:center; padding:var(--space-sm) 0; }
    .mobile-header-left, .mobile-header-right { display:flex; align-items:center; gap:var(--space-sm); }
    #logoWrapMobile img{ max-height:40px; }
    #tableMobile { height: 40px; }
    .header-icon-btn { background:none; border:none; color:var(--muted); padding:var(--space-sm); min-height:auto; transform:none !important; }
    .header-icon-btn:hover { color:var(--text); }
    .header-icon-btn svg { width:22px; height:22px; stroke:currentColor; }
    .bottom-nav{ position:fixed; bottom:0; left:0; right:0; height:70px; background:var(--panel); border-top:1px solid var(--border); display:flex; justify-content:space-around; z-index:100; box-shadow:0 -2px 15px rgba(0,0,0,0.2); }
    .nav-btn{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; background:none; border:none; color:var(--muted); font-size:11px; flex-grow:1; height:100%; position:relative; padding:0; }
    .nav-btn.active{ color:var(--accent); }
    .nav-btn svg{ width:24px; height:24px; stroke:currentColor; fill:none; stroke-width:1.5; }
    .nav-btn .badge{ position:absolute; top:8px; right:calc(50% - 25px); background:var(--accent); color:var(--text); border-radius:50%; width:18px; height:18px; font-size:11px; font-weight:bold; display:none; align-items:center; justify-content:center; }
    .nav-btn .badge.visible{ display:flex; }
    .overlay{ position:fixed; top:0; left:0; width:100%; height:100%; background:var(--bg1); z-index:1001; transform:translateY(100%); transition:transform 0.3s ease-out; display:flex; flex-direction:column; }
    .overlay.visible{ transform:translateY(0); }
    .overlay-header{ padding:var(--space-md) var(--space-lg); display:flex; align-items:center; border-bottom:1px solid var(--border); flex-shrink:0; }
    .overlay-header h2{ margin:0 0 0 var(--space-lg); flex-grow:1; text-align:center; }
    .overlay-close-btn{ font-size:24px; background:none; border:none; color:var(--text); padding:8px; }
    .overlay-content{ overflow-y:auto; flex-grow:1; padding:var(--space-sm); }
    .category-item{ padding:var(--space-lg); border-bottom:1px solid var(--border); font-size:1.1rem; cursor:pointer; }
    .category-item.active{ color:var(--cat-active-text, var(--accent)); font-weight:bold; }
    .subcategory-list{ padding-left:var(--space-xl); }
    .subcategory-item{ padding:var(--space-md); font-size:1rem; color:var(--muted); cursor:pointer; }
    .subcategory-item.active{ color:var(--cat-active-text, var(--accent)); }
    .search-overlay-container { position:fixed; top:0; left:0; right:0; z-index:1002; background:rgba(15,18,32,0.95); backdrop-filter:blur(4px); padding:var(--space-md); display:none; }
    .search-overlay-container.visible { display:block; }
    #mobile-search{ width:100%; font-size:16px; text-align:center; }
    #cartDropdown{ right:0; top:0; bottom:0; left:0; width:100%; height:100vh; max-height:none; border-radius:0; }
    .settings-group { padding: var(--space-md) var(--space-lg); }
    .settings-group h3 { margin: 0 0 var(--space-md) 0; border-bottom: 1px solid var(--border); padding-bottom: var(--space-md); }
    .settings-options { display:flex; flex-wrap:wrap; gap: var(--space-sm); }
    .settings-options button { flex-grow:1; background:var(--card); }
    .settings-options button.active { background:var(--accent); color:var(--text); }
  }

  .toast-notification {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translate(-50%, -150px);
    opacity: 0;

    background-color: #27ae60;
    color: var(--text);
    padding: var(--space-md) var(--space-xl);
    border-radius: var(--radius-full);
    box-shadow: 0 5px 20px rgba(0,0,0,0.3);
    z-index: 10002;
    display: flex;
    align-items: center;
    gap: var(--space-md);
    transition: transform 0.4s ease-out, opacity 0.4s ease-out;

    font-weight: 600;
    pointer-events: none;
  }

  .toast-notification.show {
    transform: translate(-50%, 0);
    opacity: 1;
  }

  .toast-notification.error {
    background-color: #c0392b;
  }

  .toast-icon {
    font-size: 1.2rem;
    line-height: 1;
  }

  .mobile-dropdown {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 18, 32, 0.95);
    backdrop-filter: blur(4px);
    z-index: 1002;
    display: none;
    flex-direction: column;
  }

  .mobile-dropdown.open {
    display: flex;
  }

  .mobile-dropdown-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-lg);
    border-bottom: 1px solid var(--border);
    background: var(--panel);
  }

  .mobile-dropdown-header span {
    font-weight: 600;
    color: var(--accent);
  }

  .mobile-dropdown-close {
    background: none;
    border: none;
    font-size: 24px;
    color: var(--muted);
    cursor: pointer;
    padding: var(--space-xs);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
  }

  .mobile-dropdown-close:hover {
    background: var(--card);
    color: var(--text);
  }

  .mobile-dropdown-content {
    flex: 1;
    padding: var(--space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
  }

  .mobile-dropdown-option {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-lg);
    font-size: 16px;
    font-weight: 600;
    color: var(--text);
    cursor: pointer;
    transition: all var(--transition-fast);
    text-align: center;
  }

  .mobile-dropdown-option:hover {
    background: var(--card);
    border-color: var(--accent);
    transform: translateY(-1px);
    box-shadow: var(--shadow-sm);
  }

  .mobile-dropdown-option.active {
    background: var(--accent);
    color: var(--text);
    border-color: var(--accent);
  }


  .language-flag {
    font-size: 16px;
    margin-right: var(--space-xs);
    line-height: 1;
  }

  .currency-icon {
    font-size: 18px;
    margin-right: var(--space-xs);
    line-height: 1;
    font-weight: bold;
    display: flex;
    align-items: center;
  }

  .header-icon-btn {
    padding: var(--space-sm) var(--space-md);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--panel);
    transition: all var(--transition-fast);
    min-width: 90px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #mobile-currency-btn {
    min-width: 100px;
  }

  #mobile-language-btn {
    min-width: 110px;
  }

  .header-icon-btn:hover {
    background: var(--card);
    border-color: var(--accent);
  }

  .gap-x-2 {
    gap: var(--space-sm);
  }

  .gap-2 {
    gap: var(--space-sm);
  }

  .ml-auto {
    margin-left: auto;
  }

  .size-4 {
    width: 16px;
    height: 16px;
  }

  .flex {
    display: flex;
  }

  .items-center {
    align-items: center;
  }

  .justify-center {
    justify-content: center;
  }

  .w-full {
    width: 100%;
  }

  .mobile-dropdown-option.currency-option {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
  }

.mobile-dropdown-option .currency-option-icon {
    font-size: 16px;
    width: auto; min-width: 24px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
  }

  .search-wrap{ position: relative; width: 100%; }
  .search-wrap input{ padding-right: 40px; width: 100%; }
  #search{ width: 100%; }
  .search-clear{
    position: absolute;
    right: 8px;
    top: 0; bottom: 0;
    transform: none;
    margin: auto 0;
    width: 20px; height: 20px;
    display: none; align-items: center; justify-content: center;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    line-height: 1;
    padding: 0;
    font-size: 16px;
    transition: color var(--transition-fast), opacity var(--transition-fast);
    outline: none;
  }
  .search-clear:hover{ background: transparent; color: var(--text); }
  .search-clear:focus{ outline: none; box-shadow: none; }
  .search-wrap input:not(:placeholder-shown) + .search-clear{ display: inline-flex; }

  .skeleton-overlay {
    position: fixed;
    inset: 0;
    background: var(--bg1);
    z-index: 10001;
    overflow-y: auto;
  }
  .skeleton-overlay.hide { opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.25s ease; }

  @keyframes skShimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
  }
  .skeleton {
    background: linear-gradient(90deg, rgba(255,255,255,0.06), rgba(255,255,255,0.14), rgba(255,255,255,0.06));
    background-size: 200% 100%;
    animation: skShimmer 1.1s linear infinite;
  }
  @media (prefers-reduced-motion: reduce) {
    .skeleton { animation: none; background-size: auto; }
    .skeleton-overlay.hide { transition: none; }
  }

  .skeleton-toolbar { display:grid; grid-template-columns: 1fr auto 1fr; align-items:center; gap: var(--space-md); padding-top: var(--space-lg); }
  .skeleton-toolbar .sk-brand { height: 20px; width: 160px; border-radius: 8px; }
  .skeleton-toolbar .sk-logo { height: 28px; width: 200px; border-radius: 8px; justify-self:center; }
  .skeleton-toolbar .sk-right { display:flex; align-items:center; gap: var(--space-sm); justify-self:end; flex-wrap: nowrap; }
  .skeleton-toolbar .sk-pill { height: 36px; width: 90px; border-radius: var(--radius-full); }

  .skeleton-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--space-xl); padding: var(--space-xl) 0; }
  .skeleton-card { background: var(--panel); border:1px solid var(--border); border-radius: var(--radius-xl); padding: var(--space-lg); display:flex; flex-direction:column; gap: var(--space-md); }
  .skeleton-card .sk-thumb { height: 160px; border-radius: var(--radius-lg); }
  .skeleton-card .sk-title { height: 18px; width: 70%; border-radius: 6px; }
  .skeleton-card .sk-desc { height: 12px; width: 90%; border-radius: 6px; opacity: 0.8; }
  .skeleton-card .sk-price { margin-top: auto; height: 16px; width: 40%; border-radius: 6px; }
  .skeleton-card .sk-btn { height: 44px; width: 100%; border-radius: var(--radius-lg); }

  .menu-dropdown {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    min-width: 180px;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
    padding: 6px;
    z-index: 1001;
  }
  .menu-dropdown.open { display: block; }
  .menu-option {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    width: 100%;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--text);
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: background var(--transition-fast), border-color var(--transition-fast);
    text-align: left;
  }
  .menu-option:hover {
    background: var(--card);
    border-color: var(--accent);
  }
  .menu-option.active {
    background: var(--accent);
    border-color: var(--accent);
    color: var(--text);
  }
.menu-option .currency-option-icon {
    font-size: 16px;
    width: auto; min-width: 24px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
  }