:root{--brand-red:#DE3337;--brand-navy:#1A1A1A}.container{max-width:1280px;margin:0 auto;padding:0 20px}.prod-hero{position:relative;background:url(/img/about-2.png) 50%/cover no-repeat;min-height:320px;display:flex;align-items:center;overflow:hidden}.prod-hero-overlay{position:absolute;inset:0;background:linear-gradient(120deg,rgba(10,10,15,.75),rgba(10,10,15,.45) 55%,rgba(10,10,15,.15))}.prod-hero-content{position:relative;z-index:2;padding:70px 0}.prod-hero-content h1{color:#fff;font-size:42px;font-weight:700;margin:0 0 16px}.breadcrumb{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);padding:8px 18px;border-radius:4px;font-size:14px}.breadcrumb a{color:#fff;text-decoration:none;opacity:.85}.breadcrumb a:hover{opacity:1}.breadcrumb span{color:rgba(255,255,255,.6)}.breadcrumb .active{color:var(--brand-red);font-weight:600}.section-heading{text-align:center;max-width:650px;margin:0 auto 50px}.section-heading .eyebrow{color:var(--brand-red);font-weight:700;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}.section-heading h2{font-size:30px;font-weight:700;color:var(--brand-navy);margin-top:12px;line-height:1.35}.prod-grid-section{padding:90px 0 80px;background:#fff}.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.prod-card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1)}.prod-card:hover{transform:translateY(-10px);box-shadow:0 30px 50px rgba(0,0,0,.12)}.prod-card-img{width:100%;aspect-ratio:1/1;overflow:hidden;background:#f7f8fa}.prod-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1)}.prod-card:hover .prod-card-img img{transform:scale(1.08)}.prod-card-body{padding:24px 22px 26px;display:flex;flex-direction:column;flex:1}.prod-card-body h4{font-size:17px;font-weight:700;color:var(--brand-navy);margin:0 0 10px}.prod-card-body p{font-size:13.5px;color:#666;line-height:1.65;margin:0 0 18px;flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.prod-view-more{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:rgba(187,0,38,.08);color:var(--brand-red);font-size:13.5px;font-weight:700;padding:10px 20px;border-radius:30px;text-decoration:none;transition:background .3s ease,color .3s ease,gap .3s ease,transform .3s ease}.prod-view-more:hover{background:var(--brand-red);color:#fff;gap:12px;transform:translateX(2px)}.view-more-icon{font-size:11px;transition:transform .3s ease}.prod-view-more:hover .view-more-icon{transform:translateX(3px)}.prod-gallery-section{padding:90px 0;background:#f7f8fa}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery-item{position:relative;aspect-ratio:1/1;border-radius:10px;overflow:hidden;cursor:zoom-in;box-shadow:0 10px 25px rgba(0,0,0,.06);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1)}.gallery-item:hover{transform:translateY(-6px);box-shadow:0 25px 45px rgba(0,0,0,.15)}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1)}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay{position:absolute;inset:0;background:rgba(24,26,46,0);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;opacity:0;transition:background .35s ease,opacity .35s ease}.gallery-item:hover .gallery-overlay{background:rgba(24,26,46,.45);opacity:1}.gallery-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(10,10,15,0);visibility:hidden;pointer-events:none;transition:background .4s cubic-bezier(.22,1,.36,1),visibility .4s}.gallery-lightbox-open{background:rgba(10,10,15,.92);visibility:visible;pointer-events:auto}.gallery-lightbox-img{max-width:88vw;max-height:85vh;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.5);transform:scale(.85);opacity:0;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .45s cubic-bezier(.22,1,.36,1)}.gallery-lightbox-open .gallery-lightbox-img{transform:scale(1);opacity:1}.gallery-lightbox-close{position:absolute;top:28px;right:32px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transform:rotate(-90deg) scale(.7);opacity:0;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s ease,background .3s ease}.gallery-lightbox-open .gallery-lightbox-close{transform:rotate(0deg) scale(1);opacity:1;transition-delay:.1s}.gallery-lightbox-close:hover{background:var(--brand-red);border-color:var(--brand-red)}@media (max-width:1100px){.prod-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.prod-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.prod-hero-content h1{font-size:32px}.prod-gallery-section,.prod-grid-section{padding:60px 0}.section-heading h2{font-size:24px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.gallery-lightbox-close{top:18px;right:18px;width:40px;height:40px;font-size:16px}}@media (max-width:480px){.prod-hero{min-height:220px}.prod-hero-content h1{font-size:26px}.prod-grid{grid-template-columns:1fr}.prod-card-body{padding:20px 18px 22px}}