.product-category-header{background:linear-gradient(135deg,var(--color-background) 0%,rgba(109,166,201,0.1) 100%);position:relative;overflow:hidden;max-width:1600px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem);border-radius:clamp(0.5rem,2vw,1rem);box-shadow:0 4px 20px rgba(0,105,148,0.1);--_wave-offset:clamp(0.2rem,0.5vw,0.5rem)}.product-category-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(109,166,201,0.05) 0%,rgba(255,255,255,0) 50%),radial-gradient(circle at 80% 20%,rgba(77,166,201,0.08) 0%,rgba(255,255,255,0) 50%);clip-path:polygon(0% 0%,100% 0%,100% 20%,80% 25%,60% 20%,40% 30%,20% 25%,0% 30%);animation:wave-flow 8s ease-in-out infinite;z-index:-1}@keyframes wave-flow{0%,100%{transform:translateX(0) scaleY(1)}25%{transform:translateX(var(--_wave-offset)) scaleY(1.05)}50%{transform:translateX(calc(var(--_wave-offset) * 2)) scaleY(0.95)}75%{transform:translateX(var(--_wave-offset)) scaleY(1.05)}}.product-category-header__container{display:flex;flex-direction:column;align-items:center;gap:clamp(1.5rem,4vw,3rem);position:relative;z-index:1}.product-category-header__image-wrapper{position:relative;width:100%;max-width:clamp(300px,50vw,600px);border-radius:clamp(0.5rem,2vw,1rem);overflow:hidden;box-shadow:0 8px 32px rgba(0,105,148,0.2);transform:rotateY(0deg);transition:transform 0.6s ease}.product-category-header__image-wrapper:hover{transform:rotateY(5deg) scale(1.02)}.product-category-header__image{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:16 / 9;filter:brightness(1.1) saturate(1.2)}.product-category-header__content{text-align:center;max-width:clamp(600px,80vw,1000px);position:relative}.product-category-header__title{font-family:var(--font-family-heading);font-size:clamp(var(--font-size-h2),4vw,var(--font-size-h1));line-height:var(--line-height-heading);color:var(--color-primary);margin:0 0 clamp(1rem,2vw,1.5rem) 0;position:relative;transform:translateY(20px);opacity:0;animation:title-reveal 1.2s ease-out 0.3s forwards}@keyframes title-reveal{to{transform:translateY(0);opacity:1}}.product-category-header__title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:clamp(50px,20vw,150px);height:3px;background:linear-gradient(90deg,var(--color-secondary) 0%,var(--color-accent) 100%);border-radius:2px;animation:underline-expand 1.5s ease-out 0.8s forwards}@keyframes underline-expand{from{width:0}to{width:clamp(50px,20vw,150px)}}.product-category-header__excerpt{font-family:var(--font-family-body);font-size:clamp(var(--font-size-base),2vw,var(--font-size-h6));line-height:var(--line-height-body);color:var(--color-text-primary);margin:0;transform:translateY(20px);opacity:0;animation:excerpt-reveal 1.2s ease-out 0.6s forwards}@keyframes excerpt-reveal{to{transform:translateY(0);opacity:1}}.product-category-header__excerpt p{margin:0}@media (min-width:768px){.product-category-header__container{flex-direction:row;align-items:flex-start}.product-category-header__image-wrapper{flex:1;max-width:clamp(400px,40vw,500px)}.product-category-header__content{flex:1;text-align:left}}@media (min-width:1024px){.product-category-header{padding:clamp(3rem,6vw,5rem) clamp(2rem,4vw,3rem)}.product-category-header__container{gap:clamp(2rem,5vw,4rem)}}.product-category-content-wrapper{background-color:var(--color-background);padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem);max-width:1600px;margin:0 auto;border-radius:clamp(0.5rem,2vw,1.5rem);position:relative;overflow:hidden}.product-category-content-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(77,166,201,0.1),rgba(46,139,87,0.1));clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%,10% 90%,20% 80%,30% 90%,40% 80%,50% 90%,60% 80%,70% 90%,80% 80%,90% 90%);z-index:-1;transition:transform 0.6s ease-in-out}.product-category-content-wrapper:hover::before{transform:translateX(2px) translateY(-2px) rotate(0.5deg)}.product-category-content-container{display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,3rem);position:relative;z-index:1}.product-category-content-main{font-family:var(--font-family-body);font-size:clamp(1rem,2vw,1.125rem);line-height:var(--line-height-body);color:var(--color-text-primary);background-color:var(--color-paper);padding:clamp(1.5rem,4vw,2.5rem);border-radius:clamp(0.5rem,1.5vw,1rem);box-shadow:0 4px 12px rgba(0,0,0,0.1),0 2px 6px rgba(0,0,0,0.05);border:1px solid rgba(77,166,201,0.2);transition:box-shadow 0.4s ease,transform 0.4s ease}.product-category-content-main:hover{box-shadow:0 8px 24px rgba(0,0,0,0.15),0 4px 12px rgba(0,0,0,0.1);transform:translateY(-4px) scale(1.02)}.product-category-content-main h1,.product-category-content-main h2,.product-category-content-main h3,.product-category-content-main h4,.product-category-content-main h5,.product-category-content-main h6{font-family:var(--font-family-heading);line-height:var(--line-height-heading);color:var(--color-text-primary);margin:clamp(0.5rem,2vw,1rem) 0}.product-category-content-main h1{font-size:var(--font-size-h1)}.product-category-content-main h2{font-size:var(--font-size-h2)}.product-category-content-main h3{font-size:var(--font-size-h3)}.product-category-content-main h4{font-size:var(--font-size-h4)}.product-category-content-main h5{font-size:var(--font-size-h5)}.product-category-content-main h6{font-size:var(--font-size-h6)}.product-category-content-main p{margin:clamp(0.5rem,2vw,1rem) 0}@media (min-width:480px){.product-category-content-container{flex-direction:row;align-items:flex-start}}@media (min-width:768px){.product-category-content-wrapper{padding:clamp(3rem,6vw,5rem) clamp(2rem,4vw,3rem)}.product-category-content-main{flex:1}}@media (min-width:1024px){.product-category-content-wrapper::before{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%,15% 85%,25% 75%,35% 85%,45% 75%,55% 85%,65% 75%,75% 85%,85% 75%,95% 85%)}}.product-category-products-grid{background:linear-gradient(135deg,rgba(240,248,255,0.8),rgba(230,243,255,0.9));padding:clamp(2rem,4vw,4rem) clamp(1rem,2vw,2rem);position:relative;overflow:hidden}.product-category-products-grid::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(77,166,201,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 30%,rgba(46,139,87,0.05) 0%,transparent 50%);pointer-events:none;animation:wave-float 8s ease-in-out infinite}@keyframes wave-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.product-category-products-grid-wrapper{max-width:1600px;margin:0 auto;position:relative;z-index:1}.product-category-products-grid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(250px,30vw,350px),1fr));gap:clamp(1rem,3vw,2rem);justify-items:center}@media (max-width:768px){.product-category-products-grid-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(200px,45vw,280px),1fr))}}.product-category-products-grid-item{background:var(--color-paper);border-radius:clamp(0.5rem,2vw,1rem);box-shadow:0 4px 12px rgba(28,28,28,0.1),inset 0 1px 0 rgba(230,243,255,0.5);overflow:hidden;transition:transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow 0.4s ease,clip-path 0.4s ease;clip-path:inset(0 round clamp(0.5rem,2vw,1rem));position:relative}.product-category-products-grid-item:hover{transform:translateY(-8px) rotateX(5deg);box-shadow:0 8px 24px rgba(28,28,28,0.15),inset 0 1px 0 rgba(230,243,255,0.5);clip-path:inset(0 round clamp(0.5rem,2vw,1rem) 0 0)}.product-category-products-grid-link{display:block;text-decoration:none;color:inherit;height:100%;padding:clamp(1rem,2vw,1.5rem);transition:color 0.3s ease}.product-category-products-grid-link:focus{outline:2px solid var(--color-primary);outline-offset:4px}.product-category-products-grid-image{margin-bottom:clamp(0.5rem,1vw,1rem);overflow:hidden;border-radius:clamp(0.25rem,1vw,0.5rem);position:relative}.product-category-products-grid-img{width:100%;height:clamp(150px,25vw,250px);object-fit:cover;transition:transform 0.5s ease,filter 0.5s ease}.product-category-products-grid-item:hover .product-category-products-grid-img{transform:scale(1.05);filter:brightness(1.1) saturate(1.2)}.product-category-products-grid-header{margin-bottom:clamp(0.25rem,0.5vw,0.5rem)}.product-category-products-grid-title{font-family:var(--font-family-heading);font-size:clamp(var(--font-size-h5),2vw,var(--font-size-h4));font-weight:600;color:var(--color-text-primary);line-height:var(--line-height-heading);margin:0;position:relative}.product-category-products-grid-title::after{content:'⚓';position:absolute;right:-1.5em;top:0;font-size:0.8em;color:var(--color-accent);opacity:0;transition:opacity 0.4s ease}.product-category-products-grid-item:hover .product-category-products-grid-title::after{opacity:1}.product-category-products-grid-excerpt{font-family:var(--font-family-body);font-size:clamp(var(--font-size-small),1.5vw,var(--font-size-base));color:var(--color-text-secondary);line-height:var(--line-height-body);margin:0 0 clamp(0.5rem,1vw,1rem) 0}.product-category-products-grid-price{font-family:var(--font-family-heading);font-size:clamp(var(--font-size-h6),1.5vw,var(--font-size-base));font-weight:500;color:var(--color-secondary);margin:0;position:relative}.product-category-products-grid-price::before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--color-accent),var(--color-secondary));transition:width 0.4s ease}.product-category-products-grid-item:hover .product-category-products-grid-price::before{width:100%}.content-secondary-tertiary-wrapper{max-width:1600px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem);display:flex;flex-direction:column;gap:clamp(2rem,5vw,3rem);background:var(--color-background);position:relative}.content-secondary-tertiary-secondary{flex:1;padding:clamp(1.5rem,4vw,3rem);background:var(--color-paper);border-radius:clamp(0.5rem,2vw,1rem);box-shadow:0 4px 12px rgba(0,105,148,0.1);position:relative;clip-path:polygon(0% 0%,100% 0%,100% 90%,85% 100%,0% 100%);transition:transform 0.4s ease,box-shadow 0.4s ease}.content-secondary-tertiary-secondary:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,105,148,0.15)}.content-secondary-tertiary-secondary h2,.content-secondary-tertiary-secondary h3,.content-secondary-tertiary-secondary h4,.content-secondary-tertiary-secondary h5,.content-secondary-tertiary-secondary h6{font-family:var(--font-family-heading);font-size:clamp(1.25rem,3vw,1.75rem);line-height:var(--line-height-heading);color:var(--color-primary);margin-bottom:clamp(1rem,2vw,1.5rem);position:relative}.content-secondary-tertiary-secondary h2::before{content:'';position:absolute;left:0;bottom:-8px;width:40px;height:3px;background:var(--color-accent);border-radius:2px;transition:width 0.3s ease}.content-secondary-tertiary-secondary h2:hover::before{width:60px}.content-secondary-tertiary-secondary p{font-family:var(--font-family-body);font-size:clamp(0.875rem,2vw,1rem);line-height:var(--line-height-body);color:var(--color-text-primary);margin-bottom:clamp(1rem,2vw,1.5rem)}.content-secondary-tertiary-tertiary{flex:0 0 clamp(250px,25vw,400px);padding:clamp(1.5rem,4vw,3rem);background:rgba(46,139,87,0.05);border-radius:clamp(0.5rem,2vw,1rem);border-left:4px solid var(--color-secondary);box-shadow:inset 0 0 20px rgba(46,139,87,0.1);position:relative;clip-path:polygon(0% 0%,100% 0%,100% 100%,15% 85%,0% 100%);transition:transform 0.4s ease,border-left-color 0.4s ease}.content-secondary-tertiary-tertiary:hover{transform:translateX(8px);border-left-color:var(--color-secondary-light)}.content-secondary-tertiary-tertiary h3,.content-secondary-tertiary-tertiary h4,.content-secondary-tertiary-tertiary h5,.content-secondary-tertiary-tertiary h6{font-family:var(--font-family-heading);font-size:clamp(1rem,2.5vw,1.5rem);line-height:var(--line-height-heading);color:var(--color-secondary);margin-bottom:clamp(1rem,2vw,1.5rem)}.content-secondary-tertiary-tertiary p{font-family:var(--font-family-body);font-size:clamp(0.875rem,2vw,1rem);line-height:var(--line-height-body);color:var(--color-text-secondary);margin-bottom:clamp(0.75rem,1.5vw,1rem)}@media (min-width:768px){.content-secondary-tertiary-wrapper{flex-direction:row;align-items:flex-start}.content-secondary-tertiary-secondary{flex:2}.content-secondary-tertiary-tertiary{flex:1;position:sticky;top:2rem}}#category-faq{--_wave-shadow:0 4px 8px rgba(0,105,148,0.1);--_border-radius:clamp(8px,2vw,16px);--_padding-item:clamp(12px,3vw,24px);--_transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94)}.category-faq-container{max-width:1600px;margin:0 auto;padding:clamp(24px,5vw,48px);background:linear-gradient(135deg,var(--color-background) 0%,rgba(77,166,201,0.1) 100%);border-radius:var(--_border-radius);box-shadow:var(--_wave-shadow)}.category-faq-item{margin-bottom:clamp(12px,2vw,24px);border:1px solid rgba(0,105,148,0.2);border-radius:var(--_border-radius) var(--_border-radius) 0 0;background:var(--color-paper);overflow:hidden;transition:var(--_transition);box-shadow:var(--_wave-shadow)}.category-faq-item:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 16px rgba(0,105,148,0.15)}.category-faq-item[open]{animation:wave-open 0.6s ease-out}.category-faq-item:not([open]) .category-faq-answer{animation:wave-close 0.4s ease-in}.category-faq-question{font-family:var(--font-family-heading);font-size:clamp(var(--font-size-h4),2vw,var(--font-size-h3));line-height:var(--line-height-heading);color:var(--color-primary);cursor:pointer;padding:var(--_padding-item);list-style:none;position:relative;background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-primary) 100%);color:var(--color-primary-contrast);border-radius:var(--_border-radius) var(--_border-radius) 0 0;transition:var(--_transition)}.category-faq-question::after{content:'';position:absolute;right:var(--_padding-item);top:50%;transform:translateY(-50%);width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;background-size:contain;transition:transform 0.3s ease}.category-faq-item[open] .category-faq-question::after{transform:translateY(-50%) rotate(180deg)}.category-faq-question:hover{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}.category-faq-answer{padding:var(--_padding-item);background:var(--color-background);font-family:var(--font-family-body);font-size:clamp(var(--font-size-small),1.5vw,var(--font-size-base));line-height:var(--line-height-body);color:var(--color-text-primary);border-radius:0 0 var(--_border-radius) var(--_border-radius);transform:translateY(-10px);opacity:0;transition:var(--_transition)}.category-faq-item[open] .category-faq-answer{transform:translateY(0);opacity:1}.category-faq-answer p{margin:0}@keyframes wave-open{0%{border-radius:var(--_border-radius) var(--_border-radius) 0 0;transform:scale(1)}50%{border-radius:var(--_border-radius) var(--_border-radius) 50% 50%;transform:scale(1.01)}100%{border-radius:var(--_border-radius) var(--_border-radius) 0 0;transform:scale(1)}}@keyframes wave-close{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-10px);opacity:0}}@media (max-width:768px){.category-faq-container{padding:clamp(16px,4vw,32px)}.category-faq-item{margin-bottom:clamp(8px,1.5vw,16px)}.category-faq-question{font-size:clamp(var(--font-size-h5),2.5vw,var(--font-size-h4))}.category-faq-answer{font-size:clamp(var(--font-size-small),2vw,var(--font-size-base))}}@media (max-width:480px){.category-faq-container{padding:clamp(12px,3vw,24px)}.category-faq-question::after{width:12px;height:12px}}