.elementor-kit-21{--e-global-color-primary:#111111;--e-global-color-secondary:#3A3845;--e-global-color-text:#666666;--e-global-color-accent:#826F66;--e-global-color-7c63e82:#FFFFFF;--e-global-color-679065e:#B8B8B8;--e-global-color-76f41cd:#F8F8FA;--e-global-color-1dbb661:#111111E6;--e-global-color-6890700:#11111180;--e-global-color-7f0c6e1:#0909094D;--e-global-color-aba891f:#FFFFFF00;--e-global-color-bf267b0:#826F6633;--e-global-color-101e38c:#666666CC;--e-global-color-ffb9e2e:#F2C94C;--e-global-color-d89ebef:#FFFFFFCC;--e-global-color-6030ae9:#826F6680;--e-global-color-5b4e3e6:#B8B8B8CC;--e-global-color-0dbf042:#111111CC;--e-global-color-814f0b3:#F8F8FACC;--e-global-color-3b4d4cc:#3E5A41;--e-global-color-bdc2374:#F2EADB;--e-global-typography-primary-font-family:"Sen";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Nunito Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Nunito Sans";--e-global-typography-text-font-size:15px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Sen";--e-global-typography-accent-font-size:15px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-line-height:1.2em;--e-global-typography-accent-letter-spacing:1px;--e-global-typography-daf3231-font-family:"Sen";--e-global-typography-daf3231-font-size:66px;--e-global-typography-daf3231-font-weight:700;--e-global-typography-daf3231-text-transform:none;--e-global-typography-daf3231-font-style:normal;--e-global-typography-daf3231-line-height:1em;--e-global-typography-ddcfb39-font-family:"Sen";--e-global-typography-ddcfb39-font-size:48px;--e-global-typography-ddcfb39-font-weight:700;--e-global-typography-ddcfb39-text-transform:capitalize;--e-global-typography-ddcfb39-font-style:normal;--e-global-typography-ddcfb39-line-height:1.125em;--e-global-typography-d7ccd07-font-family:"Sen";--e-global-typography-d7ccd07-font-size:32px;--e-global-typography-d7ccd07-font-weight:700;--e-global-typography-d7ccd07-text-transform:none;--e-global-typography-d7ccd07-font-style:normal;--e-global-typography-d7ccd07-line-height:1.188em;--e-global-typography-2c3e105-font-family:"Sen";--e-global-typography-2c3e105-font-size:24px;--e-global-typography-2c3e105-font-weight:700;--e-global-typography-2c3e105-text-transform:none;--e-global-typography-2c3e105-font-style:normal;--e-global-typography-2c3e105-line-height:1.208em;--e-global-typography-ded4d36-font-family:"Sen";--e-global-typography-ded4d36-font-size:20px;--e-global-typography-ded4d36-font-weight:700;--e-global-typography-ded4d36-text-transform:none;--e-global-typography-ded4d36-font-style:normal;--e-global-typography-ded4d36-line-height:1.2em;--e-global-typography-b3beb5a-font-family:"Sen";--e-global-typography-b3beb5a-font-size:13px;--e-global-typography-b3beb5a-font-weight:700;--e-global-typography-b3beb5a-text-transform:uppercase;--e-global-typography-b3beb5a-font-style:normal;--e-global-typography-b3beb5a-line-height:1.231em;--e-global-typography-b3beb5a-letter-spacing:1px;--e-global-typography-1a2971d-font-family:"Nunito Sans";--e-global-typography-1a2971d-font-size:20px;--e-global-typography-1a2971d-font-weight:400;--e-global-typography-1a2971d-text-transform:none;--e-global-typography-1a2971d-font-style:normal;--e-global-typography-1a2971d-line-height:1.35em;--e-global-typography-de02f5a-font-family:"Nunito Sans";--e-global-typography-de02f5a-font-size:12px;--e-global-typography-de02f5a-font-weight:400;--e-global-typography-de02f5a-text-transform:none;--e-global-typography-de02f5a-font-style:normal;--e-global-typography-de02f5a-line-height:1.333em;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-21 button,.elementor-kit-21 input[type="button"],.elementor-kit-21 input[type="submit"],.elementor-kit-21 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-7c63e82 );border-style:solid;border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;padding:16px 32px 16px 32px;}.elementor-kit-21 e-page-transition{background-color:#FFBC7D;}.elementor-kit-21 p{margin-block-end:32px;}.elementor-kit-21 h1{color:#111111;font-family:var( --e-global-typography-daf3231-font-family ), Sans-serif;font-size:var( --e-global-typography-daf3231-font-size );font-weight:var( --e-global-typography-daf3231-font-weight );text-transform:var( --e-global-typography-daf3231-text-transform );font-style:var( --e-global-typography-daf3231-font-style );line-height:var( --e-global-typography-daf3231-line-height );}.elementor-kit-21 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-ddcfb39-font-family ), Sans-serif;font-size:var( --e-global-typography-ddcfb39-font-size );font-weight:var( --e-global-typography-ddcfb39-font-weight );text-transform:var( --e-global-typography-ddcfb39-text-transform );font-style:var( --e-global-typography-ddcfb39-font-style );line-height:var( --e-global-typography-ddcfb39-line-height );}.elementor-kit-21 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-d7ccd07-font-family ), Sans-serif;font-size:var( --e-global-typography-d7ccd07-font-size );font-weight:var( --e-global-typography-d7ccd07-font-weight );text-transform:var( --e-global-typography-d7ccd07-text-transform );font-style:var( --e-global-typography-d7ccd07-font-style );line-height:var( --e-global-typography-d7ccd07-line-height );}.elementor-kit-21 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-2c3e105-font-family ), Sans-serif;font-size:var( --e-global-typography-2c3e105-font-size );font-weight:var( --e-global-typography-2c3e105-font-weight );text-transform:var( --e-global-typography-2c3e105-text-transform );font-style:var( --e-global-typography-2c3e105-font-style );line-height:var( --e-global-typography-2c3e105-line-height );}.elementor-kit-21 h5{color:var( --e-global-color-primary );font-family:var( --e-global-typography-ded4d36-font-family ), Sans-serif;font-size:var( --e-global-typography-ded4d36-font-size );font-weight:var( --e-global-typography-ded4d36-font-weight );text-transform:var( --e-global-typography-ded4d36-text-transform );font-style:var( --e-global-typography-ded4d36-font-style );line-height:var( --e-global-typography-ded4d36-line-height );}.elementor-kit-21 h6{color:var( --e-global-color-primary );font-family:var( --e-global-typography-b3beb5a-font-family ), Sans-serif;font-size:var( --e-global-typography-b3beb5a-font-size );font-weight:var( --e-global-typography-b3beb5a-font-weight );text-transform:var( --e-global-typography-b3beb5a-text-transform );font-style:var( --e-global-typography-b3beb5a-font-style );line-height:var( --e-global-typography-b3beb5a-line-height );letter-spacing:var( --e-global-typography-b3beb5a-letter-spacing );}.elementor-kit-21 label{color:var( --e-global-color-primary );font-family:var( --e-global-typography-ded4d36-font-family ), Sans-serif;font-size:var( --e-global-typography-ded4d36-font-size );font-weight:var( --e-global-typography-ded4d36-font-weight );text-transform:var( --e-global-typography-ded4d36-text-transform );font-style:var( --e-global-typography-ded4d36-font-style );line-height:var( --e-global-typography-ded4d36-line-height );}.elementor-kit-21 input:not([type="button"]):not([type="submit"]),.elementor-kit-21 textarea,.elementor-kit-21 .elementor-field-textual{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );background-color:var( --e-global-color-7c63e82 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;padding:16px 16px 16px 16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1170px;}.e-con{--container-max-width:1170px;}.elementor-widget:not(:last-child){margin-block-end:16px;}.elementor-element{--widgets-spacing:16px 16px;--widgets-spacing-row:16px;--widgets-spacing-column:16px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-header .site-branding .site-logo img{width:80px;max-width:80px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-21{--e-global-typography-daf3231-font-size:54px;--e-global-typography-ddcfb39-font-size:32px;--e-global-typography-d7ccd07-font-size:25px;--e-global-typography-2c3e105-font-size:20px;--e-global-typography-ded4d36-font-size:18px;--e-global-typography-b3beb5a-font-size:10px;--e-global-typography-1a2971d-font-size:18px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-21 h1{font-size:var( --e-global-typography-daf3231-font-size );line-height:var( --e-global-typography-daf3231-line-height );}.elementor-kit-21 h2{font-size:var( --e-global-typography-ddcfb39-font-size );line-height:var( --e-global-typography-ddcfb39-line-height );}.elementor-kit-21 h3{font-size:var( --e-global-typography-d7ccd07-font-size );line-height:var( --e-global-typography-d7ccd07-line-height );}.elementor-kit-21 h4{font-size:var( --e-global-typography-2c3e105-font-size );line-height:var( --e-global-typography-2c3e105-line-height );}.elementor-kit-21 h5{font-size:var( --e-global-typography-ded4d36-font-size );line-height:var( --e-global-typography-ded4d36-line-height );}.elementor-kit-21 h6{font-size:var( --e-global-typography-b3beb5a-font-size );line-height:var( --e-global-typography-b3beb5a-line-height );letter-spacing:var( --e-global-typography-b3beb5a-letter-spacing );}.elementor-kit-21 button,.elementor-kit-21 input[type="button"],.elementor-kit-21 input[type="submit"],.elementor-kit-21 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-21 label{font-size:var( --e-global-typography-ded4d36-font-size );line-height:var( --e-global-typography-ded4d36-line-height );}.elementor-kit-21 input:not([type="button"]):not([type="submit"]),.elementor-kit-21 textarea,.elementor-kit-21 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-21{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-21 h1{font-size:var( --e-global-typography-daf3231-font-size );line-height:var( --e-global-typography-daf3231-line-height );}.elementor-kit-21 h2{font-size:var( --e-global-typography-ddcfb39-font-size );line-height:var( --e-global-typography-ddcfb39-line-height );}.elementor-kit-21 h3{font-size:var( --e-global-typography-d7ccd07-font-size );line-height:var( --e-global-typography-d7ccd07-line-height );}.elementor-kit-21 h4{font-size:var( --e-global-typography-2c3e105-font-size );line-height:var( --e-global-typography-2c3e105-line-height );}.elementor-kit-21 h5{font-size:var( --e-global-typography-ded4d36-font-size );line-height:var( --e-global-typography-ded4d36-line-height );}.elementor-kit-21 h6{font-size:var( --e-global-typography-b3beb5a-font-size );line-height:var( --e-global-typography-b3beb5a-line-height );letter-spacing:var( --e-global-typography-b3beb5a-letter-spacing );}.elementor-kit-21 button,.elementor-kit-21 input[type="button"],.elementor-kit-21 input[type="submit"],.elementor-kit-21 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );padding:12px 24px 12px 24px;}.elementor-kit-21 label{font-size:var( --e-global-typography-ded4d36-font-size );line-height:var( --e-global-typography-ded4d36-line-height );}.elementor-kit-21 input:not([type="button"]):not([type="submit"]),.elementor-kit-21 textarea,.elementor-kit-21 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>B2B Furniture Product Catalog</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      background: #f3f3f3;
    }
    .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 20px;
    }
    .catalog-header {
      padding: 40px 20px 20px;
      background-color: #f9f9f9;
    }
    .page-title {
      font-size: 28px;
      font-weight: 600;
    }
    .breadcrumbs {
      font-size: 14px;
      color: #999;
    }
    .breadcrumbs a {
      color: #666;
      text-decoration: none;
    }
    .main-content {
      display: flex;
      flex-wrap: wrap;
      padding: 20px 0;
      gap: 20px;
    }
    .filter-sidebar {
      flex: 1 1 240px;
      background: #fff;
      padding: 20px;
      border: 1px solid #eee;
    }
    .filter-block {
      margin-bottom: 15px;
    }
    .filter-block label {
      display: block;
      margin-bottom: 5px;
      font-weight: 500;
    }
    .product-grid {
      flex: 1 1 900px;
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
      gap: 20px;
    }
    .product-card {
      background: #fff;
      border: 1px solid #eee;
      padding: 15px;
      text-align: center;
      transition: box-shadow 0.3s;
    }
    .product-card:hover {
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .quote-btn {
      display: inline-block;
      margin-top: 10px;
      padding: 8px 16px;
      background: #194b33;
      color: #fff;
      border-radius: 4px;
      text-decoration: none;
    }
    .bottom-cta {
      background-color: #194b33;
      color: #fff;
      text-align: center;
      padding: 60px 20px;
    }
    .bottom-cta .cta-button {
      margin-top: 20px;
      display: inline-block;
      padding: 10px 24px;
      background: #fff;
      color: #194b33;
      border-radius: 4px;
      text-decoration: none;
      font-weight: 600;
    }
  </style>
</head>
<body>
  <section class="catalog-header">
    <div class="container">
      <h1 class="page-title">Hotel Furniture</h1>
      <nav class="breadcrumbs">
        <a href="#">Home</a> / <a href="#">Products</a> / Hotel Furniture
      </nav>
    </div>
  </section>

  <div class="container main-content">
    <aside class="filter-sidebar">
      <h3>Filter By</h3>
      <div class="filter-block">
        <label>Material</label>
        <select>
          <option>All</option>
          <option>Wood</option>
          <option>Metal</option>
          <option>Leather</option>
        </select>
      </div>
      <div class="filter-block">
        <label>Style</label>
        <select>
          <option>All</option>
          <option>Modern</option>
          <option>Minimalist</option>
        </select>
      </div>
    </aside>

    <section class="product-grid">
      <div class="product-card">
        <img src="/images/product1.jpg" alt="Chair" style="max-width:100%;">
        <h4>Hotel Armchair</h4>
        <p>W600 × D650 × H800 mm</p>
        <a href="#" class="quote-btn">Get Quote</a>
      </div>
      <!-- Repeat for more products -->
    </section>
  </div>

  <section class="bottom-cta">
    <h2>Need a Custom Solution?</h2>
    <p>Contact us for tailored furniture solutions that fit your project needs.</p>
    <a href="/contact" class="cta-button">Contact Us</a>
  </section>
</body>
</html>/* End custom CSS */