/* ============================================================
 SOFAKING HOME PAGE - RESPONSIVE CSS
 response.css | Mobile-First Breakpoints
 Breakpoints:
 xs : max-width 480px
 sm : max-width 767px
 md : max-width 991px

 ============================================================ */


@media (min-width: 2560px) {
    div#sk-pdp .container {
        width: 100%;
        max-width: 50%;
        padding: 10px 10px;
    }
}

@media (min-width: 1920px) {
.sk-cat-price
{
        width: 36%;
}

.sk-nms-vertical-text {
   
    top: 73%;
}
    div#sk-features-section {
      width: 1400px;
        margin: 0 auto;
        padding: 10px 0px;
    }

    #sk-hero-slider .sk-hero-banner-img {
        width: 100%;
        /* height: 500px; */
        object-fit: cover;
        display: block;
    }

    section.sk-flexible-finance {
        width: 75%;
        margin: 0 auto;
    }

    section#sk-welcome-section {
        width: 75%;
        margin: 0px auto;
    }

    .sk-tm-row {
        width: 96%;
        margin: 0px auto;
    }

    .sk-catbanner-infobar {
    width: 1400px;
    margin: 0 auto;
}

div#sk-hero-banner {
    width: 1400px;
    margin: 0 auto;
}



section#sk-testimonials {
    width: 1400px;
    margin: 0 auto;
}
div#sk-pdp {
    width: 1400px;
    margin: 0 auto;
    float: unset;
}

.sk-ff-box {
    width: 1400px;
    margin: 0 auto;
}


.sk-catbanner-sale {
    width: 1400px;
    margin: 0 auto;
}

div#product-category {
    width: 1400px;
    margin: 0 auto;
}
}

.sk-menu-toggle {
    display: none;
}

.sk-sub-toggle {
    display: none;
}

.sk-mobile-menu-overlay {
    display: none;
}

@media (max-width: 1500px) {
    .container {
        width: 100%;
        max-width: 1260px;
        padding: 0 0px;
        margin: 0 auto;
    }

    .qd-card-img-wrap {
  
    height: 310px;

}

    #supermenu.white ul li a.tll {
        font-size: 13px !important;
    }

    .sk-nav-link {
        display: block;
        padding: 13px 13px 13px 0px;
    }

    .sk-cat-price {

        width: 63%;

    }

    .sk-cat-price:after {

        bottom: -12px;

    }

    .sk-cat-price-save {

        top: 6px;
    }
}

/* ===========================
 LARGE DESKTOP (≤1399px)
=========================== */
@media (max-width: 1300px) {

    .container {
        padding: 0 20px;
        width: 100%;
        max-width: 100%;
    }

    footer.sofa-footer a {
        font-size: 15px;
        word-wrap: break-word;
    }

    #sk-new-slider.sk-pc-row>.sk-pc-col {
        flex: 0 0 34%;
        max-width: 40%;
        scroll-snap-align: start;
    }

    .sk-feature-card::after {
        display: none;
    }

    .sk-hero-banner-img {
        height: 580px;
    }

    .sk-hero-banner-title {
        font-size: 52px;
    }

    .sk-fc-deco-circle {

        display: none;
    }

    .sk-feature-subtitle-line {
        font-size: 18px;
    }

    .sk-ff-heading {
        font-size: 24px;
    }

    .sk-welcome-title {
        font-size: 30px;
    }

    #sk-welcome-section {
        background: #fff;
        padding: 42px 20px 40px;
    }

    #sk-featured-collections {
        background: #fff;
        padding: 50px 0 30px;

    }

    .sk-nms-st-1 {
        font-size: 32px;
    }

    .sk-nms-bottom-caption {

        font-size: 30px;
    }

    .sk-nms-vertical-text {

        top: 60%;
    }

    footer.sofa-footer .footer-contact li {
        display: block;
        align-items: center;
        gap: 10px;
        margin-bottom: 12px;
    }

    .sk-ff-feature-title {
        font-size: 12px;
        line-height: 19px;
    }

    .sk-ff-box {
        padding: 10px;
    }

    .sk-feature-desc {
        font-size: 15px;
    }

    .sk-fc-main-title {
        font-size: 64px;
    }

    .sk-fc-subtitle {
        font-size: 38px;
    }

    .sk-welcome-title {
        font-size: 54px;
    }

    .sk-wc-heading-1,
    .sk-wc-heading-2 {
        font-size: 42px;
    }

    .sk-tm-title {
        font-size: 42px;
    }

    .sk-pc-title {
        font-size: 34px;
    }

    .sk-pc-shop-btn {
        font-size: 18px;
    }

    span.sk-pc-shop-btn-text {
        font-size: 18px;
    }

    .pdp2 span.sk-pdp-price-col-label {
        font-size: 7px;
    }
}


/* ===========================
 DESKTOP (≤1199px)
=========================== */
@media (max-width: 1200px) {
    .sk-blog-card-meta {

        height: 50px;
    }

    .sk-catbanner-infobar-text {

        font-size: 13px;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 50px;
        text-transform: uppercase;
    }

    .sk-pdp-price-cols {
        display: block;
        gap: 10px;
        border-radius: 12px;
    }

    .sk-pdp-price-col {
        margin-bottom: 10px;
    }

    .sk-catbanner-infobar-sep {
        border: none;
    }

    .pdp2 span.sk-pdp-price-col-label {
        font-size: 11px;
    }

    .sk-cat-subcat-col {
        width: 33.3%;
        padding: 6px;
    }

    .sk-top-left,
    .sk-top-links {
        flex-wrap: wrap;
        gap: 8px;
    }

    /* Header */
    .sk-search-col {
        padding-left: 20px;
    }

    /* Hero */
    .sk-hero-banner-img {
        height: 480px;
    }

    .sk-hero-banner-title {
        font-size: 44px;
    }

    .sk-hero-banner-content {
        bottom: 4vw;
    }

    /* Category strip */
    .sk-category-col {
        flex: 1 1 calc(16.66% - 14px);
    }

    /* Features */
    .sk-feature-col {
        max-width: calc(50% - 17px);
        flex: 1 1 calc(50% - 17px);
    }

    .sk-features-row {
        flex-wrap: wrap;
        gap: 18px;
    }

    /* Why Choose grid */
    .sk-wc-grid {
        grid-template-columns: 1fr 2fr 1fr;
        gap: 16px;
    }

    .sk-wc-heading-1,
    .sk-wc-heading-2 {
        font-size: 38px;
    }

    /* Testimonials */
    .sk-tm-left {
        max-width: 20%;
    }

    .sk-tm-title {
        font-size: 38px;
        margin-left: 40px;
    }

    .sk-tm-cards {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

    /* Featured Collections */
    .sk-fc-main-title {
        font-size: 56px;
    }

    .sk-fc-subtitle {
        font-size: 34px;
    }

    /* New Model Sofas */
    .sk-nms-vt-1,
    .sk-nms-vt-2 {
        font-size: 32px;
    }

    /* Product Cards */
    #sk-new-slider.sk-pc-row>.sk-pc-col {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }

    .sk-welcome-title {
        font-size: 34px;
    }



    .sk-welcome-left-img {
        height: 420px;
    }
}

/* Mobile nav base styles */
@media (max-width: 991px) {
    .sk-tm-left-img-card {
        left: 0;
        max-width: 266px;
        transform: rotate(-3deg);
        margin: 0 auto;
    }

    #sk-nav .sk-nav-list {
        display: none;
    }

    .sk-ff-box {


        display: block;
    }

    .sk-tm-right {
        flex: 1 1 auto;
        min-width: 0;
        padding: 0px 20px;
    }

    /* Show the toggle button */
    .sk-sub-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 27px;
        right: 0;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        background: transparent;
        border: none;
        cursor: pointer;
        color: #333;
        padding: 0;
        z-index: 5;
        transition: color 0.2s ease;
    }

    .sk-sub-toggle .fa {
        font-size: 13px;
        transition: transform 0.3s ease;
    }

    /* Arrow rotates when open */
    .sk-sub-open>.sk-sub-toggle .fa {
        transform: rotate(180deg);
        color: #1a4a2e;
    }

    /* Nav item needs relative positioning for the toggle */
    .sk-nav-item {
        position: relative;
        display: block;
        border-bottom: 1px solid #f0f0f0;
        width: 100%;
    }

    /* Nav link leaves space for toggle button */
    .sk-nav-link {
        display: block;
        padding: 14px 48px 14px 16px;
        font-size: 15px;
        color: #111;
        font-family: 'Poppins-Regular';
        white-space: normal;
    }

    .sk-nav-link:hover {
        color: #1a4a2e;
        background: #f9f9f9;
    }

    /* DROPDOWN — hidden by default on mobile */
    .sk-has-dropdown .sk-dropdown {
        display: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
        box-shadow: none;
        border: none;
        border-radius: 0;
        padding: 0;
        min-width: auto;
    }

    /* Override desktop hover rule on mobile */
    .sk-has-dropdown:hover .sk-dropdown {
        display: none !important;
    }

    /* OPEN state — show dropdown when sk-sub-open */
    .sk-nav-item.sk-sub-open>.sk-dropdown {
        display: block !important;
        animation: skSubSlideDown 0.25s ease forwards;
        width: 100%;
    }

    @keyframes skSubSlideDown {
        from {
            opacity: 0;
            transform: translateY(-6px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* Dropdown inner layout — stacked on mobile */
    .sk-dropdown-inner {
        flex-direction: column;
        padding: 4px 0;
    }

    /* 2/3/4-column dropdowns — revert to single column on mobile */
    .sk-dropdown--2col,
    .sk-dropdown--3col,
    .sk-dropdown--4col {
        min-width: auto;
    }

    .sk-dropdown--2col .sk-dropdown-inner,
    .sk-dropdown--3col .sk-dropdown-inner,
    .sk-dropdown--4col .sk-dropdown-inner {
        flex-direction: column;
    }

    .sk-dropdown--2col .sk-dropdown-col+.sk-dropdown-col,
    .sk-dropdown--3col .sk-dropdown-col+.sk-dropdown-col,
    .sk-dropdown--4col .sk-dropdown-col+.sk-dropdown-col {
        border-left: none;
    }

    .sk-dropdown-col {
        min-width: auto;
    }

    .sk-dropdown-col li a {
        padding: 10px 16px 10px 20px;
        font-size: 14px;
        color: #444;
        border-radius: 0;
        display: block;
    }

    .sk-dropdown-col li a:hover {
        background: #eef5f0;
        color: #1a4a2e;
    }

    /* "View all" link */
    .sk-dropdown-all {
        display: block;
        padding: 10px 16px 12px 20px;
        font-size: 13px;
        font-weight: 600;
        color: #1a4a2e;
        border-top: 1px solid #e8e8e8;
        margin-top: 4px;
    }

    .sk-dropdown-all:hover {
        color: #FFA800;
    }



    /* Nav list — block layout */

    /* Active nav link highlight */
    .sk-nav-item.sk-sub-open>.sk-nav-link {
        color: #1a4a2e;
        font-weight: 600;
        background: #f0f7f3;
    }
}

/* ============================================================
 MOBILE SEARCH TOGGLE
 - sk-mobile-search-btn: icon button (mobile only)
 - sk-search-col: slides down smoothly on open
 ============================================================ */

/* Hide mobile search icon on desktop */
.sk-mobile-search-btn {
    display: none;
}

@media (max-width: 991px) {

    /* ── Off-canvas drawer (RIGHT side) ── */
    #sk-nav {
        position: fixed;
        top: 0;
        right: 0;
        left: auto;
        width: 300px;
        max-width: 85vw;
        height: 100%;
        background: #fff;
        z-index: 10000;
        display: flex;
        flex-direction: column;
        transform: translateX(100%);
        transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: -4px 0 24px rgba(0, 0, 0, 0.18);
        overflow: hidden;
    }

    body.sk-mobile-menu-open #sk-nav {
        transform: translateX(0);
    }

    /* ── Nav header (logo + close btn) ── */
    .sk-nav-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 16px 14px;
        background: #1a4a2e;
        flex-shrink: 0;
        display: none;
    }

    .sk-nav-logo {
        font-size: 17px;
        font-weight: 700;
        color: #fff;
        letter-spacing: 0.5px;
    }

    .sk-nav-close {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border: none;
        background: rgba(255, 255, 255, 0.15);
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        padding: 0;
        transition: background 0.2s ease;
    }

    .sk-nav-close:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    .sk-nav-close .fa {
        font-size: 15px;
        color: #fff;
    }

    /* ── Scrollable nav list ── */
    #sk-nav .sk-nav-list {
        display: flex;
        flex-direction: column;
        /* flex: 1 1 auto; */
        overflow-y: auto;
        width: 100%;
        margin: 0;
        padding: 0;
        background: #fff;
        -webkit-overflow-scrolling: touch;
    }

    /* Show search icon in icon group */
    .sk-mobile-search-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background: #f8f8f8;
        border: 1px solid #eee;
        cursor: pointer;
        color: #1a4a2e;
        transition: all 0.25s ease;
        padding: 0;
        flex-shrink: 0;
    }

    .sk-mobile-search-btn .fa {
        font-size: 16px;
        color: #1a4a2e;
        transition: transform 0.3s ease;
    }

    /* Active state — X icon feel via rotate */
    .sk-mobile-search-btn.sk-search-open {
        background: #1a4a2e;
        border-color: #1a4a2e;
    }

    .sk-mobile-search-btn.sk-search-open .fa {
        color: #fff;

    }

    /* ── Search col: hidden by default on mobile ── */
    .sk-search-col {

        padding-top: 0 !important;
        padding-bottom: 0 !important;
        transition:
            max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
            opacity 0.3s ease,
            padding 0.3s ease;
        width: 100%;
        order: 3;
        flex: 0 0 100%;
    }

    #sk-nav-bar {

        padding: 0px 0px;
    }

    /* Open state — smooth slide down */
    .sk-search-col.sk-search-visible {
        max-height: 80px;
        opacity: 1;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    /* Search wrap fits full width */
    .sk-search-col .sk-search-wrap {
        width: 100%;
        height: 44px;
        border-radius: 30px;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.10);
    }

    /* Header container becomes flex-wrap for row 2 */
    #sk-header .container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 0 14px;
    }

    /* Logo stays left */
    #sk-header .logosec {
        flex: 1 1 auto;
        padding: 0;
    }

    /* Icons stay right */
    #sk-header .sk-header-icons {
        flex: 0 0 auto;
        padding: 0;
    }

    /* Search row (row 2) spans full width */
    #sk-header .sk-search-col {
        padding: 0 0 0 0;
    }

    /* Full-screen backdrop */
    .sk-mobile-menu-overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9999;
        cursor: pointer;
    }

    body.sk-mobile-menu-open .sk-mobile-menu-overlay {
        display: block;
    }

    /* Prevent body scroll when drawer open */
    body.sk-mobile-menu-open {
        overflow: hidden;
    }
}

/* ===========================
 TABLET (≤991px)
=========================== */
@media (max-width: 991px) {
    .sk-pdp-gallery-col {
        margin-bottom: 27px;
        padding-right: 0;
    }

    #sk-header .sk-search-col {
        padding: 0 0 0 0;

    }

    button#sk-mobile-search-toggle {
        display: none;
    }

    .sk-pdp-price-col {
        margin-bottom: 10px;
        width: 100%;
    }

    .sk-pdp-price-col {

        justify-content: space-between;
    }

    .pdp1 {
        display: flex;
        align-items: center;
        flex-direction: row;
        gap: 14px;
    }

    .sk-pdp-price-hs {

        margin-top: 0;
    }

    .pdp2 {
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: center;
    }

    .sk-pdp-range-name {
        line-height: 28px;

    }

    .sk-pdp-range-img {
        width: 150px;
        height: 190px;
    }

    .sk-pdp-range-name {

        text-decoration: none;
        margin-bottom: 10px;
        font-size: 18px;
    }

    .sk-pdp-range-dims li span:first-child {
        font-size: 14px;
        line-height: 28px;
    }

    .sk-pdp-range-dims li span:last-child {
        font-size: 15px;
        line-height: 28px;
    }

    .sk-pdp-section-title {

        font-size: 21px;
    }

    .sk-pdp-main {
        margin-bottom: 30px;
        margin-top: 0;
    }

    .sk-mobile-search-btn.sk-search-open .fa-search:before {
        color: #fff;
    }

    /* Top bar */
    #sk-top-bar {
        display: none;
    }

    .sk-cat-subcat-col {
        width: 50% !important;
        padding: 6px;
    }

    /* Header */
    #sk-header {
        padding: 12px 0;
    }

    header#sk-header .container {
        flex-wrap: wrap;
        gap: 10px;
    }

    .logosec {
        flex: 0 0 auto;
    }

    .sk-search-col {
        order: 3;
        width: 100%;
        flex: 0 0 100%;
        padding-left: 0;
        padding: 0 10px;
    }

    .sk-header-icons {
        flex: 0 0 auto;
        margin-left: auto;
    }

    .sk-icon-group {
        gap: 8px;
        padding-top: 0;
    }

    .sk-icon-btn {
        width: 40px;
        height: 40px;
    }

    .sk-icon-btn .fa {
        font-size: 16px;
    }

    /* Hero Banner */
    .sk-hero-banner-img {
        height: 380px;
    }

    .sk-hero-banner-title {
        font-size: 34px;
    }

    .sk-hero-banner-subtitle span {
        font-size: 12px;
        padding: 10px 22px;
    }

    .sk-hero-sale-btn {
        font-size: 13px;
        padding: 10px 24px;
    }

    /* Category Strip */
    #sk-category-section {
        padding: 16px 14px 14px;
    }

    .sk-category-col {
        flex: 1 1 calc(20% - 14px);
        min-width: 90px;
    }

    .sk-category-name {
        font-size: 12px;
    }

    /* Features */
    .sk-features-row {
        flex-wrap: wrap;
        gap: 14px;
    }

    .sk-feature-col {
        flex: 1 1 calc(50% - 14px);
        max-width: calc(50% - 14px);
    }

    .sk-feature-card {
        padding: 28px 18px 24px;
    }

    .sk-feature-subtitle-line {
        font-size: 14px;
    }

    .sk-feature-btn {
        font-size: 15px;
        min-width: 160px;
        padding: 10px 28px;
    }

    /* Product Sections */
    .sk-pc-section {
        padding: 32px 0 28px;
    }

    .sk-pc-header {
        margin-bottom: 28px;
        flex-wrap: wrap;
        gap: 12px;
    }

    .sk-pc-title {
        font-size: 26px;
    }

    .sk-pc-shop-btn {
        font-size: 15px;
        padding: 10px 14px 10px 18px;
    }

    span.sk-pc-shop-btn-text {
        font-size: 15px;
    }

    #sk-new-slider.sk-pc-row>.sk-pc-col {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .sk-pc-img {
        height: 240px;
    }

    .sk-pc-name {
        font-size: 16px;
    }

    /* Welcome Section */
    .sk-welcome-card {
        flex-direction: column;
        gap: 24px;
        display: block;
    }

    .sk-welcome-left {
        flex: 0 0 100%;
        aspect-ratio: 16/7;
    }

    .fa-search:before {
        content: "\f002";
        color: #1a4a2e;
        /* font-size: 25px; */
    }

    .sk-welcome-middle {
        min-width: auto;
        max-width: 100%;
    }

    .sk-welcome-title {
        font-size: 42px;
    }

    .sk-welcome-right {
        flex: 0 0 100%;
        flex-direction: row;
        align-items: flex-start;
        flex-wrap: wrap;
        margin-top: 32px;
    }

    .sk-welcome-right-img {
        width: 48%;
        margin-top: 0;
    }

    #sk-welcome-section {
        padding: 0px 16px 80px;
    }

    .sk-welcome-left:after {

        display: none;
    }

    .sk-welcome-card:before {
        display: none;
    }

    /* Featured Collections */
    .sk-fc-row {
        flex-direction: column;
        gap: 28px;
    }

    .sk-fc-content {
        max-width: 100%;
        min-width: auto;
        padding-left: 0;
        min-width: 100%;
    }

    .sk-fc-image-wrap:before {
        display: none;
    }

    .sk-fc-main-title {
        font-size: 48px;
    }

    .sk-fc-subtitle {
        font-size: 28px;
    }

    .sk-fc-image-wrap {
        flex: 0 0 100%;
        min-height: auto;
    }

    .sk-fc-deco-circle {
        width: 380px;
        height: 370px;
        right: -60px;
        bottom: -50px;
    }

    /* Why Choose */
    .sk-wc-card {
        padding: 30px 20px 0 20px;
    }

    .sk-wc-card:before {
        height: 480px;
    }

    .sk-wc-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas:
            "left right"
            "topmid topmid"
            "botmid botmid";
        gap: 14px;
    }

    .sk-wc-item-left .sk-wc-item-inner,
    .sk-wc-item-right .sk-wc-item-inner {
        min-height: 300px;
    }

    .sk-wc-heading-1,
    .sk-wc-heading-2 {
        font-size: 34px;
    }

    .sk-wc-item-title {
        font-size: 22px;
    }

    /* Testimonials */
    .sk-tm-row {
        flex-direction: column;
        display: block;
    }

    .sk-tm-left {
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
        justify-content: center;
        padding-top: 0;
    }

    .sk-tm-title {
        font-size: 34px;
        margin: 24px 0 32px 0;
        text-align: center;
    }

    .sk-tm-cards {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .sk-tm-card-first {
        margin-top: 0;
        transform: none;
    }

    /* New Model Sofas */
    .sk-nms-grid {
        grid-template-columns: 1fr;
        grid-template-areas:
            "left"
            "top"
            "bottom";
        min-height: auto;
    }

    .sk-nms-col-right {
        grid-area: auto;
    }

    .sk-nms-left {
        padding: 24px 28px;
        min-height: 400px;
    }

    .sk-nms-top,
    .sk-nms-bottom {
        min-height: 220px;
    }

    .sk-nms-vt-1,
    .sk-nms-vt-2 {
        font-size: 28px;
    }

    /* Footer */
    footer.sofa-footer .footer-card {
        padding: 30px 20px 30px;
        width: 100%;
        border-radius: 20px 20px 0 0;
    }

    footer.sofa-footer .footer-title {
        font-size: 18px;
    }

    footer.sofa-footer a {
        font-size: 15px;
    }

    a.mobile-trigger {
        display: none !important;
    }

    #supermenu.respsmall ul li.tlli {
        position: relative;
        display: block;
        z-index: 20;
        padding-left: 1px;
        font-size: 12px;
        border: none !important;
    }

    #supermenu.white ul li a.tll {
        font-size: 15px !important;
        color: #000 !important;
        padding: 19px 10px 12px 14px !important
    }

    #supermenu a.mobile-trigger {
        display: none !important;
    }

    #supermenu.respsmall ul li.tlli.sep {
        border: none !important;
    }

    #sk-nav-bar {
        background: #fff;
        border-top: unset;
        /* ── Left-side slide-in drawer ── */
        position: fixed !important;
        top: 0;
        left: 0 !important;
        right: auto !important;
        float: none !important;
        width: 100%;
        max-width: 100vw;
        height: 100vh;
        z-index: 10001;
        overflow-y: auto;
        transform: translateX(-100%);
        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: 4px 0 28px rgba(0, 0, 0, 0.18);
        padding: 20px 0 40px !important;
        display: block !important;
    }

    #sk-nav-bar.sk-navbar-open {
        transform: translateX(0) !important;
    }

    div#sk-nav-bar {
        padding: 0px 0 !important;
        float: none !important;
        width: 100% !important;
    }

    .sk-nav-link--active {
        color: #1a4a2e !important;
        font-weight: 700;
        background: #f0f7f2;
        border-radius: 8px;
    }

    #supermenu.white ul li div.bigdiv {
        border: unset !important;
        border-top: 0px !important;
        top: 0;
    }

    .sk-nav-link--active::after {
        display: none;
    }
}



/* ===========================
 MOBILE (≤767px)
=========================== */
@media (max-width: 767px) {
    .sk-plp-img {
        width: 100%;
        display: block;
        aspect-ratio: auto;
    }
    #product-category div#content

 {
    margin-top: 0px;
    padding: 10px 00px;
}
.sk-plp-swatches-ph {
    min-height: auto;
}
.sk-plp-card {

    display: block;
}

.product-list .sk-plp-swatches {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
    .sk-plp-swatches {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    align-items: center;
    gap: 5px;
    margin-bottom: 8px;
    height: auto;
    }

    /* General */
    .container {
        padding: 0 14px;
    }

    .sk-pdp-thumb-slide img {
        height: auto;
    }

    .sk-features-row {
        flex-direction: row;
        gap: 12px;
        padding: 0px 0px 0px;
    }

    #supermenu.respsmall .superdropper span {
        font-size: 15px !important;
        text-decoration: none;
        padding: 8px 10px !important;

    }

    #supermenu.white ul li a.tll {
        font-size: 14px !important;
        color: #000 !important;
        padding: 22px 10px 12px 0px !important;
    }

    #sk-nav-bar .container:last-child {
        position: relative;
        width: 100%;
        padding: 0;
    }

    .sk-blog-card {
        display: block;
    }

    .sk-blog-grid {
        margin: 0;
    }

    .sk-plp-pagination-wrap.sk-blog-pagination {
        display: block;
        text-align: center;
        margin: 0;
    }

    .sk-pdp-range-img {
        width: 100%;
        height: auto;
    }

    .sk-pdp-range-item {
        display: block;
    }

    .sk-pdp-range-info {
        width: 100%;
        margin-top: 18px;
    }

    .sk-pdp-range-dims {

        width: 100%;
        text-align: center;
    }

    .sk-pdp-range-item {

        padding: 10px 10px 10px;
    }

    .sk-pdp-range-list {

        padding: 20px 0px;
    }

    #sk-pdp {
        padding: 24px 0px 0px;

    }

    .sk-pdp-related {
        padding: 00px 0px;
        margin-top: 00px;
    }

    .sk-pdp-price-col:last-child {

        padding: 10px;
    }

    .sk-pdp-price-col {

        padding: 10px;
    }

    .sk-pdp-range-list {
        display: block;

    }

    /* Header */
    #sk-header {
        padding: 10px 0;

        padding-bottom: 0;
    }

    .sk-search-wrap {
        height: 46px;
        border-radius: 30px;
    }

    .sk-search-cat {
        padding: 0 14px;
        gap: 6px;
    }

    .sk-cat-label {
        font-size: 13px;
    }

    .sk-search-input {
        font-size: 14px;
        padding: 0 14px;
    }

    .sk-search-btn {
        padding: 0 14px;
    }

    .sk-search-btn .fa {
        font-size: 18px;
    }

    .sk-icon-btn {
        width: 36px;
        height: 36px;
    }

    .sk-icon-btn .fa {
        font-size: 15px;
    }

    /* Nav Bar */
    /* #sk-nav-bar {
        overflow: visible;
    } */

    #sk-nav-bar .container {
        position: relative;
    }

    .sk-menu-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        border-radius: 10px;
        border: 1px solid #e7e7e7;
        background: #fff;
        color: #111;
        padding: 0;
        margin: 4px 0 8px;
    }

    .sk-menu-toggle i {
        font-size: 18px;
        line-height: 1;
    }

    .sk-feature-card {
        padding: 5px 0px !important;
        display: block !important;
    }

    .sk-feature-card {
        padding: 5px 0px !important;
        display: block !important;
        text-align: center !important;
        margin: 0 auto;
    }

    /* Off-canvas nav-item / link / accordion styles */
    #sk-nav .sk-nav-item {
        display: block;
        width: 100%;
        position: relative;
    }

    #sk-nav .sk-nav-link {
        display: block;
        padding: 14px 44px 14px 16px;
        border-bottom: 1px solid #f0f0f0;
        font-size: 15px;
        color: #1a4a2e;

        text-decoration: none;
    }

    #sk-nav .sk-nav-link:hover {
        background: #f6fbf8;
        color: #1a4a2e;
    }

    #sk-nav .sk-nav-item:last-child>.sk-nav-link {
        border-bottom: 0;
        gap: 10px;
        display: flex;
    }

    #sk-nav .sk-sub-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 8px;

        width: 36px;
        height: 36px;
        border: 0;
        background: transparent;
        padding: 0;
        color: #1a4a2e;
        cursor: pointer;
    }

    #sk-nav {
        position: fixed;
        top: 18.5vw;
        left: 0;
        width: 100%;
        max-width: 100vw;
        height: 100%;
        background: #fff;
        z-index: 10000;
        display: flex;
        flex-direction: column;
        transform: translateX(-100%);
        transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: 4px 0 24px rgba(0, 0, 0, 0.18);
        /* overflow: hidden; */
        z-index: 9999;
    }


    #sk-nav .sk-sub-toggle i {
        font-size: 13px;
        transition: transform 0.25s ease;
    }

    #sk-nav .sk-sub-open>.sk-sub-toggle i {
        transform: rotate(180deg);
    }

    #sk-nav .sk-dropdown {

        border: 0;
        box-shadow: none;
        border-radius: 0;
        min-width: 0;
        padding: 0;
        display: none;
        background: #f9f9f9;
    }

    #sk-nav .sk-has-dropdown:hover .sk-dropdown {
        display: none;
    }

    #sk-nav .sk-sub-open>.sk-dropdown {
        display: block;
    }

    #sk-nav .sk-dropdown-inner {
        display: block;
        padding: 0;
    }

    #sk-nav .sk-dropdown-col {
        min-width: 0;
        padding: 0;
    }

    #sk-nav .sk-dropdown-col li a {
        display: block;
        padding: 11px 14px 11px 28px;
        border-bottom: 1px solid #f0f0f0;
        font-size: 13px;
        color: #333;
        text-decoration: none;
    }

    #sk-nav .sk-dropdown-col li a:hover {
        background: #eef5f0;
        color: #1a4a2e;
    }

    #sk-nav .sk-dropdown-all {
        display: block;
        padding: 11px 14px 11px 28px;
        border-top: 1px solid #e8e8e8;
        font-size: 13px;
        font-weight: 600;
        color: #1a4a2e;
        background: #f0f7f2;
        text-decoration: none;
    }



    body.sk-mobile-menu-open .sk-mobile-menu-overlay {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9999;
        cursor: pointer;
    }

    body.sk-mobile-menu-open #sk-nav-bar {
        position: relative;
        /* z-index: 1; */
        width: 100%;
    }

    /* Hero Banner */
    .sk-hero-banner-img {
        height: 260px;
        object-fit: cover;
    }

    .sk-hero-banner-title {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .sk-hero-banner-content {
        bottom: 16px;
        padding: 0 14px;
    }

    .sk-hero-banner-subtitle span {
        font-size: 11px;
        padding: 8px 18px;
        border-radius: 20px;
    }

    .sk-hero-sale-btn {
        font-size: 12px;
        padding: 9px 20px;
    }

    .sk-hero-pagination.swiper-pagination {
        bottom: 10px !important;
    }

    .sk-hero-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }

    /* Category Strip */
    #sk-category-section {
        padding: 14px 10px 12px;
    }

    .sk-category-row {
        gap: 8px;
    }

    .sk-category-col {
        flex: 1 1 calc(25% - 8px);
        min-width: 72px;
    }

    .sk-category-card {
        padding: 10px 8px 8px;
        border-radius: 14px;
    }

    .sk-category-name {
        font-size: 10px;
    }

    .sk-category-arrow {
        width: 18px;
        height: 18px;
    }

    /* Features */
    #sk-features-section {
        padding: 8px 10px 7px;
    }



    .sk-feature-col {
        flex: 0 0 25%;
        max-width: 25%;
        border-bottom: none;
    }

    /* Tab strip — all icons in a row */
    .sk-features-row {
        flex-direction: row !important;
        flex-wrap: nowrap;
        gap: 0;
        border-bottom: 2px solid #e0e0e0;
        background: #f5f5f5;
    }

    .sk-feature-card {
        padding: 12px 8px;
        border-radius: 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 6px;
        cursor: pointer;
        background: #f5f5f5;
        /* border-bottom: 3px solid transparent; */
        transition: all 0.2s;
        position: relative;
    }

    .sk-feature-card.sk-feat-open {
        background: #fff;
        border-bottom: 1px solid #1a4a2e;
    }

    .sk-feature-icon-wrap {
        width: 100px !important;
        height: 36px;
        flex-shrink: 0;
        margin-bottom: 0;
        margin-right: 0;
    }

    .sk-feature-icon-img {
        width: 30px;
        height: 30px;
    }

    /* Title under icon — always visible */
    .sk-feature-texts {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        flex: unset;
        overflow: visible;
        margin-bottom: 0;
        max-height: none !important;
        padding: 0 !important;
    }

    .sk-feature-texts .sk-feature-subtitle-line {
        display: block !important;
        font-family: 'Poppins-SemiBold';
        font-size: 11px !important;
        color: #555;
        margin: 0;
        text-align: center;
        line-height: 1.3;
    }

    .sk-feature-card.sk-feat-open .sk-feature-texts .sk-feature-subtitle-line {
        color: #1a4a2e;
    }

    /* Description hidden — shown in content panel below */
    p.sk-feature-desc {
        display: none !important;
    }

    .sk-feature-btn-wrap {
        display: none;
    }

    /* Chevron hidden */
    .sk-feat-chevron-auto {
        display: none !important;
    }

    /* Content panel below tabs */
    #sk-features-content-panel {
        background: #fff;
        border: 1px solid #e0e0e0;
        border-top: none;
        padding: 10px 10px;
        display: none;
    }

    #sk-features-content-panel.sk-panel-open {
        display: block;
    }

    #sk-features-content-panel .sk-panel-title {
        font-family: 'Poppins-SemiBold';
        font-size: 16px;
        color: #111;
        margin-bottom: 8px;
    }

    #sk-features-content-panel .sk-panel-desc {
        font-family: 'Poppins-Regular';
        font-size: 14px;
        color: #555;
        line-height: 1.6;
        margin-bottom: 0;
    }

    /* Product Sections */
    .sk-pc-section {
        padding: 24px 0 20px;
    }

    .sk-pc-header {
        margin-bottom: 18px;
        gap: 10px;
        flex-wrap: wrap;
    }

    .sk-pc-title {
        font-size: 22px;
    }

    .sk-pc-title-bold {
        font-size: 20px;
    }

    .sk-pc-shop-btn {
        font-size: 13px;
        padding: 9px 12px 9px 16px;
        gap: 8px;
    }

    span.sk-pc-shop-btn-text {
        font-size: 13px;
    }

    .sk-pc-shop-btn-svg {
        width: 20px;
        height: 22px;
    }

    .sk-pc-nav-btn {
        width: 38px;
        height: 38px;
    }

    /* Product row: 2 cols on mobile */
    #sk-new-slider.sk-pc-row>.sk-pc-col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    div#content {
        padding: 10px 26px;
    }

    .sk-plp-sort-wrap {
        display: flex;
        align-items: center;
        gap: 1px;
        justify-content: left;
    }

    .sk-pc-img-wrap {
        min-height: 160px;
    }

    .sk-pc-img {
        height: 190px;
    }

    .sk-pc-info {
        padding: 10px 10px 12px;
    }

    .sk-pc-name {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .sk-pc-category {
        font-size: 10px;
    }

    .sk-pc-price-new {
        font-size: 15px;
    }

    .sk-pc-cart {
        padding: 7px 10px;
        font-size: 11px;
    }

    .sk-pc-wishlist {
        width: 28px;
        height: 28px;
    }

    .sk-pc-heart {
        width: 14px;
        height: 14px;
    }

    /* Section header */
    .sk-section-header {
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 18px;
    }

    .sk-section-title {
        font-size: 20px;
    }

    html.hs-messages-mobile {
        overflow-x: hidden;
    }

    div#product-category h1.sk-plp-title {
        font-family: 'Poppins-SemiBold';
        font-size: 25px;
        margin: 13px 0px;
        margin-bottom: 0;
    }

    .sk-section-link {
        font-size: 12px;
        padding: 6px 14px;
    }

    /* Welcome Section */
    #sk-welcome-section {
        padding: 24px 14px 40px;
        padding-top: 0;
    }

    div#sk-trending-section {
        padding-bottom: 0;
    }

    .sk-welcome-card {
        flex-direction: column;
        gap: 18px;
    }

    .sk-welcome-card:before {
        display: none;
    }

    .sk-welcome-left {
        flex: 0 0 100%;
        border-radius: 18px;
    }

    .sk-welcome-left-img {
        height: 240px;
        border-radius: 18px;
    }

    .sk-welcome-middle {
        min-width: auto;
        max-width: 100%;
    }

    .sk-welcome-tag {
        font-size: 14px;
        padding: 8px 18px;
    }

    .sk-welcome-title {
        font-size: 32px;
        letter-spacing: -0.5px;
    }

    .sk-welcome-desc {
        font-size: 13px;
    }

    .sk-welcome-btn {
        font-size: 14px;
        padding: 12px 18px;
        min-width: auto;
        width: 100%;
    }

    .sk-welcome-right {
        flex: block;
        flex-direction: row;
        gap: 10px;
        flex-wrap: wrap;
        margin-top: 16px;
    }

    .sk-welcome-right-img {
        width: 100%;
        margin-top: 0;
    }

    /* Featured Collections */
    #sk-featured-collections {
        padding: 30px 0 60px;
    }

    .sk-fc-row {
        flex-direction: column;
        gap: 20px;
    }

    .sk-fc-content {
        padding-left: 0;
        max-width: 100%;
    }

    .sk-fc-tag {
        font-size: 15px;
    }

    .sk-fc-main-title {
        font-size: 38px;
        letter-spacing: -0.5px;
    }

    .sk-fc-subtitle {
        font-size: 22px;
        line-height: 1.2;
    }

    .sk-fc-subtitle-line {
        height: 70px;
    }

    .sk-fc-description {
        font-size: 14px;
        max-width: 100%;
    }

    .sk-fc-btn {
        min-width: auto;
        width: auto;
        justify-content: center;
        font-size: 14px;
        padding: 14px 24px;
    }

    .sk-fc-image-wrap {
        flex: 0 0 100%;
        min-height: 300px;
    }

    .sk-fc-deco-circle {
        width: 280px;
        height: 270px;
        right: -40px;
        bottom: -30px;
    }

    .sk-fc-image-card {
        max-width: 100%;
        margin-right: 0;
        aspect-ratio: 4/3;
    }

    /* Why Choose */
    #sk-why-choose {
        padding: 14px 10px 50px;
    }

    .sk-wc-card {
        padding: 24px 14px 0 14px;
    }

    .sk-wc-card:before {
        height: 400px;
        border-radius: 24px;
    }

    .sk-wc-headings {
        margin-bottom: 24px;
    }

    .sk-wc-heading-1,
    .sk-wc-heading-2 {
        font-size: 28px;
        line-height: 1.2;
    }

    .sk-wc-tag {
        font-size: 15px;
    }

    .sk-wc-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas:
            "left right"
            "topmid topmid"
            "botmid botmid";
        gap: 10px;
    }

    .sk-wc-item-left .sk-wc-item-inner,
    .sk-wc-item-right .sk-wc-item-inner {
        min-height: 220px;
    }

    .sk-wc-item-topmid .sk-wc-item-inner,
    .sk-wc-item-botmid .sk-wc-item-inner {
        min-height: 180px;
    }

    .sk-wc-item-title {
        font-size: 18px;
    }

    .sk-wc-item-view {
        font-size: 12px;
    }

    /* Testimonials */
    #sk-testimonials {
        padding: 16px 0 15px;
        margin-bottom: 10px;
    }

    .sk-tm-row {
        flex-direction: column;
        gap: 20px;
    }

    .sk-tm-left {
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
        justify-content: center;
    }

    .sk-tm-left-img-card {
        left: 0;
        max-width: 140px;
        transform: rotate(-2deg);
    }

    .sk-tm-title {
        font-size: 26px;
        margin: 16px 0 24px 0;
        text-align: center;
        letter-spacing: 0;
    }

    .sk-tm-cards {
        grid-template-columns: 1fr;
        gap: 0px;
    }

    .sk-tm-card {
        padding: 22px 18px 18px;
    }

    .sk-tm-card-first {
        transform: none;
        margin-top: 0;
    }

    .sk-tm-text {
        font-size: 14px;
    }

    .sk-tm-author-name {
        font-size: 13px;
    }

    /* New Model Sofas */
    #sk-new-model-sofas.sk-nms {
        padding: 30px 0;
    }

    .sk-nms-grid {
        grid-template-columns: 1fr;
        gap: 16px;
        min-height: auto;
    }

    .sk-nms-left {
        padding: 20px 18px;
        min-height: 320px;
    }

    .sk-nms-vertical-text {
        top: 55%;
        right: 33px;
    }

    .sk-nms-bottom-content {

        padding-left: 0;
        align-items: center;
    }

    .sk-ff-footer-note {
        font-size: 14px;

        margin: 20px 0 0;
        padding-top: 0px;
        border-top: unset;

    }

    .sk-nms-badge {
        top: 16px;
        right: 16px;
        width: 30px;
        height: 30px;
    }

    .sk-nms-badge i {
        color: #fff;
        font-size: 10px;
    }

    .sk-nms-badge span {
        font-size: 22px;
    }

    .sk-nms-top,
    .sk-nms-bottom {
        min-height: 200px;
        padding: 14px;
        display: block;
    }

    .sk-nms-top-inner {
        grid-template-columns: 1fr;
    }

    .sk-nms-top-img-wrap {
        display: none;
    }

    .sk-nms-heading {
        font-size: 30px;
        line-height: 38px;
    }

    .sk-nms-btn {
        font-size: 14px;
        padding: 12px 18px;
    }

    .sk-nms-bottom-heading {
        font-size: 30px;
    }

    .sk-nms-bottom-heading+.sk-nms-bottom-heading {
        font-size: 40px;
    }

    .sk-nms-bottom-caption {
        font-size: 20px;
    }

    /* Footer */
    footer.sofa-footer .footer-card {
        padding: 24px 14px 24px;
        width: 100%;
        border-radius: 16px 16px 0 0;
    }

    footer.sofa-footer .footer-title,
    footer.sofa-footer .footer-subtitle {
        font-size: 16px;
    }

    footer.sofa-footer a {
        font-size: 14px;
    }

    footer.sofa-footer .footer-address {
        font-size: 14px;
        padding: 12px 14px;
    }

    footer.sofa-footer .footer-social-label {
        font-size: 15px;
    }

    footer.sofa-footer .footer-powered {
        font-size: 13px;
    }

    /* Breadcrumb */
    .breadcrumb {
        padding: 8px 10px;
        font-size: 12px;
    }

    #sk-header .sk-header-icons {
        justify-content: flex-end;
        position: absolute;
        top: 23px;
        right: 10px;
    }

    .sk-catbanner-sale {

        height: auto;
        margin-top: 2px;
    }

}

/* ===========================
 INFOBAR
=========================== */
@media (max-width: 767px) {
    .sk-catbanner-infobar {
        padding: 8px 0;
        display: none;
    }



    .sk-ff-features {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 0px;
        align-items: flex-start;
        list-style: cambodian;
    }

    p.sk-ff-feature-desc {
        display: none;
    }

    .sk-ff-feature-icon {
        width: auto;
    }

    .sk-ff-feature {

        min-width: 90px;
    }

    .sk-ff-desc {

        font-size: 14px;
    }

    .sk-ff-eligibility {

        font-size: 13px;
    }

    .sk-ff-check-icon {
        display: none;
    }

    .sk-ff-btn {

        font-weight: 600;
        padding: 5px 18px;

        font-size: 14px;

        margin-top: 0px;
        margin-bottom: 6px;
    }

    .sk-ff-box {

        display: block;
    }

    .sk-welcome-card {
        position: relative;
        display: block;
    }

    .sk-ff-heading {
        font-size: 20px;
        margin-bottom: 0;
    }


    .sk-catbanner-infobar-inner {
        flex-wrap: nowrap;
        /* gap: 0px; */
        justify-content: left;
        flex-direction: column;
        line-height: 0;
    }

    .sk-catbanner-infobar-item {
        width: 100%;
    }

    .sk-catbanner-infobar-text {
        font-size: 13px;

    }
}

/* ===========================
 UTILITY — hide on mobile
=========================== */
@media (max-width: 767px) {
    .sk-wc-card:before {
        height: auto;
        bottom: 0;
    }

    .sk-finance-hero-badge {
        width: 180px;
        height: 180px;
        font-size: 20px;
        right: 10px;
        bottom: -40px;
    }

    .sk-nms-blob-1,
    .sk-nms-blob-2 {
        width: 50px;
        height: 47px;
    }

    .sk-catbanner-infobar-sep {
        border: none;
    }

    .sk-cat-subcat-col {
        width: 100% !important;
        padding: 6px;
    }
}

/* ============================================================
 MOBILE NAV — sk-sub-toggle submenu open/close
 .sk-sub-open class is added by custom.js on toggle click
 ============================================================ */

/* Hide sub-toggle button on desktop */
.sk-sub-toggle {
    display: none;
}


@media (max-width: 767px) {
    i.fa.fa-bars {
        color: #1a4a2e;
    }

    #sk-search {
        width: 100%;
        padding: 12px 10px;
    }

    header#sk-header .container {
        padding: 0;
    }

    .sk-flexible-finance {
        padding: 0px 10px;
        background: #fff;
    }

    header#sk-header .container {
        flex-wrap: wrap;
        gap: 0px;
    }

    #sk-header #logo {

        padding-left: 10px;
    }

    #sk-header .sk-search-col {
        padding: 30px 0px;
        background-color: #004222;
    }

    div#sk-nav-bar {
        padding: 0;
        float: left;
    }

    #sk-hero-slider .sk-hero-banner-img {
        width: 100%;
        height: auto;
        object-fit: cover;
        display: block;
    }

    div#sk-nav-bar .sk-menu-toggle {
        display: none;
    }

    .sk-mobile-search-btn {
        width: 34px;
        height: 34px;
    }

    .sk-mobile-search-btn .fa {
        font-size: 14px;
    }

    .sk-search-col.sk-search-visible {
        max-height: 70px;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .sk-search-col .sk-search-wrap {
        height: 40px;
    }

    .fa-search:before {
        content: "\f002";
        color: #1a4a2e;
        /* font-size: 25px; */
    }

    .sk-icon-btn:hover {
        background: #f8f8f8;
        border-color: #f8f8f8;
        color: #fff;
    }
}

/* ============================================================
 SK-MENU-TOGGLE (Hamburger) — mobile only, last in icon group
 ============================================================ */

/* Hide on desktop */
.sk-hamburger-btn {
    display: none;
}

@media (max-width: 991px) {

    .sk-hamburger-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background: #f8f8f8;
        border: 1px solid #eee;
        cursor: pointer;
        padding: 0;
        flex-shrink: 0;
        transition: all 0.25s ease;
    }

    .sk-hamburger-btn .fa {
        font-size: 17px;
        color: #1a4a2e;
        transition: transform 0.3s ease;
    }

    /* Active / menu-open state */
    .sk-mobile-menu-open .sk-hamburger-btn {
        background: #1a4a2e;
        border-color: #1a4a2e;
    }

    .sk-mobile-menu-open .sk-hamburger-btn .fa {
        color: #fff;
        transform: rotate(90deg);
    }
}

@media (max-width: 767px) {

    .sk-hamburger-btn {
        width: 34px;
        height: 34px;
    }

    .sk-hamburger-btn .fa {
        font-size: 15px;
    }

}


/* Extra small — same rules, slight size tweak */
@media (max-width: 480px) {

        .pdp2 span.sk-pdp-price-col-label {
        font-size: 11px;
        width: auto;
        padding: 10px 20px;
    }
    .sk-catbanner-infobar-item {
        justify-content: left;
        padding: 4px 10px;
    }

    .sk-pdp-desc-col .sk-pdp-section-title {
        font-size: 18px;
        padding: 0 !important;
    }

    .sk-pdp-desc-col {
        padding: 10px;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    a.sk-plp-name {
        height: auto;
    }

    .sk-plp-price {
        font-size: 21px;

    }

    .sk-pdp-range {
        padding: 0px 0px 0px;
    }

    .sk-mobile-search-btn.sk-search-open {
        background: #1a4a2e !important;
        border-color: #1a4a2e;
    }

    .sk-mobile-search-btn.sk-search-open .fa {
        color: #fff;
        /* transform: rotate(304deg); */
        font-size: 11px;
    }

    .sk-nav-link {
        padding: 12px 44px 12px 14px;
        font-size: 14px;
    }



    .sk-ff-feature-title {
        font-size: 11px;
        line-height: 17px;
        height: auto;
        margin-top: 10px;
        margin-bottom: 0;
    }



    .sk-ff-feature-desc {
        width: 85%;
        font-size: 13px;
    }

    .sk-ff-feature:before {
        display: none;
    }

    .sk-dropdown-col li a {
        font-size: 13px;
        padding: 9px 14px 9px 18px;
    }

    .sk-sub-toggle {
        width: 36px;
        height: 36px;
    }

    .sk-hamburger-btn {
        width: 25px;
        height: 25px;
    }

    .sk-icon-btn {
        width: 30px;
        height: 30px;
    }

    a.sk-icon-btn.sk-account-btn {
        display: none;
    }

    .sk-mobile-search-btn {
        width: 25px;
        height: 25px;
    }

    .sk-icon-group {
        gap: 10px;
        padding-top: 0;
    }

    .sk-wishlist-badge {
        position: absolute;
        top: -6px;
        right: -4px;

        font-size: 9px;
        font-weight: 700;
        min-width: 15px;
        height: 13px;
    }

    .sk-cart-badge {
        position: absolute;
        top: -6px;
        right: -4px;

        font-size: 8px;
        font-weight: 700;
        width: 12px;
        height: 12px;
    }

    #sk-header .sk-header-icons {
        justify-content: flex-end;
        position: absolute;
        top: 14px;
        right: 10px;
    }

    a.sk-icon-btn.sk-account-btn {
        display: none;
    }

    header#sk-header {
        /* height: 84px; */
        /* background-color: #004222; */
        padding-top: 0;
        padding-bottom: 0;
    }

    header#sk-header .container {
        flex-wrap: wrap;
        gap: 5px;
    }

    .sk-feature-subtitle-line {
        font-size: 13px;
    }

    .sk-feature-icon-img {
        width: 31px !important;
        height: 31px !important;
    }

    .sk-ff-feature-icon img {
        width: 35px;
        height: 45px;
        object-fit: contain;
    }

    .sk-nms-grid {
        grid-template-columns: 1fr;
        gap: 16px;
        min-height: auto;
        display: block;
    }

    .sk-nms-left {
        padding: 20px 18px;
        min-height: auto;
        height: auto;
        display: block;
        margin-bottom: 20px;
    }

    .sk-nms-col-right {
        grid-area: auto;
        display: block;
    }

    .sk-nms-top,
    .sk-nms-bottom {
        min-height: 200px;
        padding: 14px;
        display: block;
    }

    .sk-nms-card.sk-nms-top {
        margin-bottom: 15px;
    }

    .sk-nms-bottom-img-wrap:before {
        display: none;
    }

    #sk-new-model-sofas.sk-nms {
        padding: 0px 0;
    }

    #sk-new-slider.sk-pc-row>.sk-pc-col {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* Mobile — full width panel from bottom */
@media (max-width: 767px) {
    .sk-mini-cart-dropdown {
        width: 100%;
        border-radius: 0;
    }

    .sk-mc-body {
        max-height: unset;
    }

    .alert-success {
        border-left: 4px solid #1a4a2e;
        left: 0 !important;
    }
}



/* ===========================
 SMALL MOBILE (≤480px)
=========================== */
@media (max-width: 480px) {
    #sk-header #logo img {
        /* max-height: 55px; */
        width: 120px;
        object-fit: cover;
    }

    #sk-featured-collections {
        padding: 30px 0 00px;
    }

    .sk-blog-card {
        padding: 10px;
    }

    .sk-blog-card-info {
        padding: 0 !important;
    }

    .sk-blog-card-meta {
        height: auto;
    }

    #sk-header .logosec {
        flex: auto;
        padding: 0;
        display: block;
        width: 100%;
        text-align: center;
    }

    #sk-pdp {
        padding: 0px 0px 0px;
        float: left;
        width: 100%;
    }

    .sk-pdp-gallery-col {
        margin-bottom: 27px;
        padding-right: 0;
        padding-left: 0;
    }

    .sk-pdp-info-col {
        padding-left: 0;
        padding-right: 0;
        float: left;
        width: 100%;
    }

    .sk-pdp-btn-cart {
        font-size: 18px;
    }

    button.sk-pdp-btn-wishlist {
        font-size: 18px;
    }

    .sk-catbanner-infobar-text {
        font-size: 13px;
        line-height: 26px;
    }

    .sk-search-col.sk-search-visible {
        position: absolute;
        top: 15%;
        left: 0;
    }

    .sk-pdp-section-title {
        font-size: 21px;
        margin-bottom: 0;
    }

    .sk-pdp-description span {
        font-size: 14px !important;
    }

    .sk-pdp-description li {

        margin-bottom: 20px;
    }

    .sofa_type {
        margin-bottom: 15px;
        display: block;
        gap: 10px;
        align-items: center;
    }

    .sk-pdp-title {
        margin: 8px 0px 8px;
        font-size: 19px;
        line-height: 28px;
    }

    .sk-pdp-brand {
        margin: 21px 0px 15px;
        letter-spacing: 0.5px;
        font-size: 28px;
        line-height: 28px;

    }

    .sk-pdp-price-col {
        padding: 10px;
        display: block;
        /* list-style: telugu; */
    }
    .pdp2 {
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: left;
        margin-top: 10px;
        flex-direction: row;
    }
    .sk-pdp-price-col:last-child {
        padding: 10px;
        display: flex;
        /* gap: 10px; */
    }

    .sk-pdp-range .sk-pdp-section-title {

        margin-bottom: 0;
    }

    .sk-pdp-section-title {
        font-size: 14px;
        margin-bottom: 0;
        padding: 7px 20px !important;
    }

    .sk-pdp-main.row {
        margin: 0 !important;
    }

    .sk-pdp-range-dims {

        margin-top: 10px;
    }

    .sk-pdp-range-img {

        border-radius: 10px;
    }

    .sk-pdp-related {
        padding: 00px 0px;
        margin-top: 15px;
    }

    .sk-cat-subcat-col {
        width: 100% !important;
        padding: 6px;
    }

    /* Header */
    .sk-search-col {
        padding: 0 8px;
    }

    .sk-search-wrap {
        height: 42px;
    }

    .sk-search-cat {
        display: none;
    }

    .sk-search-input {
        padding: 0 12px;
        font-size: 13px;
    }

    /* Hero */
    .sk-hero-banner-img {
        height: 150px !important;
    }

    .sk-hero-banner-title {
        font-size: 20px;
    }

    .sk-hero-banner-content {
        bottom: 10px;
        padding: 0 10px;
    }

    .sk-hero-banner-subtitle span {
        font-size: 10px;
        padding: 6px 14px;
    }

    .sk-hero-sale-btn {
        display: none;
    }

    /* Category strip */
    .sk-category-col {
        flex: 1 1 calc(33.333% - 8px);
        min-width: 72px;
    }

    .sk-category-card {
        padding: 8px 6px 6px;
        border-radius: 12px;
    }

    .sk-category-name {
        font-size: 9px;
    }

    .sk-category-arrow {
        display: none;
    }

    /* Product cards: 2 columns */
    .col-xs-12.sk-pc-col {
        width: 100%;
        flex: 0 0 100%;
        padding: 0 6px;
    }

    #sk-new-slider.sk-pc-row>.sk-pc-col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .sk-pc-row {
        margin: 0 -6px;
    }

    .sk-pc-col {
        margin-bottom: 12px;
    }

    .sk-pc-img-wrap {
        min-height: 220px;
    }

    .sk-nms-vt-1,
    .sk-nms-vt-2 {
        font-size: 17px;
    }

    .sk-pc-img {
        height: 220px;
    }


    .sk-pc-name {
        font-size: 13px;
    }

    .sk-cat-cta {

        padding: 8px 16px;
        font-size: 15px;
    }

    .sk-pc-price-new {
        font-size: 14px;
    }

    .sk-pc-buy-row {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .sk-pc-cart {
        width: 100%;
        justify-content: center;
        font-size: 11px;
        padding: 8px 10px;
    }

    .sk-pc-options {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .sk-pc-opt-group:last-child {
        border-left: none;
        padding-left: 0;
        border-top: 1px solid #8080801f;
        padding-top: 8px;
    }

    /* Section titles */
    .sk-pc-title {
        font-size: 18px;
    }

    .sk-pc-title-bold {
        font-size: 17px;
    }

    .sk-section-title {
        font-size: 18px;
    }

    /* Welcome */
    .sk-welcome-title {
        font-size: 26px;
    }

    .sk-welcome-left-img {
        height: 200px;
    }

    /* Featured Collections */
    .sk-fc-main-title {
        font-size: 30px;
    }

    .sk-fc-subtitle {
        font-size: 18px;
    }

    .sk-fc-subtitle-wrap {
        gap: 10px;
    }

    .sk-fc-subtitle-line {
        height: 52px;
    }

    .sk-fc-description {
        font-size: 13px;
    }

    .sk-fc-image-wrap {
        min-height: 240px;
    }

    /* Why Choose */
    .sk-wc-grid {
        grid-template-columns: 1fr;
        grid-template-areas:
            "left"
            "right"
            "topmid"
            "botmid";
        gap: 10px;
    }

    .sk-wc-item-left .sk-wc-item-inner,
    .sk-wc-item-right .sk-wc-item-inner {
        min-height: 200px;
    }

    .sk-wc-heading-1,
    .sk-wc-heading-2 {
        font-size: 24px;
    }

    /* Testimonials */
    .sk-tm-title {
        font-size: 22px;
        margin-bottom: 0;
    }

    .sk-tm-cards {
        grid-template-columns: 1fr;
    }

    /* NMS */
    .sk-nms-heading {
        font-size: 24px;
        line-height: 30px;
    }

    .sk-nms-bottom-heading {
        font-size: 24px;
    }

    .sk-nms-bottom-heading+.sk-nms-bottom-heading {
        font-size: 32px;
    }

    /* Footer */
    footer.sofa-footer .footer-card {
        padding: 18px 12px 18px;
    }

    footer {
        margin-top: 16px;
    }
}

/* ── Mobile account link — visible only on mobile nav (≤481px) ── */
.sk-nav-account-item {
    display: none;
}

@media (max-width: 480px) {
    .sk-fc-arrow-btn {
    display: block;
 
    width: 50px;
    height: 50px;

    padding: 10px;
}

    .sk-nav-account-item {
        display: block;
        border-top: 1px solid #eee;
        margin-top: 8px;
        padding-top: 4px;
    }

    .sk-plp-img-wrap {
        background-size: contain !important;
    }

    .sk-pdp-slide-img {
        width: 100%;
        height: auto;
    }

    .sk-gallery-arrow {

        width: 33px;
        height: 33px;
    }

    .sk-nav-account-link {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 20px;
        font-size: 15px;
        font-weight: 600;
        color: #1a4a2e !important;
        text-decoration: none;
        border-radius: 8px;
        transition: background 0.2s;
    }

    .sk-nav-account-link:hover {
        background: #f0f7f2;
    }

    .sk-nav-account-link .fa {
        font-size: 18px;
        color: #1a4a2e;
    }


}