@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");

* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

html, body {
  margin: 0px;
  min-height: 100%;
}

button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}

a { text-decoration: none; }

/* ===== FONTS ===== */
@font-face {
    font-family: "KNMaiyuan-Regular";
    src: url("./KNMaiyuan-Regular.ttf") format("woff2"),
         url("./KNMaiyuan-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Vividly-Regular";
    src: url("./Vividly-Regular.otf") format("woff2"),
         url("./Vividly-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: "Dreamy Notes Script";
  src: url("./Dreamy\ Notes\ Script.otf") format("woff2"),
       url("./Dreamy\ Notes\ Script.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Single Day-Regular";
  src: local("Single Day-Regular");
}

/* ============================================================ */
/* ===== 📱 MOBILE SCREEN (YOUR EXACT ORIGINAL) 📱 ===== */
/* ============================================================ */
.mobile-only.clio {
  background-color: #fff5fa;
  overflow: hidden;
  width: 100%;
  min-width: 390px;
  height: 3141px;
  position: relative;
  display: block;
}

.mobile-only .ellipse {
  position: absolute;
  top: 154px;
  left: calc(50.00% - 57px);
  width: 282px;
  height: 281px;
  background-color: #ffffff;
  border-radius: 140.84px / 140.61px;
  transform: rotate(0.88deg);
  filter: blur(90.42px);
}

.mobile-only .div {
  position: absolute;
  top: 962px;
  left: calc(50.00% - 280px);
  width: 282px;
  height: 281px;
  background-color: #ffffff;
  border-radius: 140.84px / 140.61px;
  transform: rotate(0.88deg);
  filter: blur(90.42px);
}

.mobile-only .ellipse-2 {
  position: absolute;
  top: 2078px;
  left: calc(50.00% + 6px);
  width: 282px;
  height: 281px;
  background-color: #ffffff;
  border-radius: 140.84px / 140.61px;
  transform: rotate(0.88deg);
  filter: blur(90.42px);
}

.mobile-only .ellipse-3 {
  position: absolute;
  top: 2950px;
  left: calc(50.00% - 290px);
  width: 282px;
  height: 281px;
  background-color: #ffffff;
  border-radius: 140.84px / 140.61px;
  transform: rotate(0.88deg);
  filter: blur(90.42px);
}

.mobile-only .text-wrapper {
  top: 77px;
  left: calc(50.00% - 104px);
  font-size: 25.9px;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  font-family: "Dreamy Notes Script";
  font-weight: 400;
  color: #5b1133;
  letter-spacing: 0;
  line-height: 14.2px;
}

.mobile-only .designed-for-a-light {
  position: absolute;
  top: 105px;
  left: calc(50.00% - 116px);
  width: 232px;
  font-family: "KNMaiyuan-Regular";
  font-weight: 400;
  color: #5b1133;
  font-size: 12.6px;
  text-align: center;
  letter-spacing: 0;
  line-height: 14.2px;
}

.mobile-only .span {
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #5b1133;
  font-size: 12.6px;
  letter-spacing: 0;
  line-height: 14.2px;
}

.mobile-only .text-wrapper-2 {
  font-family: "Vividly-Regular", Helvetica;
  font-size: 15.7px;
}

.mobile-only .text-wrapper-3 {
  position: absolute;
  top: 643px;
  left: calc(50.00% - 131px);
  width: 245px;
  -webkit-text-stroke: 0.16px #000000;
  font-family: "Dreamy Notes Script";
  font-weight: 400;
  color: #5b1133;
  font-size: 11.8px;
  letter-spacing: 0;
  line-height: 14.2px;
}

.mobile-only .text-wrapper-4 {
  position: absolute;
  top: 1069px;
  left: calc(50.00% - 131px);
  width: 245px;
  -webkit-text-stroke: 0.16px #000000;
  font-family: "Dreamy Notes Script";
  font-weight: 400;
  color: #5b1133;
  font-size: 11.8px;
  letter-spacing: 0;
  line-height: 14.2px;
}

.mobile-only .experience-makeup {
  position: absolute;
  top: 1092px;
  left: calc(50.00% - 126px);
  width: 232px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #5b1133;
  font-size: 13.4px;
  letter-spacing: 0;
  line-height: 14.2px;
}

.mobile-only .text-wrapper-5 {
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #5b1133;
  font-size: 13.4px;
  letter-spacing: 0;
  line-height: 14.2px;
}

.mobile-only .text-wrapper-6 {
  font-family: "Single Day", cursive;
  font-size: 10.2px;
}

.mobile-only .p {
  position: absolute;
  top: 2562px;
  left: calc(50.00% - 126px);
  width: 232px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #5b1133;
  font-size: 13.4px;
  letter-spacing: 0;
  line-height: 14.2px;
}

.mobile-only .text-wrapper-7 {
  position: absolute;
  top: 3033px;
  left: calc(50.00% - 99px);
  width: 198px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #5b1133;
  font-size: 13.4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 14.2px;
}

.mobile-only .text-wrapper-8 {
  top: 465px;
  left: calc(50.00% - 119px);
  width: 238px;
  font-size: 13.4px;
  text-align: center;
  line-height: 18.1px;
  position: absolute;
  font-family: "Single Day", cursive;
  font-weight: 400;
  color: #5b1133;
  letter-spacing: 0;
}

.mobile-only .rectangle {
  top: 157px;
  left: calc(50.00% - 141px);
  width: 282px;
  height: 282px;
  background-color: #ff7d7d;
  position: absolute;
  border-radius: 34.6px;
}

.mobile-only .rectangle-2 {
  top: 1146px;
  left: calc(50.00% - 141px);
  width: 282px;
  height: 262px;
  background-color: #ff7d7d;
  position: absolute;
  border-radius: 34.6px;
}

.mobile-only .rectangle-3 {
  top: 680px;
  left: calc(50.00% - 141px);
  width: 282px;
  height: 336px;
  background-color: #ffe8f3;
  position: absolute;
  border-radius: 34.6px;
}

.mobile-only .rectangle-4 {
  top: 1165px;
  left: calc(50.00% - 122px);
  width: 78px;
  height: 24px;
  background-color: #ffffffc4;
  position: absolute;
  border-radius: 34.6px;
}

.mobile-only .rectangle-5 {
  top: 1355px;
  left: calc(50.00% - 119px);
  width: 238px;
  height: 36px;
  background-color: #ffffffc4;
  position: absolute;
  border-radius: 34.6px;
}

.mobile-only .rectangle-6 {
  top: 543px;
  left: calc(50.00% - 141px);
  width: 282px;
  height: 43px;
  background-color: #ffe8f3;
  border: 1.57px solid;
  border-color: #ffadd6;
  position: absolute;
  border-radius: 34.6px;
}

.mobile-only .explore-the {
  position: absolute;
  top: 558px;
  left: calc(50.00% - 116px);
  width: 232px;
  font-family: "KNMaiyuan-Regular";
  font-weight: 400;
  color: #5b1133;
  font-size: 12.6px;
  text-align: center;
  letter-spacing: 0;
  line-height: 14.2px;
}

.mobile-only .text-wrapper-9 { font-size: 15.7px; }
.mobile-only .text-wrapper-10 { font-family: "Vividly-Regular", Helvetica; font-size: 19.7px; }

.mobile-only .rectangle-7 {
  top: 1424px;
  left: calc(50.00% - 141px);
  width: 282px;
  height: 43px;
  background-color: #ffe8f3;
  border: 1.57px solid;
  border-color: #ffadd6;
  position: absolute;
  border-radius: 34.6px;
}

.mobile-only .text-wrapper-11 {
  top: 706px;
  left: calc(50.00% - 110px);
  width: 216px;
  font-size: 11.8px;
  line-height: 17.3px;
  position: absolute;
  font-family: "Single Day", cursive;
  font-weight: 400;
  color: #5b1133;
  letter-spacing: 0;
}

.mobile-only .text-wrapper-12 {
  position: absolute;
  top: 965px;
  left: calc(50.00% - 100px);
  width: 199px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #5b1133;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0;
  line-height: 11px;
}

.mobile-only .ellipse-4 {
  position: absolute;
  top: 885px;
  left: calc(50.00% - 44px);
  width: 55px;
  height: 55px;
  background-color: #ff7d7d;
  border-radius: 27.52px;
}

.mobile-only .ellipse-5 {
  position: absolute;
  top: 885px;
  left: calc(50.00% - 11px);
  width: 55px;
  height: 55px;
  background-color: #ff7d7d;
  border-radius: 27.52px;
}

.mobile-only .text-wrapper-13 {
  top: 1171px;
  left: calc(50.00% - 111px);
  width: 57px;
  font-size: 9.4px;
  text-align: center;
  line-height: 14.2px;
  position: absolute;
  font-family: "Single Day", cursive;
  font-weight: 400;
  color: #5b1133;
  letter-spacing: 0;
}

.mobile-only .text-wrapper-14 {
  position: absolute;
  top: 1365px;
  left: calc(50.00% - 76px);
  width: 151px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #5b1133;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0;
  line-height: 8.6px;
}

.mobile-only .rectangle-8 {
  top: 1505px;
  left: calc(50.00% - 141px);
  width: 282px;
  height: 262px;
  background-color: #ff7d7d;
  position: absolute;
  border-radius: 34.6px;
}

.mobile-only .rectangle-9 {
  top: 1524px;
  left: calc(50.00% - 122px);
  width: 78px;
  height: 24px;
  background-color: #ffffffc4;
  position: absolute;
  border-radius: 34.6px;
}

.mobile-only .rectangle-10 {
  top: 1714px;
  left: calc(50.00% - 119px);
  width: 238px;
  height: 36px;
  background-color: #ffffffc4;
  position: absolute;
  border-radius: 34.6px;
}

.mobile-only .rectangle-11 {
  top: 1783px;
  left: calc(50.00% - 141px);
  width: 282px;
  height: 43px;
  background-color: #ffe8f3;
  border: 1.57px solid;
  border-color: #ffadd6;
  position: absolute;
  border-radius: 34.6px;
}

.mobile-only .text-wrapper-15 {
  top: 1529px;
  left: calc(50.00% - 111px);
  width: 57px;
  font-size: 9.4px;
  text-align: center;
  line-height: 14.2px;
  position: absolute;
  font-family: "Single Day", cursive;
  font-weight: 400;
  color: #5b1133;
  letter-spacing: 0;
}

.mobile-only .text-wrapper-16 {
  position: absolute;
  top: 1724px;
  left: calc(50.00% - 76px);
  width: 151px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #5b1133;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0;
  line-height: 8.6px;
}

.mobile-only .rectangle-12 {
  top: 1868px;
  left: calc(50.00% - 141px);
  width: 282px;
  height: 262px;
  background-color: #ff7d7d;
  position: absolute;
  border-radius: 34.6px;
}

.mobile-only .rectangle-13 {
  top: 1886px;
  left: calc(50.00% - 122px);
  width: 78px;
  height: 24px;
  background-color: #ffffffc4;
  position: absolute;
  border-radius: 34.6px;
}

.mobile-only .rectangle-14 {
  top: 2076px;
  left: calc(50.00% - 119px);
  width: 238px;
  height: 36px;
  background-color: #ffffffc4;
  position: absolute;
  border-radius: 34.6px;
}

.mobile-only .rectangle-15 {
  top: 2145px;
  left: calc(50.00% - 141px);
  width: 282px;
  height: 43px;
  background-color: #ffe8f3;
  border: 1.57px solid;
  border-color: #ffadd6;
  position: absolute;
  border-radius: 34.6px;
}

.mobile-only .rectangle-16 {
  top: 2765px;
  left: calc(50.00% - 141px);
  width: 282px;
  height: 43px;
  background-color: #ffe8f3;
  border: 1.57px solid;
  border-color: #ffadd6;
  position: absolute;
  border-radius: 34.6px;
}

.mobile-only .rectangle-17 {
  top: 2910px;
  left: calc(50.00% - 141px);
  width: 282px;
  height: 43px;
  background-color: #ffe8f3;
  border: 1.57px solid;
  border-color: #ffadd6;
  position: absolute;
  border-radius: 34.6px;
}

.mobile-only .rectangle-18 {
  top: 2963px;
  left: calc(50.00% - 141px);
  width: 282px;
  height: 43px;
  background-color: #ffe8f3;
  border: 1.57px solid;
  border-color: #ffadd6;
  position: absolute;
  border-radius: 34.6px;
}

.mobile-only .rectangle-19 {
  top: 3085px;
  left: calc(50.00% - 259px);
  width: 516px;
  height: 103px;
  background-color: #ffe8f3;
  position: absolute;
  border-radius: 34.6px;
}

.mobile-only .telegram {
  position: absolute;
  top: 2978px;
  left: calc(50.00% - 116px);
  width: 232px;
  font-family: "KNMaiyuan-Regular";
  font-weight: 400;
  color: #5b1133;
  font-size: 14.2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 14.2px;
}

.mobile-only .text-wrapper-17 {
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #5b1133;
  font-size: 14.2px;
  letter-spacing: 0;
  line-height: 14.2px;
}

.mobile-only .tik-tok {
  position: absolute;
  top: 2925px;
  left: calc(50.00% - 116px);
  width: 232px;
  font-family: "KNMaiyuan-Regular";
  font-weight: 400;
  color: #5b1133;
  font-size: 14.2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 14.2px;
}

.mobile-only .text-wrapper-18 {
  top: 1892px;
  left: calc(50.00% - 111px);
  width: 57px;
  font-size: 9.4px;
  text-align: center;
  line-height: 14.2px;
  position: absolute;
  font-family: "Single Day", cursive;
  font-weight: 400;
  color: #5b1133;
  letter-spacing: 0;
}

.mobile-only .text-wrapper-19 {
  position: absolute;
  top: 2086px;
  left: calc(50.00% - 76px);
  width: 151px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #5b1133;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0;
  line-height: 8.6px;
}

.mobile-only .rectangle-20 {
  top: 2283px;
  left: calc(50.00% - 141px);
  width: 282px;
  height: 200px;
  background-color: #ffe8f3;
  position: absolute;
  border-radius: 34.6px;
}

.mobile-only .rectangle-21 {
  top: 2611px;
  left: calc(50.00% + 7px);
  width: 134px;
  height: 136px;
  background-color: #ff7d7d;
  position: absolute;
  border-radius: 34.6px;
}

.mobile-only .rectangle-22 {
  top: 2611px;
  left: calc(50.00% - 141px);
  width: 172px;
  height: 136px;
  background-color: #ffe8f3;
  position: absolute;
  border-radius: 34.6px;
}

.mobile-only .perfect-for-your {
  position: absolute;
  top: 2310px;
  left: calc(50.00% - 110px);
  width: 216px;
  font-family: "Single Day", cursive;
  font-weight: 400;
  color: #5b1133;
  font-size: 11.8px;
  letter-spacing: 0;
  line-height: 11.8px;
}

.mobile-only .text-wrapper-20 { line-height: 17.3px; }
.mobile-only .text-wrapper-21 { font-family: "Vividly-Regular", Helvetica; line-height: 13.4px; }

.mobile-only .achieve-flawless {
  position: absolute;
  top: 2639px;
  left: calc(50.00% - 120px);
  width: 134px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #5b1133;
  font-size: 11.8px;
  letter-spacing: 0;
  line-height: 11.8px;
}

.mobile-only .text-wrapper-22 {
  top: 3102px;
  left: calc(50.00% - 91px);
  width: 183px;
  font-size: 8.9px;
  text-align: center;
  line-height: 7.9px;
  position: absolute;
  font-family: "Single Day", cursive;
  font-weight: 400;
  color: #5b1133;
  z-index: 99999;
  letter-spacing: 0;
}

.mobile-only .discover-the-glow {
  position: absolute;
  top: 1440px;
  left: calc(50.00% - 116px);
  width: 232px;
  font-family: "KNMaiyuan-Regular";
  font-weight: 400;
  color: #5b1133;
  font-size: 12.6px;
  text-align: center;
  letter-spacing: 0;
  line-height: 14.2px;
}

.mobile-only .claim-your-shade {
  position: absolute;
  top: 1798px;
  left: calc(50.00% - 116px);
  width: 232px;
  font-family: "KNMaiyuan-Regular";
  font-weight: 400;
  color: #5b1133;
  font-size: 12.6px;
  text-align: center;
  letter-spacing: 0;
  line-height: 14.2px;
}

.mobile-only .add-to-bag {
  position: absolute;
  top: 2160px;
  left: calc(50.00% - 116px);
  width: 232px;
  font-family: "KNMaiyuan-Regular";
  font-weight: 400;
  color: #5b1133;
  font-size: 12.6px;
  text-align: center;
  letter-spacing: 0;
  line-height: 14.2px;
}

.mobile-only .get-the-look {
  position: absolute;
  top: 2779px;
  left: calc(50.00% - 116px);
  width: 232px;
  font-family: "KNMaiyuan-Regular";
  font-weight: 400;
  color: #5b1133;
  font-size: 12.6px;
  text-align: center;
  letter-spacing: 0;
  line-height: 14.2px;
}

.mobile-only .text-wrapper-23 {
  position: absolute;
  top: 2249px;
  left: calc(50.00% - 131px);
  width: 245px;
  -webkit-text-stroke: 0.16px #000000;
  font-family: "Dreamy Notes Script";
  font-weight: 400;
  color: #5b1133;
  font-size: 11.8px;
  letter-spacing: 0;
  line-height: 14.2px;
}

.mobile-only .text-wrapper-24 {
  position: absolute;
  top: 2538px;
  left: calc(50.00% - 131px);
  width: 245px;
  -webkit-text-stroke: 0.16px #000000;
  font-family: "Dreamy Notes Script";
  font-weight: 400;
  color: #5b1133;
  font-size: 11.8px;
  letter-spacing: 0;
  line-height: 14.2px;
}

.mobile-only .text-wrapper-25 {
  top: 2867px;
  left: calc(50.00% - 131px);
  width: 245px;
  -webkit-text-stroke: 0.16px #000000;
  font-size: 11.8px;
  position: absolute;
  font-family: "Dreamy Notes Script";
  font-weight: 400;
  color: #5b1133;
  letter-spacing: 0;
  line-height: 14.2px;
}

/* ============================================================ */
/* ===== 🥐 SCROLL ANIMATIONS (MOBILE) ===== */
/* ============================================================ */
.animate-on-scroll {
  opacity: 0 !important;
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.animate-on-scroll.visible { opacity: 1 !important; }

.fade-up { transform: translateY(40px) !important; }
.fade-up.visible { transform: translateY(0) !important; }

.fade-left { transform: translateX(-40px) !important; }
.fade-left.visible { transform: translateX(0) !important; }

.fade-right { transform: translateX(40px) !important; }
.fade-right.visible { transform: translateX(0) !important; }

.zoom-in { transform: scale(0.95) !important; }
.zoom-in.visible { transform: scale(1) !important; }

.scale-up.visible { transform: translateY(0) scale(1) !important; }

.mobile-only .rectangle:hover,
.mobile-only .rectangle-2:hover,
.mobile-only .rectangle-8:hover,
.mobile-only .rectangle-12:hover,
.mobile-only .rectangle-21:hover,
.mobile-only .ellipse-4:hover,
.mobile-only .ellipse-5:hover {
  transform: scale(1.02) !important;
  transition: transform 0.3s ease !important;
  box-shadow: 0 4px 15px rgba(255, 125, 125, 0.2) !important;
}


/* ============================================================ */
/* ===== 🖥️ BRAND NEW LAPTOP/TABLET BEAUTY EDITORIAL 🖥️ ===== */
/* ============================================================ */

/* Hide laptop version on phones */
@media (max-width: 767px) {
    .desktop-wrapper { display: none !important; }
}

/* Show laptop version on tablets and laptops */
@media (min-width: 768px) {
    .mobile-only { display: none !important; }
    
    body {
        background: #fff0f6;
        display: flex;
        justify-content: center;
        padding: 40px;
    }

    .desktop-wrapper {
        max-width: 1100px;
        width: 100%;
        background: #fff5fa;
        border-radius: 50px;
        box-shadow: 0 20px 60px rgba(255, 173, 214, 0.15);
        overflow: hidden;
        padding: 0 50px 50px 50px;
        font-family: "Single Day", "KNMaiyuan-Regular", sans-serif;
        color: #ffadd6;
    }

    /* ===== HEADER ===== */
    .d-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 30px 0;
        border-bottom: 1px solid #ffe8f3;
    }
    .d-logo {
        font-family: "Dreamy Notes Script", cursive;
        font-size: 32px;
        color: #5b1133;
    }
    .d-nav {
        display: flex;
        gap: 30px;
          font-family: "Vividly-Regular", Helvetica;

    }
    .d-nav a {
        color: #5b1133;
        font-size: 16px;
        transition: color 0.3s;
    }
    .d-nav a:hover { color: #ffadd6; }

    /* ===== HERO ===== */
    .d-hero {
        display: flex;
        align-items: center;
        gap: 50px;
        padding: 60px 0;
    }
    .d-hero-text { flex: 1; }
    .d-heart { font-size: 20px; color: #ffadd6; display: block; margin-bottom: 5px; }
    .d-hero-text h1 {
        font-family: "Dreamy Notes Script", cursive;
        font-size: 52px;
        margin: 0 0 15px 0;
        color: #5b1133;
    }
    .d-hero-text p {   font-family: "Vividly-Regular", Helvetica;
 font-size: 18px; color: #7a4b5d; margin-bottom: 25px; line-height: 1.6; }
    .d-btn {
        display: inline-block;
        background: #ffe8f3;
        color: #5b1133;
        padding: 14px 35px;
        border-radius: 30px;
        font-size: 16px;
        transition: all 0.3s;
        border: 1px solid #ffadd6;
    }
    .d-btn:hover { transform: scale(1.05); background: #ffd9e8; }
    .d-hero-img {
        flex: 1;
        height: 400px;
        border-radius: 30px;
        background-size: cover !important;
        background-position: center !important;
        box-shadow: 0 15px 40px rgba(255, 125, 125, 0.15);
    }

    /* ===== SECTIONS ===== */
    .d-section { padding: 60px 0; }
    .d-alt { background: #fff0f6; border-radius: 40px; padding: 60px 40px; margin: 20px 0; }
    .d-title {
        font-family: "Dreamy Notes Script", cursive;
        font-size: 42px;
        text-align: center;
        margin-bottom: 40px;
        color: #5b1133;
    }
    .d-pink { color:#ffadd6; }

    /* ===== GRIDS ===== */
    .d-grid-2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        align-items: center;
    }
    .d-reverse .d-text-block { order: 2; }
    .d-reverse .d-img-block { order: 1; }

    .d-text-block p {  font-size: 17px; color: #7a4b5d; line-height: 1.8; margin-bottom: 15px; }
    .d-small { font-size: 14px; color: #a96b83; }
    .d-img-block {
        height: 300px;
        border-radius: 30px;
        background-size: cover !important;
        background-position: center !important;
        box-shadow: 0 10px 30px rgba(255, 125, 125, 0.1);
    }
    .d-btn-outline {
        display: inline-block;
        color: #5b1133;
        border: 1px solid #ffadd6;
        padding: 10px 25px;
        border-radius: 30px;
        transition: all 0.3s;
        font-size: 14px;
    }
    .d-btn-outline:hover { background: #ffe8f3; transform: scale(1.05); }

    /* ===== CARDS ===== */
    .d-card {
        background: #fff;
        border-radius: 30px;
        padding: 30px;
        text-align: center;
        transition: all 0.3s;
        border: 1px solid #ffe8f3;
        cursor: pointer;
    }
    .d-card:hover { transform: translateY(-8px); box-shadow: 0 15px 40px rgba(255, 125, 125, 0.1); border-color: #ffadd6; }
    .d-card-img {
        height: 200px;
        border-radius: 20px;
        background-size: cover !important;
        background-position: center !important;
        margin-bottom: 15px;
    }
    .d-card h3 { font-size: 22px; margin-bottom: 10px; font-family: "Dreamy Notes Script", cursive; color: #5b1133; }
    .d-card p { font-size: 15px; color: #7a4b5d; margin-bottom: 15px; }
    .d-link { color: #ffadd6; font-size: 14px; transition: all 0.3s; }
    .d-link:hover { color: #ffc6e2; }

    /* ===== HIGHLIGHT BOX ===== */
    .d-highlight-box {
        background: #fff;
        border-radius: 30px;
        padding: 40px;
        text-align: center;
        border: 1px solid #ffe8f3;
    }
    .d-highlight-box h3 { font-family: "Dreamy Notes Script", cursive; font-size: 28px; color: #5b1133; margin-bottom: 10px; }
    .d-highlight-box p { font-size: 16px; color: #7a4b5d; line-height: 1.6; }

    /* ===== CONTACT ===== */
    .d-contact { text-align: center; }
    .d-socials {
        display: flex;
        justify-content: center;
        gap: 20px;
        margin: 20px 0;
    }
    .d-social-btn {
        display: inline-block;
        background: #ffe8f3;
        color: #5b1133;
        padding: 12px 30px;
        border-radius: 30px;
        border: 1px solid #ffadd6;
        transition: all 0.3s;
        font-size: 16px;
    }
    .d-social-btn:hover { transform: scale(1.05); background: #ffd5ea; }
    .d-footer-text { font-size: 16px; color: #7a4b5d; margin-bottom: 5px; }
    .d-footer-small { font-size: 13px; color: #a96b83; }
}