.elementor-449 .elementor-element.elementor-element-d7a754c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-449 .elementor-element.elementor-element-d9190f3{--display:flex;--background-transition:0.3s;}body.elementor-page-449:not(.elementor-motion-effects-element-type-background), body.elementor-page-449 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://xandamirmebel.uz/wp-content/uploads/2025/07/Home-Full-1.svg");background-position:top center;background-repeat:no-repeat;background-size:auto;}@media(min-width:768px){.elementor-449 .elementor-element.elementor-element-d9190f3{--content-width:1240px;}}@media(min-width:1025px){body.elementor-page-449:not(.elementor-motion-effects-element-type-background), body.elementor-page-449 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){body.elementor-page-449:not(.elementor-motion-effects-element-type-background), body.elementor-page-449 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://xandamirmebel.uz/wp-content/uploads/2025/07/Product-page.svg");background-position:center center;background-repeat:no-repeat;background-size:auto;}}/* Start custom CSS for shortcode, class: .elementor-element-d287f06 *//* === Asosiy (desktop) kod === */

/* Wrapper */
.csp-wrapper { display: flex; gap: 2em; align-items: flex-start; }
@media (max-width:768px){ .csp-wrapper{flex-wrap:wrap;} .csp-gallery,.csp-details{width:100%!important;} }

/* Gallery */
.csp-gallery{width:800px;max-width:100%;height:600px;overflow:hidden;position:relative;margin:0 auto;background:#fff;box-sizing:border-box;user-select:none;}
.csp-gallery img{user-drag:none;}
.csp-gallery .swiper-wrapper{ /* agar kerak bo'lsa */ }
.csp-gallery .swiper-slide{width:100%!important;height:100%!important;display:flex;justify-content:center;align-items:center;}
.csp-gallery .swiper-slide img{object-fit:contain;max-width:100%;max-height:100%;}

/* Nav buttons */
.swiper-button-prev,.swiper-button-next{width:32px;height:32px;position:absolute;top:50%;transform:translateY(-50%);background-repeat:no-repeat;background-position:center;background-size:contain;border:none;background-color:transparent;cursor:pointer;outline:none;}
.swiper-button-prev::after,.swiper-button-next::after{content:none;}
.swiper-button-prev{left:8px;background-image:url("https://xandamirmebel.uz/wp-content/uploads/2025/07/Frame-1.svg");}
.swiper-button-next{right:8px;background-image:url("https://xandamirmebel.uz/wp-content/uploads/2025/07/Frame-2.svg");}

/* Pagination */
.swiper-pagination{display:flex;justify-content:center;margin-top:1em;}
.swiper-pagination-bullet{width:32px;height:4px;margin:0 4px;background:url("https://xandamirmebel.uz/wp-content/uploads/2025/07/Rectangle-3823.svg") no-repeat center/contain;opacity:.3;cursor:pointer;}
.swiper-pagination-bullet-active{opacity:1;}

/* Details */
.csp-details{width:40%;background:transparent;padding:2em;box-sizing:border-box;color:#1D2E50;}

/* Title */
.csp-title{font-size:2rem;margin-bottom:1em;}

/* Meta list */
.csp-meta{list-style:none;padding:0;margin:0 0 1.5em;}
.csp-meta li{display:flex;justify-content:space-between;padding:.75em 0;border-bottom:1px solid #E5E5E5;}
.csp-meta li:last-child{border-bottom:none;}
.csp-meta strong{font-weight:600;}
.csp-meta li a{color:#1D2E50;text-decoration:none;}

/* Actions container reset */
.csp-actions{display:flex;flex-direction:column;gap:1em;margin-bottom:2em;background:transparent!important;padding:0!important;border:none!important;box-shadow:none!important;}

/* 1) Add to Cart link */
.csp-add-to-cart {
  display:inline-flex;align-items:center;justify-content:center;
  width:391px;height:50px;padding:0 1em;gap:8px;
  background:#FFFFFF;border:1px solid #1D2E50;color:#1D2E50;
  text-decoration:none;box-sizing:border-box;font-weight:600;
}
.csp-add-to-cart::before {
  content:"";display:inline-block;width:20px;height:20px;
  background:url("https://xandamirmebel.uz/wp-content/uploads/2025/07/Group-18.svg") no-repeat center/contain;
}
.csp-add-to-cart:hover { background:#FFFFFF;color:#1D2E50;border-color:#1D2E50; }

/* 2) Buy Now button */
.csp-buy-now {
  display:inline-flex;align-items:center;justify-content:center;
  width:391px;height:50px;padding:0 1em;gap:8px;
  background:#1D2E50;border:1px solid #FFFFFF;color:#FFFFFF;
  text-decoration:none;box-sizing:border-box;font-weight:600;
}
.csp-buy-now::before {
  content:"";display:inline-block;width:20px;height:20px;
  background:url("https://xandamirmebel.uz/wp-content/uploads/2025/07/Frame-3.svg") no-repeat center/contain;
}
.csp-buy-now:hover { background:#1D2E50;color:#FFFFFF; }

/* Accordion */
.csp-accordion{border-top:1px solid #E5E5E5;margin-top:2em;}
.csp-accordion-header{display:flex;justify-content:space-between;align-items:center;padding:1em 0;font-size:1.125rem;font-weight:600;color:#1D2E50;cursor:pointer;}
.csp-accordion-header::after{content:"\25BC";font-size:.75rem;transition:transform .3s;color:#1D2E50;}
.csp-accordion.open .csp-accordion-header::after{transform:rotate(180deg);}
.csp-accordion-body{display:none;padding:1em 0;border-bottom:1px solid #E5E5E5;color:#1D2E50;line-height:1.6;}
.csp-accordion.open .csp-accordion-body{display:block;}

/* === Mobil uchun override’lar === */
@media (max-width: 768px) {
  /* Wrapper: ustma-ust */
  .csp-wrapper {
    flex-direction: column;
    gap: 1rem;
    padding: 0 12px;
    align-items: stretch;
  }

  /* Gallery: full width, balandligini avtomatik qilsin */
  .csp-gallery {
    width: 100% !important;
    height: auto !important;
    margin: 0;
    padding: 0;
  }
  .csp-gallery .swiper-slide {
    height: auto !important;
    padding: 0;
  }
  .csp-gallery .swiper-slide img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain;
    display: block !important;
  }

  /* Nav tugmalar kichik va joylashuvi mos */
  .swiper-button-prev,
  .swiper-button-next {
    width: 28px;
    height: 28px;
    left: 4px;
    right: 4px;
  }

  /* Pagination moslashuvi */
  .swiper-pagination {
    margin-top: 8px;
  }
  .swiper-pagination-bullet {
    width: 24px;
    height: 4px;
    margin: 0 3px;
    opacity: .3;
  }
  .swiper-pagination-bullet-active {
    opacity: 1;
  }

  /* Details bo‘limi to‘liq kenglik, padding kamaytirilsin */
  .csp-details {
    width: 100% !important;
    padding: 1rem;
  }
  .csp-title {
    font-size: 1.5rem;
    margin-bottom: .75em;
  }

  /* Meta: vertical, kichikroq */
  .csp-meta {
    flex-direction: column;
    gap: 4px;
    font-size: .75rem;
    margin-bottom: 1em;
  }
  .csp-meta li {
    flex-direction: row;
    padding: .5em 0;
  }

  /* Tugmalar — to‘liq kenglik */
  .csp-add-to-cart,
  .csp-buy-now {
    width: 100% !important;
    max-width: none;
    padding: 14px 0;
    font-size: 1rem;
    border-radius: 6px;
  }
  .csp-actions {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 1.5em;
  }

  /* Accordion o‘lchamlari va joylashuv */
  .csp-accordion {
    margin-top: 1.5em;
  }
  .csp-accordion-header {
    padding: 10px 0;
    font-size: 1rem;
  }
  .csp-accordion-body {
    padding: 8px 0;
    font-size: .9rem;
  }

  /* Umumiy font/spacing optimallashtirish mobilga */
  .csp-wrapper,
  .csp-details {
    line-height: 1.3;
  }
}/* End custom CSS */