#fw-section-recent-videos-d7662575-a021-440a-9999-ec79d4333ab4 {

/* ==========================================
   TINO ASHAW — YOUTUBE SHOWCASE
   FOURTHWALL SECTION CSS
   ========================================== */

section {
  max-width: 1180px !important;
  margin: 28px auto 50px !important;
  padding: 24px !important;
  background: #1d5a49 !important;
  border-radius: 28px !important;
  box-shadow: 0 18px 45px rgba(18, 60, 49, 0.18) !important;
  overflow: hidden !important;
}

section h2,
section h3 {
  color: #f4edd4 !important;
  font-size: 30px !important;
  font-weight: 600 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.035em !important;
  margin: 0 0 18px !important;
}

section a {
  text-decoration: none !important;
}

section button,
section a[role="button"] {
  background: transparent !important;
  color: #f4edd4 !important;
  border: 1px solid rgba(244, 237, 212, 0.55) !important;
  border-radius: 999px !important;
  padding: 8px 15px !important;
}

section button:hover,
section a[role="button"]:hover {
  background: #f4edd4 !important;
  color: #1d5a49 !important;
}

@media (max-width: 700px) {
  section {
    margin: 18px 0 40px !important;
    padding: 17px !important;
    border-radius: 22px !important;
  }

  section h2,
  section h3 {
    font-size: 25px !important;
    margin-bottom: 16px !important;
  }
}
}






#fw-section-featured-collection-f74efeab-637e-4f0f-ae7e-89cda126e10d {

/* ===== PRODUCT GRID ===== */

.product-card,
.product-card__inner,
.product-grid .card {
    border-radius:24px !important;
    overflow:hidden;
    transition:all .35s ease;
    background:#fff;
    border:1px solid rgba(0,0,0,.05);
}

.product-card:hover,
.product-grid .card:hover{
    transform:translateY(-8px);
    box-shadow:0 22px 45px rgba(0,0,0,.12);
}


/* ===== PRODUCT IMAGE ===== */

.product-card img,
.product-grid img{
    transition:transform .6s ease;
    padding:18px;
}

.product-card:hover img,
.product-grid .card:hover img{
    transform:scale(1.05);
}


/* ===== PRODUCT TITLE ===== */

.product-card h3,
.product-card__title,
.product-grid h3{

    font-size:18px;
    font-weight:500;
    letter-spacing:-.02em;
    color:#1d1d1f;
    margin-top:18px;
}


/* ===== PRICE ===== */

.product-card .price,
.product-price,
.money{

    font-size:17px;
    font-weight:600;
    color:#555;
}


/* ===== COLOR DOTS ===== */

.color-swatches{
    margin-top:12px;
}

.color-swatches button{
    width:13px;
    height:13px;
    border:2px solid white;
    box-shadow:0 0 0 1px rgba(0,0,0,.15);
}


/* ===== VIEW ALL BUTTON ===== */

.button,
.btn{

    border-radius:999px !important;
    padding:14px 26px;
    transition:.3s ease;
}

.button:hover,
.btn:hover{

    transform:translateY(-2px);
}


/* ===== PRODUCT SPACING ===== */

.product-grid{

    gap:48px;
}


/* ===== SECTION TITLE ===== */

.section-title,
h2{

    font-size:54px;
    font-weight:500;
    letter-spacing:-.05em;
    color:#1d1d1f;
}
}

#fw-section-custom-html-e3b4f044-e6f2-4e1e-b5dc-ef85b111fd44 {

#fw-section-custom-html-e3b4f044-e6f2-4e1e-b5dc-ef85b111fd44 .fade-section{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!important;
}
}

#fw-section-text-carousel-e80fd1ec-1f2c-4a2d-8fbc-ece0530f76e8 {
--font-heading-scale: 0.7;
--font-body-scale: 0.7;
}
#fw-section-text-carousel-9ea048e8-9354-4f80-afa2-ec5e7815a941 {
--font-heading-scale: 0.7;
--font-body-scale: 0.7;
}
#fw-section-header {

/* ===== TINO ASHAW HEADER ===== */ header, .header, .site-header{ background:rgba(250,247,243,.95); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border-bottom:1px solid rgba(73,63,56,.08); box-shadow: 0 8px 30px rgba(73,63,56,.05); transition:.3s; } /* Logo */ header img{ max-height:54px; width:auto; transition: transform .25s ease, opacity .25s ease; } header img:hover{ transform:scale(1.04); opacity:.88; } /* Navigation */ header nav a{ color:#493f38; font-size:13px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; transition:.25s; position:relative; } header nav a:hover{ color:#8c7766; } /* Underline animation */ header nav a:after{ content:""; position:absolute; left:0; bottom:-7px; width:0; height:1px; background:#8c7766; transition:.25s; } header nav a:hover:after{ width:100%; } /* Icons */ header svg{ stroke:#493f38; transition:.25s; } header a:hover svg{ transform:translateY(-1px); opacity:.65; } /* Cart */ header button{ color:#493f38; } /* Mobile */ @media(max-width:768px){ header{ padding-top:6px; padding-bottom:6px; } header img{ max-height:44px; } }
}