.pht-section{background-color:var(--pht-bg);padding:var(--pht-section-pt) var(--pht-section-pr) var(--pht-section-pb) var(--pht-section-pl);margin-top:var(--pht-section-mt);margin-bottom:var(--pht-section-mb);overflow:hidden}.pht-container{margin:0 auto}.pht-top-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:10px}.pht-top-heading{margin:0 0 4px;line-height:1.2;font-size:var(--pht-heading-font-size)}.pht-heading-1{color:var(--pht-heading-color-1);font-weight:700}.pht-heading-2{color:var(--pht-heading-color-2);font-weight:700;padding-left:8px}.pht-subheading{margin:0;color:var(--pht-subheading-color);font-size:var(--pht-subheading-font-size);font-weight:600}.pht-top-link{color:var(--pht-link-color);font-size:var(--pht-link-font-size);text-decoration:underline;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;transition:opacity .2s ease}.pht-top-link:hover{opacity:.7}.pht-top-link-arrow{text-decoration:none}.pht-tabs-wrap{border-bottom:1px solid var(--pht-tab-divider-color);margin-bottom:24px}.pht-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pht-tab-gap)}.pht-tab{background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;color:var(--pht-tab-color);font-size:var(--pht-tab-font-size);padding:var(--pht-tab-padding-v) var(--pht-tab-padding-h);font-family:inherit;transition:color .25s ease,border-color .25s ease}.pht-tab:hover{color:var(--pht-tab-hover-color)}.pht-tab--active{color:var(--pht-tab-active-color);border-bottom-color:var(--pht-tab-active-border-color);font-weight:600}.pht-tab-divider{color:var(--pht-tab-divider-color);-webkit-user-select:none;user-select:none}.pht-panel{display:none;background:var(--pht-panel-bg);border:1px solid var(--pht-panel-border-color);border-radius:var(--pht-panel-radius);overflow:hidden}.pht-panel--active{display:block}.pht-panel-inner{display:grid;grid-template-columns:1fr 1.1fr;min-height:380px}.pht-panel-content{padding:var(--pht-panel-padding);display:flex;flex-direction:column;justify-content:center;gap:14px}.pht-eyebrow{margin:0;color:var(--pht-eyebrow-color);font-size:var(--pht-eyebrow-font-size);font-weight:600;letter-spacing:.02em}.pht-panel-title{margin:0;color:var(--pht-title-color);font-size:var(--pht-title-font-size);font-weight:800;line-height:1.1}.pht-panel-body{margin:0;color:var(--pht-body-color);font-size:var(--pht-body-font-size);line-height:1.5}.pht-panel-media{position:relative;min-height:260px;background:#0a1830}.pht-image{width:100%;height:100%;object-fit:fill;display:block;border-radius:var(--pht-image-radius)}.pht-image-placeholder{width:100%;height:100%;min-height:260px;display:flex;align-items:center;justify-content:center;background:#dfe9ee}.pht-placeholder-svg{width:60%;height:60%;opacity:.5}.pht-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--pht-image-overlay);opacity:var(--pht-image-overlay-opacity);pointer-events:none}.pht-button{display:inline-block;align-self:flex-start;background-color:var(--pht-btn-bg);color:var(--pht-btn-text);font-size:var(--pht-btn-font-size);padding:var(--pht-btn-padding-v) var(--pht-btn-padding-h);border-radius:var(--pht-btn-radius);border:1px solid var(--pht-btn-border-color);text-decoration:none;font-weight:600;transition:background-color .25s ease,color .25s ease,transform .2s ease,box-shadow .25s ease}.pht-button:hover{background-color:var(--pht-btn-hover-bg);color:var(--pht-btn-hover-text);transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.pht-animate{opacity:0;transition-property:opacity,transform;transition-duration:var(--pht-anim-duration, .6s);transition-timing-function:cubic-bezier(.22,1,.36,1)}.pht-section[data-animation=none] .pht-animate{opacity:1;transform:none;transition:none}.pht-section[data-animation=fade-up] .pht-animate{transform:translateY(24px)}.pht-section[data-animation=fade-in] .pht-animate{transform:none}.pht-section[data-animation=zoom-in] .pht-animate{transform:scale(.94)}.pht-section[data-animation=slide-left] .pht-animate{transform:translate(-40px)}.pht-section[data-animation=slide-right] .pht-animate{transform:translate(40px)}.pht-animate.pht-animate--in{opacity:1;transform:none}@media(max-width:768px){.pht-panel-inner{grid-template-columns:1fr}}@media(max-width:600px){.pht-panel-inner{grid-template-columns:1fr}.pht-tab{font-size:14px;padding:3px}.pht-tabs{display:flex;flex-wrap:nowrap}.tsc-eyebrow-text{font-size:12px!important;letter-spacing:0!important}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/protection-hero-tabs.css.map */