body{
  overflow-x: hidden !important;
}
.icon-cart{
  width:24px !important;
  height:24px !important; 
}
.template-search__header .template-search__search{
  display:none;
}
.my_project_mobile,.my_project{
  text-decoration:none;  
  color:#000;
  display: flex;
  align-items: center;
  gap: 5px;
}
.my_project_mobile{
  gap: 10px;
  padding:10px 0px;
}
.my_project span,.my_project_mobile span{
  font-size: 14px;
  display: flex;
}
.my_project svg,.help_svg svg,.my_project_mobile svg{
  width:25px;
  height:25px;
  transition:0.5s;
}
.help_icon,.help_icon_mobile{
  display: flex;
  gap: 8px;
  align-items: center;
  color: #000;
  text-decoration: none;
}
.help_icon_mobile{
  gap: 10px;
}

.help_text{
    font-size: 14px;
    letter-spacing:1px;
  }

.help_num{
    font-size: 14px;
    letter-spacing:1px;
}

.search__button .icon {
  color:#000 !important;
}
.my_project:hover svg,.my_project_mobile:hover svg,.help_svg:hover svg{
  height:26px;
}
/* mega menu */
/* Show dropdown on hover */
.mega-menu:hover > .mega-menu__content {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.mega-menu .menu-arrow{
  margin-left:5px;
}
/* Default hidden state */
.mega-menu__content {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  position: absolute;
  z-index: 10;
}
/* Prevent default click arrow behavior (optional) */
.mega-menu > summary {
  list-style: none;
  cursor: pointer;
}
.mega-menu > summary::-webkit-details-marker {
  display: none;
}
/* mega menu */
.header__menu-item{
  letter-spacing:0px !important;
}
.footer-block__heading{
  font-size:16px !important;
  text-transform:uppercase; 
  letter-spacing:1.5px;
}
.home_image_text .image-with-text__content .button{
  width:100%; 
}
.button,.shopify-payment-button__button--unbranded,.shop-cat-shop-btn,.button span{
  transition: .5s;
}
.button:hover,.shopify-payment-button__button--unbranded:hover,.shop-cat-shop-btn:hover{
  color:#000 !important;
  background-color:#fff !important;  
}
.button:hover span{
  color:#000 !important;  
}
.button:not([disabled]):hover:after,.shopify-payment-button__button--unbranded:after{
  box-shadow:none !important;
}
.faq-question{
  /* background-color: #c8dff7 !important; 
  padding: 22px 5px !important; */
}
.faq-item{
  /* margin-bottom:10px; */
}
.card__information{
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.tc__card,.product-grid .grid__item{
  box-shadow: #0e3f7e0f 0 0 0 1px, #2a334608 0 1px 1px -.5px, #2a33460a 0 2px 2px -1px, #2a33460a 0 3px 3px -1.5px, #2a334608 0 5px 5px -2.5px, #2a334608 0 10px 10px -5px, #2a334608 0 24px 24px -8px;
}
.collection-hero__title{
  text-align:center;
}
/* new annoucement bar */
#tab_1.popup-trigger{
  background: #faf0e5 !important;
  border-right: none;
}
#tab_1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: calc(100% - 35px);
  background-color: #faf0e5;
  z-index: 0;
}
.popup-trigger{
  border-right: 1px solid #8080809c;
  display: grid;
  min-height: 42px;
  padding: 7px 12px 3px;
  align-items: center;
  position: relative;
  cursor: pointer;
  transition: all .25s ease-in-out;
}
.popup {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  background-color: #faf0e5;
  box-shadow: 0 0 10px #0000001a;
  z-index: 999;
}
.popup img {
  width: 100%;
  height: 100%;
}
.tabs-block{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tab-content{
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.tab-btn a{
  padding: 10px 25px;
  border-radius: 4px;
  background-color: #000;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-decoration:none;
  font-weight:600;
}
.side-text{
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
}
.small-text{
  font-size: 16px;
  margin-bottom: 1rem;
}
.small-text a{
  text-decoration:none;
  color:#000 !important;
}
.small-text a:hover{
  color:#0275f1 !important;
}
.text-block{
  padding:10px;
}
.heading-title{
  margin: 0;
  font-size: 20px;
  font-weight:600;
}
.content-grid{
  display: grid;
  grid-template-columns: auto 200px;
  gap: 18px;
  padding: 12px;
}
#tab_1 .content a{
  color: #000 !important;
}
.content a {
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  color:#fff;
}
.tab-name-flex {
  display: flex;
  flex-direction: column;
}
.mini-text {
  line-height: 1;
  font-size: 10px;
  text-transform: uppercase;
}
.max-text {
  text-transform: uppercase;
  line-height: 1.3;
  font-size: 14px;
}
#tab_1 .mini-text{
  color: #d30000;
}
#tab_2 .mini-text {
  color: #f1bf15;
}
#tab_3 .mini-text {
  color: #c6ffac;
}
.small-text ul {
  list-style: none;
  margin-left: 0;
  padding-left:0 !important;
}
.small-text li{
 font-weight:600;
 font-size:14px;
 padding-left: 0;
}
.small-text li:hover{
  color:#0275f1;
}
/*  */
:root{
  --black: #0a0a0a;
  --white: #f5f2ee;
  --ink:   #1a1a1a;
  --lime:  #c8f000;
  --mid:   #2a2a2a;
  --grey:  #888;
  --border: rgba(255,255,255,0.08);
}
 
/* ── scrollbar ── */

/* ::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:#111}
::-webkit-scrollbar-thumb{background:var(--lime)} */
 
/* abstract tee mockup */
.tee-mockup{
  position:relative;
  width:320px;height:380px;
}
 
.tee-shape{
  position:absolute;inset:0;
}
 
.tee-body{
  fill:#2a2a2a;
  filter:drop-shadow(0 24px 60px rgba(0,0,0,0.6));
}
 
.tee-print{
  fill:var(--lime);
  opacity:0.92;
}
 
.tee-print-outline{
  fill:none;
  stroke:var(--lime);
  stroke-width:1.5;
  opacity:0.4;
}
 
/* diagonal accent stripe */
.hero-image::before{
  content:'';
  position:absolute;
  top:-20%;left:-10%;
  width:40%;height:140%;
  background:linear-gradient(180deg,rgba(200,240,0,0.04) 0%,rgba(200,240,0,0) 100%);
  transform:skewX(-8deg);
  pointer-events:none;
  z-index:1;
}
 
/* ══════════════════════════════════════
   MARQUEE STRIP
══════════════════════════════════════ */
.marquee-strip{
  background:#0275f1;
  padding:5px 0;
  overflow:hidden;
  white-space:nowrap;
}
 
.marquee-track{
  display:inline-flex;
  animation:marquee 30s linear infinite;
  gap:0;
}
 
.marquee-item{
  display:inline-flex;align-items:center;gap:20px;
  font-size:16px;
  letter-spacing:1px;
  color:#fff;
  padding:0 32px;
}
.marquee-item::after{
  content:'★';font-size:10px;opacity:0.5;
}
 
@keyframes marquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
 
/* ══════════════════════════════════════
   HOW IT WORKS — IMAGE + TEXT
══════════════════════════════════════ */
.hiw-section{
  padding:100px 0;
  background:#111;
  position:relative;
  overflow:hidden;
}
 
/* subtle grid bg */
.hiw-section::before{
  content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);
  background-size:48px 48px;
  pointer-events:none;
}
 
.hiw-container{
  max-width:1200px;margin:0 auto;padding:0 60px;
  position:relative;z-index:1;
}
 
.section-label{
  display:inline-flex;align-items:center;gap:12px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:11px;font-weight:600;
  letter-spacing:0.26em;text-transform:uppercase;
  color:var(--lime);
  margin-bottom:16px;
}
.section-label::before{
  content:'';display:block;
  width:24px;height:2px;background:var(--lime);
}
 
.section-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(48px,5vw,72px);
  line-height:.98;letter-spacing:0.02em;
  color:var(--white);
  margin-bottom:72px;
}
 
.section-title em{
  font-style:normal;
  -webkit-text-stroke:1px rgba(255,255,255,0.3);
  color:transparent;
}
 
/* steps grid */
.steps-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:2px;
}
 
.step-card{
  background:var(--mid);
  padding:48px 36px;
  position:relative;
  overflow:hidden;
  transition:background .3s;
}
 
.step-card:hover{background:#333}
 
.step-card::before{
  content:'';
  position:absolute;
  bottom:0;left:0;right:0;
  height:2px;
  background:var(--lime);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .4s ease;
}
.step-card:hover::before{transform:scaleX(1)}
 
.step-num{
  font-family:'Bebas Neue',sans-serif;
  font-size:80px;line-height:1;
  letter-spacing:-0.02em;
  color:rgba(255,255,255,0.06);
  position:absolute;
  top:20px;right:24px;
  transition:color .3s;
}
.step-card:hover .step-num{color:rgba(200,240,0,0.1)}
 
.step-icon{
  width:44px;height:44px;
  background:rgba(200,240,0,0.1);
  border:1px solid rgba(200,240,0,0.2);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:24px;
}
.step-icon svg{width:20px;height:20px;stroke:var(--lime);fill:none;stroke-width:1.8}
 
.step-title{
  font-family:'Barlow Condensed',sans-serif;
  font-size:22px;font-weight:600;
  letter-spacing:0.06em;text-transform:uppercase;
  color:var(--white);
  margin-bottom:12px;
}
 
.step-desc{
  font-size:14px;font-weight:300;
  line-height:1.7;color:var(--grey);
}
 
/* ══════════════════════════════════════
   FEATURE SPLIT — IMAGE WITH TEXT BLOCK
══════════════════════════════════════ */
.feature-section{
  background:#0d0d0d;
  padding:100px 0;
}
 
.feature-container{
  max-width:1200px;margin:0 auto;padding:0 60px;
}
 
.feature-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  align-items:center;
  border:1px solid var(--border);
}
 
.feature-img{
  position:relative;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#1a1a1a;
}
 
.feature-img-inner{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
 
/* Color swatches visual */
.swatch-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:4px;
  width:80%;
  padding:40px 0;
}
 
.swatch{
  aspect-ratio:1/1;
  transition:transform .3s ease;
}
.swatch:hover{transform:scale(1.08)}
 
.feature-img-label{
  position:absolute;
  bottom:0;left:0;right:0;
  background:rgba(0,0,0,0.75);
  backdrop-filter:blur(8px);
  padding:16px 24px;
  display:flex;align-items:center;justify-content:space-between;
  border-top:1px solid var(--border);
}
 
.feature-img-label span{
  font-family:'Barlow Condensed',sans-serif;
  font-size:12px;font-weight:500;
  letter-spacing:0.16em;text-transform:uppercase;
  color:var(--grey);
}
.feature-img-label strong{
  font-family:'Bebas Neue',sans-serif;
  font-size:18px;letter-spacing:0.08em;
  color:var(--lime);
}
 
.feature-content{
  padding:64px 60px;
  border-left:1px solid var(--border);
}
 
.feature-eyebrow{
  font-family:'Barlow Condensed',sans-serif;
  font-size:11px;font-weight:600;
  letter-spacing:0.24em;text-transform:uppercase;
  color:var(--lime);
  margin-bottom:16px;
}
 
.feature-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(40px,4vw,58px);
  line-height:.98;letter-spacing:0.02em;
  color:var(--white);
  margin-bottom:20px;
}
 
.feature-body{
  font-size:14px;font-weight:300;
  line-height:1.75;color:var(--grey);
  margin-bottom:36px;
  max-width:400px;
}
 
.feature-list{
  list-style:none;
  margin-bottom:40px;
  display:flex;flex-direction:column;gap:12px;
}
 
.feature-list li{
  display:flex;align-items:center;gap:14px;
  font-size:13px;font-weight:400;
  letter-spacing:0.02em;color:rgba(245,242,238,0.8);
}
 
.feature-list li::before{
  content:'';
  display:block;
  width:18px;height:2px;
  background:var(--lime);
  flex-shrink:0;
}
 
/* ══════════════════════════════════════
   SECOND FEATURE SPLIT (reversed)
══════════════════════════════════════ */
.feature-split--rev{
  grid-template-columns:1fr 1fr;
  margin-top:2px;
}
.feature-split--rev .feature-img{order:2}
.feature-split--rev .feature-content{order:1;border-left:none;border-right:1px solid var(--border)}
 
/* print technique visual */
.technique-vis{
  position:absolute;inset:0;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  gap:8px;padding:40px;
}
 
.layer{
  width:100%;
  height:52px;
  display:flex;align-items:center;
  padding:0 20px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:13px;font-weight:600;
  letter-spacing:0.14em;text-transform:uppercase;
  transition:transform .3s ease;
}
.layer:hover{transform:translateX(8px)}
 
.layer-1{background:rgba(200,240,0,0.12);color:var(--lime);border-left:3px solid var(--lime)}
.layer-2{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.6);border-left:3px solid rgba(255,255,255,0.2);margin-left:16px}
.layer-3{background:rgba(255,255,255,0.03);color:rgba(255,255,255,0.4);border-left:3px solid rgba(255,255,255,0.1);margin-left:32px}
.layer-4{background:rgba(200,240,0,0.06);color:rgba(200,240,0,0.6);border-left:3px solid rgba(200,240,0,0.3);margin-left:16px}
 
.layer-arrow{
  color:var(--grey);font-size:18px;
  align-self:flex-start;margin-left:20px;
}
/* ══════════════════════════════════════
   ANIMATIONS
══════════════════════════════════════ */
@keyframes fadeUp{
  from{opacity:0;transform:translateY(30px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes fadeIn{
  from{opacity:0}
  to{opacity:1}
}
 
.hero-content>*{
  animation:fadeUp .7s ease both;
}
.hero-content>*:nth-child(1){animation-delay:.1s}
.hero-content>*:nth-child(2){animation-delay:.2s}
.hero-content>*:nth-child(3){animation-delay:.32s}
.hero-content>*:nth-child(4){animation-delay:.44s}
.hero-content>*:nth-child(5){animation-delay:.56s}
 
.hero-image{animation:fadeIn .9s ease .2s both}
 
.step-card{
  animation:fadeUp .6s ease both;
}
.step-card:nth-child(1){animation-delay:.1s}
.step-card:nth-child(2){animation-delay:.22s}
.step-card:nth-child(3){animation-delay:.34s}
/* header */
.header__menu-item span{
  font-size:16px !important;
  /* font-weight:600; */
  /* letter-spacing:0.5px; */
}
.desktop_header_search .search__input.field__input{
  /* background-color:#f3f3f3; */
  background-color:#fff;
  border-radius:4px;
  color:#000; 
}
.desktop_header_search .field:after,.desktop_header_search .field:before{
  box-shadow:none !important;
  /* border: 1px solid #d8d8d8; */
  border-radius:4px;
}
.desktop_header_search .field__input:focus{
  box-shadow:none !important;
  border-radius:4px;
}
/* video overlay */
.video_overlay_main{
  padding:40px 0px;
}
.video_overlay_cover {
  position: relative;
  width: 100%;
}
.video_overlay_cover video {
  width: 100%;
  display: block;
}


.video_overlay_cover::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.2);
  z-index: 1;
  pointer-events: none;
}
.video_text_heading{
  font-size: 30px;
  font-weight: 600;
  margin-bottom:15px;
}
.vide_overlay_text{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  z-index: 2;
  transform: translate(-50%, -50%);
  text-align: center;
}
.vide_overlay_subtitle{
  color:#fff;
  padding:0px 10%;
}
.vide_overlay_title h2{
  font-size: 60px;
  color: #fff;
  margin: 0 !important;
  font-weight: 600;
  padding: 0px 10%;
}
//// media ////

.vide_overlay_title h2{
    font-size: 20px;
  }
  .vide_overlay_title{
    width: 100%;  
  }
.slideshow__autoplay,.slider-counter{
  display:none !important;
}
.slideshow__controls{
  border:none !important;
}
.slider-buttons{
  justify-content: space-between !important;
}
.header__icon{
  text-decoration: none;
}
.header__icon .svg-wrapper {
  color:#fff;
}
.help_svg{
  display: flex;
  align-items: center;
  justify-content: center;
  fill:#fff;
}
.help_content{
  color:#fff;
}
.desktop_header_search .field__label{
  color:#ccc;
}
.sign_in_text,.cart_text,.{
  color:#000 !important;
}
.my_project svg{
  fill:#fff;
}
.header__icon .cart-count-bubble span{
  color:#000 !important;
}
.header__inline-menu{
  background-color: #000 !important;
}
/* media */
@media only screen and (min-width:1400px){
  .header {
    grid-template-columns: auto 1fr auto !important;
  }

}
@media screen and (min-width:990px) and (max-width:1400px){
  .header:not(.drawer-menu).page-width{
   padding-left: 2rem !important;
   padding-right: 2rem !important;
  }
  .header__icons {
    gap: 5px !important;
  }
}
@media only screen and (max-width:1400px){
  .tab_collection_main{
    overflow-x: hidden;
  }
}
@media screen and (min-width: 750px) {
  .slideshow__controls {
    position: absolute !important;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding: 15px;
  }
  .banner--desktop-transparent .banner__box{
    padding:0rem !important;
  }
}
@media only screen and (min-width:769px){
  .shopify-policy__container{
    max-width: 85% !important;
    padding:20px 0px; 
  }
  .sildeshow_mobile_banner{
    display:none !important;
  }
}
@media only screen and (max-width:768px){
  .slideshow__controls{
    position: absolute;
    top: 50%;
    width: 100%;
  }
  .slideshow__media.banner__media img:last-child{
    display:none !important;
  }
   .side-text{
    display:none;
  }
   .new_announcement_bar .page-width{
   padding:0px !important;
  }
   .sildeshow_mobile_banner{
    display:block !important;
  }
}
@media screen and (min-width: 1024px) {
    .popup-trigger:hover .popup {
        opacity: 1;
        visibility: visible;
        background-color: #faf0e5;
        max-width: 650px;
        width: 650px;
        box-shadow: 5px 10px 18px #0006;
    }
}
@media screen and (min-width: 990px) {
  .mega-menu__list.page-width{
    width:75%;
  }
  .search-modal__form {
    max-width: 100rem !important;
  }
  .header-wrapper .page-width{
    max-width:1920px !important;
  }
  .header:not(.drawer-menu).page-width {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .header__inline-menu {
    display: flex !important;
    justify-content: center !important; 
  }
    .header__icon g{
     stroke:#fff !important;
    }
    .header--top-center {
      grid-template-areas:"heading left-icons icons" "navigation navigation navigation" !important;
    }
    .header--top-center .header__heading {
      justify-self: start !important;
    }
    .header {
      grid-template-columns: auto 1fr auto !important;
    }
    .search-modal__form {
      /* max-width: 40rem !important; */
    }
    .header__icons{
      width: 100%;
    align-items: center;
    justify-content: end;
    gap: 15px;
    }
    .header__icon .svg-wrapper{
      width:90px !important;
      gap:5px;
    }
    .header__icon{
      width: 100px;
    }
}
@media only screen and (max-width:989px){
  .icon-cart g{
    stroke:#fff !important;
  }
  .header__icon .svg-wrapper {
    color: #fff;
  }
  .help_svg{
    fill:#000;
  }
  .help_num,.help_text{
    font-size: 15px;
  }
  .help_content {
    color: #000;
  }
  .desktop_header_search,.help_icon,.my_project,.sign_in_text,.cart_text{
    display:none !important;
  }
}
@media only screen and (max-width:1023px){
  
 
}
@media only screen and (max-width:600px){
  .max-text{
    font-size:12px;
  }
  .popup-trigger{
    padding: 7px 10px 3px;
  }
}