@import url('container.css');
:root {
    --primary-bg:243,243,243;
    --gray-bg: 254,254,254;
    --secondary-bg: 121,129,150;
    --menu-btn: 74,74,74;
    --primary: 51,26,21;
    --small-title: 85,85,85;
    --section-bg: 236,234,227;
    --cta-bg:237,234,227;
    --post-title: 51,51,51;
    --post-text: 121,129,150;
    --work-us-bg: 47,51,56;
    --blog-border: 230,230,230;
}
.bk-font-avenir {
    font-family: Avenir,sans-serif;
}
.bk-font-binter {
    font-family: Binter,sans-serif;
}
.bk-bgimg-denden::before {
    content:'';
    position: absolute;
    margin:0 auto;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 215px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='216' height='180' viewBox='0 0 216 180' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M195.782 0H141.971C130.831 0 121.792 8.59469 121.792 19.1881V70.3565C121.792 80.95 130.831 89.5447 141.971 89.5447H175.603V115.129C175.603 129.24 163.538 140.713 148.698 140.713H145.335C139.743 140.713 135.245 144.99 135.245 150.307V169.495C135.245 174.812 139.743 179.089 145.335 179.089H148.698C185.861 179.089 215.962 150.467 215.962 115.129V19.1881C215.962 8.59469 206.923 0 195.782 0ZM74.7075 0H20.8964C9.75586 0 0.717285 8.59469 0.717285 19.1881V70.3565C0.717285 80.95 9.75586 89.5447 20.8964 89.5447H54.5284V115.129C54.5284 129.24 42.4629 140.713 27.6228 140.713H24.2596C18.6683 140.713 14.1701 144.99 14.1701 150.307V169.495C14.1701 174.812 18.6683 179.089 24.2596 179.089H27.6228C64.7861 179.089 94.8867 150.467 94.8867 115.129V19.1881C94.8867 8.59469 85.8481 0 74.7075 0Z' fill='%23F3F3F3'/%3E%3C/svg%3E");
}

/* === AUTO-GENERATED BK CLASSES === 2025-07-08 11:22:37 === */
.bk-pt-41px { padding-top: 41px; }
.bk-pb-24px { padding-bottom: 24px; }
.bk-ls-none { list-style: none; }
.bk-text-color-secondary-bg { color: rgb(var(--secondary-bg)); }
.bk-bg-menu-btn { background-color: rgb(var(--menu-btn)); }
.bk-px-32px { padding-left: 32px; padding-right: 32px }
.bk-py-10px { padding-top: 10px; padding-bottom: 10px }
.bk-text-white { color: white; }
.bk-hover\:bk-text-\[red\]:hover { color: red; }
.bk-bg-img-\[\.\.\/\.\.\/theme-imgs\/001\.jpg\] { background-image: url("../../theme-imgs/001.jpg"); }
.bk-h-300px { height: 300px; }
.bk-bg-cover { background-size: cover }
.bk-bg-pos-bottom-right { background-position: bottom right; }
.bk-fs-34px { font-size: 34px; }
.bk-bg-img-\[\.\.\/static\/kicthen-bg\.svg\] { background-image: url("../static/kicthen-bg.svg"); }
.bk-minh-990px { min-height: 990px; }
.bk-bg-nr { background-repeat: no-repeat }
.bk-bg-pos-right { background-position: right; }
.bk-pt-60px { padding-top: 60px; }
.bk-w-\[100\%\] { width: 100%; }
.bk-mt-10px { margin-top: 10px; }
.bk-py-30px { padding-top: 30px; padding-bottom: 30px }
.bk-px-20px { padding-left: 20px; padding-right: 20px }
.bk-bg-gray-bg { background-color: rgb(var(--gray-bg)); }
.bk-text-color-post-title { color: rgb(var(--post-title)); }
.bk-fs-16px { font-size: 16px; }
.bk-text-color-post-text { color: rgb(var(--post-text)); }
.bk-bg-cta-bg { background-color: rgb(var(--cta-bg)); }
.bk-py-120px { padding-top: 120px; padding-bottom: 120px }
.bk-fs-20px { font-size: 20px; }
.bk-text-color-primary { color: rgb(var(--primary)); }
.bk-mt-20px { margin-top: 20px; }
.bk-mb-10px { margin-bottom: 10px; }
.bk-w-290px { width: 290px; }
.bk-text-color-small-title { color: rgb(var(--small-title)); }
.bk-w-60px { width: 60px; }
.bk-w-200px { width: 200px; }
.bk-h-200px { height: 200px; }
.bk-bg-\[\#ECEAE3\] { background-color: #ECEAE3; }
.bk-bg-img-\[\.\.\/static\/secco-big-cake\.svg\] { background-image: url("../static/secco-big-cake.svg"); }
.bk-bg-transparent { background-color: transparent }
.bk-bg-pos-\[top_center\] { background-position: top center; }
.bk-py-150px { padding-top: 150px; padding-bottom: 150px }
.bk-mb-80px { margin-bottom: 80px; }
.bk-fs-24px { font-size: 24px; }
.bk-mb-30px { margin-bottom: 30px; }
.bk-fs-18px { font-size: 18px; }
.bk-text-\[\#5C5C5C\] { color: #5C5C5C; }
.bk-bg-pos-\[0_50\%\] { background-position: 0 50%; }
.bk-pb-200px { padding-bottom: 200px; }
.bk-lg\:bk-w-1000px { width: 1000px; }
.bk-lh-\[40px\] { line-height: 40px; }
.bk-pt-100px { padding-top: 100px; }
.bk-pb-150px { padding-bottom: 150px; }
.bk-mr-80px { margin-right: 80px; }
.bk-lh-34px { line-height: 34px; }
.bk-mb-40px { margin-bottom: 40px; }
.bk-mt-55px { margin-top: 55px; }
.bk-bg-\[rgba\(254\,254\,254\,0\.50\)\] { background-color: rgba(254,254,254,0.50); }
.bk-pl-30px { padding-left: 30px; }
.bk-pr-60px { padding-right: 60px; }
.bk-brad-5px { border-radius: 5px; }
.bk-py-100px { padding-top: 100px; padding-bottom: 100px }
.bk-mb-50px { margin-bottom: 50px; }
.bk-minw-sm\:bk-fs-34px { font-size: 34px; }
.bk-p-25px { padding: 25px; }
.bk-lh-32px { line-height: 32px; }
.bk-mb-24px { margin-bottom: 24px; }
.bk-lh-27px { line-height: 27px; }
.home-blog-list.bk-child\:last\:home-blog-list\:bk-pl-5px > *:last-child { padding-left: 5px; }
.home-blog-list.bk-child\:not-last\:home-blog-list\:bk-px-5px > *:not(:last-child) { padding-left: 5px; padding-right: 5px }
.home-blog-list.bk-child\:not-last\:home-blog-list\:bk-br > *:not(:last-child) { border-right: 1px solid; }
.home-blog-list.bk-child\:not-last\:home-blog-list\:bk-bc-blog-border > *:not(:last-child) { border-color: rgb(var(--blog-border)) }
.bk-bt { border-top: 1px solid; }
.bk-bc-blog-border { border-color: rgb(var(--blog-border)) }
.bk-py-16px { padding-top: 16px; padding-bottom: 16px }
.bk-xl\:bk-maxw-550px { max-width: 550px; }
.bk-text-\[\#f4f4f4\] { color: #f4f4f4; }
.bk-mt-30px { margin-top: 30px; }
.bk-mb-65px { margin-bottom: 65px; }
.footer-col.bk-child\:not-last\:footer-col\:bk-mb-30px > *:not(:last-child) { margin-bottom: 30px; }
.bk-text-\[\#F0F0F0\] { color: #F0F0F0; }
.bk-bc-white { border-color: white; }
.bk-py-35px { padding-top: 35px; padding-bottom: 35px }
.bk-mb-100px { margin-bottom: 100px; }
.bk-mb-16px { margin-bottom: 16px; }
.bk-mt-60px { margin-top: 60px; }
.bk-mt-100px { margin-top: 100px; }
.bk-mb-140px { margin-bottom: 140px; }
.bk-ls-5px { letter-spacing: 5px; }
.bk-text-color-menu-btn { color: rgb(var(--menu-btn)); }
.bk-lh-35px { line-height: 35px; }
.bk-xl\:bk-maxw-270px { max-width: 270px; }
.bk-w-2px { width: 2px; }
.bk-h-60px { height: 60px; }
.bk-min-h-240px { min-height: 240px; }
.bk-bg-primary-bg { background-color: rgb(var(--primary-bg)); }
.bk-fs-32px { font-size: 32px; }
.bk-text-\[rgba\(29\,43\,79\,1\)\] { color: rgba(29,43,79,1); }
.bk-fs-48px { font-size: 48px; }
.bk-lh-64px { line-height: 64px; }
.bk-f-visible\:bk-outline-0:focus-visible { outline: 0 }
.bk-transition-all { transition: all 0.3s ease }
.bk-b { border: 1px solid; }
.bk-bc-\[rgba\(204\,204\,204\,1\)\] { border-color: rgba(204,204,204,1); }
.bk-focus\:bk-bc-\[rgba\(29\,43\,79\,1\)\]:focus { border-color: rgba(29,43,79,1); }
.bk-py-20px { padding-top: 20px; padding-bottom: 20px }
.bk-px-30px { padding-left: 30px; padding-right: 30px }
.bk-placeholder\:bk-text-\[rgba\(204\,204\,204\,1\)\]::placeholder { color: rgba(204,204,204,1); }
.bk-placeholder\:bk-fs-16px::placeholder { font-size: 16px; }
.bk-placeholder\:bk-fw-300::placeholder { font-weight: 300; }
.bk-fs-36px { font-size: 36px; }
.bk-lh-60px { line-height: 60px; }
.bk-h-\[500px\] { height: 500px; }
.bk-pb-120px { padding-bottom: 120px; }
.bk-lh-\[150\%\] { line-height: 150%; }
.bk-py-17px { padding-top: 17px; padding-bottom: 17px }
.bk-px-17px { padding-left: 17px; padding-right: 17px }
.bk-py-60px { padding-top: 60px; padding-bottom: 60px }
.bk-fs-44px { font-size: 44px; }
.bk-gap-40px { gap: 40px; }
.bk-minh-100px { min-height: 100px; }
.bk-w-72px { width: 72px; }
.bk-bg-section-bg { background-color: rgb(var(--section-bg)); }
.bk-d-none { display: none; }
.bk-mr-50px { margin-right: 50px; }
.bk-brad-\[0_70px_70px_0\] { border-radius: 0 70px 70px 0; }
.bk-left-290px { left: 290px; }
.bk-ml-100px { margin-left: 100px; }
.bk-minw-sm\:bk-w-\[100\%\] { width: 100%; }
.bk-w-75px { width: 75px; }
.bk-w-300px { width: 300px; }
.bk-maxw-870px { max-width: 870px; }
.bk-min-xm\:bk-fs-24px { font-size: 24px; }
.bk-brad-10px { border-radius: 10px; }
.bk-px-25px { padding-left: 25px; padding-right: 25px }
.bk-pb-36px { padding-bottom: 36px; }
.bk-minh-350px { min-height: 350px; }
.bk-bw-5px { border-width: 5px; }
.bk-w-110px { width: 110px; }
.bk-h-110px { height: 110px; }
.bk-mt-\[-55px\] { margin-top: -55px; }
.bk-p-26px { padding: 26px; }
.bk-bg-img-\[\.\.\/static\/services_bg\.png\] { background-image: url("../static/services_bg.png"); }
.bk-minh-310px { min-height: 310px; }
.bk-opacity-90 { opacity: 0.9 }
.bk-opacity-0 { opacity: 0 }
.bk-t-y--50px { transform: translateY(-50px) }
.bk-group:hover .bk-group-hover\:bk-opacity-100 { opacity: 1 }
.bk-group:hover .bk-group-hover\:bk-t-y-0px { transform: translateY(0px) }
.bk-bg-img-\[\.\.\/\.\.\/theme-imgs\/workwithus-bg\.jpg\] { background-image: url("../../theme-imgs/workwithus-bg.jpg"); }
.bk-minh-430px { min-height: 430px; }
.bk-bg-pos-\[bottom_40\%_left_0\] { background-position: bottom 40% left 0; }
.bk-bg-work-us-bg { background-color: rgb(var(--work-us-bg)); }
.bk-opacity-40 { opacity: 0.4 }
.bk-maxw-\[100\%\] { max-width: 100%; }
.bk-px-40px { padding-left: 40px; padding-right: 40px }
.bk-py-12px { padding-top: 12px; padding-bottom: 12px }
.bk-z-0 { z-index: 0; }
.bk-bg-\[rgba\(254\,254\,254\,0\.73\)\] { background-color: rgba(254,254,254,0.73); }
.bk-group:hover .bk-group-hover\:bk-d-flex { display: flex; }
.bk-group:hover .bk-group-hover\:bk-z-1 { z-index: 1; }
.bk-mx-40px { margin-left: 40px; margin-right: 40px }
.bk-bg-img-\[\.\.\/static\/seccocafe-bg\.svg\] { background-image: url("../static/seccocafe-bg.svg"); }
.bk-bg-pos-\[right_bottom\] { background-position: right bottom; }
.bk-lh-\[180\%\] { line-height: 180%; }
.bk-text-\[\#1A1A1A\] { color: #1A1A1A; }
.bk-lh-53px { line-height: 53px; }
.bk-columns-1 { column-count: 1; }
.bk-column-gap-24px { column-gap: 24px; }
.bk-my-100px { margin-top: 100px; margin-bottom: 100px }
.bk-break-inside-avoid { break-inside: avoid; }
.bk-d-block { display: block; }
.bk-py-2rem { padding-top: 2rem; padding-bottom: 2rem }
.bk-bc-\[rgba\(26\,26\,26\,1\)\] { border-color: rgba(26,26,26,1); }
.bk-pl-32px { padding-left: 32px; }
.bk-bg-img-\[\.\.\/static\/seccocafe-express-bg\.svg\] { background-image: url("../static/seccocafe-express-bg.svg"); }
.bk-bg-pos-\[left_bottom\] { background-position: left bottom; }
.bk-bg-img-\[\.\.\/static\/seccocafe-production-kitchen-bg\.svg\] { background-image: url("../static/seccocafe-production-kitchen-bg.svg"); }
@media (min-width: 640px) {
    .bk-min-sm\:bk-h-200px { height: 200px; }
    .bk-min-sm\:bk-fs-24px { font-size: 24px; }
    .bk-min-sm\:bk-ml-0 { margin-left: 0; }
    .bk-min-sm\:bk-mt-100px { margin-top: 100px; }
    .bk-min-sm\:bk-fs-18px { font-size: 18px; }
    .bk-min-sm\:bk-mb-100px { margin-bottom: 100px; }
    .bk-min-sm\:bk-fs-14px { font-size: 14px; }
    .bk-min-sm\:bk-fs-32px { font-size: 32px; }
}
@media (min-width: 768px) {
    .bk-min-md\:bk-columns-2 { column-count: 2; }
}
@media (min-width: 1024px) {
    .bk-min-lg\:bk-fs-62px { font-size: 62px; }
    .bk-min-lg\:bk-mb-16px { margin-bottom: 16px; }
    .bk-min-lg\:bk-mt-100px { margin-top: 100px; }
    .bk-min-lg\:bk-mr-150px { margin-right: 150px; }
    .bk-min-lg\:bk-px-40px { padding-left: 40px; padding-right: 40px }
    .bk-min-lg\:bk-fs-40px { font-size: 40px; }
    .bk-min-lg\:bk-fs-48px { font-size: 48px; }
    .bk-min-lg\:bk-fs-32px { font-size: 32px; }
    .bk-min-lg\:bk-fs-44px { font-size: 44px; }
    .bk-min-lg\:bk-fs-24px { font-size: 24px; }
    .bk-min-lg\:bk-lh-53px { line-height: 53px; }
    .bk-min-lg\:bk-h-\[450px\] { height: 450px; }
    .bk-min-lg\:bk-pl-32px { padding-left: 32px; }
    .bk-min-lg\:bk-pr-60px { padding-right: 60px; }
    .bk-min-lg\:bk-mr-80px { margin-right: 80px; }
    .bk-min-lg\:bk-nth-img-2\:bk-mt-100px img:nth-of-type(2) { margin-top: 100px; }
    .bk-min-lg\:bk-fs-18px { font-size: 18px; }
    .bk-min-lg\:bk-mt-110px { margin-top: 110px; }
    .bk-min-lg\:bk-fs-54px { font-size: 54px; }
}
@media (min-width: 1280px) {
    .bk-min-xl\:bk-w-600px { width: 600px; }
    .bk-min-xl\:bk-h-540px { height: 540px; }
    .bk-min-xl\:bk-ml-\[-100px\] { margin-left: -100px; }
    .bk-min-xl\:bk-mr-50px { margin-right: 50px; }
    .bk-min-xl\:bk-lh-\[40px\] { line-height: 40px; }
    .bk-min-xl\:bk-fs-54px { font-size: 54px; }
    .bk-min-xl\:bk-maxw-950px { max-width: 950px; }
    .bk-min-xl\:bk-h-850px { height: 850px; }
    .bk-min-xl\:bk-w-740px { width: 740px; }
    .bk-min-xl\:bk-w-610px { width: 610px; }
    .bk-min-xl\:bk-h-450px { height: 450px; }
    .bk-min-xl\:bk-w-470px { width: 470px; }
    .bk-min-xl\:bk-h-460px { height: 460px; }
    .bk-min-xl\:bk-fs-32px { font-size: 32px; }
    .bk-min-xl\:bk-maxw-900px { max-width: 900px; }
    .bk-min-xl\:bk-fs-100px { font-size: 100px; }
    .bk-min-xl\:bk-py-70px { padding-top: 70px; padding-bottom: 70px }
    .bk-min-xl\:bk-px-200px { padding-left: 200px; padding-right: 200px }
}
@media (min-width: 1536px) {
    .bk-min-2xl\:bk-ml-150px { margin-left: 150px; }
    .bk-min-2xl\:bk-fs-62px { font-size: 62px; }
    .bk-min-2xl\:bk-fs-24px { font-size: 24px; }
    .bk-min-2xl\:bk-d-flex { display: flex; }
    .bk-min-2xl\:bk-minw-350px { min-width: 350px; }
    .bk-min-2xl\:bk-mr-30px { margin-right: 30px; }
    .bk-min-2xl\:bk-w-\[700px\] { width: 700px; }
    .bk-min-2xl\:bk-w-800px { width: 800px; }
    .bk-min-2xl\:bk-mr-150px { margin-right: 150px; }
    .bk-min-2xl\:bk-columns-3 { column-count: 3; }
}

.offcanvas .dropdown-menu {
    position: static !important;
    float: none;
    width: 100%;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    box-shadow: none;
    border: none;
    background-color: transparent;
    padding: 0;
    transform: initial !important;
}

.offcanvas .dropdown-item {
    padding: 0.75rem 1rem;
    border: none;
    background-color: transparent;
    border-radius: 0;
    transition: background-color 0.2s ease;
}

.offcanvas .dropdown-item:hover {
    background-color: rgba(0, 0, 0, 0.05);
    color: inherit;
}

.offcanvas .dropdown-toggle::after {
    margin-left: 0.5rem;
    transition: transform 0.2s ease;
}

.offcanvas .dropdown.show .dropdown-toggle::after {
    transform: rotate(180deg);
}

/* Offcanvas içindeki dropdown açıldığında alt elemanların kayması için */
.offcanvas .dropdown.show {
    margin-bottom: 1rem;
}

.offcanvas .dropdown.show .dropdown-menu {
    display: block !important;
    opacity: 1;
    transform: none;
    animation: fadeInDown 0.3s ease;
}

/* Offcanvas içindeki liste elemanları için düzenleme */
.offcanvas .list-group .nav-item {
    margin-bottom: 0.5rem;
}

.offcanvas .list-group .nav-item:last-child {
    margin-bottom: 0;
}

/* Dropdown animasyonu */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}