.hero-section{width:100%;height:calc(80vh - var(--header-height));background-color:var(--color-gray-900);min-height:400px;position:relative;overflow:hidden}.hero-swiper{width:100%;height:100%}.hero-slide{align-items:center;width:100%;height:100%;padding-top:0;display:flex;position:relative;overflow:hidden}.hero-slide-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:transform 6s ease-out;position:absolute;top:0;left:0;transform:scale(1)}.swiper-slide-active .hero-slide-bg{transform:scale(1.08)}.hero-slide-overlay{z-index:1;background:linear-gradient(90deg,#0f172ae6 0%,#0f172ab3 40%,#0f172a33 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-slide-content{z-index:2;color:var(--text-inverse);pointer-events:none;flex-direction:column;justify-content:center;height:100%;display:flex;position:relative}.hero-slide-text-wrapper{pointer-events:auto;max-width:650px;margin-left:64px}.hero-slide-title{font-size:clamp(2rem,5vw,3.25rem);font-weight:var(--font-bold);color:var(--text-inverse);opacity:0;line-height:1.25;transition:opacity .8s ease-out .2s,transform .8s ease-out .2s;transform:translateY(30px)}.hero-slide-subtitle{color:#ffffffd9;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:var(--font-medium);opacity:0;line-height:1.6;transition:opacity .8s ease-out .4s,transform .8s ease-out .4s;transform:translateY(30px)}.hero-slide-actions{opacity:0;transition:opacity .8s ease-out .6s,transform .8s ease-out .6s;transform:translateY(30px)}.swiper-slide-active .hero-slide-title,.swiper-slide-active .hero-slide-subtitle,.swiper-slide-active .hero-slide-actions{opacity:1;transform:translateY(0)}.btn-hero-primary{align-items:center;gap:var(--space-2);padding:var(--space-3-5) var(--space-8);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-inverse);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);border-radius:var(--radius-full);transition:var(--transition-all);display:inline-flex;box-shadow:0 4px 15px #0d8ce966}.btn-hero-primary:hover{color:var(--text-inverse);transform:translateY(-2px);box-shadow:0 6px 20px #0d8ce999}.btn-hero-primary iconify-icon{transition:var(--transition-transform);font-size:1.2rem}.btn-hero-primary:hover iconify-icon{transform:translate(4px)}.hero-swiper-pagination{gap:var(--space-2-5);z-index:10;display:flex;position:absolute;transform:translate(-50%);bottom:var(--space-8)!important;left:50%!important}.hero-swiper-bullet{border-radius:var(--radius-full);cursor:pointer;width:12px;height:4px;transition:var(--transition-all);background-color:#fff6}.hero-swiper-bullet-active{background-color:var(--color-accent-light);width:32px}.hero-swiper-button-prev,.hero-swiper-button-next{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);z-index:10;width:48px;height:48px;transition:var(--transition-all);background-color:#ffffff1a;border:1px solid #ffffff26}.hero-swiper-button-prev:hover,.hero-swiper-button-next:hover{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.hero-swiper .swiper-button-prev,.hero-swiper .swiper-button-next{color:var(--text-inverse)!important}.hero-swiper .swiper-button-prev ::slotted(svg),.hero-swiper .swiper-button-prev svg,.hero-swiper .swiper-button-next ::slotted(svg),.hero-swiper .swiper-button-next svg{width:72%!important;height:72%!important}.hero-swiper .swiper-button-prev:after,.hero-swiper .swiper-button-next:after{font-weight:var(--font-bold);font-size:1.125rem!important}@media (width<=1023px){.hero-section{height:calc(80vh - var(--header-height-mobile))}.hero-slide{padding-top:0}}@media (width<=767px){.hero-swiper-button-prev,.hero-swiper-button-next{display:none}.hero-slide-overlay{background:#0f172ab3}.hero-slide-text-wrapper{text-align:center;padding-inline:var(--space-4);margin-left:0}}.product-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);height:100%;transition:var(--transition-all);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.product-card-bg{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%);width:100%;height:6px;transition:var(--transition-all);position:absolute;top:0;left:0}.product-card:hover .product-card-bg{height:8px}.product-card-body{flex-direction:column;flex:1;height:100%;display:flex}.product-card-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary);margin-bottom:var(--space-3);transition:var(--transition-colors)}.product-card:hover .product-card-title{color:var(--color-accent-dark)}.product-card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);text-align:justify;flex-grow:1}.product-card-usage{font-size:var(--text-xs);color:var(--color-primary-600);background-color:var(--color-primary-50);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:var(--font-medium);border:1px solid var(--color-primary-100);align-self:flex-start}.product-card-arrow{bottom:var(--space-5);right:var(--space-5);color:var(--color-gray-300);transition:var(--transition-all);opacity:0;font-size:1.25rem;position:absolute;transform:translate(0)}.product-card:hover .product-card-arrow{color:var(--color-primary);opacity:1;transform:translate(4px)}.category-row-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:var(--transition-all);align-items:center;display:flex;overflow:hidden}.category-row-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-100);transform:translateY(-3px)}.category-row-image-wrapper{background-color:var(--color-gray-50);flex-shrink:0;justify-content:center;align-items:center;width:40%;height:240px;display:flex;overflow:hidden}.category-row-img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out)}.category-row-card:hover .category-row-img{transform:scale(1.05)}.category-row-content{padding:var(--space-6) var(--space-8);flex-direction:column;flex:1;display:flex}.category-row-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary-900);margin-bottom:var(--space-3)}.category-row-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.category-row-link{align-items:center;gap:var(--space-1-5);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);transition:var(--transition-colors);align-self:flex-start;display:inline-flex}.category-row-link:hover{color:var(--color-accent)}.category-row-link iconify-icon{transition:var(--transition-transform);font-size:1.1rem}.category-row-link:hover iconify-icon{transform:translate(3px)}@media (width<=767px){.category-row-card{flex-direction:column}.category-row-image-wrapper{width:100%;height:180px}.category-row-content{padding:var(--space-5)}}.section-subtitle-text{font-size:var(--text-base);margin-top:calc(-1 * var(--space-8));max-width:600px;margin-inline:auto}#product-cards-container{margin-top:var(--space-4)}.error-message{text-align:center;color:var(--color-error);font-weight:var(--font-medium);padding:var(--space-8);background-color:var(--color-error-light);border-radius:var(--radius-md);border:1px solid #ef444433;grid-column:1/-1}