:root{--gray-100: #f4f2ec;--gray-200: #eae6da;--gray-300: #e5dbd0;--gray-400: #d4c8b8;--gray-500: #b8a898;--gray-600: #9a8878;--gray-700: #7a6858;--gray-800: #5a4c3e;--gray-900: #2e2420;--gray-1000: #100c08;--primary-50: #fef2f3;--primary-100: #fde6e8;--primary-200: #fbb0b7;--primary-300: #f87a84;--primary-400: #f44451;--primary-500: #e7031b;--primary-600: #c40217;--primary-700: #a10213;--primary-800: #7e010f;--primary-900: #5b010b;--primary-950: #3a0007;--primary-1000: #1a0003;--white: #fff;--wa-green: #25D366;--success-50: #dcfce7;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:none;border:none;font-family:inherit;color:inherit;padding:0}ul,ol{list-style:none}input,select,textarea{font-family:inherit;font-size:inherit}@font-face{font-family:DM Sans;src:url(/fonts/DM_Sans/DMSans-Variable.woff2) format("woff2-variations");font-weight:400 1000;font-style:normal;font-display:swap}body{background-color:var(--gray-100);font-family:DM Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pre-header{color:var(--primary-600);font-weight:500;text-transform:uppercase;letter-spacing:2px;font-size:.8rem}.headings{font-size:3rem;letter-spacing:-1px;line-height:1;margin:10px 0;font-weight:1000}.subheadings{font-size:1.1rem;font-weight:500;color:var(--gray-700);width:50%;margin:auto;text-align:center}@media (max-width: 768px){.headings{font-size:2.4rem}}@media (max-width: 480px){.headings{font-size:2rem}.subheadings{width:100%}}*{-webkit-tap-highlight-color:transparent!important}.animated-link{color:var(--gray-900);font-weight:500;text-decoration:none;padding:8px 10px;line-height:1;transition:.5s;border-radius:10px;display:flex;justify-content:center;align-items:center;gap:5px;width:fit-content;border:1px solid transparent}.animated-link:hover{background-color:var(--gray-200);border:1px solid var(--gray-300)}.animated-link.active{border:1px solid var(--gray-400);background-color:var(--gray-300)}.primary-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--primary-600);color:var(--gray-100);text-decoration:none;font-weight:500;border-radius:10px;line-height:1;transition:.3s;border:1px solid var(--primary-600)}.primary-button:after{content:"";display:inline-block;width:7px;height:7px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg);flex-shrink:0;transition:transform .3s ease}.primary-button:hover{color:var(--primary-700);background-color:var(--gray-200);border:1px solid var(--gray-300)}.primary-button:hover:after{transform:rotate(45deg) translate(2px,-2px)}.primary-button.big{padding:14px 30px;font-size:1.2rem}.secondary-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:transparent;color:var(--gray-100);text-decoration:none;font-weight:500;border-radius:10px;line-height:1;transition:.3s;border:1px solid var(--gray-100);background-color:color-mix(in srgb,var(--gray-100) 10%,rgba(255,255,255,.08));backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.secondary-button:after{content:"";display:inline-block;width:7px;height:7px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg);flex-shrink:0;transition:transform .3s ease}.secondary-button:hover{color:var(--primary-600);background-color:var(--gray-100)}.secondary-button:hover:after{transform:rotate(45deg) translate(2px,-2px)}.secondary-button.big{padding:14px 30px;font-size:1.2rem}.highlight{padding:0 10px;background-color:var(--primary-700);color:var(--gray-100);letter-spacing:0px;border-radius:10px;display:inline-block;width:fit-content}.mega-menu-inner::-webkit-scrollbar{width:4px}.mega-menu-inner::-webkit-scrollbar-track{background:transparent;border-radius:12px}.mega-menu-inner::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:12px}.accordion{display:flex;flex-direction:column;gap:8px}.accordion-item{background:var(--gray-200);border-radius:14px;overflow:hidden;border:1px solid var(--gray-300)}.accordion-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border:none;background:none;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--gray-900);font-family:inherit;text-align:left;gap:16px;transition:color .3s}.accordion-icon{width:22px;height:22px;flex-shrink:0;position:relative;color:var(--gray-900)}.accordion-icon:before,.accordion-icon:after{content:"";position:absolute;background:currentColor;border-radius:2px;transition:transform .35s ease,opacity .35s ease}.accordion-icon:before{width:12px;height:1.5px;top:50%;left:50%;transform:translate(-50%,-50%)}.accordion-icon:after{width:1.5px;height:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.accordion-item.open .accordion-icon:after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}.accordion-content{overflow:hidden;height:0;transition:height .38s cubic-bezier(.4,0,.2,1)}.accordion-inner{padding:0 22px 22px;opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px);-webkit-transition:opacity .3s ease .06s,-webkit-transform .3s ease .06s;transition:opacity .3s ease .06s,transform .3s ease .06s}.accordion-item.open .accordion-inner{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-loading{position:relative;pointer-events:none;opacity:.78;cursor:not-allowed!important}.btn-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:var(--gray-100);border-radius:50%;animation:btn-spin .65s linear infinite;vertical-align:middle;flex-shrink:0}.btn-spinner--dark{border-color:#0000001f;border-top-color:var(--gray-700)}#klaro-cookie-notice{z-index:100}.wa-float{position:fixed;right:30px;bottom:30px;z-index:99;width:56px;height:56px;background:var(--wa-green);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #25d36673;transition:transform .25s ease,box-shadow .25s ease,bottom .25s ease;text-decoration:none}.wa-float:hover{transform:scale(1.1);box-shadow:0 6px 28px #25d36699}.wa-float--above-footer{bottom:70px}.wa-float svg{width:30px;height:30px}@media (max-width: 480px){.wa-float{bottom:20px;right:20px;width:50px;height:50px}.wa-float svg{width:26px;height:26px}.highlight{padding:5px}}.spam-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.spam-modal-overlay.open{opacity:1;visibility:visible}.spam-modal{background:var(--gray-100);border-radius:16px;padding:40px;max-width:480px;width:100%;position:relative;-webkit-transform:translateY(12px);transform:translateY(12px);-webkit-transition:-webkit-transform .25s ease;transition:transform .25s ease}.spam-modal-overlay.open .spam-modal{-webkit-transform:translateY(0);transform:translateY(0)}.spam-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:8px;background:var(--gray-200);border:1px solid var(--gray-300);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gray-700);transition:background .2s}.spam-modal-close:hover{background:var(--gray-300)}.spam-modal-title{font-size:1.15rem;font-weight:700;color:var(--gray-900);margin-bottom:12px;padding-right:40px}.spam-modal-body{font-size:.9rem;color:var(--gray-700);line-height:1.7;margin-bottom:24px}.spam-modal-contacts{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.spam-modal-contacts a{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--gray-800);font-weight:500;padding:12px 16px;border:1px solid var(--gray-300);border-radius:10px;background:var(--gray-200);transition:border-color .2s}.spam-modal-contacts a:hover{border-color:var(--gray-400)}.spam-modal-dismiss{width:100%;padding:12px;background:var(--gray-200);border:1px solid var(--gray-300);border-radius:10px;font-size:.875rem;font-weight:500;color:var(--gray-700);cursor:pointer;transition:background .2s}.spam-modal-dismiss:hover{background:var(--gray-300)}.text-center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.visually-hidden{visibility:hidden}.anim-fade-up{opacity:0;transform:translateY(16px);-webkit-transform:translateY(16px);transition:opacity .4s ease,transform .4s ease;-webkit-transition:opacity .4s ease,-webkit-transform .4s ease;will-change:opacity,transform}.anim-fade-up.anim-visible{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}.anim-para-wrap{overflow:hidden}.anim-para{transform:translateY(100%);-webkit-transform:translateY(100%);transition:transform .45s cubic-bezier(.22,1,.36,1);-webkit-transition:-webkit-transform .45s cubic-bezier(.22,1,.36,1);will-change:transform;display:block}.anim-para.anim-visible{transform:translateY(0);-webkit-transform:translateY(0)}.anim-fade-up:nth-child(1){transition-delay:0s}.anim-fade-up:nth-child(2){transition-delay:.06s}.anim-fade-up:nth-child(3){transition-delay:.12s}.anim-fade-up:nth-child(4){transition-delay:.18s}.anim-fade-up:nth-child(5){transition-delay:.24s}.anim-fade-up:nth-child(6){transition-delay:.3s}.anim-fade-up:nth-child(7){transition-delay:.36s}.anim-fade-up:nth-child(8){transition-delay:.42s}.anim-fade-up:nth-child(9){transition-delay:.48s}@media (prefers-reduced-motion: reduce){.anim-fade-up,.anim-para{transition:none;-webkit-transition:none;transform:none;-webkit-transform:none;opacity:1}.anim-fade-up.anim-visible,.anim-para.anim-visible{opacity:1;transform:none}}.nav-active{background-color:var(--gray-300);color:var(--gray-900)!important;border:1px solid var(--gray-400)!important}nav.scrolled .nav-active{background-color:var(--gray-300)}body[data-page=home] nav:not(.scrolled){background-color:transparent;border-bottom:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}body[data-page=home] nav:not(.scrolled) .animated-link{color:var(--gray-100)}body[data-page=home] nav:not(.scrolled) .animated-link:hover{background-color:#ffffff26;border:1px solid rgba(255,255,255,.2);color:var(--gray-100)}body[data-page=home] nav:not(.scrolled) .nav-active{background-color:#ffffff40;border:1px solid rgba(255,255,255,.5)!important;color:var(--gray-100)!important;font-weight:600}body[data-page=home] nav:not(.scrolled) .primary-button{background-color:var(--primary-600);color:var(--gray-100)}body[data-page=home] nav:not(.scrolled) .logo span{color:var(--primary-500)}body[data-page=home] nav:not(.scrolled) svg{color:var(--gray-100)}body[data-page=home] nav:not(.scrolled) .hamburger-button div{background-color:var(--gray-100)}body[data-page=product] nav:not(.scrolled){background-color:transparent;border-bottom:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}body[data-page=product] nav:not(.scrolled) .animated-link{color:var(--gray-900)}body[data-page=product] nav:not(.scrolled) .animated-link:hover{background-color:#0000000f;color:var(--gray-900)}body[data-page=product] nav:not(.scrolled) .nav-active{background-color:#00000014;border:1px solid rgba(0,0,0,.12)!important;color:var(--gray-900)!important}body[data-page=product] nav:not(.scrolled) .primary-button{background-color:var(--primary-600);color:var(--gray-100)}body[data-page=product] nav:not(.scrolled) .logo span{color:var(--primary-600)}body[data-page=product] nav:not(.scrolled) svg{color:var(--gray-900)}body[data-page=product] nav:not(.scrolled) .hamburger-button div{background-color:var(--gray-900)}nav{width:100%;display:flex;justify-content:center;align-items:center;padding:20px 50px;position:fixed;z-index:450;transition:.3s}nav.scrolled{padding:10px 30px;background-color:var(--gray-100);border-bottom:1px solid var(--gray-200)}nav.scrolled .links .animated-link{color:var(--gray-900)!important}nav.scrolled .links .animated-link:hover{background-color:var(--gray-200);border:1px solid var(--gray-300)}nav .logo{width:20%;height:50px;display:flex;align-items:center;gap:10px}nav .logo span{font-size:1.3rem;font-weight:1000;color:var(--primary-500);letter-spacing:-.9px;line-height:1}.logo img{height:100%;width:auto}.links{width:60%;display:flex;justify-content:center;align-items:center;gap:10px}.home .links a{color:var(--gray-100)}.home .links a:hover{background-color:unset;border:1px solid transparent}.cta{width:20%;display:flex;justify-content:flex-end}.nav-item{position:relative;display:flex;align-items:center}.nav-item a svg{transition:.3s}.nav-item a svg.flipped{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.mega-menu{position:absolute;top:calc(100% + 8px);left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);border-radius:12px;z-index:200;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease;box-shadow:0 8px 24px #00000014;overflow:hidden;border:1px solid var(--gray-200)}.mega-menu-inner{background-color:var(--gray-100);border-radius:12px;padding:12px;min-width:250px;max-height:300px;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:4px}.mega-menu.open{opacity:1;visibility:visible;pointer-events:all}.mm-item{display:flex;flex-direction:column;gap:4px}.mega-menu a{font-weight:400;font-size:.9rem;text-decoration:none;padding:8px 12px;border-radius:8px;display:block;outline:none!important;transition:background-color .2s,color .2s;line-height:1.4;border:1px solid transparent;color:var(--gray-900)}.home .links .mega-menu a{color:var(--gray-900)}.mega-menu a:hover,.home .mega-menu a:hover{background-color:var(--gray-200);color:var(--primary-500);border:1px solid var(--gray-300)}nav.scrolled .hamburger-button div{background-color:var(--gray-900)}.hamburger-button{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;z-index:400;position:relative}.hamburger-button div{width:24px;height:2px;background-color:var(--gray-900);border-radius:2px;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease,width .3s ease,background-color .3s ease;transform-origin:center}.home .hamburger-button div{background-color:var(--gray-100)}.hamburger-button.open div,.home .hamburger-button.open div,body[data-page=home] nav:not(.scrolled) .hamburger-button.open div{background-color:var(--gray-900)}.hamburger-button.open div:nth-child(1){-webkit-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg)}.hamburger-button.open div:nth-child(2){opacity:0;width:0}.hamburger-button.open div:nth-child(3){-webkit-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg)}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:0;background-color:var(--gray-100);z-index:300;overflow:hidden;transition:.5s}.mobile-overlay.open{height:100vh}.mobile-nav-inner{width:100%;height:100vh;padding:100px 32px 48px;position:relative;overflow:hidden}.mobile-panel{position:absolute;top:100px;left:32px;right:32px;bottom:48px;display:flex;flex-direction:column;gap:4px;transition:transform .4s,opacity .4s ease,filter .4s ease}#mainPanel{-webkit-transform:translateX(0);transform:translate(0);opacity:1;filter:blur(0px)}#mainPanel.hidden{-webkit-transform:translateX(-40px);transform:translate(-40px);opacity:0;filter:blur(8px);pointer-events:none}#catPanel{-webkit-transform:translateX(40px);transform:translate(40px);opacity:0;filter:blur(8px);pointer-events:none}#catPanel.active{-webkit-transform:translateX(0);transform:translate(0);opacity:1;filter:blur(0px);pointer-events:all}.mobile-links{display:flex;flex-direction:column;gap:4px}.mobile-link{color:var(--gray-900);font-weight:500;font-size:1.1rem;text-decoration:none;padding:14px 16px;border-radius:12px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:space-between;cursor:pointer;opacity:0;filter:blur(6px);-webkit-transform:translateY(8px);transform:translateY(8px);transition:background-color .2s ease,opacity .35s ease calc(var(--i) * 60ms),filter .35s ease calc(var(--i) * 60ms),transform .35s ease calc(var(--i) * 60ms)}.mobile-link:hover{background-color:var(--gray-200)}.mobile-overlay.open .mobile-panel:not(.hidden) .mobile-link,.mobile-overlay.open #catPanel.active .mobile-link{opacity:1;filter:blur(0px);-webkit-transform:translateY(0);transform:translateY(0)}.mobile-cat-trigger svg{transition:transform .3s ease;color:var(--gray-600)}.mobile-back{display:flex;align-items:center;gap:8px;padding:14px 16px;border-radius:12px;cursor:pointer;color:var(--gray-600);font-weight:500;font-size:.9rem;margin-bottom:8px;transition:background-color .2s ease,color .2s ease;width:fit-content}.mobile-back:hover{background-color:var(--gray-200);color:var(--gray-900)}.mobile-primary-button{margin-top:8px;padding:14px 20px;background-color:var(--primary-600);color:var(--gray-100)!important;text-decoration:none;font-weight:500;border-radius:12px;text-align:center;justify-content:center!important;transition:background-color .2s ease,opacity .35s ease calc(var(--i) * 60ms),filter .35s ease calc(var(--i) * 60ms),transform .35s ease calc(var(--i) * 60ms)!important}.mobile-primary-button:hover{background-color:var(--primary-700)}.mobile-cat-row{display:flex;align-items:center;justify-content:space-between;padding:0;background:none}.mobile-cat-label{flex:1;padding:14px 16px;color:var(--gray-900);text-decoration:none;font-weight:500;font-size:1.1rem;border-radius:12px;transition:background-color .2s ease}.mobile-cat-label:hover{background-color:var(--gray-200)}.mobile-cat-trigger{padding:14px;border-radius:12px;cursor:pointer;color:var(--gray-600);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease;flex-shrink:0}.mobile-cat-trigger:hover{background-color:var(--gray-200);color:var(--gray-900)}.cta-sec{width:100%;background-color:var(--gray-200);display:flex;align-items:center;justify-content:center;height:70vh;text-align:center;padding:20px}.cta-sec-inner{display:flex;flex-direction:column;align-items:center;gap:20px}.cta-sec-inner h2{font-size:3rem;font-weight:800;line-height:1.15;color:var(--gray-900)}.cta-sec-inner p{font-size:1rem;color:var(--gray-600);line-height:1.6;width:70%}.cta-sec-inner .primary-button{margin-top:8px}.cta-sec-inner .primary-button:hover{background-color:var(--gray-400)}@media (max-width: 900px){nav,nav.scrolled{padding:10px 20px;justify-content:space-between}.links,.cta{display:none}.logo{width:auto}.logo img{height:50px}nav .logo span{font-size:1.2rem}.hamburger-button{display:flex;align-items:flex-end;justify-content:center;width:auto}}@media (max-width: 480px){.cta-sec-inner p{width:100%}.cta-sec-inner .primary-button{width:100%;justify-content:center}.cta-sec-inner h2{font-size:2rem}}.loader-wrap{width:100%;height:100vh;background-color:var(--gray-100);display:flex;justify-content:center;align-items:center;transition:opacity .3s ease,filter .3s ease;position:fixed;z-index:99999}.loader{color:var(--primary-900);font-size:3rem;font-family:DM Sans,sans-serif;font-weight:700;letter-spacing:-3px;position:relative;display:inline-block}.loader:before{content:"ASMA HOME";position:absolute;top:0;left:0;width:100%;height:100%;color:var(--primary-500);-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);-webkit-transition:-webkit-clip-path .1s ease;transition:clip-path .1s ease}.loader-wrap.hidden{opacity:0;filter:blur(1px)}.footer{background-color:var(--gray-1000);color:var(--gray-500);font-size:.875rem}.footer-main{margin:0 auto;padding:50px 80px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;border-top:1px solid var(--gray-800)}.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px}.footer-logo img{width:36px;height:36px;object-fit:contain;filter:brightness(0) invert(1)}.footer-logo span{font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--white);line-height:1.35;text-transform:uppercase}.footer-tagline{font-size:.875rem;line-height:1.7;color:var(--gray-600);margin-bottom:24px;max-width:320px}.footer-contact{display:flex;flex-direction:column;gap:10px}.footer-contact-item{display:flex;align-items:center;gap:8px;color:var(--gray-500);text-decoration:none;transition:color .25s;font-size:.85rem}a.footer-contact-item:hover{color:var(--white)}.footer-contact-item svg{flex-shrink:0;color:var(--gray-600)}.footer-nav-group{display:flex;flex-direction:column;gap:10px}.footer-nav-group h4{font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--white);margin-bottom:4px}.footer-nav-group a{color:var(--gray-600);text-decoration:none;transition:color .25s;font-size:.875rem;width:fit-content}.footer-nav-group a:hover{color:var(--white)}.footer-bottom{border-top:1px solid rgba(255,255,255,.07);margin:0 auto;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--gray-700)}.footer-bottom-links{display:flex;gap:24px}.footer-bottom-links a{color:var(--gray-700);text-decoration:none;transition:color .25s}.footer-bottom-links a:hover{color:var(--white)}.footer-faq{padding:80px 80px 0}.footer-faq-header{text-align:center;margin-bottom:56px}.footer-faq .pre-header{color:var(--gray-600)}.footer-faq .headings{color:var(--white)}.footer-faq .subheadings{color:var(--gray-600)}.footer-faq .accordion{max-width:800px;margin:0 auto;padding-bottom:64px}.footer-faq .accordion-item{background:#ffffff0a;border-color:#ffffff14}.footer-faq .accordion-trigger{color:var(--gray-400);transition:color .2s}.footer-faq .accordion-trigger:hover,.footer-faq .accordion-item.open .accordion-trigger{color:var(--white)}.footer-faq .accordion-icon{color:var(--gray-500)}.footer-faq .accordion-inner p{font-size:.95rem;line-height:1.75;color:var(--gray-600)}@media (max-width: 900px){.footer-faq{padding:60px 40px 0}.footer-main{grid-template-columns:1fr 1fr;gap:36px}.footer-brand{grid-column:1 / -1}}@media (max-width: 560px){.footer-faq{padding:48px 20px 0}.footer-faq-header{margin-bottom:36px}.footer-main{grid-template-columns:1fr;padding:40px 20px 32px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px;padding:20px}}.pc-card{break-inside:avoid;margin-bottom:20px;display:inline-block;width:100%;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:20px;transition:border-color .2s ease;cursor:pointer;position:relative}.pc-card:hover{border-color:var(--gray-400)}.pc-card-image-wrap{position:relative;overflow:hidden;border-radius:20px 20px 0 0;background:var(--gray-200);aspect-ratio:1 / 1}@supports not (aspect-ratio: 1){.pc-card-image-wrap{padding-top:100%}.pc-card-image-wrap>*{position:absolute;top:0;left:0;width:100%;height:100%}}.pc-card-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:20px 20px 0 0;transition:opacity .2s ease}.pc-card-image.pc-fading{opacity:0}.pc-card-image-wrap{-webkit-user-select:none;user-select:none}.product-card-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:transparent;pointer-events:none}.pc-card-badge{display:inline-block;background:var(--gray-200);color:var(--gray-600);border-radius:6px;font-size:.72rem;padding:3px 8px;font-weight:500;margin-bottom:6px}.pc-card-sku{display:block;color:var(--gray-500);font-size:.75rem;margin-bottom:8px;margin-top:-4px}.pc-card-body{padding:20px;position:relative;z-index:1}.pc-card-name{color:var(--gray-900);font-size:1.1rem;font-weight:700;letter-spacing:-.5px;margin-bottom:8px;line-height:1.3}.pc-card-desc{color:var(--gray-600);font-size:.85rem;line-height:1.6}.pc-card-readmore{display:inline-flex;align-items:center;gap:5px;margin-top:8px;color:var(--primary-600);font-size:.82rem;font-weight:500;text-decoration:none;transition:color .2s ease;position:relative;z-index:2}.pc-card-readmore:hover{text-decoration:underline;color:var(--primary-700)}.pc-card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px;position:relative;z-index:2}.pc-swatches{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pc-swatch{width:22px;height:22px;border-radius:8px;border:3px solid transparent;cursor:pointer;transition:border-color .15s;position:relative;flex-shrink:0}.pc-swatch:focus{border-color:var(--gray-900)}.pc-swatch[aria-checked=true]{border-color:var(--gray-900)}.pc-swatch:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);background:var(--gray-900);color:var(--gray-100);font-size:.7rem;white-space:nowrap;padding:3px 8px;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .15s}.pc-swatch:hover:after,.pc-swatch:focus:after{opacity:1}.pc-enquiry-btn{font-family:inherit;cursor:pointer;font-size:.85rem;white-space:nowrap}.pc-enquiry-btn.pc-enquiry-btn--added{background:transparent!important;border-color:transparent!important;color:var(--gray-500)!important;cursor:default;pointer-events:none;font-style:italic;display:flex;flex-direction:column;align-items:center;gap:4px}.pc-enquiry-eq-link{pointer-events:all;font-style:normal;font-size:.8rem;color:var(--primary-600);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.fp-grid .pc-card{margin-bottom:24px}.related-grid .pc-card{display:block;margin-bottom:0}@media (max-width: 480px){.pc-card-body{padding:12px}.pc-card-name{font-size:.95rem}.pc-card-desc{font-size:.8rem}}