#fw-section-rich-text-dd37bff7-90c7-4736-b40b-d4de942324fd {

.container--8{
    opacity: 0;
}
}
#fw-section-hero-video-b0ea2e3f-c17f-4bb8-8cfb-791a7af90e2f {

/* Add a subtle tech grid overlay to the header */
.fw-section::after {
  content: "";
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-image: 
    linear-gradient(rgba(0, 255, 0, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 255, 0, 0.1) 1px, transparent 1px) !important;
  background-size: 20px 20px !important;
  pointer-events: none !important;
  z-index: 998 !important;
  opacity: 1 !important;
}
.fw-section{
  width: 100%,
}
}


#fw-section-custom-html-c48633c0-f6a1-44d0-914c-169bb8a766c2 {

.main_text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  background: linear-gradient(to bottom, #d0d0d0, #a0a0a0);
  border: 3px solid #555;
  border-radius: 8px;
  padding: 1rem 2rem;
  font-family: 'Courier New', monospace;
  font-size: 1.5rem;
  color: #111;
  text-shadow: 0 1px 0 #fff;
  box-shadow:
    inset 0 2px 4px rgba(255, 255, 255, 0.5),
    inset 0 -2px 4px rgba(0, 0, 0, 0.2),
    0 4px 10px rgba(0, 0, 0, 0.4);
}

.panel-bar {
  width: 10px;
  height: 40px;
  background: repeating-linear-gradient(
    to bottom,
    #444,
    #444 4px,
    #666 4px,
    #666 8px
  );
  border-radius: 2px;
  box-shadow: inset 0 0 3px #000;
}

}








#fw-section-header {

/* Target the header element in Fourthwall */
/* Replace 'header', '.header', or '.site-header' with the actual header class from Fourthwall */
header, .header, .site-header {
  position: relative !important;
  overflow: hidden !important;
}


/* Add a subtle tech grid overlay to the header */
header::after, .header::after, .site-header::after {
  content: "";
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-image: 
    linear-gradient(rgba(0, 255, 0, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 255, 0, 0.1) 1px, transparent 1px) !important;
  background-size: 20px 20px !important;
  pointer-events: none !important;
  z-index: 998 !important;
  opacity: 1 !important;
}

/* Optional: Add a subtle glow to text in the header */
.page_header {
  text-shadow: 0 0 2px rgba(0, 255, 0, 0.3) !important;
  transition: text-shadow 0.3s ease !important;
}

}

#fw-section-collections-list-1ae6c04d-e2fd-4e83-b2ba-b7fa615f662b {

.collections-list .collections-list__item-image-wrapper:hover {
  transform: scale(1.05);
}

.collections-list .collections-list__item-image-wrapper{
  transition: transform .15s ease-in-out;
}
}









#fw-section-featured-product-1745764385 {

.grid__column.grid__column--12.grid__column--6\@sm.grid__column--5\@md {  
  background-image: url('https://raw.githubusercontent.com/BixPettus/Fourthwallpng/refs/heads/main/OSSI3.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 4rem 1rem; /* Adjust padding if needed */
  border: 5px rgba(212,212,212,255);    
;
  border-radius: 12px;
  color: white; /* Ensure text contrast */
}
.gallery.gallery--product {
  margin-left: 30px;
  padding: 1rem;

}



.featured-product-info__title {
  display: inline-block;
  padding: 1rem 1rem;
 

  background:
    /* Side bars - simulated as stripes on the sides */
    linear-gradient(to right,
      #444 0px, #444 10px,   /* left bar */
      transparent 10px, transparent calc(100% - 10px),
      #444 calc(100% - 10px), #444 100% /* right bar */
    ),
    /* Panel body */
    linear-gradient(to bottom, #cfcfcf, #999);

  background-clip: padding-box;
  border: 3px solid #444;
  border-radius: 8px;

  box-shadow:
    inset 0 2px 4px rgba(255, 255, 255, 0.5),
    inset 0 -2px 4px rgba(0, 0, 0, 0.2),
    0 4px 10px rgba(0, 0, 0, 0.4);
}

.featured-product-info__title a {
  color: purple !important;
  text-decoration: none; /* Optional: removes underline */
  
}
.featured-product.section-fw-section-featured-product-1745764385-padding {
  background-blend-mode: overlay;
  color: white;  /* Keep text color if needed */
  
}
.button.button--primary.button--expand {
  background: radial-gradient(circle at 30% 30%, #ccc, #999);
  border: 3px solid #666;
  border-radius: 6px;
  padding: 0.75rem 1.5rem;
  font-family: monospace;
  font-size: 1rem;
  color: #111;
  text-shadow: 0 1px 0 #fff;
  box-shadow:
    inset 0 2px 5px rgba(255, 255, 255, 0.5),
    inset 0 -2px 5px rgba(0, 0, 0, 0.2),
    0 4px 0 #333,
    0 4px 4px rgba(0, 0, 0, 0.4);
  transition: all 0.1s ease-in-out;
  cursor: pointer;
}


.button.button--primary.button--expand:active {
  box-shadow:
    inset 0 1px 3px rgba(0, 0, 0, 0.4),
    0 1px 0 #222;
  transform: translateY(3px);
  background: radial-gradient(circle at 30% 30%, #aaa, #777);
}
}



#fw-section-image-with-text-4dafa01b-ecee-4dcf-85f0-84fa868b47a4 {

/* Solo Designer Section Styling */
.solo-designer-section {
  background: linear-gradient(135deg, rgba(13, 2, 33, 0.9) 0%, rgba(40, 5, 80, 0.9) 100%);
  border-left: 4px solid #ff2a6d;
  padding: 2.5rem;
  margin: 3rem 0;
  position: relative;
  overflow: hidden;
  font-family: 'Rajdhani', sans-serif;
  color: #f0f0f0;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.solo-designer-section::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100px;
  background: radial-gradient(circle, rgba(255, 42, 109, 0.15) 0%, transparent 70%);
  z-index: 0;
}

.solo-designer-section h1 {
  font-family: 'Orbitron', sans-serif;
  color: #05d9e8;
  font-size: 2.2rem;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  display: inline-block;
}

.solo-designer-section h1::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ff2a6d, #05d9e8);
}

.solo-designer-section p {
  font-size: 1.1rem;
  line-height: 1.7;
  margin-bottom: 1.2rem;
  position: relative;
  z-index: 1;
}

.solo-designer-section strong {
  color: #ff2a6d;
  font-weight: normal;
}

/* CAD-inspired details */
.cad-corner {
  position: absolute;
  width: 30px;
  height: 30px;
  border-color: #05d9e8;
  border-style: solid;
  border-width: 0;
}

.cad-corner:nth-child(1) {
  top: 0;
  left: 0;
  border-top-width: 2px;
  border-left-width: 2px;
}

.cad-corner:nth-child(2) {
  top: 0;
  right: 0;
  border-top-width: 2px;
  border-right-width: 2px;
}

.cad-corner:nth-child(3) {
  bottom: 0;
  left: 0;
  border-bottom-width: 2px;
  border-left-width: 2px;
}

.cad-corner:nth-child(4) {
  bottom: 0;
  right: 0;
  border-bottom-width: 2px;
  border-right-width: 2px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .solo-designer-section {
    padding: 1.8rem;
  }
  
  .solo-designer-section h1 {
    font-size: 1.8rem;
  }
}
}