/* START_SECTION:faqs (INDEX:20) */
.hdt-faqs-wrapper .hdt-section-title{
    --header-bottom-margin-md: 0;
    --header-bottom-margin: 3.5rem;
}
.hdt-faqs-content hdt-accordion {
    display: block;
    border-block-end: 1px solid var(--color-line-border);
    .hdt-accordion-heading{
        gap: 1.6rem;
        align-items: flex-start;
        transition: all 0.3s;
        display: flex;
        align-items: center;
        padding-block: 2.2rem;
        min-height: 9.3rem;
    }
    .hdt-accordion-content {
        margin-block-start: -1.25rem;
        padding-block-end: 2.5rem;
        padding-inline-end: 1.25rem;
    }
    &:last-child{
        border-block-end: none;
    }
}
.hdt-faqs-content{
  hdt-accordion.hdt-icon-pos-right{
    .hdt-accordion-heading{
      justify-content: space-between;
      flex-direction: row-reverse;      
      padding-block: 1.6rem;
    }
  }
}
.hdt-faqs-content{
  > hdt-accordion .hdt-accordion-heading .hdt-icon-wrap.hdt-icon-acc-child{
    display: none;
  }
  > hdt-accordion .hdt-accordion-heading{
    font-size: var(--text-xl);
    &[aria-expanded="true"] .hdt-icon-wrap.hdt-icon-carret-acc{
      transform: rotate(180deg);
    }
  }
  .hdt-accordion-group{
    .hdt-accordion .hdt-accordion-heading{
      font-size: var(--text-lg);
      min-height: auto;
      .hdt-icon-wrap{
        background: transparent;
        height: auto;
        display: inline-flex;
        &:not(.hdt-icon-acc-child){
          display: none;
        }
        .icon-vertical{
          transform-origin: center;
          transition: transform 0.3s ease;
        }
      }
      &[aria-expanded="true"] .hdt-icon-wrap{
        transform: rotate(0);
        .icon-vertical{
          transform: scaleY(0);
        }
      }
    }
    .hdt-accordion-content{padding-inline-end: 0; padding-block-end: 0.6rem;}
    .hdt-accordion-heading-gr{
      padding-block: 1.6rem;
    }
    &:first-child .hdt-accordion-heading {
      padding-block: 1.6rem;
      min-height: auto;
    }
    .hdt-accordion .hdt-accordion-content{
      padding-inline-end: 0;
      padding-block-end: 1.5rem;
    }
  }
}
.hdt-faqs-content.hdt-collapsible-boxed{
  > hdt-accordion{
    background: rgb(var(--color-text-rgb) / .04);
    border: 1px solid var(--color-line-border);
    padding-inline: 2.4rem 1.6rem;
    border-radius: var(--rounded);
    .hdt-accordion-heading{
      min-height: auto;
      font-size: var(--text-2xl);
      font-weight: var(--font-semibold);
    }
    + hdt-accordion{margin-block-start: 1.6rem;}
    &.hdt-icon-pos-left{
      padding-inline: 1.6rem 2.4rem;
    }
    &:first-child .hdt-accordion-heading{
      min-height: auto;
    }
  }
}
@media screen and (min-width: 768px) {
    .hdt-faqs-wrapper{
      display: flex;
      gap: min(calc(var(--gap-content)*0.6), 40px);
      > .hdt-faqs-content{width: 100%;}
      > .hdt-section-title, .hdt-section-title + .hdt-faqs-content{
        flex: 0 1 50%;
      }
      .hdt-section-title .hdt-inner-section-title{
        position: sticky;
        top: 200px;
      }
      &.hdt-title__right{
        flex-direction: row-reverse;
      }
    }
}
@media screen and (min-width: 1150px) {
    .hdt-faqs-wrapper{
        gap: var(--gap-content);
    }
}
/* END_SECTION:faqs */
/* START_SECTION:hokolite-w3-dark (INDEX:45) */
.w3lp{background:#101012;color:#f6f6f3;--w3-accent:#f3d12b;font-size:16px;line-height:1.65}
.w3lp *{box-sizing:border-box}.w3lp__container{max-width:1320px;margin-inline:auto;padding-inline:clamp(20px,4vw,64px)}
.w3lp h2,.w3lp h3,.w3lp p{margin-top:0}.w3lp h2,.w3lp h3{color:#f6f6f3;font-weight:700;letter-spacing:-.035em}.w3lp h2{font-size:clamp(32px,3.5vw,52px);line-height:1.08;margin-bottom:24px}.w3lp h3{font-size:26px;line-height:1.2;margin-bottom:12px}.w3lp p{color:#b8b8be;margin-bottom:24px}.w3lp img{display:block;width:100%;height:auto}.w3lp__eyebrow{font-size:11px!important;line-height:1.6;letter-spacing:.16em!important;font-weight:700;color:var(--w3-accent)!important;margin-bottom:20px!important}.w3lp__hero{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding-block:80px}.w3lp .w3lp__display{font-size:clamp(42px,4.7vw,68px);line-height:1.02;letter-spacing:-.055em}.w3lp__lead{font-size:17px;max-width:540px}.w3lp__hero-media{overflow:hidden;border-radius:10px;background:#050505;border:1px solid #2b2b30}.w3lp__actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.w3lp__button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:54px;padding:15px 26px;background:var(--w3-accent);color:#101012!important;font-size:15px;font-weight:700;text-decoration:none;border-radius:4px;transition:background .2s,transform .2s}.w3lp__button:hover{background:#ffe478;transform:translateY(-2px)}.w3lp__text-link{color:#f6f6f3!important;text-underline-offset:6px;display:inline-flex;gap:12px;align-items:center;min-height:44px;font-size:14px}.w3lp a:focus-visible{outline:3px solid #fff;outline-offset:6px}.w3lp__proof{border-block:1px solid #303035;background:#171719}.w3lp__proof-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:28px;gap:20px}.w3lp__proof-grid>div{border-right:1px solid #343439;padding-right:16px}.w3lp__proof-grid>div:last-child{border:0}.w3lp__proof strong{display:block;color:var(--w3-accent);font-size:clamp(24px,2.8vw,38px);font-weight:650;letter-spacing:-.04em;line-height:1.2}.w3lp__proof span{display:block;font-size:12px;margin-top:9px;color:#b8b8be}.w3lp__section{padding-block:88px;scroll-margin-top:100px}.w3lp__section-head{max-width:760px;margin-bottom:40px}.w3lp__mount-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.w3lp__mount-card{border:1px solid #303035;border-radius:8px;overflow:hidden;background:#19191c}.w3lp__mount-copy{padding:28px 30px;position:relative;min-height:195px}.w3lp__index{float:right;font-size:12px;color:var(--w3-accent);letter-spacing:.1em}.w3lp__mount-copy p{font-size:15px;margin:0;max-width:390px}.w3lp__mount-card img{aspect-ratio:1;object-fit:contain}.w3lp__band{background:#19191c;border-block:1px solid #29292e}.w3lp__split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}.w3lp__feature-image{overflow:hidden;border-radius:8px}.w3lp__mode{display:flex;gap:18px;border-top:1px solid #37373b;padding-top:18px;margin-top:18px}.w3lp__mode h3{font-size:20px;letter-spacing:-.02em;margin-bottom:4px}.w3lp__mode p{font-size:14px;margin-bottom:0}.w3lp__dot{width:16px;height:16px;flex-shrink:0;border-radius:50%;background:#f5d449;margin-top:4px;box-shadow:0 0 18px #f5d44944}.w3lp__dot--spot{background:#fff;box-shadow:0 0 18px #ffffff33}.w3lp__dot--red{background:#ff5353;box-shadow:0 0 18px #ff535333}.w3lp__angle{font-size:clamp(64px,9vw,128px);letter-spacing:-.065em;font-weight:600;line-height:1.1;color:var(--w3-accent);margin-top:32px}.w3lp__angle span{font-size:.5em;vertical-align:top}.w3lp__angle i{font-size:.65em;font-style:normal;margin-left:32px;color:#3b3b40}.w3lp__power-stats{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;border-block:1px solid #39393d;padding-block:24px;margin-block:28px}.w3lp__power-stats strong{display:block;font-size:24px;color:var(--w3-accent);letter-spacing:-.035em}.w3lp__power-stats span{display:block;color:#b8b8be;font-size:12px}.w3lp .w3lp__note{font-size:12px;line-height:1.6}.w3lp__specs{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;margin:36px 0 0}.w3lp__specs>div{padding:19px 0;border-top:1px solid #35353a;display:flex;justify-content:space-between;gap:24px}.w3lp__specs dt{color:#acacb4;font-size:14px}.w3lp__specs dd{margin:0;text-align:right;font-size:14px;font-weight:600}.w3lp__final{background:#222226;padding-block:56px;border-block:1px solid #3b3b40}.w3lp__final-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:56px}.w3lp__final h2{max-width:700px}.w3lp__final p:last-child{margin-bottom:0}
@media(max-width:899px){.w3lp__hero,.w3lp__split{grid-template-columns:1fr}.w3lp__hero{padding-block:48px;gap:32px}.w3lp__hero-copy{max-width:670px}.w3lp__hero-media{max-width:650px}.w3lp__section{padding-block:56px}.w3lp__split>.w3lp__feature-image{order:2}.w3lp__final-grid{grid-template-columns:1fr;gap:24px}.w3lp__final-grid>.w3lp__button{justify-self:start}}
@media(max-width:599px){.w3lp{font-size:15px}.w3lp .w3lp__display{font-size:43px}.w3lp h2{font-size:34px}.w3lp__proof-grid{grid-template-columns:1fr 1fr;gap:24px}.w3lp__proof-grid>div:nth-child(2){border:0}.w3lp__proof strong{font-size:30px}.w3lp__proof span{font-size:11px}.w3lp__mount-grid{grid-template-columns:1fr;gap:24px}.w3lp__mount-copy{min-height:0;padding:24px}.w3lp__specs{grid-template-columns:1fr}.w3lp__specs>div{gap:16px}.w3lp__specs dt,.w3lp__specs dd{font-size:13px}.w3lp__actions{gap:16px}.w3lp__button{min-height:52px}.w3lp__final{padding-block:40px}.w3lp__power-stats strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.w3lp__button{transition:none}}
/* END_SECTION:hokolite-w3-dark */
/* START_SECTION:text-width-icon (INDEX:105) */
@media (max-width: 767.98px) {
    .hdt-text--with-icon .hdt-slider__active-false .hdt-slider__container {
        --spacing-y: var(--spacing-2)
    }
}
.hdt-layout--card .hdt-iconbox-wrap{
    padding: var(--spacing-2) var(--spacing-1);
    border-radius: var(--rounded);
    outline: 1px solid var(--color-line-border);
    outline-offset: -1.5px;
    background: var(--color-background);
    background: var(--gradient-background);
    color: var(--color-foreground);
    .hdt-slider__container{
        margin-inline-start: 0;
    }
    .hdt-slider__slide{
        padding-inline-start: 0;
    }
    .hdt-icon-item-inner{
        padding: 0 calc(var(--slide-spacing) * .5);
    }
}
.hdt-icon-item{
    .hdt-icon-wrap{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-block-end: var(--spacing-1);
      &:not(.hdt-icon__type-none){
        padding: var(--spacing-1-4);
      }
    }
    .hdt-heading{
      padding-block-end: var(--spacing-0-6);
    }
    :where(.hdt-btn, .hdt-btn-link){
      margin-block-start: var(--spacing-1);
      margin-block-end: 0.3rem;
    }
}
.hdt-iconbox-wrap .hdt-icon-wrap > :where(svg,img) {
    width: auto;
    height: var(--icon-h);
    min-width: var(--icon-mw, var(--icon-h));
}
@media (min-width: 768px) {
    .hdt-text-with-icons--border{
        padding: var(--spacing-3) var(--spacing-2-6);
    }
    .hdt-iconbox-wrap .hdt-icon-wrap > :where(svg,img) {
        height: var(--icon-h-md);
        min-width: var(--icon-mw-md, var(--icon-h-md));
    }
    :where(.hdt-icon--pos-left, .hdt-icon--pos-left_start){
        display: flex;
        flex-direction: row;
        gap: 1rem;
    }
    .hdt-icon-item{
        .hdt-icon--pos-left_start{
        align-items: flex-start;
        }
        .hdt-icon--pos-left{
        align-items: center;
        }
        .hdt-icon--pos-left .hdt-icon-wrap, .hdt-icon--pos-left_start .hdt-icon-wrap{
        margin-block-end: 0;
        }
    }
}
@media (min-width: 1150px) {
    .hdt-iconbox-wrap .hdt-icon-wrap > :where(svg,img) {
        height: var(--icon-h-xl, var(--icon-h-md));
    }
}
/* END_SECTION:text-width-icon */
/* START_BLOCK:_pickup-availability (INDEX:179) */
hdt-pickup {
    display: block !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip-path: inset(50%);
  }
  .hdt-pickup-availability {
    padding: 1.3rem 1.6rem;
    background: var(--color-background2);
    @media screen and (min-width: 1150px) {
      padding: 1.3rem 1.6rem;
    }
    .hdt-caption-large + .hdt-caption{
      margin-block-start: 0.2rem;
    }
    .hdt-btn-link{
      justify-content: flex-end;
      margin-block-end: 0;
      margin-block-start: 0.8rem;
    }
    .hdt-pickup-availability__preview{
      display: flex;
      align-items: flex-start;
      gap: 1rem;
      width: 100%;
      > svg{
        margin-block-start: 0.3rem;
        width: 14px;
        height: auto;
      }
      >svg[class*=hdt-icon-checked] {
        color: var(--color-success-text);
      }
      .hdt-pickup-availability__info{
        flex: 1;
      }
    }
  }
  .hdt-link-noline-icon{
    padding: 0;
    span:first-child{
      padding-block: 0.2rem;
    }
  }
  .hdt-drawer-pickup-availability .hdt-pickup-availability__preview {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 1rem;
    padding: 0.8rem 1.6rem;
    border-radius: var(--rounded-full);
    font-size: var(--text-sm);
    color: var(--hdt-color-pickup);
    background-color: color-mix(in srgb, var(--hdt-color-pickup), #fff 85%);
    >svg{
      margin-block-start: 0; flex-shrink: 0;
    }
    &.hdt-pickup-availability__preview--success {
      --hdt-color-pickup:  var(--color-success-text)
    }
    &.hdt-pickup-availability__preview--error{
      --hdt-color-pickup: var(--color-error-text);
    }
    .hdt-pickup-availability__info{
      flex: 1;
    }
  }
  .hdt-drawer--blur .hdt-pickup-availability__preview > svg[class*=hdt-icon-checked] .hdt-path-check{
     fill: var(--color-foreground)!important;
  }
  .hdt-drawer-pickup-availability{
    .hdt-drawer__inner{
      padding: 1rem 0;
      display: flex;
      flex-direction: column;
    }
    .hdt-pickuplist-wrapper{
      flex: 1;
      padding-bottom: 1rem;
      overscroll-behavior-y: contain;
      overflow-y: auto;
    }
    .hdt-pickup-availability-product {
      display: flex;
      align-items: center;
      gap: 1.5rem;
      padding: 1rem var(--padding-y, 2.4rem) 2.2rem;
      .hdt-pickup-availability__media {
        overflow: hidden;
        flex: none;
        width: 9rem;
        place-self: flex-start;
        @media (min-width: 480px) {
            width: 12rem;
        }
      }
      .hdt-pickup-availability__variant{
        display: flex;
        align-items: center;
        margin-block-start: 0.7rem;
        .hdt-line-vertical{
          display: inline-flex;
          width: 1px;
          height: 1.4rem;
          margin-inline: 0.8rem;
          background: color-mix(in srgb, var(--color-foreground), transparent 70%);
        }
      }
    }
    .hdt-pickup-availability-list {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding-inline: var(--padding-y, 2.4rem);
      gap: 2.2rem;
      .hdt-pickup-availability-list__item {
        background-color: color-mix(in srgb, var(--color-foreground), transparent 95%);
        padding: 1.8rem;
        overflow: hidden;
        &>*:not(:first-child) {
          margin-top: 1.4rem;
        }
      }
      .hdt-pickup-availability-address{
        display: flex;
        flex-direction: column;
        font-style: normal;
        .hdt-line-address{
          gap: 1.2rem;
          margin-block-end: 1rem;
          svg{
            flex-shrink: 0;
            margin-block-start: 0.3rem;
            width: auto;
            height: 1.4rem;
          }
        }
        .hdt-pickup-availability-map-link{
          align-self: flex-end;
        }
      }
    }
    &.hdt-drawer--blur{
      .hdt-pickup-availability-list .hdt-pickup-availability-list__item {
        background-color: color-mix(in srgb, var(--color-foreground), transparent 80%);
        border: 1px solid color-mix(in srgb, var(--color-foreground), transparent 80%);
      }
    }
    @media (max-width: 768px) {
      .hdt-pickup-availability-list{
        gap: 1.8rem;
        .hdt-pickup-availability-list__item {
          padding: 1.8rem 2.2rem;
        }
      }
    }
  }
/* END_BLOCK:_pickup-availability */
/* START_SNIPPET:shopify-account (INDEX:308) */
.hdt-account-button{
    cursor: pointer;
  }
/* END_SNIPPET:shopify-account */