.elementor-136 .elementor-element.elementor-element-55134b8{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;--margin-top:-35px;--margin-bottom:-70px;--margin-left:0px;--margin-right:0px;}.elementor-136 .elementor-element.elementor-element-55134b8::before, .elementor-136 .elementor-element.elementor-element-55134b8 > .elementor-background-video-container::before, .elementor-136 .elementor-element.elementor-element-55134b8 > .e-con-inner > .elementor-background-video-container::before, .elementor-136 .elementor-element.elementor-element-55134b8 > .elementor-background-slideshow::before, .elementor-136 .elementor-element.elementor-element-55134b8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-136 .elementor-element.elementor-element-55134b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://shikomah.ir/wp-content/uploads/2024/10/BG-2-optimized-3.svg");--background-overlay:'';background-size:contain;}.elementor-136 .elementor-element.elementor-element-4c4b32b{--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;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-136 .elementor-element.elementor-element-4c4b32b:not(.elementor-motion-effects-element-type-background), .elementor-136 .elementor-element.elementor-element-4c4b32b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFBD;}.elementor-136 .elementor-element.elementor-element-4c4b32b::before, .elementor-136 .elementor-element.elementor-element-4c4b32b > .elementor-background-video-container::before, .elementor-136 .elementor-element.elementor-element-4c4b32b > .e-con-inner > .elementor-background-video-container::before, .elementor-136 .elementor-element.elementor-element-4c4b32b > .elementor-background-slideshow::before, .elementor-136 .elementor-element.elementor-element-4c4b32b > .e-con-inner > .elementor-background-slideshow::before, .elementor-136 .elementor-element.elementor-element-4c4b32b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-136 .elementor-element.elementor-element-0470963 .woocommerce-breadcrumb{color:#EE24B5;}.elementor-136 .elementor-element.elementor-element-5eb3ee2{--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 10px;--row-gap:0px;--column-gap:10px;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-136 .elementor-element.elementor-element-5eb3ee2:not(.elementor-motion-effects-element-type-background), .elementor-136 .elementor-element.elementor-element-5eb3ee2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFBD;}.elementor-136 .elementor-element.elementor-element-a299bdf{--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-136 .elementor-element.elementor-element-6653d80{--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;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-136 .elementor-element.elementor-element-00b71d4.elementor-element{--align-self:flex-start;}.elementor-136 .elementor-element.elementor-element-00b71d4 .elementor-heading-title{font-family:"Rokh-Bold", Sans-serif;font-size:25px;font-weight:600;color:#EE24B5;}.woocommerce .elementor-136 .elementor-element.elementor-element-17a35ae .star-rating{color:#EE24B5;}.woocommerce .elementor-136 .elementor-element.elementor-element-17a35ae .woocommerce-review-link{font-size:15px;}.elementor-136 .elementor-element.elementor-element-dd0fe28 > .elementor-widget-container{padding:10px 10px 10px 10px;}.woocommerce .elementor-136 .elementor-element.elementor-element-dd0fe28 .shop_attributes{font-size:15px;}.elementor-136 .elementor-element.elementor-element-a5bc545{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 4px 0px rgba(0,0,0,0.5);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-136 .elementor-element.elementor-element-a5bc545:not(.elementor-motion-effects-element-type-background), .elementor-136 .elementor-element.elementor-element-a5bc545 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDDBF8;}.elementor-136 .elementor-element.elementor-element-10d2683{text-align:right;font-family:"Rokh-Bold", Sans-serif;font-size:19px;font-weight:400;color:#0480DE;}.woocommerce .elementor-136 .elementor-element.elementor-element-9b7b085 .price{color:#EE24B5;font-family:"Rokh-Bold", Sans-serif;font-size:20px;font-weight:600;}body:not(.rtl) .elementor-136 .elementor-element.elementor-element-9b7b085:not(.elementor-product-price-block-yes) del{margin-right:9px;}body.rtl .elementor-136 .elementor-element.elementor-element-9b7b085:not(.elementor-product-price-block-yes) del{margin-left:9px;}.elementor-136 .elementor-element.elementor-element-9b7b085.elementor-product-price-block-yes del{margin-bottom:9px;}.elementor-136 .elementor-element.elementor-element-d400318{text-align:justify;}.woocommerce .elementor-136 .elementor-element.elementor-element-d400318 .woocommerce-product-details__short-description{font-size:15px;}.elementor-136 .elementor-element.elementor-element-a8e2b2b .product_meta .detail-container:not(:last-child):after{content:"";border-color:#B76D6D;}.elementor-136 .elementor-element.elementor-element-a8e2b2b:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:last-child):after{border-top-style:dashed;border-top-width:1px;margin-bottom:calc(-1px/2);}.elementor-136 .elementor-element.elementor-element-a8e2b2b.elementor-woo-meta--view-inline .product_meta .detail-container:not(:last-child):after{border-left-style:dashed;border-left-width:1px;}.elementor-136 .elementor-element.elementor-element-a8e2b2b a{color:#FFFFFF;}.elementor-136 .elementor-element.elementor-element-ffea264 .cart button, .elementor-136 .elementor-element.elementor-element-ffea264 .cart .button{border-radius:15px 15px 15px 15px;background-color:#0480DE;transition:all 0.1s;}.elementor-136 .elementor-element.elementor-element-ffea264 .cart button:hover, .elementor-136 .elementor-element.elementor-element-ffea264 .cart .button:hover{background-color:#EE24B5;}.elementor-136 .elementor-element.elementor-element-ffea264 .quantity .qty{transition:all 0.2s;}.elementor-136 .elementor-element.elementor-element-8a417d5{--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;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);}.elementor-136 .elementor-element.elementor-element-8a417d5:not(.elementor-motion-effects-element-type-background), .elementor-136 .elementor-element.elementor-element-8a417d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFBD;}.elementor-136 .elementor-element.elementor-element-f8fcf31{--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-136 .elementor-element.elementor-element-a23e99a{--icon-box-icon-margin:0px;}.elementor-136 .elementor-element.elementor-element-a23e99a .elementor-icon-box-title{margin-bottom:0px;color:#0480DE;}.elementor-136 .elementor-element.elementor-element-a23e99a.elementor-view-stacked .elementor-icon{background-color:#0480DE;}.elementor-136 .elementor-element.elementor-element-a23e99a.elementor-view-framed .elementor-icon, .elementor-136 .elementor-element.elementor-element-a23e99a.elementor-view-default .elementor-icon{fill:#0480DE;color:#0480DE;border-color:#0480DE;}.elementor-136 .elementor-element.elementor-element-a23e99a .elementor-icon{font-size:25px;}.elementor-136 .elementor-element.elementor-element-a23e99a .elementor-icon-box-title, .elementor-136 .elementor-element.elementor-element-a23e99a .elementor-icon-box-title a{font-family:"Rokh-Bold", Sans-serif;font-size:18px;font-weight:600;}.elementor-136 .elementor-element.elementor-element-4029623{--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-136 .elementor-element.elementor-element-66a2e36{--icon-box-icon-margin:0px;}.elementor-136 .elementor-element.elementor-element-66a2e36 .elementor-icon-box-title{margin-bottom:0px;color:#0480DE;}.elementor-136 .elementor-element.elementor-element-66a2e36.elementor-view-stacked .elementor-icon{background-color:#0480DE;}.elementor-136 .elementor-element.elementor-element-66a2e36.elementor-view-framed .elementor-icon, .elementor-136 .elementor-element.elementor-element-66a2e36.elementor-view-default .elementor-icon{fill:#0480DE;color:#0480DE;border-color:#0480DE;}.elementor-136 .elementor-element.elementor-element-66a2e36 .elementor-icon{font-size:25px;}.elementor-136 .elementor-element.elementor-element-66a2e36 .elementor-icon-box-title, .elementor-136 .elementor-element.elementor-element-66a2e36 .elementor-icon-box-title a{font-family:"Rokh-Bold", Sans-serif;font-size:18px;font-weight:600;}.elementor-136 .elementor-element.elementor-element-b1aa40b{--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-136 .elementor-element.elementor-element-bfa2194{--icon-box-icon-margin:0px;}.elementor-136 .elementor-element.elementor-element-bfa2194 .elementor-icon-box-title{margin-bottom:0px;color:#0480DE;}.elementor-136 .elementor-element.elementor-element-bfa2194.elementor-view-stacked .elementor-icon{background-color:#0480DE;}.elementor-136 .elementor-element.elementor-element-bfa2194.elementor-view-framed .elementor-icon, .elementor-136 .elementor-element.elementor-element-bfa2194.elementor-view-default .elementor-icon{fill:#0480DE;color:#0480DE;border-color:#0480DE;}.elementor-136 .elementor-element.elementor-element-bfa2194 .elementor-icon{font-size:25px;}.elementor-136 .elementor-element.elementor-element-bfa2194 .elementor-icon-box-title, .elementor-136 .elementor-element.elementor-element-bfa2194 .elementor-icon-box-title a{font-family:"Rokh-Bold", Sans-serif;font-size:18px;font-weight:600;}.elementor-136 .elementor-element.elementor-element-4238943{--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-136 .elementor-element.elementor-element-ae21729{--icon-box-icon-margin:0px;}.elementor-136 .elementor-element.elementor-element-ae21729 .elementor-icon-box-title{margin-bottom:0px;color:#0480DE;}.elementor-136 .elementor-element.elementor-element-ae21729.elementor-view-stacked .elementor-icon{background-color:#0480DE;}.elementor-136 .elementor-element.elementor-element-ae21729.elementor-view-framed .elementor-icon, .elementor-136 .elementor-element.elementor-element-ae21729.elementor-view-default .elementor-icon{fill:#0480DE;color:#0480DE;border-color:#0480DE;}.elementor-136 .elementor-element.elementor-element-ae21729 .elementor-icon{font-size:25px;}.elementor-136 .elementor-element.elementor-element-ae21729 .elementor-icon-box-title, .elementor-136 .elementor-element.elementor-element-ae21729 .elementor-icon-box-title a{font-family:"Rokh-Bold", Sans-serif;font-size:18px;font-weight:600;}.elementor-136 .elementor-element.elementor-element-ca9caa6{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);}.elementor-136 .elementor-element.elementor-element-ca9caa6:not(.elementor-motion-effects-element-type-background), .elementor-136 .elementor-element.elementor-element-ca9caa6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFBD;}.elementor-136 .elementor-element.elementor-element-31b0665{width:100%;max-width:100%;}@media(min-width:768px){.elementor-136 .elementor-element.elementor-element-a299bdf{--width:30%;}.elementor-136 .elementor-element.elementor-element-6653d80{--width:32%;}.elementor-136 .elementor-element.elementor-element-a5bc545{--width:38%;}.elementor-136 .elementor-element.elementor-element-f8fcf31{--width:25%;}.elementor-136 .elementor-element.elementor-element-4029623{--width:25%;}.elementor-136 .elementor-element.elementor-element-b1aa40b{--width:25%;}.elementor-136 .elementor-element.elementor-element-4238943{--width:25%;}}@media(max-width:1024px){.elementor-136 .elementor-element.elementor-element-55134b8::before, .elementor-136 .elementor-element.elementor-element-55134b8 > .elementor-background-video-container::before, .elementor-136 .elementor-element.elementor-element-55134b8 > .e-con-inner > .elementor-background-video-container::before, .elementor-136 .elementor-element.elementor-element-55134b8 > .elementor-background-slideshow::before, .elementor-136 .elementor-element.elementor-element-55134b8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-136 .elementor-element.elementor-element-55134b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:top center;background-size:contain;}}@media(max-width:767px){.elementor-136 .elementor-element.elementor-element-55134b8::before, .elementor-136 .elementor-element.elementor-element-55134b8 > .elementor-background-video-container::before, .elementor-136 .elementor-element.elementor-element-55134b8 > .e-con-inner > .elementor-background-video-container::before, .elementor-136 .elementor-element.elementor-element-55134b8 > .elementor-background-slideshow::before, .elementor-136 .elementor-element.elementor-element-55134b8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-136 .elementor-element.elementor-element-55134b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:center center;background-size:contain;}.elementor-136 .elementor-element.elementor-element-55134b8{--overlay-opacity:0.52;}.elementor-136 .elementor-element.elementor-element-f8fcf31{--width:50%;}.elementor-136 .elementor-element.elementor-element-a23e99a .elementor-icon{font-size:40px;}.elementor-136 .elementor-element.elementor-element-a23e99a .elementor-icon-box-title, .elementor-136 .elementor-element.elementor-element-a23e99a .elementor-icon-box-title a{font-size:14px;}.elementor-136 .elementor-element.elementor-element-4029623{--width:50%;}.elementor-136 .elementor-element.elementor-element-66a2e36 .elementor-icon{font-size:40px;}.elementor-136 .elementor-element.elementor-element-66a2e36 .elementor-icon-box-title, .elementor-136 .elementor-element.elementor-element-66a2e36 .elementor-icon-box-title a{font-size:14px;}.elementor-136 .elementor-element.elementor-element-b1aa40b{--width:50%;}.elementor-136 .elementor-element.elementor-element-bfa2194 .elementor-icon{font-size:40px;}.elementor-136 .elementor-element.elementor-element-bfa2194 .elementor-icon-box-title, .elementor-136 .elementor-element.elementor-element-bfa2194 .elementor-icon-box-title a{font-size:14px;}.elementor-136 .elementor-element.elementor-element-4238943{--width:50%;}.elementor-136 .elementor-element.elementor-element-ae21729 .elementor-icon{font-size:40px;}.elementor-136 .elementor-element.elementor-element-ae21729 .elementor-icon-box-title, .elementor-136 .elementor-element.elementor-element-ae21729 .elementor-icon-box-title a{font-size:14px;}}/* Start custom CSS for woocommerce-product-meta, class: .elementor-element-a8e2b2b */.detail-container{
display: flex;
align-items: center;
font-size: 14px;
font-weight: bold;
color: #1e4d9a;
margin-bottom: 5px;
}

.detail-container a{
padding: 5px 10px;
margin-left: 8px;
margin-bottom: 8px;
display: inline-block;
background: #EE24B5;
border-radius: 7px;
font-size: 0.8em;
}

.detail-container a:hover {
  background-color: #0480DE;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a9862dd */.backinstock-sms-form {
    max-width: 350px;
    margin: 0 auto;
    padding: 8px 12px 8px 12px;
    background: #f9f5ff;
    border-radius: 16px;
    box-shadow: 0 3px 20px 0 rgba(70,32,130,0.07);
    border: 1px solid #e4d4fa;
    font-family: inherit;
}

.backinstock-sms-form label {
    color: #6a289e;
    font-size: 1rem;
    margin-bottom: 8px;
    font-weight: 600;
    display: block;
    letter-spacing: 0.02em;
}

.backinstock-sms-form .bis-flex-row {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}

.backinstock-sms-form input[type="text"] {
    width: 60%;
    min-width: 120px;
    padding: 11px 14px;
    border: 1.5px solid #ceaae6;
    border-radius: 9px;
    font-size: 1rem;
    background: #fff;
    color: #472064;
    outline: none;
    direction: ltr;
    text-align: center; /* Center input text and placeholder */
}

.backinstock-sms-form input[type="text"]:focus {
    border: 1.5px solid #ae25ef;
    background: #faf7ff;
}

.backinstock-sms-form button[type="submit"] {
    width: 38%;
    min-width: 90px;
    padding: 11px 0;
    background: linear-gradient(90deg, #ae25ef 70%, #6628d3 100%);
    color: #fff;
    font-size: 1.07rem;
    border: none;
    border-radius: 9px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(174,37,239,0.10);
    cursor: pointer;
    transition: background .2s, box-shadow .2s;
    letter-spacing: 0.02em;
    margin: 0;
}

.backinstock-sms-form button[type="submit"]:hover {
    background: linear-gradient(90deg, #6628d3 80%, #ae25ef 100%);
    box-shadow: 0 4px 16px rgba(174,37,239,0.18);
}

.backinstock-sms-form ::placeholder {
    color: #b8a3c9;
    font-size: 1rem;
    text-align: center; /* Most browsers respect this */
}

/* Responsive: Stack on mobile */
@media (max-width: 540px) {
    .backinstock-sms-form {
        padding: 15px 6px 8px 6px;
        max-width: 98vw;
    }
    .backinstock-sms-form input[type="text"] {
        width: 60%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-31b0665 *//* ====== Color System ====== */
:root {
  --br-primary: #ae25ef;
  --br-secondary: #ee24b5;
  --br-text: #1f2430;
  --br-muted: #6b7280;
  --br-bg: #ffffff;
  --br-card: #ffffff;
  --br-border: #ece9f1;
  --br-success: #10b981;
  --br-success-deep: #065f46; /* new */
  --br-info: #2563eb;
  --br-grad: linear-gradient(135deg, var(--br-primary) 0%, var(--br-secondary) 100%);
}

/* ====== Base ====== */
.br-wrap { 
  direction: rtl; 
  font-size: 15px; 
  line-height: 1.9; 
  color: var(--br-text);
  background: radial-gradient(1200px 800px at 80% -10%, rgba(174,37,239,.08), transparent 60%),
              radial-gradient(1200px 800px at -10% 110%, rgba(238,36,181,.08), transparent 60%);
  border-radius: 16px;
  padding: clamp(12px, 2vw, 18px);
}

.br-head { 
  display: flex; 
  align-items: center; 
  justify-content: space-between; 
  margin-bottom: 14px; 
  gap: 12px; 
}
.br-title { 
  margin: 0; 
  font-size: clamp(18px, 2vw, 22px); 
  font-weight: 800; 
  letter-spacing: -0.2px;
  background: var(--br-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* ====== Card List ====== */
.br-list { 
  list-style: none; 
  margin: 0; 
  padding: 0; 
  display: grid; 
  gap: 16px; 
}
.br-card { 
  border: 1px solid var(--br-border); 
  background: var(--br-card);
  border-radius: 16px; 
  padding: 16px; 
  box-shadow: 0 8px 20px rgba(174,37,239,.06), 0 2px 8px rgba(238,36,181,.05);
  transition: transform .18s ease, box-shadow .18s ease;
}
.br-card:hover { 
  transform: translateY(-2px); 
  box-shadow: 0 12px 28px rgba(174,37,239,.10), 0 4px 14px rgba(238,36,181,.08);
}

.br-card-head { 
  display: flex; 
  align-items: center; 
  justify-content: space-between; 
  gap: 10px; 
}
.br-author { display:flex; align-items:center; gap:10px; }
.br-author strong { font-weight: 800; }
.br-date { font-size: 12px; color: var(--br-muted); }

.br-badges { display: flex; gap: 6px; flex-wrap: wrap; }
.br-badge { 
  font-size: 12px; 
  background: #f6edfb; 
  color: #6a00a5; 
  padding: 4px 10px; 
  border-radius: 999px; 
  border: 1px solid #eddcf8;
}
.br-badge--verified { background: #ecfdf5; color: #065f46; border-color: #d1fae5; }
.br-badge--top { background: #eef2ff; color: #3730a3; border-color: #e0e7ff; }

.br-meta { 
  display: flex; 
  align-items: center; 
  gap: 12px; 
  margin-top: 8px; 
  flex-wrap: wrap;
}
.br-status strong { font-weight: 700; }

/* ====== Stars (display) ====== */
.br-stars { display: inline-flex; gap: 2px; vertical-align: middle; }
.br-stars .star { 
  width: 18px; height: 18px; display: inline-block; 
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="%23e5d4f6" viewBox="0 0 24 24"><path d="M12 .8l3.6 7.3 8 .9-5.8 5.6 1.4 8-7.2-3.8-7.2 3.8 1.4-8L.4 9l8-.9z"/></svg>') no-repeat center/contain; 
}
.br-stars .star.fill { 
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="%23ee24b5" viewBox="0 0 24 24"><path d="M12 .8l3.6 7.3 8 .9-5.8 5.6 1.4 8-7.2-3.8-7.2 3.8 1.4-8L.4 9l8-.9z"/></svg>');
}

/* ====== Review Content ====== */
.br-content { margin-top: 10px; color: #2a2f3a; }

/* ====== Actions ====== */
.br-actions { display:flex; align-items:center; gap:10px; margin-top:12px; }

/* === Helpful (Like) button with injected emoji (Option B) === */
.br-helpful { 
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--br-border);
  background: #fff;
  padding: 8px 14px;
  border-radius: 999px;
  cursor: pointer;
  font-weight: 600;
  transition: border-color .15s, background .15s, transform .1s, color .15s, box-shadow .15s;
  user-select: none;
  line-height: 1;
  color: var(--br-primary);
  font-size: 14px;
}
.br-helpful::before {
  content: "👍";
  font-size: 16px;
  display: inline-block;
  transform: translateY(1px);
  transition: transform .15s ease, color .15s ease;
}
.br-helpful .cnt{
  font-variant-numeric: tabular-nums;
  transition: transform .15s ease, color .15s ease;
}
.br-helpful:hover {
  transform: translateY(-1px);
  background: rgba(174,37,239,.05);
}
.br-helpful:active { transform: translateY(0); }
.br-helpful.active,
.br-helpful[aria-pressed="true"] {
  background: var(--br-grad);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 6px 16px rgba(174,37,239,.25);
}
.br-helpful.active::before,
.br-helpful[aria-pressed="true"]::before {
  transform: translateY(1px) scale(1.2);
}
.br-helpful.active .cnt,
.br-helpful[aria-pressed="true"] .cnt {
  color: #fff;
  transform: translateY(-1px);
}
/* Disabled while request in-flight */
.br-helpful:disabled{
  opacity: .6;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.br-reply-toggle { 
  background: transparent; 
  border: none; 
  color: var(--br-info); 
  cursor: pointer; 
  padding: 6px 2px;
}

/* ====== Replies ====== */
.br-replies { list-style:none; margin:12px 0 0; padding:0; display:grid; gap:10px; }
.br-reply { 
  background: #fcf7ff; 
  border: 1px solid #f1e6fb; 
  border-radius: 12px; 
  padding: 10px; 
}

/* ====== Pagination ====== */
.br-pagination { display:flex; gap:8px; justify-content:center; margin-top:18px; flex-wrap:wrap; }
.br-page { 
  display:inline-block; 
  padding: 8px 12px; 
  border: 1px solid var(--br-border); 
  border-radius: 999px; 
  text-decoration:none; 
  color: var(--br-text); 
  background: #fff; 
  transition: background .15s, color .15s, transform .1s, box-shadow .15s;
}
.br-page:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(174,37,239,.08); }
.br-page.active { 
  background: var(--br-grad); 
  color: #fff; 
  border-color: transparent; 
  box-shadow: 0 10px 24px rgba(174,37,239,.18);
}

/* ====== Form ====== */
.br-form-wrap { 
  margin-top: 22px; 
  border: 1px solid var(--br-border); 
  border-radius: 16px; 
  background: #fff; 
  padding: 16px;
  box-shadow: 0 6px 16px rgba(0,0,0,.04);
}
.br-form-title { 
  margin: 0 0 12px; 
  font-weight: 800; 
  font-size: clamp(16px, 2vw, 18px);
  color: #2a2f3a;
}
.br-field { margin-bottom: 12px; }
.br-inline { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.br-inline.two > * { flex: 1 1 220px; }
.br-row-inline { display:flex; gap:14px; flex-wrap:wrap; }

/* ====== Star input (clickable) — NO VISIBLE TEXT ====== */
.br-field-rating label { display:block; margin-bottom:6px; }
.br-star-input { display:inline-flex; gap: 6px; }

/* Base star buttons */
.br-star-input button { 
  width: 34px; height: 34px; 
  border: none; 
  background: transparent; 
  cursor: pointer; 
  border-radius: 8px; 
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23cbb3f3" viewBox="0 0 24 24"><path d="M12 .8l3.6 7.3 8 .9-5.8 5.6 1.4 8-7.2-3.8-7.2 3.8 1.4-8L.4 9l8-.9z"/></svg>');
  background-size: 24px 24px; background-repeat: no-repeat; background-position: center;
  box-shadow: inset 0 0 0 1px #e9def8;
  transition: transform .08s ease, box-shadow .15s ease, background-image .15s ease;

  /* Hide any visible text injected by themes */
  font-size: 0 !important; 
  line-height: 0 !important; 
  color: transparent !important; 
  overflow: hidden !important;
}

/* Active star */
.br-star-input button.on { 
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ee24b5" viewBox="0 0 24 24"><path d="M12 .8l3.6 7.3 8 .9-5.8 5.6 1.4 8-7.2-3.8-7.2 3.8 1.4-8L.4 9l8-.9z"/></svg>');
  box-shadow: inset 0 0 0 2px rgba(238,36,181,.35);
}
.br-star-input button:hover { transform: translateY(-1px); box-shadow: inset 0 0 0 1px #d9c4f5; }

/* *** CRITICAL OVERRIDES to stop "۱ از ۵ ستاره ..." text *** */
.br-star-input [aria-label]::before,
.br-star-input [aria-label]::after { content: none !important; }
.br-star-input button::before,
.br-star-input button::after { content: "" !important; }
.br-field-rating .screen-reader-text,
.br-field-rating .sr-only,
.br-field-rating .rating-text,
.br-field-rating .description,
.br-field-rating [class*="screen-reader"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,1px,1px) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
/* Limit nuking to the star rating area only */
.br-field-rating [aria-label]::after,
.br-field-rating [aria-label]::before { content: none !important; }


/* Buttons */
.br-submit, .br-submit-reply { 
  background: var(--br-grad); 
  color: #fff; 
  border: none; 
  padding: 10px 16px; 
  border-radius: 12px; 
  cursor: pointer; 
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(174,37,239,.18);
  transition: transform .12s ease, box-shadow .15s ease;
}
.br-submit:hover, .br-submit-reply:hover { transform: translateY(-1px); box-shadow: 0 14px 30px rgba(174,37,239,.24); }

/* ====== Responsive tweaks ====== */
@media (max-width: 1024px) {
  .br-card { padding: 14px; }
  .br-replies { gap: 8px; }
}
@media (max-width: 640px) {
  .br-wrap { padding: 12px; }
  .br-card { border-radius: 14px; }
  .br-page { padding: 7px 10px; }
  .br-star-input button { width: 32px; height: 32px; background-size: 22px 22px; }
}

/* Nuke Woo/Theme-injected star text block inside our custom form */
.br-wrap .br-form span[role="group"],
.br-wrap .br-form .comment-form-rating,
.br-wrap .br-form .stars,
.br-wrap .br-form .stars a { display: none !important; }
.br-wrap .br-field-rating span[role="group"] { display: none !important; }
.br-wrap .br-form [aria-labeledby="comment-form-rating-label"]::before,
.br-wrap .br-form [aria-labeledby="comment-form-rating-label"]::after { content: none !important; }

/* Default: full width (mobile & tablet remain as is) */
/* On desktop (1025px+), limit width to 80% and center */
@media (min-width: 1025px) {
  .br-fullwidth-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* --- Pretty pill for the reading status on each review card --- */
.br-status-pill{
  display:inline-block;
  font-size:13px;
  line-height:1;
  padding:8px 12px;
  border-radius:999px;
  background: linear-gradient(135deg, #ae25ef 0%, #ee24b5 100%);
  color:#fff;
  box-shadow: 0 6px 18px rgba(174,37,239,.20), 0 2px 8px rgba(238,36,181,.15);
  border: 1px solid rgba(255,255,255,.35);
  vertical-align:middle;
}

/* --- Force "نام" and "ایمیل" to stay on one row, 50% each --- */
.br-form .br-field.br-inline.two{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:12px;
}
.br-form .br-field.br-inline.two > *{
  flex:0 0 50% !important;
  max-width:50% !important;
}

/* --- Force "امتیاز" and "وضعیت مطالعه" to stay on one row, 50% each --- */
.br-form .br-row-inline{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:14px;
}
.br-form .br-row-inline > .br-field{
  flex:0 0 50% !important;
  max-width:50% !important;
}

/* Make sure selects/inputs fill their halves nicely */
.br-form .br-field select,
.br-form .br-field input[type="text"],
.br-form .br-field input[type="email"],
.br-form .br-field textarea{
  width:100%;
  box-sizing:border-box;
}

/* Optional: tighten the rating field’s look when side-by-side */
.br-form .br-field-rating .br-star-input{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
}

/* Keep wrap fallback from earlier rules */
.br-form .br-field-rating .br-star-input { flex-wrap: wrap; }

/* Mobile-first: smaller BOX, similar icon size */
@media (max-width: 480px) {
  .br-form .br-field-rating .br-star-input { gap: 3px; }
  .br-form .br-field-rating .br-star-input button{
    width: 21px; height: 21px;
    background-size: 14px 14px;
    line-height: 0; padding: 0;
    box-shadow: inset 0 0 0 1px #e9def8;
    border-radius: 6px;
  }
}
/* Small tablets can be a touch larger */
@media (min-width: 481px) and (max-width: 768px) {
  .br-form .br-field-rating .br-star-input { gap: 4px; }
  .br-form .br-field-rating .br-star-input button{
    width: 30px; height: 30px;
    background-size: 24px 24px;
    border-radius: 7px;
  }
}

/* -----------------------------------------------------------
   Magical static background (no animations, fast to paint)
   Uses your brand colors for soft glows + starry dots
----------------------------------------------------------- */
.magical-bg-static{
  position: relative;
  background-color:#fff;
  overflow:hidden;
  background-image:
    radial-gradient(900px 650px at 80% -10%, color-mix(in oklab, var(--br-primary) 12%, transparent) 0%, transparent 60%),
    radial-gradient(900px 650px at -10% 110%, color-mix(in oklab, var(--br-secondary) 12%, transparent) 0%, transparent 60%),
    radial-gradient(circle at 50% 50%, #ffffff 0%, #fafafa 60%, #ffffff 100%);
  background-repeat:no-repeat;
}
.magical-bg-static::before{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(circle, color-mix(in oklab, var(--br-primary) 60%, white) 1.1px, transparent 1.2px),
    radial-gradient(circle, color-mix(in oklab, var(--br-secondary) 55%, white) 1px, transparent 1.1px),
    radial-gradient(circle, color-mix(in oklab, var(--br-primary) 40%, var(--br-secondary) 40%) 0.9px, transparent 1px);
  background-size: 120px 120px, 180px 180px, 90px 90px;
  background-position: 0 0, 60px 40px, 30px 75px;
  opacity: .55;
  mask: radial-gradient(120% 120% at 50% 50%, #000 70%, rgba(0,0,0,0.0) 100%);
}
.magical-bg-static::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(circle, color-mix(in oklab, var(--br-primary) 70%, white) 1.6px, transparent 1.7px),
    radial-gradient(circle, color-mix(in oklab, var(--br-secondary) 70%, white) 1.6px, transparent 1.7px);
  background-size: 360px 360px, 420px 420px;
  background-position: 20% 30%, 80% 70%;
  opacity:.35;
}
@media (max-width:480px){
  .magical-bg-static::before{
    background-size: 90px 90px, 140px 140px, 70px 70px;
  }
}

/* Owner reply: stand out + sparkly background */
.br-reply--owner {
  border-radius: 14px;
  border: 1px solid rgba(174,37,239,.18);
  box-shadow: 0 8px 22px rgba(174,37,239,.10), 0 2px 10px rgba(238,36,181,.08);
  position: relative;
  overflow: hidden;
  padding: 12px;
}

/* Emphasize owner display name "هرخوان" */
.br-owner-name{
  font-weight: 900;
  letter-spacing: -.2px;
  background: linear-gradient(135deg, #ae25ef, #ee24b5);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Reply (پاسخ) -> minimal icon button */
.br-reply-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid var(--br-border);
  background:#fff;
  color: var(--br-primary);
  cursor:pointer;
  transition: background .15s, box-shadow .15s, transform .1s, color .15s, border-color .15s;
  line-height:1;
}

/* Chat bubble SVG using currentColor so it inherits theme color */
.br-reply-toggle::before{
  content:"";
  width:16px; height:16px;
  display:inline-block;
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" stroke="currentColor" fill="none" viewBox="0 0 24 24"><path d="M7 17.5 3 21V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H7z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.br-reply-toggle:hover{
  background: rgba(174,37,239,.06);
  border-color: color-mix(in oklab, var(--br-primary) 25%, var(--br-border));
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(174,37,239,.15);
}
.br-reply-toggle:active{ transform: translateY(0); }

.br-reply-toggle .br-reply-count[data-count="0"]{ display:none; }

.br-subtitle { margin:6px 0 12px; font-size:.9em; color:var(--br-muted); }/* End custom CSS */