.blogs-grid-style-1 { display: flex; flex-direction: column; align-items: center; width: 100%; background: var(--cream); padding: 100px 0; }
.blogs-grid-style-2 { display: flex; flex-direction: row; justify-content: center; gap: 54px; width: 1270px; max-width: 100%; padding: 0 40px; box-sizing: border-box; flex-wrap: wrap; }
.blogs-grid-style-3 { display: flex; flex-direction: column; gap: 24px; flex: 0 0 calc(50% - 27px); min-width: 300px; max-width: 607.5px; background: #FFFEF3; padding-bottom: 40px; }
.blogs-grid-style-4 { width: 100%; height: 360px; border: 1.5px solid #0E1D42; border-radius: 3px; overflow: hidden; box-sizing: border-box; }
.blogs-grid-style-5 { width: 100%; height: 100%; object-fit: cover; }
.blogs-grid-style-6 { display: flex; flex-direction: column; gap: 16px; padding: 0 12px; box-sizing: border-box; }
.blogs-grid-style-7 { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; gap: 24px; flex-wrap: wrap; }
.blogs-grid-style-8 { font-family: 'Andale Mono', monospace; font-size: 24px; line-height: 32px; color: #0E1D42; margin: 0; flex: 1; min-width: 200px; }
.blogs-grid-style-9 { font-family: 'Avenir', sans-serif; font-size: 16px; line-height: 24px; color: #94977F; text-align: right; }
.blogs-grid-style-10 { font-family: 'Avenir', sans-serif; font-size: 16px; line-height: 24px; color: #0E1D42; margin: 0; }
.blogs-grid-style-11 { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px; margin-top: 80px; width: 100%; }
.blogs-grid-style-12 { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; color: #9FA5B3; text-decoration: none; font-size: 20px; }
.blogs-grid-style-13 { display: flex; flex-direction: row; gap: 8px; }
.blogs-grid-style-14 { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 6px; font-family: 'San Francisco Display', sans-serif; font-weight: 700; font-size: 16px; color: #9FA5B3; text-decoration: none; }
.blogs-grid-style-15 { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background: #85A443; border-radius: 50%; font-family: 'San Francisco Display', sans-serif; font-weight: 700; font-size: 16px; color: #FFFFFF; text-decoration: none; }
.blogs-grid-style-16 { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 6px; font-family: 'San Francisco Display', sans-serif; font-weight: 700; font-size: 16px; color: #9FA5B3; text-decoration: none; }
.blogs-grid-style-17 { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-family: 'Open Sans', sans-serif; font-weight: 800; font-size: 18px; color: #9FA5B3; }
.blogs-grid-style-18 { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 6px; font-family: 'San Francisco Display', sans-serif; font-weight: 700; font-size: 16px; color: #9FA5B3; text-decoration: none; }
.blogs-grid-style-19 { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 2px solid #9FA5B3; border-radius: 50%; color: #6C6C88; text-decoration: none; box-sizing: border-box; font-size: 20px; }
.blogs-hero-style-1 { width: 100%; height: 800px; background: url('https://picsum.photos/seed/blogshero/1440/800') center/cover no-repeat; }

        /* BLOGS Custom Top Menu */
        .blogs-menu {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 119px;
            background-color: #FFFEF3;
            position: relative;
            z-index: 10;
            box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
        }
        .blogs-menu ul {
            display: flex;
            list-style: none;
            gap: 48px;
            margin: 0;
            padding: 0;
            align-items: center;
        }
        .blogs-menu li a {
            font-family: 'Andale Mono', monospace;
            font-size: 16px;
            color: #4C512A;
            text-decoration: none;
            line-height: 32px;
        }
        .blogs-menu li.active a {
            border-bottom: 4px solid #4C512A;
            padding-bottom: 4px;
        }

        /* Container Layout */
        .blogs-wrapper {
            width: 100%;
            overflow: hidden;
            background-color: #FFFEF3;
        }

        /* Hide default EC-CUBE layout blocks */
        .ec-layoutRole__contentTop, 
        .ec-layoutRole__mainTop,
        .ec-layoutRole__mainBottom,
        .ec-layoutRole__contentBottom,
        .ec-layoutRole__left,
        .ec-layoutRole__right,
        .ec-headerRole,
        .ec-categoryNaviRole {
            display: none !important;
        }
        .ec-layoutRole__contents {
            max-width: 100% !important;
            padding: 0 !important;
        }
        .ec-layoutRole__main {
            padding: 0 !important;
        }