.elementor-4839 .elementor-element.elementor-element-e58bfec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4839 .elementor-element.elementor-element-e6a6efd{--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;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4839 .elementor-element.elementor-element-662b6ea{--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;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4839 .elementor-element.elementor-element-5ea69c4 .elementor-heading-title{font-family:"Nunito Sans", Sans-serif;font-weight:400;color:#000000;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4839 .elementor-element.elementor-element-8735afe{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4839 .elementor-element.elementor-element-8735afe .elementor-heading-title{font-family:"Nunito Sans", Sans-serif;font-size:24px;font-weight:500;color:#000000;}.elementor-4839 .elementor-element.elementor-element-0fb9026{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4839 .elementor-element.elementor-element-54cfceb{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4839 .elementor-element.elementor-element-16c603e .cart button, .elementor-4839 .elementor-element.elementor-element-16c603e .cart .button{transition:all 0.2s;}.elementor-4839 .elementor-element.elementor-element-16c603e .quantity .qty{transition:all 0.2s;}.elementor-4839 .elementor-element.elementor-element-9ee5717{--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;}.elementor-4839 .elementor-element.elementor-element-6f3c718 .elementor-heading-title{font-family:"Nunito Sans", Sans-serif;font-weight:600;color:#000000;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4839 .elementor-element.elementor-element-7ee3535.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;background-color:#FFFFFF;}.elementor-4839 .elementor-element.elementor-element-7ee3535.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4839 .elementor-element.elementor-element-7ee3535.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#000000;}.elementor-4839 .elementor-element.elementor-element-7ee3535.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#000000;}.elementor-4839 .elementor-element.elementor-element-7ee3535.elementor-wc-products ul.products li.product .price{color:#000000;}.elementor-4839 .elementor-element.elementor-element-7ee3535.elementor-wc-products ul.products li.product .price ins{color:#000000;}.elementor-4839 .elementor-element.elementor-element-7ee3535.elementor-wc-products ul.products li.product .price ins .amount{color:#000000;}.elementor-4839 .elementor-element.elementor-element-7ee3535.elementor-wc-products ul.products li.product .price del{color:#000000;}.elementor-4839 .elementor-element.elementor-element-7ee3535.elementor-wc-products ul.products li.product .price del .amount{color:#000000;}.elementor-4839 .elementor-element.elementor-element-7ee3535.elementor-wc-products ul.products li.product .button{color:#FFFFFF;background-color:#000000;border-color:#000000;font-family:"Roboto", Sans-serif;font-weight:500;border-radius:5px 5px 5px 5px;padding:15px 75px 15px 75px;}.elementor-4839 .elementor-element.elementor-element-76ebc64{--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;}@media(max-width:1024px){.elementor-4839 .elementor-element.elementor-element-7ee3535.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-4839 .elementor-element.elementor-element-e58bfec{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4839 .elementor-element.elementor-element-e6a6efd{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4839 .elementor-element.elementor-element-662b6ea{--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4839 .elementor-element.elementor-element-8735afe{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4839 .elementor-element.elementor-element-8735afe .elementor-heading-title{font-size:24px;}.elementor-4839 .elementor-element.elementor-element-0fb9026{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4839 .elementor-element.elementor-element-54cfceb{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4839 .elementor-element.elementor-element-17502e0{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-4839 .elementor-element.elementor-element-d0ecce9{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4839 .elementor-element.elementor-element-cc6aba7{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;}.elementor-4839 .elementor-element.elementor-element-f882486{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4839 .elementor-element.elementor-element-6f3c718{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;}.elementor-4839 .elementor-element.elementor-element-6f3c718 .elementor-heading-title{font-size:26px;}.elementor-4839 .elementor-element.elementor-element-7ee3535.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4839 .elementor-element.elementor-element-7ee3535.elementor-wc-products ul.products li.product .button{margin-top:10px;}.elementor-4839 .elementor-element.elementor-element-76ebc64{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4839 .elementor-element.elementor-element-90a1f95{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-4839 .elementor-element.elementor-element-e6a6efd{--width:66%;}.elementor-4839 .elementor-element.elementor-element-662b6ea{--width:36%;}}/* Start custom CSS for html, class: .elementor-element-0fb9026 *//* =========================================
   GENTS ELEGANCE — DESIGN 2
   EDITORIAL LUXURY
========================================= */

.ge-trust-2 {
  display: block;
  width: 100%;

  text-decoration: none;
  color: #111;

  font-family: Arial, Helvetica, sans-serif;

  box-sizing: border-box;
}

.ge-trust-2-inner {
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 8px 2px 10px;

  background: #fff;

  box-sizing: border-box;
}


/* =========================================
   LEFT — CUSTOMER SIDE
========================================= */

.ge-trust-2-left {
  display: flex;
  align-items: center;
  gap: 11px;
}


/* =========================================
   AVATARS
========================================= */

.ge-trust-2-avatars {
  display: flex;
  align-items: center;
}

.ge-trust-2-avatars img {
  width: 30px;
  height: 30px;

  object-fit: cover;

  border-radius: 50%;

  border: 2px solid #fff;

  margin-left: -7px;

  box-sizing: border-box;
}

.ge-trust-2-avatars img:first-child {
  margin-left: 0;
}


/* =========================================
   TRUST LABEL
========================================= */

.ge-trust-2-label {
  display: flex;
  flex-direction: column;
  justify-content: center;

  line-height: 1.15;
}

.ge-trust-2-label span {
  font-size: 8px;

  letter-spacing: 1.7px;

  color: #87322E;

  font-weight: 700;

  margin-bottom: 3px;
}

.ge-trust-2-label strong {
  font-size: 11px;

  letter-spacing: .3px;

  font-weight: 500;

  color: #111;
}


/* =========================================
   MIDDLE DIVIDER
========================================= */

.ge-trust-2-divider {
  width: 1px;
  height: 28px;

  background: #D9D9D9;

  margin: 0 12px;

  flex-shrink: 0;
}


/* =========================================
   RIGHT — RATING
========================================= */

.ge-trust-2-right {
  display: flex;
  align-items: center;
  gap: 9px;

  white-space: nowrap;
}


/* =========================================
   STARS
========================================= */

.ge-trust-2-stars {
  color: #F5B301;

  font-size: 17px;

  letter-spacing: 1px;

  line-height: 1;

  font-weight: 600;
}


/* =========================================
   RATING NUMBERS
========================================= */

.ge-trust-2-rating {
  display: flex;
  align-items: baseline;

  gap: 5px;

  white-space: nowrap;
}

.ge-trust-2-rating strong {
  font-size: 16px;

  font-weight: 700;

  color: #111;
}

.ge-trust-2-rating span {
  font-size: 15px;

  font-weight: 500;

  color: #333;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 480px) {

  .ge-trust-2-inner {
    padding: 7px 0 9px;
  }

  .ge-trust-2-left {
    gap: 7px;
  }

  .ge-trust-2-avatars img {
    width: 27px;
    height: 27px;

    margin-left: -7px;
  }


  /* TRUST LABEL */

  .ge-trust-2-label span {
    font-size: 7px;

    letter-spacing: 1.3px;

    font-weight: 700;
  }

  .ge-trust-2-label strong {
    font-size: 9px;
  }


  /* DIVIDER */

  .ge-trust-2-divider {
    height: 25px;

    margin: 0 7px;
  }


  /* RATING */

  .ge-trust-2-right {
    gap: 5px;
  }

  .ge-trust-2-stars {
    font-size: 15px;

    letter-spacing: .3px;

    font-weight: 600;
  }

  .ge-trust-2-rating {
    gap: 4px;
  }

  .ge-trust-2-rating strong {
    font-size: 14px;

    font-weight: 700;
  }

  .ge-trust-2-rating span {
    font-size: 13px;

    font-weight: 500;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54cfceb */.price-3{
  --brand:#6F1516;
  --text:#111;
  --muted:#6B6B6B;
  --gold:#F4B000;

  display:flex;
  align-items:baseline;
  gap:10px;
  font-family: Arial, sans-serif;
  color:var(--text);

  padding:8px 10px;
  border:1px solid rgba(111,21,22,.18);
  border-radius:12px;
  background:#fff;
}

.price-3 .sale{
  font-size:28px;
  font-weight:800;
  letter-spacing:-0.2px;
}

.price-3 .regular{
  font-size:14px;
  color:var(--muted);
  text-decoration:line-through;
  text-decoration-thickness:1px;
}

.price-3 .off{
  margin-left:auto;
  font-size:12px;
  font-weight:800;
  color:var(--text);
  letter-spacing:1px;

  border-left:1px solid rgba(111,21,22,.18);
  padding-left:12px;

  /* tiny gold cue, not loud */
  position:relative;
}
.price-3 .off::before{
  content:"";
  position:absolute;
  left:12px;
  bottom:-6px;
  width:22px;
  height:2px;
  background:var(--gold);
  opacity:.9;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-17502e0 *//* =========================================
   PREMIUM TRUST BENEFITS
========================================= */

.ge-trust-benefits {
  width: 100%;
  max-width: 100%;

  display: grid;
  grid-template-columns: repeat(4, 1fr);

  align-items: start;

  margin: 0;
  padding: 8px 0 10px;

  box-sizing: border-box;

  font-family: Arial, Helvetica, sans-serif;
}


/* =========================================
   INDIVIDUAL BENEFIT
========================================= */

.ge-trust-item {
  position: relative;

  display: flex;
  flex-direction: column;

  align-items: center;
  justify-content: flex-start;

  text-align: center;

  min-width: 0;

  padding: 0 8px;

  box-sizing: border-box;
}


/* =========================================
   ICON CONTAINER
========================================= */

.ge-trust-icon-wrap {
  position: relative;

  width: 64px;
  height: 64px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 8px;

  box-sizing: border-box;
}


/* =========================================
   MOVING CIRCLE
========================================= */

.ge-trust-ring {
  position: absolute;

  inset: 2px;

  border-radius: 50%;

  /*
     The conic gradient creates the small
     moving accent around the circle.
  */

  background:
    conic-gradient(
      from 0deg,
      transparent 0deg,
      transparent 45deg,
      rgba(135,50,46,.75) 75deg,
      rgba(135,50,46,.15) 105deg,
      transparent 140deg,
      transparent 360deg
    );

  -webkit-mask:
    radial-gradient(
      farthest-side,
      transparent calc(100% - 1.3px),
      #000 calc(100% - 1.3px)
    );

  mask:
    radial-gradient(
      farthest-side,
      transparent calc(100% - 1.3px),
      #000 calc(100% - 1.3px)
    );

  animation: ge-ring-rotate 5s linear infinite;

  pointer-events: none;
}


/* =========================================
   STATIC INNER CIRCLE
========================================= */

.ge-trust-icon-wrap::before {
  content: "";

  position: absolute;

  inset: 5px;

  border-radius: 50%;

  border: 1px solid rgba(135,50,46,.16);

  background: rgba(255,255,255,.5);

  box-sizing: border-box;
}


/* =========================================
   ICON
========================================= */

.ge-trust-icon {
  position: relative;

  z-index: 2;

  width: 38px;
  height: 38px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #87322E;

  transition:
    transform .35s ease,
    color .35s ease;
}


.ge-trust-icon svg {
  width: 100%;
  height: 100%;

  display: block;
}


/* =========================================
   SUBTLE HOVER MOVEMENT
========================================= */

.ge-trust-item:hover .ge-trust-icon {
  transform: translateY(-2px) scale(1.04);
}


/* =========================================
   ROTATING RING ANIMATION
========================================= */

@keyframes ge-ring-rotate {

  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }

}


/* =========================================
   MAIN TITLE
========================================= */

.ge-trust-title {
  width: 100%;

  margin: 0;

  font-size: 11px;

  line-height: 1.18;

  font-weight: 600;

  letter-spacing: .35px;

  color: #292929;

  text-transform: uppercase;
}


/* =========================================
   SECOND LINE
========================================= */

.ge-trust-subtitle {
  width: 100%;

  margin-top: 2px;

  font-size: 9.5px;

  line-height: 1.15;

  font-weight: 500;

  letter-spacing: .3px;

  color: #666666;

  text-transform: uppercase;
}


/* COUPON ACCENT */

.ge-coupon {
  color: #87322E;

  font-weight: 600;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 480px) {

  .ge-trust-benefits {
    grid-template-columns: repeat(4, 1fr);

    padding: 6px 0 9px;
  }


  .ge-trust-item {
    padding: 0 3px;
  }


  .ge-trust-icon-wrap {
    width: 53px;
    height: 53px;

    margin-bottom: 7px;
  }


  .ge-trust-icon {
    width: 31px;
    height: 31px;
  }


  .ge-trust-title {
    font-size: 8.5px;

    line-height: 1.2;

    letter-spacing: .2px;
  }


  .ge-trust-subtitle {
    font-size: 7.5px;

    line-height: 1.15;

    letter-spacing: .15px;
  }


  .ge-trust-ring {
    inset: 2px;
  }


  .ge-trust-icon-wrap::before {
    inset: 4px;
  }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 360px) {

  .ge-trust-benefits {
    padding-left: 0;
    padding-right: 0;
  }


  .ge-trust-item {
    padding: 0 1px;
  }


  .ge-trust-icon-wrap {
    width: 48px;
    height: 48px;

    margin-bottom: 6px;
  }


  .ge-trust-icon {
    width: 28px;
    height: 28px;
  }


  .ge-trust-title {
    font-size: 7.7px;

    letter-spacing: .1px;
  }


  .ge-trust-subtitle {
    font-size: 7px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d0ecce9 *//* Product Accordion Styling */
.prod-accordion {
  --border-color: #EAEAEA;
  --title-color: #111111;
  --text-color: #6b6b6b;
  --brand-color: #6F1516; /* Brand color for hover */
  
  font-family: Arial, sans-serif;
  width: 100%;
  border-top: 1px solid var(--border-color);
  margin: 30px 0;
}

.prod-acc-item {
  border-bottom: 1px solid var(--border-color);
}

/* Header Button - Removing all default button styles, shadows, and outlines */
.prod-acc-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 18px 0;
  cursor: pointer;
  outline: none !important;
  -webkit-tap-highlight-color: transparent !important; /* Removes mobile click highlight */
  transition: color 0.3s ease;
}

/* Force remove shadow/outline on focus and active states */
.prod-acc-header:focus,
.prod-acc-header:active,
.prod-acc-header:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

.prod-acc-header span {
  font-size: 16px;
  font-weight: 600;
  color: var(--title-color);
  letter-spacing: 0.3px;
  transition: color 0.3s ease;
}

.prod-acc-header:hover span,
.prod-acc-header:hover .prod-chevron {
  color: var(--brand-color);
}

/* Chevron Icon */
.prod-chevron {
  width: 18px;
  height: 18px;
  color: var(--title-color);
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Rotate Chevron when active */
.prod-acc-item.active .prod-chevron {
  transform: rotate(180deg);
}

/* 
  Body Animation using CSS Grid Trick 
  (Smooth height transition without JavaScript calculation)
*/
.prod-acc-body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.prod-acc-item.active .prod-acc-body {
  grid-template-rows: 1fr;
}

.prod-acc-content {
  overflow: hidden;
}

/* Inner padding and text styling */
.prod-acc-inner {
  padding-bottom: 24px;
  color: var(--text-color);
  font-size: 14px;
  line-height: 1.6;
}

/* Specific styling for the specifications list */
.prod-specs-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.prod-specs-list li {
  padding: 6px 0;
  border-bottom: 1px dashed #f1f1f1;
}

.prod-specs-list li:last-child {
  border-bottom: none;
}

.prod-specs-list strong {
  color: #333;
  margin-right: 5px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cc6aba7 *//* CSS FOR REVIEW SLIDER */
.rv-wrapper {
  position: relative;
  width: 100%;
  max-width: 600px; /* আপনার প্রয়োজন অনুযায়ী পরিবর্তন করতে পারেন */
  margin: 20px auto;
  font-family: Arial, sans-serif;
  padding: 0 15px;
  box-sizing: border-box;
}

.rv-track-container {
  overflow: hidden;
  border-radius: 16px; 
}

.rv-track {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.rv-slide {
  min-width: 100%;
  box-sizing: border-box;
}

/* Card Design */
.rv-card {
  display: flex;
  align-items: center;
  gap: 15px;
  background-color: #F3F4F6; /* ছবির মতো লাইট গ্রে কালার */
  padding: 16px;
  border-radius: 16px;
}

.rv-img {
  width: 85px;
  height: 85px;
  object-fit: cover;
  border-radius: 12px;
  flex-shrink: 0;
}

.rv-content {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}

.rv-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}

.rv-name {
  font-weight: 700;
  color: #111;
  font-size: 15px;
}

.rv-tick {
  width: 16px;
  height: 16px;
  margin-left: 2px;
  margin-right: 4px;
}

.rv-stars {
  display: flex;
  gap: 1px;
}

.rv-stars svg {
  width: 14px;
  height: 14px;
  fill: #F4B000; /* Universal Gold/Orange */
}

.rv-text {
  margin: 0;
  font-size: 14px;
  color: #555;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* দীর্ঘ লেখাকে সুন্দরভাবে ছোট করবে */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Circular Buttons */
.rv-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ffffff;
  border: none;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  display: grid;
  place-items: center;
  cursor: pointer;
  z-index: 10;
  color: #333;
  padding: 0;
  transition: all 0.2s ease;
}

.rv-btn:hover {
  background: #f8f8f8;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.rv-btn svg {
  width: 18px;
  height: 18px;
}

/* Positioning buttons slightly over the edges */
.rv-prev { left: 0px; }
.rv-next { right: 0px; }

/* Mobile Adjustments */
@media (max-width: 480px) {
  .rv-card {
    padding: 12px;
    gap: 12px;
  }
  .rv-img {
    width: 70px;
    height: 70px;
  }
  .rv-name {
    font-size: 14px;
  }
  .rv-text {
    font-size: 13px;
  }
  /* Push buttons slightly inward on very small screens */
  .rv-wrapper { padding: 0 10px; }
  .rv-prev { left: -5px; }
  .rv-next { right: -5px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f882486 *//* Button Container */
.social-order-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

/* Base Button Styling */
.order-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 16px 24px;
  border-radius: 8px;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  background-color: #F8F9FA; /* Light grey background */
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-sizing: border-box;
}

/* Icon Setup */
.order-btn .order-icon {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  fill: currentColor; /* Automatically matches text color */
  transition: transform 0.3s ease;
}

/* -------------------------------------
   1. Messenger Button (Brand Blue)
-------------------------------------- */
.messenger-btn {
  color: #006AFF;
  border: 1.5px solid #006AFF;
}

/* Fixed Hover: Fills with Solid Blue, Text turns White */
.messenger-btn:hover {
  background-color: #006AFF;
  color: #FFFFFF;
  box-shadow: 0 6px 15px rgba(0, 106, 255, 0.3);
  transform: translateY(-3px);
}

/* -------------------------------------
   2. WhatsApp Button (Brand Green)
-------------------------------------- */
.whatsapp-btn {
  color: #21C05B;
  border: 1.5px solid #21C05B;
}

/* Fixed Hover: Fills with Solid Green, Text turns White */
.whatsapp-btn:hover {
  background-color: #21C05B;
  color: #FFFFFF;
  box-shadow: 0 6px 15px rgba(33, 192, 91, 0.3);
  transform: translateY(-3px);
}

/* -------------------------------------
   "Kickable" Active State (Both Buttons)
-------------------------------------- */
.order-btn:active {
  transform: translateY(1px); /* Pushes down when clicked */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.order-btn:active .order-icon {
  transform: scale(0.9); /* Icon shrinks slightly on click */
}

/* Mobile Responsive */
@media (max-width: 480px) {
  .order-btn {
    font-size: 16px;
    padding: 14px 20px;
  }
  .order-btn .order-icon {
    width: 20px;
    height: 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-90a1f95 *//* Container & Title */
.ow-section {
  width: 100%;
  max-width: 1200px;
  margin: 40px auto;
  font-family: Arial, sans-serif;
  overflow: hidden; /* prevents arrows from causing page scroll overflow */
  position: relative;
  padding: 0 10px;
  box-sizing: border-box;
}

.ow-title {
  text-align: center;
  font-size: 28px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #111;
  margin-bottom: 30px;
}

/* Slider Track Wrapper */
.ow-slider-container {
  position: relative;
  display: flex;
  align-items: center;
}

/* Native CSS Scrolling - The Secret to Smooth Mobile Swiping */
.ow-track {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding-bottom: 15px; /* space for box shadow */
  /* Hide scrollbar for clean look */
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.ow-track::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
}

/* Review Card Design */
.ow-card {
  flex: 0 0 calc(33.333% - 14px); /* Show 3 cards on desktop */
  scroll-snap-align: center;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  display: flex;
  flex-direction: column;
}

/* Big Image Styling */
.ow-img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  border-bottom: 1px solid #eaeaea;
}

/* Content Area */
.ow-info {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
}

/* Name and Tick */
.ow-name-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.ow-name {
  font-size: 16px;
  font-weight: 700;
  color: #111;
}

.ow-tick {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

/* Amazon Yellow Stars */
.ow-stars {
  display: flex;
  gap: 2px;
}

.ow-stars svg {
  width: 16px;
  height: 16px;
  fill: #F4B000; /* Standard Amazon Orange/Yellow */
}

/* Review Text */
.ow-text {
  font-size: 14px;
  line-height: 1.5;
  color: #555;
  margin: 0;
  /* Truncate text elegantly after 3 lines */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* --------------------------------
   Navigation Arrows
----------------------------------- */
.ow-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  display: grid;
  place-items: center;
  cursor: pointer;
  z-index: 10;
  color: #333;
  transition: all 0.2s ease;
  outline: none;
}

.ow-arrow:hover {
  background: #f8f8f8;
  color: #000;
  transform: translateY(-50%) scale(1.05);
}

.ow-arrow svg {
  width: 22px;
  height: 22px;
}

.ow-prev {
  left: -15px; /* Overlaps edge slightly for modern look */
}
.ow-next {
  right: -15px;
}


/* --------------------------------
   MOBILE RESPONSIVENESS
----------------------------------- */

/* Tablet View */
@media (max-width: 992px) {
  .ow-card {
    flex: 0 0 calc(50% - 10px); /* 2 items visible */
  }
}

/* Phone View - The "1.5 Visible Item" Magic */
@media (max-width: 768px) {
  .ow-card {
    /* Magic number! 80% means 1 card takes 80% screen, 
       leaving 20% (half of the next card) peeking out */
    flex: 0 0 80%; 
    scroll-snap-align: start; /* Align to left edge on mobile */
  }
  
  .ow-img {
    height: 300px; /* slightly smaller image on phones */
  }
  
  /* Optional: hide arrows on very small screens since they can swipe */
  .ow-prev, .ow-next {
    display: none; 
  }
}/* End custom CSS */