/* =========================================================
   RESET & GLOBAL SETTINGS
========================================================= */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
  font-family: 'applefont';
  src: url(../asserts/fonts/SF-Pro-Text-Regular.otf) format('truetype');
  font-weight: normal;
  font-style: normal;
}

body, p, span, a, li, button, input, textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 
               "Helvetica Neue", Arial, "Noto Sans", sans-serif, 
               "Apple Color Emoji", "Segoe UI Emoji";
}

h1, h2, h3, h4, h5, h6 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 
               "Helvetica Neue", Arial, sans-serif;
}

p {
  font-size: 16px;   /* FIXED (removed wrong space) */
}

/* =========================================================
   TYPOGRAPHY STYLES
========================================================= */
.serif-text {
  font-family: "Noto Serif", serif;
}

.pt-serif {
  font-family: "PT Serif", serif;
}

.condensed {
  font-family: "Roboto Condensed", sans-serif;
}

#about {
  color: #f9cf26 !important;
}

/* =========================================================
   GENERAL SECTIONS
========================================================= */
.bck {
  width: 100%;
  height: 68px;
  background-color: #15161bf1;
  position: relative;
}
@media (min-width: 576px) and (max-width: 991px) {
  
  .bck{
    height: 75px !important;
  }

}
/* Changes done Here*/

.about-section {
  background-color: #f0ece9;
}

.about-section .container h3 {
  font-size: 28px;
}

.about-section .container p {
  font-size: 17px;
}

#type-name {
  font-size: 30px;   /* MOBILE SIZE */
}

/* =========================================================
   KITCHEN GALLERY BASE
========================================================= */
.kitchen-gallery .col-md-6 {
  padding-left: 8px;
  padding-right: 8px;
}

.bgforservices {
  background-color: #fffffff2;
}

/* Image hover effects */
.kitchen-gallery img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 2px solid rgb(52, 57, 61);
  border-radius: 8px;
}

.kitchen-gallery img:hover {
  transform: scale(1.10);
  box-shadow: 0 10px 20px 8px rgba(0, 0, 0, 0.2);
}

/* Mobile stacked spacing */
@media (max-width: 767px) {
  .kitchen-gallery img,
  .kitchen-gallery .col-12 {
    margin-bottom: 12px;
  }
}

/* =========================================================
   IMAGE SIZING (TABLET & ABOVE)
========================================================= */
@media (min-width: 768px) {
  .img-fluid {
    width: 390px;
    height: 280px;
    max-height: 280px;
  }

  /* FIX HEADING SIZE FOR DESKTOP */
  #type-name {
    font-size: 28px !important;
    font-weight: 600;
    margin-bottom: 15px;
  }
}
/* ----------------------------------------------
   CARD STYLING FOR KITCHEN SECTIONS (TABLET+)
-----------------------------------------------*/
@media (min-width: 768px) {
  .kitchen-card {
    background: #ffffff;                /* clean white card */
    border-radius: 14px;                /* smooth rounded edges */
    box-shadow: 0 4px 18px rgba(0,0,0,0.20); /* soft card shadow */
    padding: 25px;                      /* inner space */
    height: 100%;                       /* equal height support */
  }
}
/* -----------------------------------------------
Smooth hover lift effect for the whole card
Animation on scroll 


/* =========================================================
   LARGE SCREEN SPACING
========================================================= */
@media (min-width: 992px) {
  .kitchen-gallery .col-md-6 {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (min-width: 1200px) {
  .kitchen-gallery .col-md-6 {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* =========================================================
   SERVICES SECTION (OTHER PART OF WEBSITE)
========================================================= */
.more-content {
  display: none;
}

.kitchen-section {
  padding: 30px 0;
}

.services-box {
  border-radius: 12px;
  background: linear-gradient(135deg, #f4eed6, #fffefa);
  padding: 25px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.432);
}

.services-box .title {
  font-weight: 700;
  margin-bottom: 20px;
}

/* Image wrapper */
.service-img .image-wrapper {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 20px;
}

/* Mobile ratio */
@media (max-width: 576px) {
  .service-img .image-wrapper {
    aspect-ratio: 4 / 3 !important;
  }
}

/* Service images */
.service-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  border: 1px solid rgb(33, 32, 32);
}

.service-img .image-wrapper:hover img {
  transform: scale(1.15);
  box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}

.services-box p {
  font-size: 16px;
  line-height: 1.6;
}