/* Orbit Packaging — header/footer (shadow DOM) styles */
:host{all:initial;display:block;font-family:Poppins,sans-serif}
:host{--blush-soft:initial;--teal:initial;--teal-deep:initial;--teal-soft:initial}
:host{--page-bg: #F8F8F6; --card: #F8F8F6; --cream: #F9EBD9; --ink: #213E3E; --ink-soft: #5B7A79; --ink-faint: #94AAA9; --green: #439093; --green-dark: #357A7D; --green-tint: #E1EEED; --orange: #CE5648; --orange-tint: #FADFD9; --coral: #F09B93; --yellow: #E9DD8A; --yellow-tint: #F4EDBE; --yellow-deep: #8A7A22; --pink: #EBD6D7; --pink-soft: #F3E4E5; --plum: #357A7D; --lavender-tint: #F3E4E5; --crumb-bg: #F9EBD9; --crumb-link: #CE5648; --crumb-current: #213E3E; --line: #CFE0DF; --radius-card: 6px; --radius-lg: 6px; --radius-md: 4px; --radius-pill: 999px; --font-heading: 'Poppins',-apple-system,BlinkMacSystemFont,sans-serif; --font-quote: 'Poppins',sans-serif; --font: 'Poppins',-apple-system,BlinkMacSystemFont,sans-serif;}
*{box-sizing: border-box;}
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible{outline: 2px solid var(--green-dark); outline-offset: 2px; border-radius: 4px;}
button,a{-webkit-tap-highlight-color: transparent;}
@media (max-width: 768px){
input{font-size: 16px;}
}
:host{margin: 0px; background: var(--page-bg); font-family: var(--font); color: var(--ink); -webkit-font-smoothing: antialiased; letter-spacing: 0px;}
a{color: inherit; text-decoration: none;}
img,svg{display: block; max-width: 100%;}
@keyframes pulse-dot { 
0%{ box-shadow: rgba(21, 75, 61, 0.4) 0px 0px 0px 0px; }
70%{ box-shadow: rgba(21, 75, 61, 0) 0px 0px 0px 6px; }
100%{ box-shadow: rgba(21, 75, 61, 0) 0px 0px 0px 0px; }
}
@keyframes drawArrow { 
100%{ stroke-dashoffset: 0; }
}
@keyframes vfade { 
0%{ opacity: 0; transform: translateY(5px); }
100%{ opacity: 1; transform: translateY(0px); }
}
@media (max-width: 1560px){
.mega-in{grid-template-columns: minmax(0px, 1fr) 260px;}
.nav-links{gap: 2px; margin-left: -10px;}
.nav-item > a{padding: 10px; font-size: 13.5px;}
}
@media (max-width: 1100px){
.foot-grid{grid-template-columns: 1.3fr 1fr 1fr;}
.foot-col:last-child{grid-column: 2 / span 2;}
}
@media (max-width: 960px){
.hdr-mid{padding-left: 16px; padding-right: 16px;}
.hdr-nav{padding-left: 16px; padding-right: 16px;}
.foot-main .in{padding-left: 16px; padding-right: 16px;}
.foot-grid{grid-template-columns: 1fr 1fr;}
.foot-col:last-child{grid-column: auto;}
}
@media (max-width: 640px){
.hdr-mid,.hdr-nav{padding-left: 12px; padding-right: 12px;}
.foot-main .in{padding-left: 12px; padding-right: 12px;}
.site-foot{margin-top: 16px;}
.foot-main .in{padding: 24px 12px 0px;}
.foot-grid{grid-template-columns: 1fr; gap: 0px;}
.foot-brand{margin-bottom: 18px;}
.foot-brand p{font-size: 13px; line-height: 1.6; margin-bottom: 14px; max-width: none;}
.foot-col{border-top: 1px solid rgba(33, 62, 62, 0.1); padding: 0px;}
.foot-col h4{margin: 0px; padding: 14px 0px; font-size: 15px; cursor: pointer; position: relative;}
.foot-col h4::after{content: ""; position: absolute; right: 4px; top: 50%; width: 11px; height: 11px; margin-top: -7px; border-right: 2.2px solid var(--ink-soft); border-bottom: 2.2px solid var(--ink-soft); transform: rotate(45deg); transform-origin: center center; transition: transform 0.28s, border-color 0.2s;}
.foot-col.open h4::after{margin-top: -2px; transform: rotate(225deg); border-color: var(--green-dark);}
.foot-col h4:hover::after{border-color: var(--ink);}
.foot-col ul{max-height: 0px; overflow: hidden; transition: max-height 0.28s;}
.foot-col.open ul{max-height: 520px; padding-bottom: 12px;}
.foot-col li{margin-bottom: 9px;}
.foot-col a{font-size: 13.5px;}
.trust-strip{grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 20px; padding: 16px 0px;}
.trust-item .t2{font-size: 12px;}
.foot-bottom{padding: 14px 0px 20px; gap: 10px;}
.pay-strip{flex-wrap: wrap; justify-content: center; gap: 6px;}
.pay-strip span{height: 26px; padding: 0px 8px; font-size: 10.5px;}
}
@media (max-width: 480px){
.trust-item .t2{font-size: 12.5px;}
.foot-col a{font-size: 13px;}
}
.site-header{width: 100%; background: transparent; border-bottom: none; box-shadow: rgba(42, 20, 24, 0.05) 0px 6px 24px;}
.hdr-mid,.hdr-nav{max-width: 1440px; margin: 0px auto;}
.hdr-mid{display: flex; align-items: center; gap: 32px; padding: 18px 24px;}
.brand{flex: 0 0 auto; display: flex; align-items: center; min-width: 0px;}
.brand{display: none;}
.hdr-search{flex: 1 1 auto; min-width: 0px; max-width: 480px; display: flex; align-items: center; gap: 10px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: var(--radius-pill); padding: 12px 20px; transition: border-color 0.2s, box-shadow 0.2s;}
.hdr-search:focus-within{border-color: var(--ink); box-shadow: rgba(42, 20, 24, 0.06) 0px 0px 0px 4px;}
.hdr-search svg{width: 18px; height: 18px; flex: 0 0 auto; color: var(--ink-faint);}
.hdr-search input{flex: 1 1 0%; min-width: 0px; border: none; background: transparent; outline: none; font-family: inherit; font-size: 14.5px; color: var(--ink);}
.hdr-search input::placeholder{color: var(--ink-faint);}
.hdr-contact{display: flex; align-items: center; gap: 22px; margin-left: auto; flex: 0 0 auto;}
.hc{display: flex; align-items: center; gap: 10px;}
.hc .hc-ic{flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; background: var(--cream); color: var(--ink); display: flex; align-items: center; justify-content: center; transition: background 0.2s, color 0.2s, transform 0.2s;}
.hc .hc-ic svg{width: 20px; height: 20px; display: block;}
.hc:hover .hc-ic{background: var(--ink); color: rgb(255, 255, 255); transform: translateY(-2px);}
.hc small{display: block; font-size: 10.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-faint); line-height: 1;}
.hc b{display: block; font-size: 13.5px; font-weight: 800; color: var(--ink); margin-top: 4px; line-height: 1;}
.hdr-nav{position: relative; display: flex; align-items: center; gap: 20px; padding: 12px 24px 14px; border-top: 1px solid var(--line); margin-top: 2px;}
.nav-links{display: flex; align-items: center; gap: 2px; flex-wrap: wrap; margin-left: -14px;}
.nav-item{position: static;}
.nav-item > a{display: flex; align-items: center; gap: 5px; font-size: 14.5px; font-weight: 800; color: var(--ink); padding: 10px 14px; border-radius: var(--radius-pill); transition: color 0.18s, background 0.18s;}
.nav-item > a .chev{width: 15px; height: 15px; opacity: 0.75; transition: transform 0.2s; flex: 0 0 auto;}
.nav-item:hover > a{color: var(--ink); background: var(--cream);}
.nav-item:hover > a .chev{transform: rotate(180deg); opacity: 1;}
.hc .hc-ic{background: transparent; overflow: hidden; padding: 0px;}
.hc .hc-ic img{width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: block;}
.hc:hover .hc-ic{background: transparent; transform: translateY(-2px);}
.nav-burger{display: none; background: var(--cream); border: 1px solid var(--line); border-radius: 12px; width: 42px; height: 42px; align-items: center; justify-content: center; font-size: 20px; cursor: pointer; color: var(--ink);}
.mega{position: absolute; left: 14px; right: 14px; top: calc(100% + 6px); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity 0.2s, transform 0.2s, visibility 0.2s; z-index: 70;}
.nav-item:hover .mega{opacity: 1; visibility: visible; transform: translateY(0px);}
.mega::before{content: ""; position: absolute; top: -12px; left: 0px; right: 0px; height: 12px;}
.mega-in{display: grid; grid-template-columns: minmax(0px, 1fr) 300px; gap: 0px; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius-card); overflow: hidden; box-shadow: rgba(42, 20, 24, 0.16) 0px 24px 60px;}
.mega-main{padding: 26px 28px;}
.mi{display: flex; align-items: flex-start; gap: 11px; padding: 12px; border-radius: 14px; border: 1px solid transparent; transition: background 0.18s, border-color 0.18s, transform 0.18s;}
.mi:hover{background: var(--cream); border-color: var(--line); transform: translateY(-2px);}
.mi b{display: block; font-size: 13.5px; font-weight: 800; color: var(--ink); line-height: 1.3;}
.mi small{display: block; font-size: 11.5px; color: var(--ink-faint); margin-top: 3px; line-height: 1.4;}
@media (max-width: 1560px){
.hc span:last-child{display: block;}
.hdr-contact{gap: 14px;}
.hc b{font-size: 12.5px;}
}
@media (max-width: 1180px){
.hdr-contact .hc.em span:last-child{display: none;}
}
@media (max-width: 1024px){
.hdr-contact{display: none;}
.hdr-search{flex: 1 1 0%;}
}
.lb{position: fixed; inset: 0px; z-index: 300; display: none; background: rgba(14, 24, 24, 0.92);}
.lb.open{display: flex; align-items: center; justify-content: center;}
.lb img{max-width: 92vw; max-height: 86vh; object-fit: contain; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.5) 0px 24px 70px; user-select: none;}
.lb-btn{position: absolute; top: 50%; transform: translateY(-50%); width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; cursor: pointer; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 4px; color: rgb(255, 255, 255); font-size: 26px; line-height: 1; transition: background 0.2s;}
.lb-btn:hover{background: rgba(255, 255, 255, 0.26);}
.lb-prev{left: 20px;}
.lb-next{right: 20px;}
.lb-close{position: absolute; top: 18px; right: 20px; width: 44px; height: 44px; font-size: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 4px; transition: background 0.2s;}
.lb-close:hover{background: rgba(255, 255, 255, 0.26);}
.lb-count{position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); font-family: var(--font); font-size: 13px; font-weight: 700; color: rgba(255, 255, 255, 0.85); background: rgba(0, 0, 0, 0.35); padding: 7px 14px; border-radius: 3px;}
.lb-grad{display: none; width: min(86vw, 900px); aspect-ratio: 16 / 9; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.6) 0px 30px 80px -30px;}
@media (max-width: 640px){
.lb-btn{width: 44px; height: 44px; font-size: 22px;}
.lb-prev{left: 8px;}
.lb-next{right: 8px;}
}
.m-drawer{position: fixed; inset: 0px; z-index: 200; display: none;}
.m-drawer.open{display: block;}
.m-drawer .m-scrim{position: absolute; inset: 0px; background: rgba(20, 30, 30, 0.45); opacity: 0; transition: opacity 0.25s;}
.m-drawer.open .m-scrim{opacity: 1;}
.m-panel{position: absolute; top: 0px; right: 0px; height: 100%; width: min(88vw, 390px); background: rgb(255, 255, 255); box-shadow: rgba(20, 30, 30, 0.18) -10px 0px 40px; transform: translateX(100%); transition: transform 0.28s; display: flex; flex-direction: column; overflow-y: auto;}
.m-drawer.open .m-panel{transform: none;}
.m-head{display: flex; align-items: center; justify-content: space-between; padding: 14px 16px 10px;}
.m-head b{font-family: var(--font); font-size: 15px; font-weight: 800; color: var(--ink);}
.m-close{background: transparent; border: none; font-size: 26px; line-height: 1; color: var(--ink-soft); cursor: pointer; padding: 2px 6px;}
.m-nav{display: flex; flex-direction: column; gap: 9px; padding: 0px 16px;}
.m-group{display: block;}
.m-tile{display: flex; align-items: center; gap: 16px; width: 100%; text-align: left; cursor: pointer; background: rgb(242, 242, 240); border: none; border-radius: 3px; padding: 14px 16px; font-family: var(--font); font-size: 13px; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; color: var(--ink); transition: background 0.2s, color 0.2s;}
.m-tile:hover,.m-tile:focus-visible{background: rgb(234, 234, 230);}
.m-tile .m-ic{flex: 0 0 auto; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: rgb(92, 98, 96); font-weight: 300;}
.m-tile .m-ic i{font-size: 32px; stroke-width: 1;}
.m-tile .m-lbl{flex: 1 1 0%; min-width: 0px; line-height: 1.25;}
.m-tile .m-arrow{flex: 0 0 auto; display: flex; align-items: center; color: rgb(138, 145, 143); transition: transform 0.25s, color 0.2s;}
.m-tile .m-arrow i{font-size: 20px; font-weight: 300;}
.m-tile:hover .m-arrow{color: var(--ink);}
.m-group.open > .m-tile{background: rgb(251, 234, 234); color: var(--ink);}
.m-group.open > .m-tile .m-ic{color: var(--orange);}
.m-group.open > .m-tile .m-arrow{transform: rotate(90deg); color: var(--orange);}
.m-tile.is-plain .m-arrow{display: none;}
.m-sub{max-height: 0px; overflow: hidden; transition: max-height 0.3s;}
.m-group.open .m-sub{max-height: 1600px;}
.m-sub a{display: block; padding: 13px 16px 13px 58px; font-family: var(--font); font-size: 14px; font-weight: 600; color: var(--ink-soft); border-bottom: 1px solid rgba(33, 62, 62, 0.07); transition: background 0.18s, color 0.18s, padding-left 0.18s;}
.m-sub a:last-child{border-bottom: none;}
.m-sub a:hover,.m-sub a:focus-visible{background: rgb(247, 247, 245); color: var(--green-dark); padding-left: 62px;}
@media (max-width: 900px){
.hdr-nav .nav-links{display: none;}
.hdr-nav{justify-content: flex-end; padding: 10px 16px;}
.nav-burger{display: flex;}
.hdr-mid{padding: 14px 16px; gap: 14px; flex-wrap: wrap;}
.hdr-search{order: 3; flex: 1 0 100%;}
}
@keyframes finpop { 
0%{ transform: scale(0.92); opacity: 0; }
100%{ transform: none; opacity: 1; }
}
@keyframes finrise { 
100%{ opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce){
*{scroll-behavior: auto !important;}
}
.site-foot{margin-top: 44px;}
.foot-main{background: transparent; border-top: none;}
.foot-main .in{max-width: 1440px; margin: 0px auto; padding: 48px 24px 0px;}
.foot-grid{display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 36px;}
.foot-brand .brand{margin-bottom: 16px;}
.foot-brand p{font-size: 13.5px; line-height: 1.7; color: var(--ink-soft); margin: 0px 0px 20px; max-width: 300px;}
.foot-col h4{color: var(--green-dark); margin: 0px 0px 16px; font-family: var(--font-heading); font-weight: 400; font-size: 17px;}
.foot-col ul{list-style: none; margin: 0px; padding: 0px;}
.foot-col li{margin-bottom: 11px;}
.foot-col a{font-size: 13.5px; color: var(--ink-soft); transition: color 0.18s, padding-left 0.18s;}
.foot-col a:hover{color: var(--orange); padding-left: 3px;}
.trust-strip{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 44px; padding: 26px 0px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);}
.trust-item{display: flex; align-items: center; gap: 13px;}
.trust-item .ic{flex: 0 0 auto; width: 42px; height: 42px; border-radius: 12px; background: var(--green-tint); color: var(--green); display: flex; align-items: center; justify-content: center; font-size: 20px;}
.trust-item:nth-child(2) .ic{background: var(--orange-tint); color: var(--orange);}
.trust-item:nth-child(3) .ic{background: var(--lavender-tint); color: rgb(53, 122, 125);}
.trust-item:nth-child(4) .ic{background: var(--cream); color: rgb(138, 122, 34);}
.trust-item .t1{display: block; font-size: 11.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-faint);}
.trust-item .t2{display: block; font-size: 13.5px; font-weight: 800; color: var(--ink); margin-top: 2px;}
.foot-bottom{display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding: 22px 0px 30px;}
.foot-bottom .copy{font-size: 12.5px; color: var(--ink-faint);}
.foot-bottom .legal{display: flex; gap: 16px;}
.foot-bottom .legal a{font-size: 12.5px; color: var(--ink-faint);}
.foot-bottom .legal a:hover{color: var(--green-dark);}
.pay-strip{display: flex; align-items: center; gap: 8px;}
.pay-strip span{display: flex; align-items: center; justify-content: center; height: 30px; padding: 0px 10px; border: none; border-radius: 7px; background: rgb(255, 255, 255); font-size: 11px; font-weight: 800; color: var(--ink-soft); letter-spacing: 0.02em;}
@media (max-width: 960px){
.mega{display: none;}
.foot-grid{grid-template-columns: 1fr 1fr; gap: 30px;}
.trust-strip{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 640px){
.foot-main .in{padding: 34px 12px 0px;}
.foot-grid{grid-template-columns: 1fr; gap: 26px;}
.trust-strip{grid-template-columns: 1fr; gap: 14px; margin-top: 30px;}
.foot-bottom{justify-content: center; text-align: center;}
}
@media (max-width: 900px){
img,svg{max-width: 100%;}
}
@media (max-width: 640px){
.foot-bottom{gap: 12px;}
}
.site-header .hdr-nav .nav-links{display: flex; align-items: center; gap: 18px;}
.site-header .nav-item{position: relative;}
.site-header .nav-item > a{font-family: Poppins, sans-serif; font-size: 16px; font-weight: 600; letter-spacing: -0.015em; padding: 10px 18px; border-radius: 8px; display: inline-flex; align-items: center; gap: 8px; white-space: nowrap;}
.site-header .nav-item:hover > a{background: rgb(250, 241, 241); color: rgb(44, 107, 110);}
.site-header .nav-item > a .chev{width: 19px; height: 19px; stroke-width: 2.6; flex: 0 0 auto; color: rgb(67, 144, 148); transition: transform 0.2s, color 0.2s;}
.site-header .nav-item:hover > a .chev{color: rgb(44, 107, 110); transform: rotate(180deg);}
.site-header .mega{left: 0px; right: auto; top: calc(100% + 14px); width: max-content; max-width: min(720px, -48px + 100vw);}
.site-header .nav-item:last-child .mega{left: auto; right: 0px;}
.site-header .mega-in{display: block;}
.site-header .mega-main{width: 100%; padding: 20px 22px;}
.site-header .hdr-mid{display: grid; align-items: center; gap: 28px; padding: 6px 24px; grid-template-columns: 1fr minmax(0px, 420px) 1fr;}
.site-header .hdr-search{grid-column: 2; justify-self: stretch; width: 100%; max-width: 420px; margin: 0px; display: flex; align-items: center; gap: 0px; padding: 0px; border: 0px; border-radius: 10px; background: transparent; position: relative;}
.site-header .hdr-search::before{content: ""; position: absolute; inset: 0px; border-radius: 10px; padding: 1.6px; background: linear-gradient(90deg, rgb(67, 144, 148) 0%, rgb(44, 107, 110) 48%, rgb(143, 199, 196) 100%); mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); pointer-events: none;}
.site-header .hdr-search-in{display: flex; align-items: center; gap: 14px; width: 100%; background: rgb(255, 255, 255); border-radius: 10px; padding: 12px 18px;}
.site-header .hdr-search svg{width: 24px; height: 24px; flex: 0 0 auto; color: rgb(33, 62, 62); stroke-width: 2.1;}
.site-header .hdr-search .sep{width: 1px; height: 22px; background: rgb(230, 232, 228); flex: 0 0 auto;}
.site-header .hdr-search input{flex: 1 1 0%; min-width: 0px; border: 0px; background: transparent; outline: none; font-family: Poppins, sans-serif; font-size: 15px; color: rgb(33, 62, 62);}
.site-header .hdr-search input::placeholder{color: rgb(143, 163, 162);}
.site-header .hdr-nav .nav-contact{display: flex; align-items: center; gap: 22px; margin-left: auto; flex: 0 0 auto;}
@media (max-width: 1100px){
.site-header .hdr-nav .nav-contact{display: none;}
}
@media (max-width: 900px){
.site-header .hdr-mid{display: flex; flex-wrap: wrap; gap: 14px; padding: 8px 16px;}
.site-header .hdr-search{order: 3; flex: 1 0 100%; max-width: none;}
}
.m-panel,.m-panel *{font-family: Poppins, sans-serif;}
.m-head{display: flex; justify-content: flex-end; align-items: center; padding: 14px 16px 6px; border: 0px;}
.m-close{width: 44px; height: 44px; display: grid; place-items: center; font-size: 34px; line-height: 1; font-weight: 300; background: transparent; border: 0px; color: rgb(33, 62, 62); cursor: pointer;}
.m-ic{display: none;}
.m-tile{display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 14px 18px; background: transparent; border: 0px; font-size: 16px; font-weight: 500; color: rgb(33, 62, 62); text-align: left; cursor: pointer;}
.m-sub a{display: block; padding: 11px 18px 11px 30px; font-size: 14.5px; color: rgb(91, 122, 121); text-decoration: none;}
.site-header .hdr-mid .nav-burger{width: 42px; height: 42px;}
.site-header .brand-slot img,.site-header .brand-slot svg{max-height: 100%; width: auto; display: block;}
.site-header .mid-burger{display: none;}
@media (max-width: 900px){
.site-header .hdr-nav{display: none;}
.site-header .hdr-mid{display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 10px 16px;}
.site-header .brand-slot{order: 1; width: 150px; height: 40px; margin-right: auto;}
.site-header .mid-burger{order: 3; display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 10px; background: rgb(250, 241, 241); border: 1px solid rgb(230, 232, 228); color: rgb(33, 62, 62); cursor: pointer;}
.site-header .mid-burger i{font-size: 24px; line-height: 1;}
.site-header .mid-burger svg{width: 28px; height: 28px;}
.site-header .mid-burger:active{background: rgb(224, 238, 237);}
.site-header .hdr-search{order: 4; flex: 1 0 100%; max-width: none; margin: 2px 0px 0px;}
.site-header .hdr-search-in{padding: 11px 14px;}
.site-header .hdr-search svg{width: 21px; height: 21px;}
}
@media (max-width: 560px){
.site-header .hdr-mid{padding: 9px 12px;}
.site-header .brand-slot{width: 128px; height: 36px;}
.site-header .mid-burger{width: 42px; height: 42px;}
}
.hdr-mid,.hdr-nav{max-width: 1560px;}
.hdr-mid{padding-left: 24px; padding-right: 24px;}
.hdr-nav{padding-left: 24px; padding-right: 24px;}
.foot-main .in{max-width: 1560px; padding-left: 24px; padding-right: 24px;}
@media (max-width: 900px){
.foot-main .in{padding-left: 16px; padding-right: 16px;}
.hdr-mid,.hdr-nav{padding-left: 16px; padding-right: 16px;}
}
.m-panel{display: flex; flex-direction: column; height: 100%; overflow: hidden;}
.m-nav{flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; padding-bottom: 8px;}
.m-sub{display: none; max-height: none !important; overflow: visible !important; transition: none !important;}
.m-group.open > .m-sub{display: block;}
.m-tile{cursor: pointer; user-select: none;}
.m-group.open > .m-tile .m-arrow{transform: rotate(90deg);}
.m-social{flex: 0 0 auto; display: flex; align-items: center; justify-content: center; gap: 14px; padding: 16px; margin-top: auto; border-top: 1px solid rgb(230, 232, 228); background: rgb(250, 241, 241);}
.m-social a{display: flex; width: 40px; height: 40px; border-radius: 50%; overflow: hidden;}
.m-social img{width: 100%; height: 100%; object-fit: cover; display: block;}
.m-social a:active{transform: scale(0.96);}
.site-header .mid-cart{display: none;}
@media (max-width: 900px){
.site-header .mid-cart{order: 2; position: relative; overflow: visible; margin-top: 6px; display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 10px; background: rgb(250, 241, 241); border: 1px solid rgb(230, 232, 228); color: rgb(33, 62, 62); text-decoration: none;}
.site-header .mid-cart svg{width: 28px; height: 28px;}
.site-header .mid-cart:active{background: rgb(224, 238, 237);}
.site-header .cart-count{position: absolute; top: -10px; left: 50%; transform: translateX(-50%); min-width: 21px; height: 21px; padding: 0px 5px; display: flex; align-items: center; justify-content: center; background: rgb(44, 107, 110); color: rgb(255, 255, 255); font-family: Poppins, sans-serif; font-size: 11.5px; font-weight: 700; line-height: 1; border-radius: 999px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; z-index: 2;}
.site-header .cart-count.is-zero{display: none;}
.site-header .mid-burger{order: 3;}
.site-header .brand-slot{margin-right: auto;}
}
@media (max-width: 560px){
.site-header .mid-cart{width: 42px; height: 42px;}
.site-header .mid-cart svg{width: 26px; height: 26px;}
}
.m-contact{flex: 0 0 auto; display: flex; flex-direction: column; gap: 2px; padding: 12px 16px 4px; border-top: 1px solid rgb(230, 232, 228); margin-top: auto;}
.m-c-item{display: flex; align-items: center; gap: 12px; padding: 9px 2px; text-decoration: none; color: rgb(33, 62, 62);}
.m-c-item svg{width: 22px; height: 22px; flex: 0 0 auto; color: rgb(44, 107, 110);}
.m-c-item small{display: block; font-size: 10.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(143, 163, 162); line-height: 1;}
.m-c-item b{display: block; font-size: 14.5px; font-weight: 600; margin-top: 3px; letter-spacing: -0.01em;}
.m-c-item:active{color: rgb(44, 107, 110);}
.m-social{margin-top: 0px; border-top: 0px; padding: 12px 16px 16px;}
.site-foot .final{text-align: center; padding: 52px 0px; background: radial-gradient(60% 120% at 50% 0%, rgba(67, 144, 148, 0.3) 0%, transparent 70%), linear-gradient(rgb(27, 58, 58) 0%, rgb(23, 50, 49) 100%);}
.site-foot .final .in{max-width: 1560px; margin: 0px auto; padding: 0px 24px;}
.site-foot .final h2{font-family: Poppins, sans-serif; font-size: clamp(26px, 3.6vw, 40px); font-weight: 700; line-height: 1.14; letter-spacing: -0.04em; color: rgb(255, 255, 255); margin: 0px auto 16px; max-width: 760px;}
.site-foot .final h2 .grad{background: linear-gradient(96deg, rgb(191, 227, 224) 0%, rgb(127, 196, 194) 55%, rgb(224, 238, 237) 100%) text; -webkit-text-fill-color: transparent;}
.site-foot .final p{font-family: Poppins, sans-serif; font-size: 16px; line-height: 1.7; color: rgba(255, 255, 255, 0.74); max-width: 560px; margin: 0px auto 30px;}
.site-foot .final .cta-row{display: flex; flex-wrap: wrap; gap: 14px; justify-content: center;}
.site-foot .final .btn{display: inline-flex; align-items: center; justify-content: center; padding: 14px 26px; border-radius: 8px; border: 0px; text-decoration: none; background: rgb(44, 107, 110); color: rgb(255, 255, 255); font-family: Poppins, sans-serif; font-size: 15px; font-weight: 600; letter-spacing: -0.005em; transition: background 0.18s, transform 0.18s;}
.site-foot .final .btn:hover{background: rgb(31, 82, 84); transform: translateY(-1px);}
.site-foot .final .btn-ghost{background: transparent; border: 1px solid rgba(255, 255, 255, 0.34);}
.site-foot .final .btn-ghost:hover{background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.6);}
@media (max-width: 640px){
.site-foot .final{padding: 38px 0px;}
.site-foot .final .in{padding: 0px 16px;}
.site-foot .final .btn{flex: 1 1 100%;}
}
@media (prefers-reduced-motion: reduce){
*{transition: none !important; animation: auto ease 0s 1 normal none running none !important;}
}
.pp .foot-brand{margin-bottom: 18px;}
.pp .foot-brand p{font-size: 13px; line-height: 1.6; margin-bottom: 14px; max-width: none;}
.pp .m-drawer{position: fixed; inset: 0px; z-index: 200; display: none;}
.pp .m-drawer.open{display: block;}
.pp .m-drawer .m-scrim{position: absolute; inset: 0px; background: rgba(20, 30, 30, 0.45); opacity: 0; transition: opacity 0.25s;}
.pp .m-drawer.open .m-scrim{opacity: 1;}
.pp .m-panel{position: absolute; top: 0px; right: 0px; height: 100%; width: min(88vw, 390px); background: rgb(255, 255, 255); box-shadow: rgba(20, 30, 30, 0.18) -10px 0px 40px; transform: translateX(100%); transition: transform 0.28s; display: flex; flex-direction: column; overflow-y: auto;}
.pp .m-drawer.open .m-panel{transform: none;}
.pp .m-head{display: flex; align-items: center; justify-content: space-between; padding: 14px 16px 10px;}
.pp .m-head b{font-family: var(--font); font-size: 15px; font-weight: 800; color: var(--ink);}
.pp .m-close{background: transparent; border: none; font-size: 26px; line-height: 1; color: var(--ink-soft); cursor: pointer; padding: 2px 6px;}
.pp .m-nav{display: flex; flex-direction: column; gap: 9px; padding: 0px 16px;}
.pp .m-group{display: block;}
.pp .m-tile{display: flex; align-items: center; gap: 16px; width: 100%; text-align: left; cursor: pointer; background: rgb(242, 242, 240); border: none; border-radius: 3px; padding: 14px 16px; font-family: var(--font); font-size: 13px; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; color: var(--ink); transition: background 0.2s, color 0.2s;}
.pp .m-tile:hover,.pp .m-tile:focus-visible{background: rgb(234, 234, 230);}
.pp .m-tile .m-ic{flex: 0 0 auto; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: rgb(92, 98, 96); font-weight: 300;}
.pp .m-tile .m-ic i{font-size: 32px; stroke-width: 1;}
.pp .m-tile .m-lbl{flex: 1 1 0%; min-width: 0px; line-height: 1.25;}
.pp .m-tile .m-arrow{flex: 0 0 auto; display: flex; align-items: center; color: rgb(138, 145, 143); transition: transform 0.25s, color 0.2s;}
.pp .m-tile .m-arrow i{font-size: 20px; font-weight: 300;}
.pp .m-tile:hover .m-arrow{color: var(--ink);}
.pp .m-group.open > .m-tile{background: rgb(251, 234, 234); color: var(--ink);}
.pp .m-group.open > .m-tile .m-ic{color: var(--orange);}
.pp .m-group.open > .m-tile .m-arrow{transform: rotate(90deg); color: var(--orange);}
.pp .m-tile.is-plain .m-arrow{display: none;}
.pp .m-sub{max-height: 0px; overflow: hidden; transition: max-height 0.3s;}
.pp .m-group.open .m-sub{max-height: 1600px;}
.pp .m-sub a{display: block; padding: 13px 16px 13px 58px; font-family: var(--font); font-size: 14px; font-weight: 600; color: var(--ink-soft); border-bottom: 1px solid rgba(33, 62, 62, 0.07); transition: background 0.18s, color 0.18s, padding-left 0.18s;}
.pp .m-sub a:last-child{border-bottom: none;}
.pp .m-sub a:hover,.pp .m-sub a:focus-visible{background: rgb(247, 247, 245); color: var(--green-dark); padding-left: 62px;}
.pp .foot-brand .brand{margin-bottom: 16px;}
.pp .foot-brand p{font-size: 13.5px; line-height: 1.7; color: var(--ink-soft); margin: 0px 0px 20px; max-width: 300px;}
.pp .m-panel,.pp .m-panel *{font-family: Poppins, sans-serif;}
.pp .m-head{display: flex; justify-content: flex-end; align-items: center; padding: 14px 16px 6px; border: 0px;}
.pp .m-close{width: 44px; height: 44px; display: grid; place-items: center; font-size: 34px; line-height: 1; font-weight: 300; background: transparent; border: 0px; color: rgb(33, 62, 62); cursor: pointer;}
.pp .m-tile{display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 14px 18px; background: transparent; border: 0px; font-size: 16px; font-weight: 500; color: rgb(33, 62, 62); text-align: left; cursor: pointer;}
.pp .m-sub a{display: block; padding: 11px 18px 11px 30px; font-size: 14.5px; color: rgb(91, 122, 121); text-decoration: none;}
.pp .m-panel{display: flex; flex-direction: column; height: 100%; overflow: hidden;}
.pp .m-nav{flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; padding-bottom: 8px;}
.pp .m-sub{display: none; max-height: none !important; overflow: visible !important; transition: none !important;}
.pp .m-group.open > .m-sub{display: block;}
.pp .m-tile{cursor: pointer; user-select: none;}
.pp .m-group.open > .m-tile .m-arrow{transform: rotate(90deg);}
.pp .m-social{flex: 0 0 auto; display: flex; align-items: center; justify-content: center; gap: 14px; padding: 16px; margin-top: auto; border-top: 1px solid rgb(230, 232, 228); background: rgb(250, 241, 241);}
.pp .m-social a{display: flex; width: 40px; height: 40px; border-radius: 50%; overflow: hidden;}
.pp .m-social img{width: 100%; height: 100%; object-fit: cover; display: block;}
.pp .m-social a:active{transform: scale(0.96);}
.pp .site-header .mid-cart{display: none;}
@media (max-width: 900px){
.pp .site-header .mid-cart{order: 2; position: relative; overflow: visible; margin-top: 6px; display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 10px; background: rgb(250, 241, 241); border: 1px solid rgb(230, 232, 228); color: rgb(33, 62, 62); text-decoration: none;}
}
@media (max-width: 900px){
.pp .site-header .mid-cart svg{width: 28px; height: 28px;}
}
@media (max-width: 900px){
.pp .site-header .mid-cart:active{background: rgb(224, 238, 237);}
}
@media (max-width: 900px){
.pp .site-header .cart-count{position: absolute; top: -10px; left: 50%; transform: translateX(-50%); min-width: 21px; height: 21px; padding: 0px 5px; display: flex; align-items: center; justify-content: center; background: rgb(44, 107, 110); color: rgb(255, 255, 255); font-family: Poppins, sans-serif; font-size: 11.5px; font-weight: 700; line-height: 1; border-radius: 999px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; z-index: 2;}
}
@media (max-width: 900px){
.pp .site-header .cart-count.is-zero{display: none;}
}
@media (max-width: 560px){
.pp .site-header .mid-cart{width: 42px; height: 42px;}
}
@media (max-width: 560px){
.pp .site-header .mid-cart svg{width: 26px; height: 26px;}
}
.pp .m-contact{flex: 0 0 auto; display: flex; flex-direction: column; gap: 2px; padding: 12px 16px 4px; border-top: 1px solid rgb(230, 232, 228); margin-top: auto;}
.pp .m-c-item{display: flex; align-items: center; gap: 12px; padding: 9px 2px; text-decoration: none; color: rgb(33, 62, 62);}
.pp .m-c-item svg{width: 22px; height: 22px; flex: 0 0 auto; color: rgb(44, 107, 110);}
.pp .m-c-item small{display: block; font-size: 10.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(143, 163, 162); line-height: 1;}
.pp .m-c-item b{display: block; font-size: 14.5px; font-weight: 600; margin-top: 3px; letter-spacing: -0.01em;}
.pp .m-c-item:active{color: rgb(44, 107, 110);}
.pp .m-social{margin-top: 0px; border-top: 0px; padding: 12px 16px 16px;}
.pp .site-foot .trust-strip{padding: 16px 0px;}
.pp .site-foot .foot-bottom{padding: 14px 0px 12px;}
.pp .foot-wordmark{padding-top: 0px;}
@media (max-width: 900px){
.pp .site-foot{padding-bottom: 84px;}
}
@media (max-width: 820px){
.pp .site-foot .foot-grid{row-gap: 0px;}
.pp .site-foot .foot-col h4{margin-bottom: 0px; padding: 17px 0px;}
.pp .site-foot .foot-col ul{margin-top: 0px; padding-bottom: 4px;}
.pp .site-foot .trust-strip{margin-top: 0px;}
}
.pp .pay-strip span{height: 30px; width: 45px; padding: 0px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 6px; overflow: hidden;}
.pp .pay-strip span img{width: 100%; height: 100%; object-fit: contain; display: block;}
@media (max-width: 700px){
.pp .pay-strip span{height: 27px; width: 40px;}
}
.pp .foot-wordmark{overflow: hidden; padding: 4px 0px 0px; user-select: none; pointer-events: none;}
.pp .foot-wordmark svg{display: block; width: 100%; height: auto;}
.pp .foot-wordmark text{font-family: WhimsyPerson, Poppins, sans-serif; letter-spacing: 0px; font-weight: 400;}
.pp #mNav .m-ic{width: 30px; height: 30px; display: grid; place-items: center; flex: 0 0 auto;}
.pp #mNav .m-ic-img{width: 26px; height: 26px; object-fit: contain; display: block;}
.pp .m-nav{display: flex; flex-direction: column; gap: 10px;}
.pp #mNav .m-tile{background: var(--blush-soft); border: 1px solid var(--line); border-radius: 10px; padding: 14px 16px; transition: background 0.16s, border-color 0.16s;}
.pp #mNav .m-tile:hover,.pp #mNav .m-group.open > .m-tile{background: var(--teal-soft); border-color: var(--teal);}
.pp #mNav .m-ic{color: var(--teal-deep);}
.pp #mNav .m-sub{padding: 6px 0px 2px 8px;}
.pp #mNav .m-arrow i{font-size: 24px;}
.pp #mNav .m-group > .m-tile .m-arrow{color: var(--teal-deep); transform: rotate(90deg);}
.pp #mNav .m-group.open > .m-tile .m-arrow{color: var(--teal-deep); transform: rotate(-90deg);}
.pp #mNav .m-tile:hover .m-arrow{color: var(--teal-deep);}
.pp .m-close{width: 42px; height: 42px; display: grid; place-items: center; font-size: 24px; line-height: 1; background: var(--blush-soft); border: 1px solid var(--line); border-radius: 10px; color: var(--ink); transition: background 0.16s, border-color 0.16s, color 0.16s;}
.pp .m-close:hover{background: var(--teal-soft); border-color: var(--teal); color: var(--teal-deep);}
@media (max-width: 560px){
.pp .m-panel{width: 100%; max-width: none;}
}
.pp .nav-burger svg,.pp .mid-burger svg{width: 22px; height: 22px;}
.pp .m-close{font-size: 26px;}
.pp .site-foot .brand{display: block; width: 203px; height: 58px;}
@media (max-width: 700px){
.pp .site-foot .final .in{padding-left: 20px; padding-right: 20px;}
.pp .site-foot .final .cta-row{gap: 10px;}
.pp .site-foot .final .btn{flex: 1 1 100%; max-width: 100%;}
.pp .site-foot .brand{width: 100%; max-width: 203px;}
}
.pp .site-header .nav-links{position: relative;}
.pp .site-header .nav-links > .nav-item{position: static;}
.pp .site-header .nav-item .mega.mega-ind{left: 18px !important; right: 18px !important; width: auto !important; max-width: none !important;}
.pp .site-header .nav-item .mega.mega-retail{left: 18px !important; right: auto !important; width: 1040px !important; max-width: calc(-48px + 100vw) !important;}
@media (max-width: 1180px){
.pp .site-header .nav-item .mega.mega-retail{width: calc(-48px + 100vw) !important;}
.pp .mega-retail .mega-tiles{grid-template-columns: repeat(3, minmax(0px, 1fr));}
}
.pp .mega-ind .mega-in,.pp .mega-retail .mega-in{grid-template-columns: 1fr !important;}
.pp .mega-ind .mega-main{padding: 18px 20px !important;}
.pp .mega-retail .mega-main{padding: 6px 20px !important;}
.pp .mega-tiles{display: grid;}
.pp .mt{text-decoration: none; border-radius: 10px; border: 0px !important; background: none !important;}
.pp .mt b{display: block; white-space: nowrap; font-weight: 500; color: var(--ink); transition: color 0.16s;}
.pp .mt-img{display: grid; place-items: center; overflow: hidden; flex: 0 0 auto; border: 1.5px solid transparent; transition: border-color 0.16s, box-shadow 0.16s;}
.pp .mt-img.t1{background: rgb(250, 241, 241);}
.pp .mt-img.t2{background: rgb(225, 238, 237);}
.pp .mt-img.t3{background: rgb(250, 234, 217);}
.pp .mt-img.t4{background: rgb(243, 228, 229);}
.pp .mt-img img{width: 100%; height: 100%; object-fit: cover; display: block;}
.pp .mt-img i{color: rgb(44, 107, 110);}
.pp .mega-ind .mega-tiles{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 8px;}
.pp .mega-ind .mt{flex-direction: column; align-items: center; gap: 8px; text-align: center; display: flex !important; padding: 4px 2px 6px !important;}
.pp .mega-ind .mt-img{width: 64px; height: 64px; border-radius: 12px; box-shadow: rgba(33, 62, 62, 0.05) 0px 0px 0px 1px inset;}
.pp .mega-ind .mt-img i{font-size: 27px;}
.pp .mega-ind .mt b{font-size: 13px;}
.pp .mega-retail .mega-tiles{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 4px 12px;}
.pp .mega-retail .mt{flex-direction: row; align-items: center; gap: 12px; min-width: 0px; display: flex !important; padding: 4px 8px 4px 4px !important;}
.pp .mega-retail .mt-img{width: 50px; height: 50px; border-radius: 11px; box-shadow: rgba(33, 62, 62, 0.05) 0px 0px 0px 1px inset;}
.pp .mega-retail .mt-img i{font-size: 26px;}
.pp .mega-retail .mt b{font-size: 14px;}
.pp .mega-ind .mt,.pp .mega-retail .mt,.pp .mega-ind .mt:hover,.pp .mega-retail .mt:hover,.pp .mega-ind .mt:focus,.pp .mega-retail .mt:focus{transform: none !important;}
.pp .mega-retail .mt:hover{border-radius: 8px; background: rgb(250, 241, 241) !important;}
.pp .mega-retail .mt:hover .mt-img{border-color: transparent; box-shadow: none;}
.pp .mega-retail .mt:hover b{color: rgb(44, 107, 110);}
.pp .mega-ind .mt:hover .mt-img{border-color: rgb(44, 107, 110);}
.pp .mega-ind .mt:hover b{color: rgb(44, 107, 110);}
.pp .mt:focus-visible{outline: rgb(44, 107, 110) solid 2px; outline-offset: 2px;}
.pp .mt.is-nolink{cursor: default;}
.pp .mt.is-nolink:hover .mt-img{border-color: transparent; box-shadow: none;}
.pp .mt.is-nolink:hover b{color: var(--ink);}
.pp .m-sub .m-sub-nolink{display: block; cursor: default; font-size: 14.5px; padding: 11px 18px 11px 30px; color: var(--ink-soft); border-bottom: 1px solid rgba(33, 62, 62, 0.07); font-weight: 600;}
.pp .m-sub a,.pp .m-sub .m-sub-nolink{line-height: 1.7 !important;}
.pp .site-foot .final .cta-row{justify-content: center;}
.pp .site-foot .in{padding-left: 24px !important; padding-right: 24px !important;}
@media (max-width: 860px){
.pp .site-foot .in{padding-left: 16px !important; padding-right: 16px !important;}
}
.pp .site-foot .foot-col h4{font-size: 18px !important; font-weight: 600 !important; color: rgb(44, 107, 110) !important;}
.pp .site-foot .foot-col ul a{font-size: 15px !important; color: rgb(0, 0, 0) !important;}
.pp .site-foot .foot-brand p{font-size: 15px !important; line-height: 1.65 !important; color: rgb(0, 0, 0) !important;}
.pp .site-foot .foot-bottom .copy,.pp .site-foot .foot-bottom .legal a{font-size: 14px !important; color: rgb(0, 0, 0) !important;}
.pp .site-foot .trust-item .t1{font-size: 12px !important; color: rgb(0, 0, 0) !important;}
.pp .site-foot .trust-item .t2{font-size: 15px !important; color: rgb(0, 0, 0) !important;}
.pp .site-foot .foot-col ul a,.pp .site-foot .foot-bottom .legal a{position: relative; display: inline-block; text-decoration: none; padding-left: 0px !important; transition: color 0.18s !important;}
.pp .site-foot .foot-col ul a:hover,.pp .site-foot .foot-bottom .legal a:hover{padding-left: 0px !important; color: rgb(44, 107, 110) !important;}
.pp .site-foot .foot-col ul a::after,.pp .site-foot .foot-bottom .legal a::after{content: ""; position: absolute; left: 0px; right: 0px; bottom: -3px; height: 1.5px; border-radius: 2px; background: rgb(44, 107, 110); transform: scaleX(0); transform-origin: left center; transition: transform 0.26s cubic-bezier(0.22, 0.7, 0.3, 1);}
.pp .site-foot .foot-col ul a:hover::after,.pp .site-foot .foot-bottom .legal a:hover::after{transform: scaleX(1);}
.pp .site-foot .foot-col ul a:focus-visible,.pp .site-foot .foot-bottom .legal a:focus-visible{outline: rgb(44, 107, 110) solid 2px; outline-offset: 3px; border-radius: 2px;}
@media (prefers-reduced-motion: reduce){
.pp .site-foot .foot-col ul a::after,.pp .site-foot .foot-bottom .legal a::after{transition: none;}
}
.pp .site-foot .foot-wordmark{padding: 6px 0px 0px !important; margin: 0px !important;}
.pp .site-foot .foot-wordmark svg{display: block; width: 100%; height: auto;}
.pp .site-header .hdr-mid,.pp .site-header .navbar,.pp .site-header .hdr-nav,.pp .site-header .in{padding-left: 24px !important; padding-right: 24px !important;}
@media (max-width: 860px){
.pp .site-header .hdr-mid,.pp .site-header .navbar,.pp .site-header .hdr-nav,.pp .site-header .in{padding-left: 16px !important; padding-right: 16px !important;}
}
.pp{--font: 'Poppins',sans-serif; --font-heading: 'Poppins',sans-serif; --bg: #FBF9F8;}
:host,.pp{background: rgb(251, 249, 248);}
:host{--bg: #FFFFFF;}
:host,:host,.pp{background-color: rgb(255, 255, 255) !important;}
.pp{--bg: #FFFFFF;}
.site-header,.site-header .hdr-mid,.site-header .hdr-nav,.site-header .navbar{background: rgb(255, 255, 255) !important;}
:host,:host,.pp{--bg: #FFFFFF; background: rgb(255, 255, 255) !important;}
.site-header,.site-header .hdr-mid,.site-header .hdr-nav,.site-header .navbar{background: rgb(255, 255, 255) !important;}
.site-header .brand-slot{overflow: hidden; height: 48px !important;}
.site-header .brand-slot .orbit-uploaded-logo{max-width: 100%; max-height: 100%; flex: 0 0 auto; display: block !important; width: 145px !important; height: 48px !important;}
.site-foot .foot-brand .brand{align-items: center; display: flex !important; width: 190px !important; height: 63px !important; margin-bottom: 18px !important;}
.site-foot .foot-brand .brand .orbit-uploaded-logo{max-width: 100%; flex: 0 0 auto; display: block !important; width: 190px !important; height: 63px !important;}
@media (max-width: 900px){
.site-header .brand-slot{height: 40px !important;}
.site-header .brand-slot .orbit-uploaded-logo{width: 121px !important; height: 40px !important;}
}
@media (max-width: 560px){
.site-header .brand-slot{height: 36px !important;}
.site-header .brand-slot .orbit-uploaded-logo{width: 109px !important; height: 36px !important;}
}
.site-header .hdr-contact .hc small,.site-header .m-contact .m-c-item small{font-family: Poppins, sans-serif !important; font-size: 13px !important; font-weight: 500 !important; color: rgb(52, 76, 69) !important; text-transform: none !important; letter-spacing: 0px !important; line-height: 1.35 !important;}
.site-header .hdr-contact .hc b,.site-header .m-contact .m-c-item b{font-family: Poppins, sans-serif !important; font-size: 15px !important; font-weight: 600 !important; color: rgb(0, 0, 0) !important; letter-spacing: 0px !important; line-height: 1.4 !important; margin-top: 3px !important;}
.site-header .hdr-contact .hc{min-width: 0px; text-decoration: none;}
.site-header .hdr-contact .hc:hover b{color: rgb(44, 107, 110) !important;}
.pp .site-header .hdr-nav,.pp .site-header .navbar,.pp .site-header .hdr-mid,.pp .site-foot .in{max-width: 1320px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 24px !important; padding-right: 24px !important;}
@media (max-width: 1416px){
.pp .site-header .hdr-nav,.pp .site-header .navbar,.pp .site-header .hdr-mid,.pp .site-foot .in{max-width: 100% !important;}
}
@media (max-width: 860px){
.pp .site-header .hdr-nav,.pp .site-header .navbar,.pp .site-header .hdr-mid,.pp .site-foot .in{padding-left: 16px !important; padding-right: 16px !important;}
}
.pp .hdr-mid{align-items: center; gap: 18px; grid-template-columns: auto 1fr auto !important;}
.pp .hdr-contact.is-top{display: flex; align-items: center; gap: 22px; margin-left: auto;}
.pp .hdr-mid .desk-cart{margin-left: 14px !important;}
.pp .hdr-search.is-nav{max-width: 420px; width: 100%; margin-left: auto;}
.pp .hdr-nav,.pp .navbar{display: flex; align-items: center; gap: 24px;}
.pp .hdr-nav .nav-links{flex: 0 0 auto;}
.pp .site-foot .foot-social{display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0px 18px;}
.pp .site-foot .foot-social a{width: 38px; height: 38px; border-radius: 10px;}
@media (max-width: 1180px){
.pp .hdr-search.is-nav{max-width: 320px;}
}
@media (max-width: 1020px){
.pp .hdr-contact.is-top{display: none;}
.pp .hdr-search.is-nav{max-width: none;}
}
@media (min-width: 901px){
.pp .hdr-mid > a.desk-cart{align-items: center; justify-content: center; position: relative; min-width: 42px; text-decoration: none; transition: background-color 0.16s, border-color 0.16s, color 0.16s; display: inline-flex !important; width: 42px !important; height: 42px !important; margin-left: 16px !important; padding: 0px !important; border-radius: 10px !important; background: rgb(250, 241, 241) !important; border: 1px solid rgb(230, 232, 228) !important; color: rgb(33, 62, 62) !important; overflow: visible !important;}
.pp .hdr-mid > a.desk-cart::before{content: ""; position: absolute; left: -16px; top: 9px; bottom: 9px; width: 1px; background: rgb(230, 232, 228);}
.pp .hdr-mid > a.desk-cart:hover{background: rgb(44, 107, 110) !important; border-color: rgb(44, 107, 110) !important; color: rgb(255, 255, 255) !important;}
.pp .hdr-mid > a.desk-cart svg,.pp .hdr-mid > a.desk-cart img{width: 22px !important; height: 22px !important;}
.pp .hdr-mid > a.desk-cart .cart-count{position: absolute; top: -7px; right: -7px; min-width: 19px; height: 19px; padding: 0px 5px; box-sizing: border-box; display: grid; place-items: center; border-radius: 999px; border: 2px solid rgb(248, 248, 246); background: rgb(44, 107, 110); color: rgb(255, 255, 255); font-size: 10.5px; font-weight: 700; line-height: 1;}
.pp .hdr-mid > a.desk-cart .cart-count[hidden]{display: none !important;}
}
@media (max-width: 900px){
.pp .hdr-mid > a.desk-cart{display: none !important;}
}
.pp .hdr-mid{align-items: center; gap: 20px; display: flex !important;}
.pp .hdr-mid .brand-slot{flex: 0 0 auto;}
.pp .hdr-search.is-top{flex: 1 1 auto; max-width: 360px; min-width: 0px; margin: 0px auto;}
.pp .hdr-contact.is-top{flex: 0 0 auto; margin-left: 0px !important;}
.pp .hdr-nav,.pp .navbar{justify-content: flex-start;}
@media (max-width: 1180px){
.pp .hdr-search.is-top{max-width: 300px;}
}
@media (max-width: 900px){
.pp .hdr-search.is-top{max-width: none;}
}
@media (max-width: 900px){
.pp .site-header .hdr-nav,.site-header .hdr-nav.navbar{display: none !important;}
.pp .site-header .brand-slot,.site-header a.brand-slot{margin-right: auto; width: auto !important; height: 58px !important;}
.pp .site-header .brand-slot .orbit-uploaded-logo,.site-header a.brand-slot svg.orbit-uploaded-logo{width: 176px !important; height: 58px !important; max-width: none !important; max-height: none !important;}
}
@media (max-width: 560px){
.pp .site-header .brand-slot,.site-header a.brand-slot{height: 54px !important;}
.pp .site-header .brand-slot .orbit-uploaded-logo,.site-header a.brand-slot svg.orbit-uploaded-logo{width: 164px !important; height: 54px !important;}
}
#mDrawer .m-tile,#mDrawer .m-lbl{font-family: Poppins, sans-serif !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0px !important;}
#mDrawer .m-lbl{display: inline-block; text-transform: lowercase !important;}
#mDrawer .m-lbl::first-letter{text-transform: uppercase;}
@media (max-width: 900px){
:host #mDrawer .m-tile:hover,:host #mDrawer .m-tile:focus-visible,:host #mNav .m-group:not(.open) > .m-tile:hover,:host #mNav a.m-tile:hover{background: transparent !important; border-color: rgb(207, 224, 223) !important;}
:host #mDrawer .m-tile:hover .m-arrow{color: inherit !important;}
:host #mDrawer .m-sub a:hover,:host #mDrawer .m-sub a:focus-visible{background: transparent !important; color: rgb(91, 122, 121) !important; padding-left: 30px !important;}
:host #mDrawer .m-close:hover{background: transparent !important; border-color: rgb(33, 62, 62) !important; color: rgb(33, 62, 62) !important;}
#mDrawer a,#mDrawer button{-webkit-tap-highlight-color: transparent;}
}
@media (min-width: 901px){
:host .site-header a.brand-slot{width: auto !important; height: 64px !important;}
:host .site-header a.brand-slot svg.orbit-uploaded-logo{width: 195px !important; height: 64px !important; max-width: none !important; max-height: none !important;}
}