.spc-flooring-style-1 { background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../img/spc-flooring-bg.webp'); }
.spc-flooring-style-2 { padding: 80px 0; background-color: #fff; }
.spc-flooring-style-3 { display: flex; flex-wrap: wrap; gap: 50px; align-items: center; }
.spc-flooring-style-4 { flex: 1; min-width: 300px; }
.spc-flooring-style-5 { font-size: 2.2rem; color: #1a1a1a; margin-bottom: 25px; font-weight: 700; line-height: 1.3; }
.spc-flooring-style-6 { width: 60px; height: 4px; background-color: var(--primary-color); margin-bottom: 25px; border-radius: 2px; }
.spc-flooring-style-7 { font-size: 1.15rem; color: #555; line-height: 1.8; margin-bottom: 0; }
.spc-flooring-style-8 { flex: 1.2; min-width: 350px; }
.spc-flooring-style-9 { border-radius: 12px; overflow: hidden; box-shadow: 0 15px 40px rgba(0,0,0,0.1); position: relative; max-height: 350px; }
.spc-flooring-style-10 { width: 100%; height: 350px; object-fit: cover; display: block; transition: transform 0.5s ease; }
.spc-flooring-style-11 { padding: 80px 0; background-color: #f4f8ec; position: relative; }
.spc-flooring-style-12 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.4; pointer-events: none; }
.spc-flooring-style-13 { position: relative; z-index: 1; }
.spc-flooring-style-14 { font-size: 1.15rem; color: #555; line-height: 1.8; margin-bottom: 30px; }
.spc-flooring-style-15 { display: flex; flex-direction: column; gap: 20px; }
.spc-flooring-style-16 { display: flex; align-items: flex-start; gap: 15px; background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.03); border-left: 4px solid var(--primary-color); }
.spc-flooring-style-17 { color: var(--primary-color); margin-top: 2px; }
.spc-flooring-style-18 { font-size: 1.1rem; color: #333; margin: 0 0 5px 0; font-weight: 600; }
.spc-flooring-style-19 { margin: 0; color: #666; font-size: 0.95rem; line-height: 1.5; }
.spc-flooring-style-20 { border-radius: 12px; overflow: hidden; position: relative; }
.spc-flooring-style-21 { width: 100%; height: auto; max-height: 600px; object-fit: contain; display: block; transition: transform 0.5s ease; filter: drop-shadow(0 20px 30px rgba(0,0,0,0.15)); }
.spc-flooring-style-22 { padding: 80px 0; background-color: #fff; border-bottom: 1px solid #eaeaea; }
.spc-flooring-style-23 { text-align: center; max-width: 800px; margin: 0 auto 50px; }
.spc-flooring-style-24 { font-size: 2.2rem; color: #1a1a1a; margin-bottom: 20px; font-weight: 700; }
.spc-flooring-style-25 { width: 60px; height: 4px; background-color: var(--primary-color); margin: 0 auto 25px; border-radius: 2px; }
.spc-flooring-style-26 { font-size: 1.15rem; color: #555; line-height: 1.6; }
.spc-flooring-style-27 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; }
.spc-flooring-style-28 { background: #fcfcfc; border: 1px solid #eee; border-radius: 12px; padding: 35px 25px; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.spc-flooring-style-29 { width: 70px; height: 70px; background: rgba(126, 168, 47, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; color: var(--primary-color); }
.spc-flooring-style-30 { font-size: 1.15rem; color: #333; font-weight: 600; margin: 0 0 10px 0; }
.spc-flooring-style-31 { font-size: 0.95rem; color: #666; margin: 0; line-height: 1.5; }
.spc-flooring-style-32 { padding: 60px 0; min-height: 60vh; }
.spc-flooring-style-33 { display: flex; justify-content: center; margin-top: 50px; }
.spc-flooring-style-34 { display: flex; list-style: none; padding: 0; gap: 10px; align-items: center; }
.spc-flooring-style-35 { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #ddd; color: #666; text-decoration: none; transition: all 0.3s ease; }
.spc-flooring-style-36 { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: var(--primary-color); color: #fff; text-decoration: none; font-weight: 600; box-shadow: 0 4px 10px rgba(126, 168, 47, 0.3); }
.spc-flooring-style-37 { color: #999; padding: 0 5px; }
.spc-flooring-style-38 { margin-top: 60px; margin-bottom: 60px; background-color: #f4f8ec; border: none; padding: 60px 40px; position: relative; overflow: hidden; }
.spc-flooring-style-39 { position: absolute; top: 0; right: 0; width: 300px; height: 300px; opacity: 0.05; pointer-events: none; transform: translate(30%, -30%); }
.spc-flooring-style-40 { gap: 40px; }
.spc-flooring-style-41 { flex: 1.2; }
.spc-flooring-style-42 { font-size: 2.2rem; margin-bottom: 20px; }
.spc-flooring-style-43 { font-size: 1.15rem; color: #555; margin-bottom: 30px; line-height: 1.6; }
.spc-flooring-style-44 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-bottom: 40px; }
.spc-flooring-style-45 { display: flex; align-items: center; gap: 12px; background: #fff; padding: 15px 20px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); }
.spc-flooring-style-46 { color: var(--primary-color); display: flex; align-items: center; }
.spc-flooring-style-47 { font-weight: 600; color: #333; font-size: 1.05rem; }
.spc-flooring-style-48 { margin-top: 20px; }
.spc-flooring-style-49 { display: inline-flex; align-items: center; gap: 10px; padding: 15px 35px; font-size: 1.1rem; font-weight: 600; border-radius: 50px; box-shadow: 0 8px 20px rgba(126, 168, 47, 0.3); transition: all 0.3s ease; }
.spc-flooring-style-50 { flex: 0.8; display: flex; align-items: center; justify-content: center; position: relative; }
.spc-flooring-style-51 { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; width: 100%; max-width: 350px; }
.spc-flooring-style-52 { aspect-ratio: 1; background: #fff; border-radius: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 10px 30px rgba(0,0,0,0.05); gap: 10px; color: var(--primary-color); }
.spc-flooring-style-53 { font-size: 0.9rem; font-weight: 600; color: #555; }
.spc-flooring-style-54 { aspect-ratio: 1; background: var(--primary-color); border-radius: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 10px 30px rgba(126, 168, 47, 0.2); gap: 10px; color: #fff; transform: translateY(20px); }
.spc-flooring-style-55 { font-size: 0.9rem; font-weight: 600; }
.spc-flooring-style-56 { aspect-ratio: 1; background: #fff; border-radius: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 10px 30px rgba(0,0,0,0.05); gap: 10px; color: var(--primary-color); transform: translateY(20px); }
.spc-flooring-style-57 { margin-top: 60px; margin-bottom: 60px; background-color: #fff; border: 1px solid #eaeaea; padding: 60px 40px; position: relative; }
.spc-flooring-style-58 { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 30px; }
.spc-flooring-style-59 { background: #fcfcfc; border: 1px solid #eee; border-radius: 12px; padding: 30px 20px; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.spc-flooring-style-60 { width: 64px; height: 64px; background: #f4f8ec; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; color: var(--primary-color); }
.spc-flooring-style-61 { font-size: 1.1rem; color: #333; font-weight: 600; margin: 0; }
.spc-flooring-style-62 { margin-top: 60px; margin-bottom: 60px; background-color: #f8f9fa; border: 1px solid #eaeaea; padding: 60px 40px; position: relative; overflow: hidden; border-radius: 12px; }
.spc-flooring-style-63 { position: absolute; left: -5%; top: -10%; width: 300px; height: 300px; opacity: 0.03; pointer-events: none; transform: rotate(-15deg); }
.spc-flooring-style-64 { display: flex; flex-wrap: wrap; align-items: center; gap: 50px; position: relative; z-index: 1; }
.spc-flooring-style-65 { display: flex; align-items: center; gap: 15px; margin-bottom: 25px; }
.spc-flooring-style-66 { width: 50px; height: 50px; background: rgba(126, 168, 47, 0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: var(--primary-color); }
.spc-flooring-style-67 { font-size: 2.2rem; margin: 0; }
.spc-flooring-style-68 { font-size: 1.15rem; color: #555; line-height: 1.7; margin-bottom: 20px; }
.spc-flooring-style-69 { font-size: 1.15rem; color: #555; line-height: 1.7; margin-bottom: 35px; }
.spc-flooring-style-70 { display: inline-flex; align-items: center; gap: 10px; padding: 14px 30px; font-size: 1.05rem; font-weight: 600; border-radius: 8px; background: #fff; border: 2px solid var(--primary-color); color: var(--primary-color); transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.05); }
.spc-flooring-style-71 { margin-top: 60px; margin-bottom: 60px; background-color: #f4f8ec; border: none; padding: 80px 40px; text-align: center; position: relative; overflow: hidden; }
.spc-flooring-style-72 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; pointer-events: none; }
.spc-flooring-style-73 { position: relative; z-index: 1; max-width: 800px; margin: 0 auto; }
.spc-flooring-style-74 { width: 80px; height: 80px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; color: var(--primary-color); box-shadow: 0 10px 20px rgba(126, 168, 47, 0.1); }
.spc-flooring-style-75 { font-size: 2.5rem; margin-bottom: 25px; color: #1a1a1a; }
.spc-flooring-style-76 { font-size: 1.2rem; color: #555; line-height: 1.7; margin-bottom: 40px; }
.spc-flooring-style-77 { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
.spc-flooring-style-78 { padding: 16px 40px; font-size: 1.15rem; border-radius: 50px; display: inline-flex; align-items: center; gap: 10px; font-weight: 600; box-shadow: 0 10px 20px rgba(126, 168, 47, 0.3); transition: all 0.3s ease; }
.spc-flooring-style-79 { padding: 16px 40px; font-size: 1.15rem; border-radius: 50px; background: #fff; border: 2px solid var(--primary-color); color: var(--primary-color); display: inline-flex; align-items: center; gap: 10px; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.05); }
.spc-flooring-style-80 { position: absolute; top: 20px; right: 40px; color: white; font-size: 40px; font-weight: bold; cursor: pointer; }