.elementor-277 .elementor-element.elementor-element-e255f58{--display:flex;}.elementor-277 .elementor-element.elementor-element-b9696f4{--display:flex;}.elementor-277 .elementor-element.elementor-element-577ea43{--display:flex;}.elementor-277 .elementor-element.elementor-element-907dbef{--display:flex;}.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-277 .elementor-element.elementor-element-ea5606e > .elementor-widget-container{padding:0px 0px 0px 10px;border-style:solid;border-width:0px 0px 0px 1px;border-color:#D4D4D4;border-radius:0px 0px 0px 0px;}.elementor-277 .elementor-element.elementor-element-ea5606e{text-align:justify;}.elementor-277 .elementor-element.elementor-element-ea5606e .elementor-heading-title{font-family:"iranyekanwebregular", Sans-serif;font-size:12px;font-weight:600;line-height:20px;color:var( --e-global-color-c29b211 );}.elementor-277 .elementor-element.elementor-element-674500a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-277 .elementor-element.elementor-element-674500a.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.woocommerce .elementor-widget-woocommerce-product-price .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-277 .elementor-element.elementor-element-d008734.elementor-element{--flex-grow:1;--flex-shrink:0;}.woocommerce .elementor-277 .elementor-element.elementor-element-d008734 .price{color:var( --e-global-color-c29b211 );font-family:"iranyekanwebregular", Sans-serif;font-size:14px;font-weight:600;}.elementor-277 .elementor-element.elementor-element-01a9d88{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-277 .elementor-element.elementor-element-4fdb876 .elementor-button{background-color:#FFFFFF00;font-family:"iranyekanweblight", Sans-serif;font-size:12px;font-weight:900;fill:var( --e-global-color-c29b211 );color:var( --e-global-color-c29b211 );transition-duration:0.3s;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-c29b211 );border-radius:50px 50px 50px 50px;padding:9px 12px 9px 12px;}.elementor-277 .elementor-element.elementor-element-4fdb876 .elementor-button:hover, .elementor-277 .elementor-element.elementor-element-4fdb876 .elementor-button:focus{background-color:var( --e-global-color-c29b211 );color:#FFFFFF;border-color:var( --e-global-color-c29b211 );}.elementor-277 .elementor-element.elementor-element-4fdb876 .elementor-button:hover svg, .elementor-277 .elementor-element.elementor-element-4fdb876 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-277 .elementor-element.elementor-element-30b06fb{--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;}.elementor-277 .elementor-element.elementor-element-27a03ba .elementor-heading-title{font-family:"iranyekanwebmedium", Sans-serif;font-size:26px;font-weight:600;line-height:36px;color:var( --e-global-color-c29b211 );}.elementor-277 .elementor-element.elementor-element-80e68bd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:13px 13px;--row-gap:13px;--column-gap:13px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;--padding-top:0px;--padding-bottom:12px;--padding-left:0px;--padding-right:0px;}.elementor-277 .elementor-element.elementor-element-f20174a > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-277 .elementor-element.elementor-element-f20174a{text-align:justify;}.elementor-277 .elementor-element.elementor-element-f20174a .elementor-heading-title{font-family:"iranyekanwebregular", Sans-serif;font-size:13px;font-weight:900;line-height:20px;color:#434343;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-277 .elementor-element.elementor-element-9adcf9d .elementor-icon-wrapper{text-align:center;}.elementor-277 .elementor-element.elementor-element-9adcf9d.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-277 .elementor-element.elementor-element-9adcf9d.elementor-view-framed .elementor-icon, .elementor-277 .elementor-element.elementor-element-9adcf9d.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-277 .elementor-element.elementor-element-9adcf9d.elementor-view-framed .elementor-icon, .elementor-277 .elementor-element.elementor-element-9adcf9d.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-277 .elementor-element.elementor-element-9adcf9d .elementor-icon{font-size:12px;}.elementor-277 .elementor-element.elementor-element-9adcf9d .elementor-icon svg{height:12px;}.elementor-277 .elementor-element.elementor-element-69a5cc0 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-277 .elementor-element.elementor-element-69a5cc0{text-align:justify;}.elementor-277 .elementor-element.elementor-element-69a5cc0 .elementor-heading-title{font-family:"iranyekanwebregular", Sans-serif;font-size:13px;font-weight:900;line-height:20px;color:#434343;}.elementor-277 .elementor-element.elementor-element-00731ac{--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;}.elementor-277 .elementor-element.elementor-element-452682d{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 21px -12px rgba(0,0,0,0.5);--padding-top:10px;--padding-bottom:15px;--padding-left:10px;--padding-right:10px;}.elementor-277 .elementor-element.elementor-element-452682d:not(.elementor-motion-effects-element-type-background), .elementor-277 .elementor-element.elementor-element-452682d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-277 .elementor-element.elementor-element-3508ea9{--e-image-carousel-slides-to-show:4;}.elementor-277 .elementor-element.elementor-element-3508ea9.elementor-element{--order:-99999 /* order start hack */;}.elementor-277 .elementor-element.elementor-element-3508ea9 .swiper-wrapper{display:flex;align-items:center;}.elementor-277 .elementor-element.elementor-element-6836d5c.elementor-element{--align-self:center;}.elementor-277 .elementor-element.elementor-element-2f8d36d{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-277 .elementor-element.elementor-element-fbc6474{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:13px 13px;--row-gap:13px;--column-gap:13px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#AAAAAA;--border-color:#AAAAAA;--padding-top:0px;--padding-bottom:12px;--padding-left:0px;--padding-right:0px;}.elementor-277 .elementor-element.elementor-element-e9dba19 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-277 .elementor-element.elementor-element-e9dba19{text-align:justify;}.elementor-277 .elementor-element.elementor-element-e9dba19 .elementor-heading-title{font-family:"iranyekanwebregular", Sans-serif;font-size:13px;font-weight:900;line-height:20px;color:#434343;}.elementor-277 .elementor-element.elementor-element-4a87743 .elementor-icon-wrapper{text-align:center;}.elementor-277 .elementor-element.elementor-element-4a87743.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-277 .elementor-element.elementor-element-4a87743.elementor-view-framed .elementor-icon, .elementor-277 .elementor-element.elementor-element-4a87743.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-277 .elementor-element.elementor-element-4a87743.elementor-view-framed .elementor-icon, .elementor-277 .elementor-element.elementor-element-4a87743.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-277 .elementor-element.elementor-element-4a87743 .elementor-icon{font-size:12px;}.elementor-277 .elementor-element.elementor-element-4a87743 .elementor-icon svg{height:12px;}.elementor-277 .elementor-element.elementor-element-dd373ee > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-277 .elementor-element.elementor-element-3e2677d{--display:flex;--gap:21px 21px;--row-gap:21px;--column-gap:21px;--padding-top:14px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-277 .elementor-element.elementor-element-3e2677d.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-277 .elementor-element.elementor-element-b69e26e{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--align-items:center;--border-radius:18px 18px 18px 18px;box-shadow:0px 0px 15px -8px rgba(0,0,0,0.5);--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:20px;}.elementor-277 .elementor-element.elementor-element-b69e26e:not(.elementor-motion-effects-element-type-background), .elementor-277 .elementor-element.elementor-element-b69e26e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-277 .elementor-element.elementor-element-40340bf .elementor-icon-wrapper{text-align:center;}.elementor-277 .elementor-element.elementor-element-40340bf.elementor-view-stacked .elementor-icon{background-color:#4A4A4A;}.elementor-277 .elementor-element.elementor-element-40340bf.elementor-view-framed .elementor-icon, .elementor-277 .elementor-element.elementor-element-40340bf.elementor-view-default .elementor-icon{color:#4A4A4A;border-color:#4A4A4A;}.elementor-277 .elementor-element.elementor-element-40340bf.elementor-view-framed .elementor-icon, .elementor-277 .elementor-element.elementor-element-40340bf.elementor-view-default .elementor-icon svg{fill:#4A4A4A;}.elementor-277 .elementor-element.elementor-element-40340bf .elementor-icon{font-size:32px;}.elementor-277 .elementor-element.elementor-element-40340bf .elementor-icon svg{height:32px;}.elementor-277 .elementor-element.elementor-element-09f90c7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-277 .elementor-element.elementor-element-09f90c7{text-align:justify;}.elementor-277 .elementor-element.elementor-element-09f90c7 .elementor-heading-title{font-family:"iranyekanwebregular", Sans-serif;font-size:13px;font-weight:600;line-height:20px;color:var( --e-global-color-c29b211 );}.elementor-277 .elementor-element.elementor-element-b6c932a{--display:flex;}.elementor-277 .elementor-element.elementor-element-f0624be{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-277 .elementor-element.elementor-element-801d26f .elementor-icon-wrapper{text-align:center;}.elementor-277 .elementor-element.elementor-element-19c4243{text-align:start;}.elementor-277 .elementor-element.elementor-element-19c4243 .elementor-heading-title{font-family:"iranyekanwebregular", Sans-serif;font-size:14px;font-weight:600;line-height:36px;color:#595959;}.elementor-277 .elementor-element.elementor-element-84d6672{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-277 .elementor-element.elementor-element-66e97a9 .elementor-icon-wrapper{text-align:center;}.elementor-277 .elementor-element.elementor-element-8bc214b{text-align:start;}.elementor-277 .elementor-element.elementor-element-8bc214b .elementor-heading-title{font-family:"iranyekanwebregular", Sans-serif;font-size:14px;font-weight:600;line-height:36px;color:#595959;}.elementor-277 .elementor-element.elementor-element-3604da9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-277 .elementor-element.elementor-element-fc6a277 .elementor-icon-wrapper{text-align:center;}.elementor-277 .elementor-element.elementor-element-453eaf6{text-align:start;}.elementor-277 .elementor-element.elementor-element-453eaf6 .elementor-heading-title{font-family:"iranyekanwebregular", Sans-serif;font-size:14px;font-weight:600;line-height:36px;color:#595959;}.elementor-277 .elementor-element.elementor-element-fea5bc6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:9px 9px;--row-gap:9px;--column-gap:9px;}.elementor-277 .elementor-element.elementor-element-fea5bc6.e-con{--order:99999 /* order end hack */;}.elementor-277 .elementor-element.elementor-element-6a119b4{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-277 .elementor-element.elementor-element-3d47a0a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-277 .elementor-element.elementor-element-2b0889e > .elementor-widget-container{padding:0px 0px 0px 10px;border-style:solid;border-width:0px 0px 0px 1px;border-color:#D4D4D4;border-radius:0px 0px 0px 0px;}.elementor-277 .elementor-element.elementor-element-2b0889e{text-align:justify;}.elementor-277 .elementor-element.elementor-element-2b0889e .elementor-heading-title{font-family:"iranyekanwebregular", Sans-serif;font-size:14px;font-weight:600;line-height:20px;color:var( --e-global-color-c29b211 );}.elementor-277 .elementor-element.elementor-element-372d007 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-277 .elementor-element.elementor-element-372d007.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-277 .elementor-element.elementor-element-723d5fb{--divider-border-style:solid;--divider-color:#AAAAAA;--divider-border-width:1px;}.elementor-277 .elementor-element.elementor-element-723d5fb .elementor-divider-separator{width:100%;}.elementor-277 .elementor-element.elementor-element-723d5fb .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-277 .elementor-element.elementor-element-2537c33{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-end;--align-items:center;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-277 .elementor-element.elementor-element-2537c33.e-con{--align-self:flex-start;}.elementor-277 .elementor-element.elementor-element-681464b{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-end;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-277 .elementor-element.elementor-element-ba2a468 .elementor-button{background-color:#FFFFFF00;font-family:"iranyekanweblight", Sans-serif;font-size:12px;font-weight:900;fill:var( --e-global-color-c29b211 );color:var( --e-global-color-c29b211 );transition-duration:0.3s;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-c29b211 );border-radius:50px 50px 50px 50px;padding:9px 12px 9px 12px;}.elementor-277 .elementor-element.elementor-element-ba2a468 .elementor-button:hover, .elementor-277 .elementor-element.elementor-element-ba2a468 .elementor-button:focus{background-color:var( --e-global-color-c29b211 );color:#FFFFFF;border-color:var( --e-global-color-c29b211 );}.elementor-277 .elementor-element.elementor-element-ba2a468 .elementor-button:hover svg, .elementor-277 .elementor-element.elementor-element-ba2a468 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-277 .elementor-element.elementor-element-2472162{--display:flex;}.elementor-277 .elementor-element.elementor-element-2f0c91e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-277 .elementor-element.elementor-element-ec18098 .elementor-icon-wrapper{text-align:center;}.elementor-277 .elementor-element.elementor-element-f99e347{text-align:start;}.elementor-277 .elementor-element.elementor-element-f99e347 .elementor-heading-title{font-family:"iranyekanwebregular", Sans-serif;font-size:14px;font-weight:600;line-height:36px;color:#595959;}.elementor-277 .elementor-element.elementor-element-e24e213{--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-277 .elementor-element.elementor-element-c59da90{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--align-items:center;--border-radius:18px 18px 18px 18px;box-shadow:0px 0px 15px -8px rgba(0,0,0,0.5);}.elementor-277 .elementor-element.elementor-element-c59da90:not(.elementor-motion-effects-element-type-background), .elementor-277 .elementor-element.elementor-element-c59da90 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-277 .elementor-element.elementor-element-c59da90.e-con{--order:-99999 /* order start hack */;}.elementor-277 .elementor-element.elementor-element-d48bed6{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-277 .elementor-element.elementor-element-089a9a3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-277 .elementor-element.elementor-element-0b65112{width:var( --container-widget-width, 22% );max-width:22%;--container-widget-width:22%;--container-widget-flex-grow:0;}.elementor-277 .elementor-element.elementor-element-0b65112 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-277 .elementor-element.elementor-element-23d242d{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-end;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-277 .elementor-element.elementor-element-f58007b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-277 .elementor-element.elementor-element-d1a545c{width:var( --container-widget-width, 22% );max-width:22%;--container-widget-width:22%;--container-widget-flex-grow:0;}.elementor-277 .elementor-element.elementor-element-d1a545c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-277 .elementor-element.elementor-element-367db84{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-end;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-277 .elementor-element.elementor-element-60a1cd0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-277 .elementor-element.elementor-element-221ddb3{width:var( --container-widget-width, 22% );max-width:22%;--container-widget-width:22%;--container-widget-flex-grow:0;}.elementor-277 .elementor-element.elementor-element-221ddb3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-277 .elementor-element.elementor-element-d5b35a5{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-end;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-277 .elementor-element.elementor-element-3c7446f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-277 .elementor-element.elementor-element-89a9d84{width:var( --container-widget-width, 22% );max-width:22%;--container-widget-width:22%;--container-widget-flex-grow:0;}.elementor-277 .elementor-element.elementor-element-89a9d84 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-277 .elementor-element.elementor-element-afa6460{--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-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-277 .elementor-element.elementor-element-b54ac5e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-277 .elementor-element.elementor-element-14ba2e3 .elementor-heading-title{font-family:"iranyekanwebregular", Sans-serif;font-size:21px;font-weight:700;color:#000000;}.elementor-277 .elementor-element.elementor-element-0906d1c{--display:flex;}.elementor-277 .elementor-element.elementor-element-32f95db{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-277 .elementor-element.elementor-element-d19f1de{text-align:justify;font-family:"iranyekanwebmedium", Sans-serif;font-size:14px;font-weight:500;line-height:2em;color:#4A4A4A;}.elementor-277 .elementor-element.elementor-element-91955a7{--display:flex;}.elementor-277 .elementor-element.elementor-element-0465054{--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-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-277 .elementor-element.elementor-element-a95f2e4{--grid-columns:3;--e-loop-nothing-found-message-color:#262626;}.elementor-277 .elementor-element.elementor-element-a95f2e4 .e-loop-nothing-found-message__text{font-family:"iranyekanwebregular", Sans-serif;font-size:14px;}.elementor-277 .elementor-element.elementor-element-b5d9ad4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-277 .elementor-element.elementor-element-96b5eb2{--display:flex;}.elementor-277 .elementor-element.elementor-element-c513703{--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-277 .elementor-element.elementor-element-a7043a6{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:50px;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:0px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#757575;--n-tabs-title-color-active:#000000;}.elementor-277 .elementor-element.elementor-element-a7043a6 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FF000000;}.elementor-277 .elementor-element.elementor-element-a7043a6.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FF000000;}.elementor-277 .elementor-element.elementor-element-a7043a6.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-277 .elementor-element.elementor-element-a7043a6.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FF000000;}.elementor-277 .elementor-element.elementor-element-a7043a6.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"iranyekanwebmedium", Sans-serif;font-weight:500;}.elementor-277 .elementor-element.elementor-element-a7043a6 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#4E4E4E;}.elementor-277 .elementor-element.elementor-element-7b6972e{--display:flex;}@media(min-width:768px){.elementor-277 .elementor-element.elementor-element-2537c33{--width:100%;}.elementor-277 .elementor-element.elementor-element-c59da90{--width:100%;}}@media(max-width:1024px){.elementor-277 .elementor-element.elementor-element-4fdb876 .elementor-button{padding:8px 10px 8px 10px;}.elementor-277 .elementor-element.elementor-element-27a03ba .elementor-heading-title{font-size:22px;}.elementor-277 .elementor-element.elementor-element-452682d.e-con{--align-self:flex-start;}.elementor-277 .elementor-element.elementor-element-3508ea9{--e-image-carousel-slides-to-show:3;}.elementor-277 .elementor-element.elementor-element-19c4243 .elementor-heading-title{font-size:12px;}.elementor-277 .elementor-element.elementor-element-8bc214b .elementor-heading-title{font-size:12px;}.elementor-277 .elementor-element.elementor-element-453eaf6 .elementor-heading-title{font-size:12px;}.elementor-277 .elementor-element.elementor-element-ba2a468 .elementor-button{padding:8px 10px 8px 10px;}.elementor-277 .elementor-element.elementor-element-f99e347 .elementor-heading-title{font-size:12px;}.elementor-277 .elementor-element.elementor-element-c59da90{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-277 .elementor-element.elementor-element-a95f2e4{--grid-columns:3;}}@media(max-width:767px){.elementor-277 .elementor-element.elementor-element-b9696f4{--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:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-277 .elementor-element.elementor-element-577ea43{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-277 .elementor-element.elementor-element-907dbef{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-277 .elementor-element.elementor-element-674500a.elementor-element{--align-self:flex-start;}.elementor-277 .elementor-element.elementor-element-01a9d88{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-277 .elementor-element.elementor-element-4fdb876 .elementor-button{font-size:10px;}.elementor-277 .elementor-element.elementor-element-30b06fb{--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:120px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-277 .elementor-element.elementor-element-27a03ba .elementor-heading-title{font-size:16px;line-height:1.7em;}.elementor-277 .elementor-element.elementor-element-80e68bd{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-277 .elementor-element.elementor-element-00731ac{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-277 .elementor-element.elementor-element-452682d.e-con{--order:99999 /* order end hack */;}.elementor-277 .elementor-element.elementor-element-3508ea9{--e-image-carousel-slides-to-show:4;}.elementor-277 .elementor-element.elementor-element-2f8d36d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-277 .elementor-element.elementor-element-3e2677d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-277 .elementor-element.elementor-element-19c4243 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-277 .elementor-element.elementor-element-19c4243 .elementor-heading-title{font-size:11px;}.elementor-277 .elementor-element.elementor-element-8bc214b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-277 .elementor-element.elementor-element-8bc214b .elementor-heading-title{font-size:11px;}.elementor-277 .elementor-element.elementor-element-453eaf6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-277 .elementor-element.elementor-element-453eaf6 .elementor-heading-title{font-size:11px;}.elementor-277 .elementor-element.elementor-element-f99e347 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-277 .elementor-element.elementor-element-f99e347 .elementor-heading-title{font-size:11px;}.elementor-277 .elementor-element.elementor-element-d48bed6{--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;}.elementor-277 .elementor-element.elementor-element-0b65112{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;}.elementor-277 .elementor-element.elementor-element-23d242d{--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;}.elementor-277 .elementor-element.elementor-element-d1a545c{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;}.elementor-277 .elementor-element.elementor-element-367db84{--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;}.elementor-277 .elementor-element.elementor-element-221ddb3{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;}.elementor-277 .elementor-element.elementor-element-d5b35a5{--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;}.elementor-277 .elementor-element.elementor-element-89a9d84{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;}.elementor-277 .elementor-element.elementor-element-14ba2e3 .elementor-heading-title{font-size:12px;}.elementor-277 .elementor-element.elementor-element-a95f2e4{--grid-columns:2;}.elementor-277 .elementor-element.elementor-element-a7043a6{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:17px;--n-tabs-gap:18px;--n-tabs-title-font-size:12px;}}/* Start custom CSS for html, class: .elementor-element-9a7963a *//* ========================================= */
/* استایل‌های پایه (دسکتاپ) */
/* ========================================= */

.add-to-cart-popup-overlay {
    display: none !important;
    position: fixed;
    z-index: 10000 !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.65) !important;
    justify-content: center;
    align-items: center;
    padding: 15px;
    box-sizing: border-box;
}

.add-to-cart-popup-overlay.is-active {
    display: flex !important;
    animation: fadeIn 0.3s ease-out;
}

.add-to-cart-popup-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
    width: 100%;
    max-width: 700px;      
    margin: auto;
    padding: 30px;         
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 25px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    animation: slideInTop 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    font-family: "iranyekanwebregular", sans-serif;
    box-sizing: border-box;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideInTop {
    from { transform: translateY(-50px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/* هدر */
.popup-header {
    display: flex;
    justify-content: center;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #f1f1f1;
}

.popup-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #212529;
}

/* بدنه */
.product-info-wrapper {
    display: flex;
    align-items: center;
    gap: 25px;
}

.popup-product-thumbnail {
    width: 160px;
    height: auto;
    object-fit: contain;
    border-radius: 10px;
    border: 1px solid #eee;
}

/* متن‌ها (پیش‌فرض دسکتاپ) */
.product-details-container p,
.order-date-info-output p {
    margin: 0 !important;
    padding: 3px 0 !important;
    font-size: 15px !important;
    color: #777 !important;
    line-height: 1.8em;
}

.popup-product-name-content,
.popup-product-price-content,
.popup-product-quantity-content,
.popup-total-price-content,
.popup-order-date-content {
    display: inline;
    font-weight: 700 !important;
    color: #000 !important;
    margin-right: 5px;
}

/* فوتر */
.popup-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    border-top: 1px solid #f1f1f1;
}

.order-date-info-output p {
    font-size: 13px !important;
}

.popup-buttons-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
}

.popup-close-btn {
    color: #555;
    opacity: 0.7;
    transition: 0.3s ease;
    background: none;
    border: none;
    cursor: pointer !important;
    font-size: 14px;
}

.popup-close-btn:hover {
    opacity: 1;    
    color: black;
}

.popup-checkout-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 25px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer !important;
    border: 1px solid black;
    border-radius: 50px;
    color: white;
    background: black;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
}

.popup-checkout-btn:hover {
    background: #333;
    border-color: #333;
    transform: translateY(-2px);
}

/* ========================================= */
/* ریسپانسیو تبلت (Max-Width: 1024px) */
/* ========================================= */
@media only screen and (max-width: 1024px) {
    .add-to-cart-popup-content {
        max-width: 85% !important;
        padding: 25px !important;
    }
    .popup-product-thumbnail {
        width: 130px !important;
    }
}

/* ========================================= */
/* ریسپانسیو موبایل (Max-Width: 767px) */
/* ========================================= */
@media only screen and (max-width: 767px) {
    
    .add-to-cart-popup-content {
        width: 88% !important;
        padding: 15px !important;
        gap: 15px !important;
        border-radius: 18px !important;
    }

    .popup-header {
        padding-bottom: 10px !important;
    }
    .popup-header h3 {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }

    /* تنظیمات بدنه */
    .product-info-wrapper {
        flex-direction: column !important;
        align-items: center !important;
        gap: 15px !important;
        width: 100% !important;
    }

    /* تصویر بزرگ */
    .popup-product-thumbnail {
        width: 150px !important;
        height: auto !important;
        object-fit: contain !important;
        border: none !important;
    }

    .product-details-container {
        width: 100% !important;
        background-color: #f8f9fa !important;
        padding: 12px !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
        text-align: center !important;
        border: 1px dashed #e0e0e0 !important;
    }

    /* 👇👇👇 بخش مهم اصلاح شده 👇👇👇 */
    
    /* اینجا مستقیماً به تگ‌های P که کلاس‌های خروجی دارند دستور می‌دهیم */
    /* این کار باعث می‌شود متن‌هایی مثل "نام محصول:" یا "قیمت واحد:" کوچک شوند */
    .product-details-container p.popup-product-name-output,
    .product-details-container p.popup-product-price-output,
    .product-details-container p.popup-product-quantity-output,
    .product-details-container p.popup-total-price-output {
        font-size: 11px !important; /* سایز کل خط */
        line-height: 1.8em !important;
        margin-bottom: 5px !important;
        color: #555 !important;
    }

    /* حالا برای اطمینان، به فرزندان داخلش هم می‌گوییم همین سایز باشند */
    .product-details-container p span,
    .product-details-container p bdi,
    .product-details-container p strong,
    .product-details-container p .amount {
        font-size: 11px !important; /* سایز مقادیر */
        font-weight: 700 !important;
        color: #000 !important;
    }
    
    /* 👆👆👆 پایان بخش اصلاح شده 👆👆👆 */

    .product-details-container p:last-child {
        margin-bottom: 0 !important;
    }

    /* فوتر */
    .popup-footer {
        flex-direction: column !important;
        gap: 10px !important;
        padding-top: 15px !important;
        width: 100% !important;
    }

    .popup-buttons-wrapper {
        width: 100% !important;
        flex-direction: column-reverse !important;
        gap: 10px !important;
    }

    .popup-checkout-btn {
        width: 100% !important;
        padding: 12px !important;
        font-size: 14px !important;
        border-radius: 10px !important;
    }

    .popup-close-btn {
        font-size: 13px !important;
        padding: 5px !important;
    }
    
    .order-date-info-output {
        margin-top: 5px !important;
    }
    
    /* تاریخ هم اینجا کوچک می‌شود */
    .order-date-info-output p {
        font-size: 10px !important;
        color: #bbb !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-00f224d *//* استایل‌های پاپ‌آپ موفقیت افزودن به سبد خرید */

/* لایه اصلی و پس‌زمینه */

.add-to-cart-popup-overlay {
    display: none !important;
    position: fixed;
    z-index: 10000 !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.65) !important;
    justify-content: center;
    align-items: center;
}

.add-to-cart-popup-overlay.is-active {
    display: flex !important;
    animation: fadeIn 0.3s ease-out;
}

/* کادر محتوای پاپ‌آپ */
.add-to-cart-popup-content {
 
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
    width: 100%;
    max-width: 700px;      
    margin: auto;
    padding: 30px;         
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    animation: slideInTop 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
   font-family: "iranyekanwebregular";
}

/* انیمیشن‌ها */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideInTop {
    from { transform: translateY(-50px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/* هدر پاپ‌آپ */
.popup-header {
    display: flex;
    justify-content: center;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9ecef;
}

.popup-header h3 {
    margin: 0;
    font-size: 21px;
    font-weight: 700;
    color: #212529;
}

/* بدنه اصلی پاپ‌آپ */
.product-info-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.popup-product-thumbnail {
    width: 180px;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

/* متن‌ها */
.product-details-container p,
.order-date-info-output p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    color: #6c757d !important;
    line-height: 2em;
}

.popup-product-name-content,
.popup-product-price-content,
.popup-product-quantity-content,
.popup-total-price-content,
.popup-order-date-content {
    display: inline;
    font-weight: 600 !important;
    color: #212529 !important;
    margin-right: 5px;
}

/* فوتر و دکمه‌ها */
.popup-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    border-top: 1px solid #e9ecef;
}

.order-date-info-output p {
    font-size: 0.85em !important;
}

.popup-buttons-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* دکمه بستن */
.popup-close-btn {
    
    color: black;      /* ⬅ فقط مشکی */
    opacity: 0.5;      /* ⬅ حالت عادی */
    transition: 0.3s ease;
    background: none;
    border: none;
    cursor: pointer !important;
    font-size: 0.95em;
}

.popup-close-btn:hover {
    opacity: 1;    
    color: black;
    background: none;
    border: none; 
    transition: 0.3s ease;

}

/* دکمه ادامه خرید */
.popup-checkout-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer !important;
    border: 1px solid black;
    border-radius: 50px;
    color: black;
    background: white;
    transition: all 0.3s ease-in-out;
}

.popup-checkout-btn:hover {
    border: 1px solid black;
    color: white;
    background: black;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-674500a *//* استایل برای نگهدارنده اصلی سواتچ‌ها */
.single-product-color-swatches {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;

}

/* استایل پایه برای هر دایره رنگی */
.single-color-swatch-circle {
    width: 21px;
    height: 21px;
    border-radius: 50%; /* این کد شکل دایره را ایجاد می‌کند */
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    border: 1px solid transparent; /* یک حاشیه نامرئی برای جلوگیری از پرش در زمان فعال شدن */
}

/* استایل برای دایره‌ای که فعال یا انتخاب شده است */
/* نکته: کلاس .active باید توسط جاوا اسکریپت هنگام کلیک اضافه و حذف شود */
.single-color-swatch-circle.active {
    border: 1px solid #000;
    box-shadow: none;
    transform: scale(0.9);
}

/* استایل برای زمانی که موس روی دایره قرار می‌گیرد */
.single-color-swatch-circle:hover {
    box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-price, class: .elementor-element-d008734 */p.price {
    margin: 0px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-caf3c18 */.product-quantity-style {
    display: flex;
    align-items: center;
    height: 28px;
    border: 1px solid #000;
    border-radius: 50px;
    overflow: hidden;

}

.product-quantity-style .quantity-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 8px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    font-size: 13px;
    font-weight: medium;
    font-family: yekan, sans-serif;
    color: #000;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.product-quantity-style .quantity-button:hover {
    background-color: #000;
    color: #fff;
}

.quantity-minus-style {
    border-right: 1px solid #000;
}

.quantity-plus-style {
    border-left: 1px solid #000;
}

.product-quantity-style .quantity-input {
    width: 32px;
    padding: 0px;
    height: 100%;
    text-align: center;
    border: none;
    outline: none;
    font-size: 13px;
    background-color: transparent;
    color: #000;
    font-family: yekan, sans-serif;
    -moz-appearance: textfield;
}

.product-quantity-style .quantity-input::-webkit-outer-spin-button,
.product-quantity-style .quantity-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4fdb876 *//*استایل دکمه غیرفعال افزودن به سبد خرید*/
.single-product-add-to-cart-widget a.elementor-button.disabled-button-swatch {
    pointer-events: none !important;
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    background-color: #ccc !important;
    color: #888 !important;
    border: 1px solid #888 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9696f4 *//* ===========================
   Mobile Floating Product Bar
   تغییر فاصله از بالا بعد از اسکرول
=========================== */
@media (max-width: 767px) {

    .mobile-floating-product-bar {
        position: fixed;
        top: calc(70px + 15px);  /* حالت اولیه قبل از اسکرول */
        left: 50%;
        transform: translateX(-50%);

        width: calc(100% - 28px);
        height: auto;
        margin-top: 0;

        background:
            radial-gradient(
                120% 120% at 20% 0%,
                rgba(255,255,255,0.9),
                rgba(245,245,247,0.75),
                rgba(255,255,255,0.6)
            ),
            linear-gradient(
                135deg,
                rgba(255,255,255,0.65),
                rgba(240,240,240,0.45)
            );

        backdrop-filter: blur(18px) saturate(180%);
        -webkit-backdrop-filter: blur(18px) saturate(180%);

        border-radius: 18px;
        border: 1px solid rgba(0,0,0,0.06);

        box-shadow:
            0 20px 40px rgba(0,0,0,0.10),
            0 4px 12px rgba(0,0,0,0.06),
            inset 0 1px 0 rgba(255,255,255,0.8);

        padding: 14px 16px;
        z-index: 998;

        transition: top 0.35s ease; /* برای انیمیشن تبدیل نرم */
    }

    /* حالت بعد از اسکرول کمی */
    .mobile-floating-product-bar.scrolled {
        top: 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6836d5c *//* استایل پایه (پیش‌فرض) */
.product-loop-image-wrapper img,
.product-loop-main-image {
    width: 100%;
    height: 350px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

/* موبایل (تا 767px) */
@media (max-width: 767px) {
    .product-loop-image-wrapper img,
    .product-loop-main-image {
        height: 220px;
    }
}

/* تبلت عمودی (768px تا 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
    .product-loop-image-wrapper img,
    .product-loop-main-image {
        height: 280px;
    }
}

/* لپ‌تاپ (1024px تا 1365px) */
@media (min-width: 1024px) and (max-width: 1365px) {
    .product-loop-image-wrapper img,
    .product-loop-main-image {
        height: 320px;
    }
}

/* دسکتاپ عریض (1366px به بالا) */
@media (min-width: 1366px) {
    .product-loop-image-wrapper img,
    .product-loop-main-image {
        height: 360px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dd373ee *//* --- کانتینر لینک‌ها (h6 داخل subcategory-product) --- */
.subcategory-product .elementor-heading-title {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    background: #F5F5F7 !important; /* رنگ زمینه خاکستری */
    padding: 4px 6px !important;
    border-radius: 50px !important;
    border: 1px solid rgba(0, 0, 0, 0.04) !important;
    gap: 5px !important; /* فاصله بین لینک‌ها */
    position: relative;
    width: fit-content;
    margin: 0 auto !important;
}

/* --- لینک‌های هر زیرشاخه --- */
.subcategory-product .elementor-heading-title a {
    background: transparent !important;
    border: none !important;
    border-radius: 40px !important;
    padding: 8px 16px !important;
    color: #86868b !important;
    font-family: "iranyekanwebregular", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* --- هاور روی لینک‌ها --- */
.subcategory-product .elementor-heading-title a:hover {
    color: #1d1d1f !important;
    background: rgba(0, 0, 0, 0.05) !important;
}

/* --- لینک فعال --- */
.subcategory-product .elementor-heading-title a.active,
.subcategory-product .elementor-heading-title a[aria-pressed="true"] {
    background: #FFFFFF !important;
    color: #1d1d1f !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12),
                0 0 1px rgba(0, 0, 0, 0.05) !important;
    transform: scale(1.05);
}

/* ============================= */
/* 📱 موبایل (max-width: 767px) */
/* ============================= */
@media (max-width: 767px) {
    .subcategory-product .elementor-heading-title {
        gap: 8px !important;
        padding: 6px 10px !important;
        border-radius: 40px !important;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
    }

    .subcategory-product .elementor-heading-title a {
        font-size: 12px !important;
        padding: 5px 14px !important;
    }

    .subcategory-product .elementor-heading-title a.active,
    .subcategory-product .elementor-heading-title a[aria-pressed="true"] {
        transform: scale(1.03);
    }
}

/* ============================= */
/* 📟 تبلت (768px تا 1024px) */
/* ============================= */
@media (min-width: 768px) and (max-width: 1024px) {
    .subcategory-product .elementor-heading-title {
        gap: 12px !important;
        padding: 8px 14px !important;
        flex-wrap: wrap;
    }

    .subcategory-product .elementor-heading-title a {
        font-size: 13px !important;
        padding: 6px 18px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-09f90c7 */.border .elementor-heading-title{
    position: relative;
    padding-right: 12px;
}

/* حالت عادی */
.border .elementor-heading-title::before{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 70%;
    background: rgba(0,0,0,0.15);
    border-radius: 2px;
    transition: background 0.35s cubic-bezier(.4,0,.2,1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b69e26e */.see svg{
    padding: 5px;
    border-radius: 50%;
    background-color: transparent;

    transform: scale(1);
    transition:
        transform 0.35s cubic-bezier(.4,0,.2,1),
        fill 0.25s ease,
        background-color 0.35s ease;
}

.elementor-277 .elementor-element.elementor-element-b69e26e:hover .see svg{
    transform: scale(0.8);
    fill: red !important;
    background-color: #ffd6e0;
}


/* هاور نرم و هماهنگ */
.elementor-277 .elementor-element.elementor-element-b69e26e:hover .border .elementor-heading-title::before{
    background: linear-gradient(180deg, #ff6b6b, #e60000);
    transition:
         0.35s;}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-19c4243 */.elementor-277 .elementor-element.elementor-element-19c4243{
    direction: ltr;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8bc214b */.elementor-277 .elementor-element.elementor-element-8bc214b{
    direction: ltr;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-453eaf6 */.elementor-277 .elementor-element.elementor-element-453eaf6{
    direction: ltr;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b6c932a *//* ==========================================
   Apple Light Mode – BLUE THEME
   Elementor Icon + Heading (No HTML)
========================================== */

.apple-feature {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.03);
    transition: all 0.45s cubic-bezier(.4,0,.2,1);
}

/* Blue accent line – default */
.apple-feature::before {
    content: "";
    position: absolute;
    right: 16px;
    top: 22%;
    width: 3px;
    height: 56%;
    border-radius: 6px;
    background: linear-gradient(180deg, #0a84ff, #5ac8fa);
    opacity: 0.9;
    transition: all 0.35s ease;
}

/* Icon */
.apple-feature .elementor-icon {
    font-size: 18px;
    color: #0a84ff;
    background: rgba(10, 132, 255, 0.10);
    padding: 8px;
    margin-right: 10px;
    border-radius: 10px;
    transition: all 0.45s cubic-bezier(.4,0,.2,1);
}

/* Text */
.apple-feature .elementor-heading-title {
    font-size: 15px;
    font-weight: 500;
    color: #1d1d1f;
    letter-spacing: -0.25px;
    transition: all 0.45s ease;
}

/* Hover – subtle Apple blue glow */
.apple-feature:hover {
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(10, 132, 255, 0.18);
    transform: translateY(-2px);
}

/* Turn OFF blue line on hover */
.apple-feature:hover::before {
    opacity: 0;
    transform: scaleY(0);
}

/* Icon hover – softer blue */
.apple-feature:hover .elementor-icon {
    background: rgba(10, 132, 255, 0.16);
    color: #007aff;
    transform: scale(1.08);
}

/* Text hover */
.apple-feature:hover .elementor-heading-title {
    color: #000000;
}

/* Click feel */
.apple-feature:active {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.1);
}

/* Mobile optimization */
@media (max-width: 767px) {
    .apple-feature {
        padding: 14px 16px;
        border-radius: 14px;
    }

    .apple-feature .elementor-heading-title {
        font-size: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-372d007 *//* استایل برای نگهدارنده اصلی سواتچ‌ها */
.single-product-color-swatches {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;

}

/* استایل پایه برای هر دایره رنگی */
.single-color-swatch-circle {
    width: 22px;
    height: 22px;
    border-radius: 50%; /* این کد شکل دایره را ایجاد می‌کند */
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    border: 1px solid transparent; /* یک حاشیه نامرئی برای جلوگیری از پرش در زمان فعال شدن */
}

/* استایل برای دایره‌ای که فعال یا انتخاب شده است */
/* نکته: کلاس .active باید توسط جاوا اسکریپت هنگام کلیک اضافه و حذف شود */
.single-color-swatch-circle.active {
    border: 1px solid #000;
    box-shadow: none;
    transform: scale(0.9);
}

/* استایل برای زمانی که موس روی دایره قرار می‌گیرد */
.single-color-swatch-circle:hover {
    box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-92acf11 */.product-quantity-style {
    display: flex;
    align-items: center;
    height: 30px;
    border: 1px solid #000;
    border-radius: 38px;
    overflow: hidden;

}

.product-quantity-style .quantity-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 8px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    font-size: 13px;
    font-weight: medium;
    font-family: yekan, sans-serif;
    color: #000;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.product-quantity-style .quantity-button:hover {
    background-color: #000;
    color: #fff;
}

.quantity-minus-style {
    border-right: 1px solid #000;
}

.quantity-plus-style {
    border-left: 1px solid #000;
}

.product-quantity-style .quantity-input {
    width: 35px;
    padding: 0px;
    height: 100%;
    text-align: center;
    border: none;
    outline: none;
    font-size: 14px;
    background-color: transparent;
    color: #000;
    font-family: yekan, sans-serif;
    -moz-appearance: textfield;
}

.product-quantity-style .quantity-input::-webkit-outer-spin-button,
.product-quantity-style .quantity-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ba2a468 *//*استایل دکمه غیرفعال افزودن به سبد خرید*/
.single-product-add-to-cart-widget a.elementor-button.disabled-button-swatch {
    pointer-events: none !important;
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    background-color: #ccc !important;
    color: #888 !important;
    border: 1px solid #888 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f99e347 */.elementor-277 .elementor-element.elementor-element-f99e347{
    direction: ltr;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f0c91e *//* ==========================================
   Apple Light Mode – GREEN THEME
   Elementor Icon + Heading (No HTML)
========================================== */

.apple-price-feature {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.03);
    transition: all 0.45s cubic-bezier(.4,0,.2,1);
}

/* Green accent line – default */
.apple-price-feature::before {
    content: "";
    position: absolute;
    right: 16px;
    top: 22%;
    width: 3px;
    height: 56%;
    border-radius: 6px;
    background: linear-gradient(180deg, #00c853, #2ee59d);
    opacity: 0.9;
    transition: all 0.35s ease;
}

/* Icon */
.apple-price-feature .elementor-icon {
    font-size: 18px;
    color: #00c853;
    background: rgba(0, 200, 83, 0.08);
    padding: 8px;
    margin-right: 10px;
    border-radius: 10px;
    transition: all 0.45s cubic-bezier(.4,0,.2,1);
}

/* Text */
.apple-price-feature .elementor-heading-title {
    font-size: 15px;
    font-weight: 500;
    color: #1d1d1f;
    letter-spacing: -0.25px;
    transition: all 0.45s ease;
}

/* Hover – subtle Apple green glow */
.apple-price-feature:hover {
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(0, 200, 83, 0.14);
    transform: translateY(-2px);
}

/* Turn OFF green line on hover */
.apple-price-feature:hover::before {
    opacity: 0;
    transform: scaleY(0);
}

/* Icon hover – softer green */
.apple-price-feature:hover .elementor-icon {
    background: rgba(0, 200, 83, 0.12);
    color: #1dbf73;
    transform: scale(1.08);
}

/* Text hover */
.apple-price-feature:hover .elementor-heading-title {
    color: #000000;
}

/* Click feel */
.apple-price-feature:active {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.1);
}

/* Mobile optimization */
@media (max-width: 767px) {
    .apple-price-feature {
        padding: 14px 16px;
        border-radius: 14px;
    }

    .apple-price-feature .elementor-heading-title {
        font-size: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-40aec32 *//* پیش‌فرض (دسکتاپ معمولی) */
.elementor-277 .elementor-element.elementor-element-40aec32{
    font-size: 14px;
    font-family: iranyekanwebregular;
    color: gray;
}

/* موبایل (تا 767px) */
@media (max-width: 767px) {
    .elementor-277 .elementor-element.elementor-element-40aec32{
        font-size: 12px;
        font-family: iranyekanwebregular;
        color: gray;
    }
}

/* تبلت عمودی (768px تا 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
    .elementor-277 .elementor-element.elementor-element-40aec32{
        font-size: 13px;
        font-family: iranyekanwebregular;
        color: gray;
    }
}

/* لپ‌تاپ (1024px تا 1365px) */
@media (min-width: 1024px) and (max-width: 1365px) {
    .elementor-277 .elementor-element.elementor-element-40aec32{
        font-size: 14px;
        font-family: iranyekanwebregular;
        color: gray;
    }
}

/* صفحه عریض (1366px به بالا) */
@media (min-width: 1366px) {
    .elementor-277 .elementor-element.elementor-element-40aec32{
        font-size: 15px;
        font-family: iranyekanwebregular;
        color: gray;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9b539a8 *//* پیش‌فرض (دسکتاپ معمولی) */
.elementor-277 .elementor-element.elementor-element-9b539a8{
    font-size: 14px;
    font-family: iranyekanwebregular;
    color: gray;
}

/* موبایل (تا 767px) */
@media (max-width: 767px) {
    .elementor-277 .elementor-element.elementor-element-9b539a8{
        font-size: 12px;
        font-family: iranyekanwebregular;
        color: gray;
    }
}

/* تبلت عمودی (768px تا 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
    .elementor-277 .elementor-element.elementor-element-9b539a8{
        font-size: 13px;
        font-family: iranyekanwebregular;
        color: gray;
    }
}

/* لپ‌تاپ (1024px تا 1365px) */
@media (min-width: 1024px) and (max-width: 1365px) {
    .elementor-277 .elementor-element.elementor-element-9b539a8{
        font-size: 14px;
        font-family: iranyekanwebregular;
        color: gray;
    }
}

/* صفحه عریض (1366px به بالا) */
@media (min-width: 1366px) {
    .elementor-277 .elementor-element.elementor-element-9b539a8{
        font-size: 15px;
        font-family: iranyekanwebregular;
        color: gray;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c57c042 *//* پیش‌فرض (دسکتاپ معمولی) */
.elementor-277 .elementor-element.elementor-element-c57c042{
    font-size: 14px;
    font-family: iranyekanwebregular;
    color: gray;
}

/* موبایل (تا 767px) */
@media (max-width: 767px) {
    .elementor-277 .elementor-element.elementor-element-c57c042{
        font-size: 12px;
        font-family: iranyekanwebregular;
        color: gray;
    }
}

/* تبلت عمودی (768px تا 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
    .elementor-277 .elementor-element.elementor-element-c57c042{
        font-size: 13px;
        font-family: iranyekanwebregular;
        color: gray;
    }
}

/* لپ‌تاپ (1024px تا 1365px) */
@media (min-width: 1024px) and (max-width: 1365px) {
    .elementor-277 .elementor-element.elementor-element-c57c042{
        font-size: 14px;
        font-family: iranyekanwebregular;
        color: gray;
    }
}

/* صفحه عریض (1366px به بالا) */
@media (min-width: 1366px) {
    .elementor-277 .elementor-element.elementor-element-c57c042{
        font-size: 15px;
        font-family: iranyekanwebregular;
        color: gray;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-67b1d86 *//* پیش‌فرض (دسکتاپ معمولی) */
.elementor-277 .elementor-element.elementor-element-67b1d86{
    font-size: 14px;
    font-family: iranyekanwebregular;
    color: gray;
}

/* موبایل (تا 767px) */
@media (max-width: 767px) {
    .elementor-277 .elementor-element.elementor-element-67b1d86{
        font-size: 12px;
        font-family: iranyekanwebregular;
        color: gray;
    }
}

/* تبلت عمودی (768px تا 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
    .elementor-277 .elementor-element.elementor-element-67b1d86{
        font-size: 13px;
        font-family: iranyekanwebregular;
        color: gray;
    }
}

/* لپ‌تاپ (1024px تا 1365px) */
@media (min-width: 1024px) and (max-width: 1365px) {
    .elementor-277 .elementor-element.elementor-element-67b1d86{
        font-size: 14px;
        font-family: iranyekanwebregular;
        color: gray;
    }
}

/* صفحه عریض (1366px به بالا) */
@media (min-width: 1366px) {
    .elementor-277 .elementor-element.elementor-element-67b1d86{
        font-size: 15px;
        font-family: iranyekanwebregular;
        color: gray;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-97a052a *//* پیش‌فرض (دسکتاپ معمولی) */
.elementor-277 .elementor-element.elementor-element-97a052a{
    font-size: 14px;
    font-family: iranyekanwebregular;
    color: gray;
}

/* موبایل (تا 767px) */
@media (max-width: 767px) {
    .elementor-277 .elementor-element.elementor-element-97a052a{
        font-size: 12px;
        font-family: iranyekanwebregular;
        color: gray;
    }
}

/* تبلت عمودی (768px تا 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
    .elementor-277 .elementor-element.elementor-element-97a052a{
        font-size: 13px;
        font-family: iranyekanwebregular;
        color: gray;
    }
}

/* لپ‌تاپ (1024px تا 1365px) */
@media (min-width: 1024px) and (max-width: 1365px) {
    .elementor-277 .elementor-element.elementor-element-97a052a{
        font-size: 14px;
        font-family: iranyekanwebregular;
        color: gray;
    }
}

/* صفحه عریض (1366px به بالا) */
@media (min-width: 1366px) {
    .elementor-277 .elementor-element.elementor-element-97a052a{
        font-size: 15px;
        font-family: iranyekanwebregular;
        color: gray;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fb631be *//* ======================================================
   MACBOOK STORE — PREMIUM SPEC SYSTEM (FINAL TUNED)
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .custom-attributes-container{

    display:flex;
    flex-direction:column;

    /* 🔥 فاصله بیشتر بین باکس‌ها */
    gap:22px;

    font-family:"iranyekanwebregular",sans-serif;
}


/* ======================================================
   GROUP
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-group{

    background:#fff;

    border:1px solid #edf1f4;

    border-radius:20px;

    padding:12px;

    box-shadow:0 2px 10px rgba(0,0,0,0.03);
}


/* ======================================================
   GROUP TITLE
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-group-title{

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:8px 14px;

    margin-bottom:10px;

    border-radius:999px;

    background:#f6f8fb;

    border:1px solid #e7edf3;

    font-family:"iranyekanwebmedium",sans-serif;

    /* 🔥 برگشت به استایل قبلی */
    font-size:14px;
    font-weight:700;

    color:#0f172a;

    margin-right:auto;
}


/* dot */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-group-title::before{

    content:"";

    width:8px;
    height:8px;

    border-radius:50%;

    background:#3b82f6;
}


/* ======================================================
   ROW
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-row{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:16px;

    padding:12px 14px;

    border-radius:14px;

    transition:background .2s ease;
}


.elementor-277 .elementor-element.elementor-element-fb631be .attribute-row:hover{
    background:#f8fafc;
}


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

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-label{

    width:250px;

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

    gap:10px;

    /* 🔥 برگشت به استایل قبلی */
    font-family:"iranyekanwebmedium",sans-serif;
    font-size:14px;
    font-weight:600;

    color:#64748b;
}


/* arrow */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-label::after{

    content:"";

    width:12px;
    height:12px;

    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;

    opacity:.6;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M14 7l-5 5 5 5' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


/* ======================================================
   VALUE
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-value{

    width:250px;

    text-align:right;

    /* 🔥 برگشت به استایل قبلی */
    font-family:"iranyekanweblight",sans-serif;

    font-size:14px;
    font-weight:700;

    color:#020617;

    line-height:1.9;

    word-break:break-word;
}


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

@media(max-width:767px){

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-group{
        border-radius:16px;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-group-title{
        font-size:13px;
        padding:7px 12px;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-row{
        flex-direction:column;
        align-items:flex-start;
        gap:4px;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-label{
        width:100%;
        justify-content:flex-start;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-label::after{
        display:none;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-value{
        width:100%;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d19f1de *//* ======================================================
   GLOBAL CURSOR
====================================================== */

.elementor-277 .elementor-element.elementor-element-d19f1de {
  cursor: pointer;
}

/* ======================================================
   HEADINGS LINKS STYLE (H1–H6)
====================================================== */

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) {
  font-weight: 700;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a {
  color: #5A9BD5;
  text-decoration: none;
  font-weight: 600;
  position: relative;
  transition: color 0.25s ease;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a:hover {
  color: #1E73BE;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background-color: #1E73BE;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* ======================================================
   PARAGRAPH LINKS
====================================================== */

.text-disc-hvr-style p a {
  color: #5A9BD5;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.25s ease;
}

.text-disc-hvr-style p a:hover {
  color: #1E73BE;
}

/* ======================================================
   TYPOGRAPHY — DESKTOP (FIXED & BALANCED)
====================================================== */

.elementor-widget-text-editor h1 { font-size: 26px !important; line-height: 1.4; }
.elementor-widget-text-editor h2 { font-size: 24px !important; line-height: 1.4; }
.elementor-widget-text-editor h3 { font-size: 22px !important; line-height: 1.5; }
.elementor-widget-text-editor h4 { font-size: 20px !important; line-height: 1.5; }
.elementor-widget-text-editor h5 { font-size: 18px !important; line-height: 1.6; }
.elementor-widget-text-editor h6 { font-size: 17px !important; line-height: 1.6; }

.elementor-widget-text-editor p {
  font-size: 16px !important;
  line-height: 1.9;
}

/* جلوگیری از تغییر سایز ناخواسته */
.elementor-widget-text-editor :is(strong, a) {
  font-size: inherit;
}

/* ======================================================
   TABLET (768px – 1024px)
====================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

  .elementor-widget-text-editor h1 { font-size: 24px !important; }
  .elementor-widget-text-editor h2 { font-size: 22px !important; }
  .elementor-widget-text-editor h3 { font-size: 20px !important; }
  .elementor-widget-text-editor h4 { font-size: 19px !important; }
  .elementor-widget-text-editor h5 { font-size: 18px !important; }
  .elementor-widget-text-editor h6 { font-size: 17px !important; }

  .elementor-widget-text-editor p {
    font-size: 15px !important;
    line-height: 1.8;
  }
}

/* ======================================================
   MOBILE (max-width: 767px)
====================================================== */

@media (max-width: 767px) {

  .elementor-widget-text-editor h1 { font-size: 22px !important; }
  .elementor-widget-text-editor h2 { font-size: 20px !important; }
  .elementor-widget-text-editor h3 { font-size: 19px !important; }
  .elementor-widget-text-editor h4 { font-size: 18px !important; }
  .elementor-widget-text-editor h5 { font-size: 17px !important; }
  .elementor-widget-text-editor h6 { font-size: 16px !important; }

  .elementor-widget-text-editor p {
    font-size: 15px !important;
    line-height: 1.8;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32f95db *//* =====================================
   MacBook Story – Premium Product Box
   (Original Box Style – UNCHANGED)
   ===================================== */

.mbs-product-box {
    position: relative;
    overflow: hidden;

    background: linear-gradient(180deg, #ffffff 0%, #f7f7f8 100%);
    border-radius: 24px;
    padding: 26px;
    margin-top: 20px;

    border: 1px solid rgba(0, 0, 0, 0.05);

    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.85);

    transition:
        transform 0.45s cubic-bezier(.22,.61,.36,1),
        box-shadow 0.45s cubic-bezier(.22,.61,.36,1),
        border-color 0.45s ease;
}

/* depth highlight */
.mbs-product-box::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 120px;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0.75),
        rgba(255,255,255,0)
    );
    pointer-events: none;
    z-index: 1;
}

.mbs-product-box:hover {
    transform: translateY(-4px);
    border-color: rgba(0, 122, 255, 0.25);
    box-shadow:
        0 35px 70px rgba(0, 0, 0, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

/* =====================================
   Cursor Glow – Softer, Smaller, Matte
   (ONLY glow edited)
   ===================================== */

.mbs-product-box::after {
    content: "";
    position: absolute;
    top: var(--y, 50%);
    left: var(--x, 50%);
    width: 160px;
    height: 160px;
    background: radial-gradient(
        circle,
        rgba(0, 122, 255, 0.10),
        rgba(0, 122, 255, 0.08),
        rgba(0, 122, 255, 0.02),
        transparent 70%
    );
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
    filter: blur(6px);
    z-index: 0;
}

.mbs-product-box:hover::after {
    opacity: 1;
}

/* keep content above effects */
.mbs-product-box > * {
    position: relative;
    z-index: 2;
}

/* =====================================
   Mobile ≤ 767px
   ===================================== */

@media (max-width: 767px) {
    .mbs-product-box {
        border-radius: 18px;
        padding: 18px 16px;
        margin-top: 14px;
        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.06);
    }

    .mbs-product-box::after {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f4ef9e8 *//* =================================================================== */
/* ====== تنظیمات پایه و فونت‌ها ====== */
/* =================================================================== */

/* اعمال فونت‌ها */
body .comment-body,
body .comment-content,
body .comment-metadata,
body .custom-comments-section {
    font-family: 'iranyekanwebregular', tahoma, sans-serif !important;
}

body .fn, 
body .fn a,
body .comments-title {
    font-family: 'iranyekanwebmedium', tahoma, sans-serif !important;
}

/* جهت‌دهی کلی */
body .comment-list, 
body .comments-area {
    direction: rtl;
    text-align: right;
}

/* حذف بولت‌های لیست */
body .comment-list, 
body .comment-list .children {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =================================================================== */
/* ====== ساختار کارت دیدگاه ====== */
/* =================================================================== */

/* 1. کانتینر اصلی کارت */
body .comment-list .comment-body {
    display: flex;
    flex-direction: column; /* چیدمان ستونی */
    background-color: #fff;
    border: 1px solid #eef0f2;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
    position: relative;
}

/* 2. شکستن ساختار فوتر */
body .comment-list .comment-meta {
    display: contents !important;
}

/* 3. نویسنده (بالا سمت راست) */
body .comment-list .comment-author {
    order: 1; /* اولویت اول */
    display: flex;
    align-items: center; /* تراز عمودی وسط */
    justify-content: flex-start; /* چسبیدن به راست */
    margin-bottom: 10px;
    width: 100%;
}

/* استایل عکس */
body .comment-list .comment-author img.avatar {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    margin-left: 12px !important;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.08);
}

/* استایل نام */
body .comment-list .comment-author .fn,
body .comment-list .comment-author .fn a {
    font-size: 16px;
    color: #222;
    text-decoration: none;
    font-style: normal;
    line-height: 1;
}

body .comment-list .comment-author .says {
    display: none;
}

/* 4. محتوا (وسط) */
body .comment-content {
    order: 2; /* اولویت دوم */
    width: 100%;
    margin-bottom: 10px; /* فاصله کمی تا تاریخ */
    padding: 0 5px;
}

body .comment-content p {
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
    color: #444;
    text-align: justify;
}

/* 5. تاریخ (پایین سمت چپ) */
body .comment-list .comment-metadata {
    order: 3; /* اولویت سوم */
    width: 100%;
    display: flex !important; /* حتما نمایش داده شود */
    justify-content: flex-end; /* چسبیدن به چپ */
    align-items: center;
}

body .comment-list .comment-metadata a {
    font-size: 12px;
    color: #999 !important;
    text-decoration: none;
    display: inline-block;
}

/* --- حذف فقط دکمه ویرایش --- */
body .comment-list .comment-metadata .edit-link {
    display: none !important;
}

/* حذف دکمه پاسخ */
body .comment-list .reply {
    display: none !important;
}

/* =================================================================== */
/* ====== استایل موبایل ====== */
/* =================================================================== */

@media screen and (max-width: 768px) {
    /* تنظیم پدینگ کارت */
    body .comment-list .comment-body {
        padding: 15px !important;
        border-radius: 12px;
    }

    /* سایز عکس در موبایل */
    body .comment-list .comment-author img.avatar {
        width: 45px !important;
        height: 45px !important;
        margin-left: 10px !important;
    }

    /* سایز نام در موبایل */
    body .comment-list .comment-author .fn,
    body .comment-list .comment-author .fn a {
        font-size: 14px;
    }
    
    body .comment-content p {
        font-size: 14px;
    }

    /* تاریخ در موبایل */
    body .comment-list .comment-metadata {
        justify-content: flex-end !important;
        border-top: 1px solid #f5f5f5;
        padding-top: 10px;
        margin-top: 5px;
    }

    /* نظرات تو در تو در موبایل */
    body .comment-list .children {
        padding-right: 10px !important;
        margin-top: 15px !important;
    }
    
    body .comment-list .children::before {
        content: '';
        position: absolute;
        top: 0;
        right: -5px;
        bottom: 0;
        width: 2px;
        background: #eee;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b13b792 *//* ============================================= */
/* استایل کلی کادر اصلی دیدگاه‌ها (حفظ شده) */
/* ============================================= */
.reviews-section-wrapper { direction: rtl; }
.reviews-section-wrapper, #respond input, #respond textarea, #respond label, .comment-list .comment-content p, .comment-list .comment-metadata a {
    font-family: "iranyekanwebregular", "Vazirmatn", sans-serif;
    font-weight: 400;
}
.reviews-section-wrapper h2, .comment-list .fn, #reply-title, #respond .form-submit input#submit {
    font-family: "iranyekanwebmedium", "Vazirmatn", sans-serif;
    font-weight: 500;
}

/* ============================================= */
/* استایل فرم ارسال دیدگاه (کاملا دست‌نخورده) */
/* ============================================= */
#respond {
    background-color: #fff; border: 1px solid #f0f2f5; border-radius: 12px;
    padding: 30px;  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
}
#reply-title, #respond .comment-form-comment label, #respond .comment-form-author label, #respond .comment-form-email label, #respond input[type="text"], #respond input[type="email"] {
    color: #000000;
}
#reply-title { font-size: 22px; font-weight: 500; margin-bottom: 25px; }
#respond .comment-form-comment label, #respond .comment-form-author label, #respond .comment-form-email label {
    font-size: 14px; font-weight: 400; margin-bottom: 8px; display: block;
}
#respond textarea#comment, #respond input[type="text"], #respond input[type="email"] {
    background-color: #F5F5F7; color: #000000; width: 100%; border: 1px solid #e0e5eb;
    border-radius: 8px; padding: 12px 15px; font-size: 15px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
#respond textarea#comment:focus, #respond input[type="text"]:focus, #respond input[type="email"]:focus {
    outline: none; border-color: #aaaaaa; box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.07);
}
#respond p.logged-in-as {
    font-family: "iranyekanwebregular", sans-serif; font-weight: 400; font-size: 15px;
    color: #000000; margin-bottom: 20px; background-color: transparent; padding: 0; border-radius: 0;
}
#respond .form-submit input#submit {
    color: black; background: white; border: 1px solid black; border-radius: 50px;
    padding: 10px 35px; font-size: 16px; font-weight: 500; cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease; transform: none; box-shadow: none;
}
#respond .form-submit input#submit:hover {
    color: white; background: black; transform: none; box-shadow: none;
}
/* ============================= */
/* 📱 موبایل (حداکثر 767px)     */
/* ============================= */
@media (max-width: 767px) {

    #respond {
        padding: 20px;                 /* کوچکتر برای جاگیری بهتر */
        border-radius: 10px;
    }

    #reply-title {
        font-size: 18px;
        margin-bottom: 18px;
        text-align: center;
    }

    #respond textarea#comment,
    #respond input[type="text"],
    #respond input[type="email"] {
        font-size: 14px;
        padding: 10px 12px;
    }

    #respond .comment-form-comment label,
    #respond .comment-form-author label,
    #respond .comment-form-email label {
        font-size: 13px;
        margin-bottom: 6px;
    }

    #respond .form-submit input#submit {
        width: 100%;                   /* دکمه تمام عرض موبایل */
        font-size: 15px;
        padding: 10px 0;
        border-radius: 40px;
    }

    /* کامنت‌ها در موبایل */
    .comment-list li.comment {
        padding: 18px 20px;
        border-radius: 10px;
    }

    .comment-list .comment-meta {
        flex-direction: row-reverse;
        gap: 10px;
        align-items: center;
    }

    .comment-list img.avatar {
        width: 38px;
        height: 38px;
        margin-left: 10px;
    }

    .comment-list .fn {
        font-size: 14px;
    }

    .comment-list .comment-metadata a {
        font-size: 12px;
    }

    .comment-content p {
        font-size: 14px;
        line-height: 1.8;
    }

    .comment-list .children {
        padding-right: 20px;  /* کمتر از دسکتاپ */
        margin-top: 15px;
    }
}


/* ============================= */
/* 📟 تبلت (768px تا 1024px)     */
/* ============================= */
@media (min-width: 768px) and (max-width: 1024px) {

    #respond {
        padding: 26px;
        border-radius: 12px;
    }

    #reply-title {
        font-size: 20px;
        margin-bottom: 22px;
    }

    #respond textarea#comment,
    #respond input[type="text"],
    #respond input[type="email"] {
        font-size: 15px;
        padding: 11px 14px;
    }

    #respond .form-submit input#submit {
        font-size: 15px;
        padding: 10px 28px;
    }

    /* تبلت Views */
    .comment-list li.comment {
        padding: 22px 26px;
    }

    .comment-list .comment-meta {
        margin-bottom: 14px;
    }

    .comment-content p {
        font-size: 15px;
        line-height: 1.85;
    }

    .comment-list .children {
        padding-right: 28px;
        margin-top: 20px;
    }
}


/* ============================= */
/* 💻 از 1025px به بالا بدون تغییر */
/* ============================= */
@media (min-width: 1025px) {
    /* عمداً خالی؛ نسخه دسکتاپ همانی که نوشتی باقی می‌ماند */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fb631be *//* ======================================================
   MACBOOK STORE — PREMIUM SPEC SYSTEM (FINAL TUNED)
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .custom-attributes-container{

    display:flex;
    flex-direction:column;

    /* 🔥 فاصله بیشتر بین باکس‌ها */
    gap:22px;

    font-family:"iranyekanwebregular",sans-serif;
}


/* ======================================================
   GROUP
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-group{

    background:#fff;

    border:1px solid #edf1f4;

    border-radius:20px;

    padding:12px;

    box-shadow:0 2px 10px rgba(0,0,0,0.03);
}


/* ======================================================
   GROUP TITLE
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-group-title{

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:8px 14px;

    margin-bottom:10px;

    border-radius:999px;

    background:#f6f8fb;

    border:1px solid #e7edf3;

    font-family:"iranyekanwebmedium",sans-serif;

    /* 🔥 برگشت به استایل قبلی */
    font-size:14px;
    font-weight:700;

    color:#0f172a;

    margin-right:auto;
}


/* dot */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-group-title::before{

    content:"";

    width:8px;
    height:8px;

    border-radius:50%;

    background:#3b82f6;
}


/* ======================================================
   ROW
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-row{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:16px;

    padding:12px 14px;

    border-radius:14px;

    transition:background .2s ease;
}


.elementor-277 .elementor-element.elementor-element-fb631be .attribute-row:hover{
    background:#f8fafc;
}


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

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-label{

    width:250px;

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

    gap:10px;

    /* 🔥 برگشت به استایل قبلی */
    font-family:"iranyekanwebmedium",sans-serif;
    font-size:14px;
    font-weight:600;

    color:#64748b;
}


/* arrow */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-label::after{

    content:"";

    width:12px;
    height:12px;

    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;

    opacity:.6;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M14 7l-5 5 5 5' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


/* ======================================================
   VALUE
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-value{

    width:250px;

    text-align:right;

    /* 🔥 برگشت به استایل قبلی */
    font-family:"iranyekanweblight",sans-serif;

    font-size:14px;
    font-weight:700;

    color:#020617;

    line-height:1.9;

    word-break:break-word;
}


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

@media(max-width:767px){

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-group{
        border-radius:16px;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-group-title{
        font-size:13px;
        padding:7px 12px;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-row{
        flex-direction:column;
        align-items:flex-start;
        gap:4px;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-label{
        width:100%;
        justify-content:flex-start;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-label::after{
        display:none;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-value{
        width:100%;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d19f1de *//* ======================================================
   GLOBAL CURSOR
====================================================== */

.elementor-277 .elementor-element.elementor-element-d19f1de {
  cursor: pointer;
}

/* ======================================================
   HEADINGS LINKS STYLE (H1–H6)
====================================================== */

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) {
  font-weight: 700;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a {
  color: #5A9BD5;
  text-decoration: none;
  font-weight: 600;
  position: relative;
  transition: color 0.25s ease;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a:hover {
  color: #1E73BE;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background-color: #1E73BE;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* ======================================================
   PARAGRAPH LINKS
====================================================== */

.text-disc-hvr-style p a {
  color: #5A9BD5;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.25s ease;
}

.text-disc-hvr-style p a:hover {
  color: #1E73BE;
}

/* ======================================================
   TYPOGRAPHY — DESKTOP (FIXED & BALANCED)
====================================================== */

.elementor-widget-text-editor h1 { font-size: 26px !important; line-height: 1.4; }
.elementor-widget-text-editor h2 { font-size: 24px !important; line-height: 1.4; }
.elementor-widget-text-editor h3 { font-size: 22px !important; line-height: 1.5; }
.elementor-widget-text-editor h4 { font-size: 20px !important; line-height: 1.5; }
.elementor-widget-text-editor h5 { font-size: 18px !important; line-height: 1.6; }
.elementor-widget-text-editor h6 { font-size: 17px !important; line-height: 1.6; }

.elementor-widget-text-editor p {
  font-size: 16px !important;
  line-height: 1.9;
}

/* جلوگیری از تغییر سایز ناخواسته */
.elementor-widget-text-editor :is(strong, a) {
  font-size: inherit;
}

/* ======================================================
   TABLET (768px – 1024px)
====================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

  .elementor-widget-text-editor h1 { font-size: 24px !important; }
  .elementor-widget-text-editor h2 { font-size: 22px !important; }
  .elementor-widget-text-editor h3 { font-size: 20px !important; }
  .elementor-widget-text-editor h4 { font-size: 19px !important; }
  .elementor-widget-text-editor h5 { font-size: 18px !important; }
  .elementor-widget-text-editor h6 { font-size: 17px !important; }

  .elementor-widget-text-editor p {
    font-size: 15px !important;
    line-height: 1.8;
  }
}

/* ======================================================
   MOBILE (max-width: 767px)
====================================================== */

@media (max-width: 767px) {

  .elementor-widget-text-editor h1 { font-size: 22px !important; }
  .elementor-widget-text-editor h2 { font-size: 20px !important; }
  .elementor-widget-text-editor h3 { font-size: 19px !important; }
  .elementor-widget-text-editor h4 { font-size: 18px !important; }
  .elementor-widget-text-editor h5 { font-size: 17px !important; }
  .elementor-widget-text-editor h6 { font-size: 16px !important; }

  .elementor-widget-text-editor p {
    font-size: 15px !important;
    line-height: 1.8;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32f95db *//* =====================================
   MacBook Story – Premium Product Box
   (Original Box Style – UNCHANGED)
   ===================================== */

.mbs-product-box {
    position: relative;
    overflow: hidden;

    background: linear-gradient(180deg, #ffffff 0%, #f7f7f8 100%);
    border-radius: 24px;
    padding: 26px;
    margin-top: 20px;

    border: 1px solid rgba(0, 0, 0, 0.05);

    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.85);

    transition:
        transform 0.45s cubic-bezier(.22,.61,.36,1),
        box-shadow 0.45s cubic-bezier(.22,.61,.36,1),
        border-color 0.45s ease;
}

/* depth highlight */
.mbs-product-box::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 120px;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0.75),
        rgba(255,255,255,0)
    );
    pointer-events: none;
    z-index: 1;
}

.mbs-product-box:hover {
    transform: translateY(-4px);
    border-color: rgba(0, 122, 255, 0.25);
    box-shadow:
        0 35px 70px rgba(0, 0, 0, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

/* =====================================
   Cursor Glow – Softer, Smaller, Matte
   (ONLY glow edited)
   ===================================== */

.mbs-product-box::after {
    content: "";
    position: absolute;
    top: var(--y, 50%);
    left: var(--x, 50%);
    width: 160px;
    height: 160px;
    background: radial-gradient(
        circle,
        rgba(0, 122, 255, 0.10),
        rgba(0, 122, 255, 0.08),
        rgba(0, 122, 255, 0.02),
        transparent 70%
    );
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
    filter: blur(6px);
    z-index: 0;
}

.mbs-product-box:hover::after {
    opacity: 1;
}

/* keep content above effects */
.mbs-product-box > * {
    position: relative;
    z-index: 2;
}

/* =====================================
   Mobile ≤ 767px
   ===================================== */

@media (max-width: 767px) {
    .mbs-product-box {
        border-radius: 18px;
        padding: 18px 16px;
        margin-top: 14px;
        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.06);
    }

    .mbs-product-box::after {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f4ef9e8 *//* =================================================================== */
/* ====== تنظیمات پایه و فونت‌ها ====== */
/* =================================================================== */

/* اعمال فونت‌ها */
body .comment-body,
body .comment-content,
body .comment-metadata,
body .custom-comments-section {
    font-family: 'iranyekanwebregular', tahoma, sans-serif !important;
}

body .fn, 
body .fn a,
body .comments-title {
    font-family: 'iranyekanwebmedium', tahoma, sans-serif !important;
}

/* جهت‌دهی کلی */
body .comment-list, 
body .comments-area {
    direction: rtl;
    text-align: right;
}

/* حذف بولت‌های لیست */
body .comment-list, 
body .comment-list .children {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =================================================================== */
/* ====== ساختار کارت دیدگاه ====== */
/* =================================================================== */

/* 1. کانتینر اصلی کارت */
body .comment-list .comment-body {
    display: flex;
    flex-direction: column; /* چیدمان ستونی */
    background-color: #fff;
    border: 1px solid #eef0f2;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
    position: relative;
}

/* 2. شکستن ساختار فوتر */
body .comment-list .comment-meta {
    display: contents !important;
}

/* 3. نویسنده (بالا سمت راست) */
body .comment-list .comment-author {
    order: 1; /* اولویت اول */
    display: flex;
    align-items: center; /* تراز عمودی وسط */
    justify-content: flex-start; /* چسبیدن به راست */
    margin-bottom: 10px;
    width: 100%;
}

/* استایل عکس */
body .comment-list .comment-author img.avatar {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    margin-left: 12px !important;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.08);
}

/* استایل نام */
body .comment-list .comment-author .fn,
body .comment-list .comment-author .fn a {
    font-size: 16px;
    color: #222;
    text-decoration: none;
    font-style: normal;
    line-height: 1;
}

body .comment-list .comment-author .says {
    display: none;
}

/* 4. محتوا (وسط) */
body .comment-content {
    order: 2; /* اولویت دوم */
    width: 100%;
    margin-bottom: 10px; /* فاصله کمی تا تاریخ */
    padding: 0 5px;
}

body .comment-content p {
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
    color: #444;
    text-align: justify;
}

/* 5. تاریخ (پایین سمت چپ) */
body .comment-list .comment-metadata {
    order: 3; /* اولویت سوم */
    width: 100%;
    display: flex !important; /* حتما نمایش داده شود */
    justify-content: flex-end; /* چسبیدن به چپ */
    align-items: center;
}

body .comment-list .comment-metadata a {
    font-size: 12px;
    color: #999 !important;
    text-decoration: none;
    display: inline-block;
}

/* --- حذف فقط دکمه ویرایش --- */
body .comment-list .comment-metadata .edit-link {
    display: none !important;
}

/* حذف دکمه پاسخ */
body .comment-list .reply {
    display: none !important;
}

/* =================================================================== */
/* ====== استایل موبایل ====== */
/* =================================================================== */

@media screen and (max-width: 768px) {
    /* تنظیم پدینگ کارت */
    body .comment-list .comment-body {
        padding: 15px !important;
        border-radius: 12px;
    }

    /* سایز عکس در موبایل */
    body .comment-list .comment-author img.avatar {
        width: 45px !important;
        height: 45px !important;
        margin-left: 10px !important;
    }

    /* سایز نام در موبایل */
    body .comment-list .comment-author .fn,
    body .comment-list .comment-author .fn a {
        font-size: 14px;
    }
    
    body .comment-content p {
        font-size: 14px;
    }

    /* تاریخ در موبایل */
    body .comment-list .comment-metadata {
        justify-content: flex-end !important;
        border-top: 1px solid #f5f5f5;
        padding-top: 10px;
        margin-top: 5px;
    }

    /* نظرات تو در تو در موبایل */
    body .comment-list .children {
        padding-right: 10px !important;
        margin-top: 15px !important;
    }
    
    body .comment-list .children::before {
        content: '';
        position: absolute;
        top: 0;
        right: -5px;
        bottom: 0;
        width: 2px;
        background: #eee;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b13b792 *//* ============================================= */
/* استایل کلی کادر اصلی دیدگاه‌ها (حفظ شده) */
/* ============================================= */
.reviews-section-wrapper { direction: rtl; }
.reviews-section-wrapper, #respond input, #respond textarea, #respond label, .comment-list .comment-content p, .comment-list .comment-metadata a {
    font-family: "iranyekanwebregular", "Vazirmatn", sans-serif;
    font-weight: 400;
}
.reviews-section-wrapper h2, .comment-list .fn, #reply-title, #respond .form-submit input#submit {
    font-family: "iranyekanwebmedium", "Vazirmatn", sans-serif;
    font-weight: 500;
}

/* ============================================= */
/* استایل فرم ارسال دیدگاه (کاملا دست‌نخورده) */
/* ============================================= */
#respond {
    background-color: #fff; border: 1px solid #f0f2f5; border-radius: 12px;
    padding: 30px;  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
}
#reply-title, #respond .comment-form-comment label, #respond .comment-form-author label, #respond .comment-form-email label, #respond input[type="text"], #respond input[type="email"] {
    color: #000000;
}
#reply-title { font-size: 22px; font-weight: 500; margin-bottom: 25px; }
#respond .comment-form-comment label, #respond .comment-form-author label, #respond .comment-form-email label {
    font-size: 14px; font-weight: 400; margin-bottom: 8px; display: block;
}
#respond textarea#comment, #respond input[type="text"], #respond input[type="email"] {
    background-color: #F5F5F7; color: #000000; width: 100%; border: 1px solid #e0e5eb;
    border-radius: 8px; padding: 12px 15px; font-size: 15px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
#respond textarea#comment:focus, #respond input[type="text"]:focus, #respond input[type="email"]:focus {
    outline: none; border-color: #aaaaaa; box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.07);
}
#respond p.logged-in-as {
    font-family: "iranyekanwebregular", sans-serif; font-weight: 400; font-size: 15px;
    color: #000000; margin-bottom: 20px; background-color: transparent; padding: 0; border-radius: 0;
}
#respond .form-submit input#submit {
    color: black; background: white; border: 1px solid black; border-radius: 50px;
    padding: 10px 35px; font-size: 16px; font-weight: 500; cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease; transform: none; box-shadow: none;
}
#respond .form-submit input#submit:hover {
    color: white; background: black; transform: none; box-shadow: none;
}
/* ============================= */
/* 📱 موبایل (حداکثر 767px)     */
/* ============================= */
@media (max-width: 767px) {

    #respond {
        padding: 20px;                 /* کوچکتر برای جاگیری بهتر */
        border-radius: 10px;
    }

    #reply-title {
        font-size: 18px;
        margin-bottom: 18px;
        text-align: center;
    }

    #respond textarea#comment,
    #respond input[type="text"],
    #respond input[type="email"] {
        font-size: 14px;
        padding: 10px 12px;
    }

    #respond .comment-form-comment label,
    #respond .comment-form-author label,
    #respond .comment-form-email label {
        font-size: 13px;
        margin-bottom: 6px;
    }

    #respond .form-submit input#submit {
        width: 100%;                   /* دکمه تمام عرض موبایل */
        font-size: 15px;
        padding: 10px 0;
        border-radius: 40px;
    }

    /* کامنت‌ها در موبایل */
    .comment-list li.comment {
        padding: 18px 20px;
        border-radius: 10px;
    }

    .comment-list .comment-meta {
        flex-direction: row-reverse;
        gap: 10px;
        align-items: center;
    }

    .comment-list img.avatar {
        width: 38px;
        height: 38px;
        margin-left: 10px;
    }

    .comment-list .fn {
        font-size: 14px;
    }

    .comment-list .comment-metadata a {
        font-size: 12px;
    }

    .comment-content p {
        font-size: 14px;
        line-height: 1.8;
    }

    .comment-list .children {
        padding-right: 20px;  /* کمتر از دسکتاپ */
        margin-top: 15px;
    }
}


/* ============================= */
/* 📟 تبلت (768px تا 1024px)     */
/* ============================= */
@media (min-width: 768px) and (max-width: 1024px) {

    #respond {
        padding: 26px;
        border-radius: 12px;
    }

    #reply-title {
        font-size: 20px;
        margin-bottom: 22px;
    }

    #respond textarea#comment,
    #respond input[type="text"],
    #respond input[type="email"] {
        font-size: 15px;
        padding: 11px 14px;
    }

    #respond .form-submit input#submit {
        font-size: 15px;
        padding: 10px 28px;
    }

    /* تبلت Views */
    .comment-list li.comment {
        padding: 22px 26px;
    }

    .comment-list .comment-meta {
        margin-bottom: 14px;
    }

    .comment-content p {
        font-size: 15px;
        line-height: 1.85;
    }

    .comment-list .children {
        padding-right: 28px;
        margin-top: 20px;
    }
}


/* ============================= */
/* 💻 از 1025px به بالا بدون تغییر */
/* ============================= */
@media (min-width: 1025px) {
    /* عمداً خالی؛ نسخه دسکتاپ همانی که نوشتی باقی می‌ماند */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fb631be *//* ======================================================
   MACBOOK STORE — PREMIUM SPEC SYSTEM (FINAL TUNED)
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .custom-attributes-container{

    display:flex;
    flex-direction:column;

    /* 🔥 فاصله بیشتر بین باکس‌ها */
    gap:22px;

    font-family:"iranyekanwebregular",sans-serif;
}


/* ======================================================
   GROUP
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-group{

    background:#fff;

    border:1px solid #edf1f4;

    border-radius:20px;

    padding:12px;

    box-shadow:0 2px 10px rgba(0,0,0,0.03);
}


/* ======================================================
   GROUP TITLE
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-group-title{

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:8px 14px;

    margin-bottom:10px;

    border-radius:999px;

    background:#f6f8fb;

    border:1px solid #e7edf3;

    font-family:"iranyekanwebmedium",sans-serif;

    /* 🔥 برگشت به استایل قبلی */
    font-size:14px;
    font-weight:700;

    color:#0f172a;

    margin-right:auto;
}


/* dot */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-group-title::before{

    content:"";

    width:8px;
    height:8px;

    border-radius:50%;

    background:#3b82f6;
}


/* ======================================================
   ROW
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-row{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:16px;

    padding:12px 14px;

    border-radius:14px;

    transition:background .2s ease;
}


.elementor-277 .elementor-element.elementor-element-fb631be .attribute-row:hover{
    background:#f8fafc;
}


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

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-label{

    width:250px;

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

    gap:10px;

    /* 🔥 برگشت به استایل قبلی */
    font-family:"iranyekanwebmedium",sans-serif;
    font-size:14px;
    font-weight:600;

    color:#64748b;
}


/* arrow */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-label::after{

    content:"";

    width:12px;
    height:12px;

    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;

    opacity:.6;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M14 7l-5 5 5 5' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


/* ======================================================
   VALUE
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-value{

    width:250px;

    text-align:right;

    /* 🔥 برگشت به استایل قبلی */
    font-family:"iranyekanweblight",sans-serif;

    font-size:14px;
    font-weight:700;

    color:#020617;

    line-height:1.9;

    word-break:break-word;
}


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

@media(max-width:767px){

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-group{
        border-radius:16px;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-group-title{
        font-size:13px;
        padding:7px 12px;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-row{
        flex-direction:column;
        align-items:flex-start;
        gap:4px;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-label{
        width:100%;
        justify-content:flex-start;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-label::after{
        display:none;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-value{
        width:100%;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d19f1de *//* ======================================================
   GLOBAL CURSOR
====================================================== */

.elementor-277 .elementor-element.elementor-element-d19f1de {
  cursor: pointer;
}

/* ======================================================
   HEADINGS LINKS STYLE (H1–H6)
====================================================== */

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) {
  font-weight: 700;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a {
  color: #5A9BD5;
  text-decoration: none;
  font-weight: 600;
  position: relative;
  transition: color 0.25s ease;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a:hover {
  color: #1E73BE;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background-color: #1E73BE;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* ======================================================
   PARAGRAPH LINKS
====================================================== */

.text-disc-hvr-style p a {
  color: #5A9BD5;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.25s ease;
}

.text-disc-hvr-style p a:hover {
  color: #1E73BE;
}

/* ======================================================
   TYPOGRAPHY — DESKTOP (FIXED & BALANCED)
====================================================== */

.elementor-widget-text-editor h1 { font-size: 26px !important; line-height: 1.4; }
.elementor-widget-text-editor h2 { font-size: 24px !important; line-height: 1.4; }
.elementor-widget-text-editor h3 { font-size: 22px !important; line-height: 1.5; }
.elementor-widget-text-editor h4 { font-size: 20px !important; line-height: 1.5; }
.elementor-widget-text-editor h5 { font-size: 18px !important; line-height: 1.6; }
.elementor-widget-text-editor h6 { font-size: 17px !important; line-height: 1.6; }

.elementor-widget-text-editor p {
  font-size: 16px !important;
  line-height: 1.9;
}

/* جلوگیری از تغییر سایز ناخواسته */
.elementor-widget-text-editor :is(strong, a) {
  font-size: inherit;
}

/* ======================================================
   TABLET (768px – 1024px)
====================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

  .elementor-widget-text-editor h1 { font-size: 24px !important; }
  .elementor-widget-text-editor h2 { font-size: 22px !important; }
  .elementor-widget-text-editor h3 { font-size: 20px !important; }
  .elementor-widget-text-editor h4 { font-size: 19px !important; }
  .elementor-widget-text-editor h5 { font-size: 18px !important; }
  .elementor-widget-text-editor h6 { font-size: 17px !important; }

  .elementor-widget-text-editor p {
    font-size: 15px !important;
    line-height: 1.8;
  }
}

/* ======================================================
   MOBILE (max-width: 767px)
====================================================== */

@media (max-width: 767px) {

  .elementor-widget-text-editor h1 { font-size: 22px !important; }
  .elementor-widget-text-editor h2 { font-size: 20px !important; }
  .elementor-widget-text-editor h3 { font-size: 19px !important; }
  .elementor-widget-text-editor h4 { font-size: 18px !important; }
  .elementor-widget-text-editor h5 { font-size: 17px !important; }
  .elementor-widget-text-editor h6 { font-size: 16px !important; }

  .elementor-widget-text-editor p {
    font-size: 15px !important;
    line-height: 1.8;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32f95db *//* =====================================
   MacBook Story – Premium Product Box
   (Original Box Style – UNCHANGED)
   ===================================== */

.mbs-product-box {
    position: relative;
    overflow: hidden;

    background: linear-gradient(180deg, #ffffff 0%, #f7f7f8 100%);
    border-radius: 24px;
    padding: 26px;
    margin-top: 20px;

    border: 1px solid rgba(0, 0, 0, 0.05);

    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.85);

    transition:
        transform 0.45s cubic-bezier(.22,.61,.36,1),
        box-shadow 0.45s cubic-bezier(.22,.61,.36,1),
        border-color 0.45s ease;
}

/* depth highlight */
.mbs-product-box::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 120px;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0.75),
        rgba(255,255,255,0)
    );
    pointer-events: none;
    z-index: 1;
}

.mbs-product-box:hover {
    transform: translateY(-4px);
    border-color: rgba(0, 122, 255, 0.25);
    box-shadow:
        0 35px 70px rgba(0, 0, 0, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

/* =====================================
   Cursor Glow – Softer, Smaller, Matte
   (ONLY glow edited)
   ===================================== */

.mbs-product-box::after {
    content: "";
    position: absolute;
    top: var(--y, 50%);
    left: var(--x, 50%);
    width: 160px;
    height: 160px;
    background: radial-gradient(
        circle,
        rgba(0, 122, 255, 0.10),
        rgba(0, 122, 255, 0.08),
        rgba(0, 122, 255, 0.02),
        transparent 70%
    );
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
    filter: blur(6px);
    z-index: 0;
}

.mbs-product-box:hover::after {
    opacity: 1;
}

/* keep content above effects */
.mbs-product-box > * {
    position: relative;
    z-index: 2;
}

/* =====================================
   Mobile ≤ 767px
   ===================================== */

@media (max-width: 767px) {
    .mbs-product-box {
        border-radius: 18px;
        padding: 18px 16px;
        margin-top: 14px;
        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.06);
    }

    .mbs-product-box::after {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f4ef9e8 *//* =================================================================== */
/* ====== تنظیمات پایه و فونت‌ها ====== */
/* =================================================================== */

/* اعمال فونت‌ها */
body .comment-body,
body .comment-content,
body .comment-metadata,
body .custom-comments-section {
    font-family: 'iranyekanwebregular', tahoma, sans-serif !important;
}

body .fn, 
body .fn a,
body .comments-title {
    font-family: 'iranyekanwebmedium', tahoma, sans-serif !important;
}

/* جهت‌دهی کلی */
body .comment-list, 
body .comments-area {
    direction: rtl;
    text-align: right;
}

/* حذف بولت‌های لیست */
body .comment-list, 
body .comment-list .children {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =================================================================== */
/* ====== ساختار کارت دیدگاه ====== */
/* =================================================================== */

/* 1. کانتینر اصلی کارت */
body .comment-list .comment-body {
    display: flex;
    flex-direction: column; /* چیدمان ستونی */
    background-color: #fff;
    border: 1px solid #eef0f2;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
    position: relative;
}

/* 2. شکستن ساختار فوتر */
body .comment-list .comment-meta {
    display: contents !important;
}

/* 3. نویسنده (بالا سمت راست) */
body .comment-list .comment-author {
    order: 1; /* اولویت اول */
    display: flex;
    align-items: center; /* تراز عمودی وسط */
    justify-content: flex-start; /* چسبیدن به راست */
    margin-bottom: 10px;
    width: 100%;
}

/* استایل عکس */
body .comment-list .comment-author img.avatar {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    margin-left: 12px !important;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.08);
}

/* استایل نام */
body .comment-list .comment-author .fn,
body .comment-list .comment-author .fn a {
    font-size: 16px;
    color: #222;
    text-decoration: none;
    font-style: normal;
    line-height: 1;
}

body .comment-list .comment-author .says {
    display: none;
}

/* 4. محتوا (وسط) */
body .comment-content {
    order: 2; /* اولویت دوم */
    width: 100%;
    margin-bottom: 10px; /* فاصله کمی تا تاریخ */
    padding: 0 5px;
}

body .comment-content p {
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
    color: #444;
    text-align: justify;
}

/* 5. تاریخ (پایین سمت چپ) */
body .comment-list .comment-metadata {
    order: 3; /* اولویت سوم */
    width: 100%;
    display: flex !important; /* حتما نمایش داده شود */
    justify-content: flex-end; /* چسبیدن به چپ */
    align-items: center;
}

body .comment-list .comment-metadata a {
    font-size: 12px;
    color: #999 !important;
    text-decoration: none;
    display: inline-block;
}

/* --- حذف فقط دکمه ویرایش --- */
body .comment-list .comment-metadata .edit-link {
    display: none !important;
}

/* حذف دکمه پاسخ */
body .comment-list .reply {
    display: none !important;
}

/* =================================================================== */
/* ====== استایل موبایل ====== */
/* =================================================================== */

@media screen and (max-width: 768px) {
    /* تنظیم پدینگ کارت */
    body .comment-list .comment-body {
        padding: 15px !important;
        border-radius: 12px;
    }

    /* سایز عکس در موبایل */
    body .comment-list .comment-author img.avatar {
        width: 45px !important;
        height: 45px !important;
        margin-left: 10px !important;
    }

    /* سایز نام در موبایل */
    body .comment-list .comment-author .fn,
    body .comment-list .comment-author .fn a {
        font-size: 14px;
    }
    
    body .comment-content p {
        font-size: 14px;
    }

    /* تاریخ در موبایل */
    body .comment-list .comment-metadata {
        justify-content: flex-end !important;
        border-top: 1px solid #f5f5f5;
        padding-top: 10px;
        margin-top: 5px;
    }

    /* نظرات تو در تو در موبایل */
    body .comment-list .children {
        padding-right: 10px !important;
        margin-top: 15px !important;
    }
    
    body .comment-list .children::before {
        content: '';
        position: absolute;
        top: 0;
        right: -5px;
        bottom: 0;
        width: 2px;
        background: #eee;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b13b792 *//* ============================================= */
/* استایل کلی کادر اصلی دیدگاه‌ها (حفظ شده) */
/* ============================================= */
.reviews-section-wrapper { direction: rtl; }
.reviews-section-wrapper, #respond input, #respond textarea, #respond label, .comment-list .comment-content p, .comment-list .comment-metadata a {
    font-family: "iranyekanwebregular", "Vazirmatn", sans-serif;
    font-weight: 400;
}
.reviews-section-wrapper h2, .comment-list .fn, #reply-title, #respond .form-submit input#submit {
    font-family: "iranyekanwebmedium", "Vazirmatn", sans-serif;
    font-weight: 500;
}

/* ============================================= */
/* استایل فرم ارسال دیدگاه (کاملا دست‌نخورده) */
/* ============================================= */
#respond {
    background-color: #fff; border: 1px solid #f0f2f5; border-radius: 12px;
    padding: 30px;  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
}
#reply-title, #respond .comment-form-comment label, #respond .comment-form-author label, #respond .comment-form-email label, #respond input[type="text"], #respond input[type="email"] {
    color: #000000;
}
#reply-title { font-size: 22px; font-weight: 500; margin-bottom: 25px; }
#respond .comment-form-comment label, #respond .comment-form-author label, #respond .comment-form-email label {
    font-size: 14px; font-weight: 400; margin-bottom: 8px; display: block;
}
#respond textarea#comment, #respond input[type="text"], #respond input[type="email"] {
    background-color: #F5F5F7; color: #000000; width: 100%; border: 1px solid #e0e5eb;
    border-radius: 8px; padding: 12px 15px; font-size: 15px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
#respond textarea#comment:focus, #respond input[type="text"]:focus, #respond input[type="email"]:focus {
    outline: none; border-color: #aaaaaa; box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.07);
}
#respond p.logged-in-as {
    font-family: "iranyekanwebregular", sans-serif; font-weight: 400; font-size: 15px;
    color: #000000; margin-bottom: 20px; background-color: transparent; padding: 0; border-radius: 0;
}
#respond .form-submit input#submit {
    color: black; background: white; border: 1px solid black; border-radius: 50px;
    padding: 10px 35px; font-size: 16px; font-weight: 500; cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease; transform: none; box-shadow: none;
}
#respond .form-submit input#submit:hover {
    color: white; background: black; transform: none; box-shadow: none;
}
/* ============================= */
/* 📱 موبایل (حداکثر 767px)     */
/* ============================= */
@media (max-width: 767px) {

    #respond {
        padding: 20px;                 /* کوچکتر برای جاگیری بهتر */
        border-radius: 10px;
    }

    #reply-title {
        font-size: 18px;
        margin-bottom: 18px;
        text-align: center;
    }

    #respond textarea#comment,
    #respond input[type="text"],
    #respond input[type="email"] {
        font-size: 14px;
        padding: 10px 12px;
    }

    #respond .comment-form-comment label,
    #respond .comment-form-author label,
    #respond .comment-form-email label {
        font-size: 13px;
        margin-bottom: 6px;
    }

    #respond .form-submit input#submit {
        width: 100%;                   /* دکمه تمام عرض موبایل */
        font-size: 15px;
        padding: 10px 0;
        border-radius: 40px;
    }

    /* کامنت‌ها در موبایل */
    .comment-list li.comment {
        padding: 18px 20px;
        border-radius: 10px;
    }

    .comment-list .comment-meta {
        flex-direction: row-reverse;
        gap: 10px;
        align-items: center;
    }

    .comment-list img.avatar {
        width: 38px;
        height: 38px;
        margin-left: 10px;
    }

    .comment-list .fn {
        font-size: 14px;
    }

    .comment-list .comment-metadata a {
        font-size: 12px;
    }

    .comment-content p {
        font-size: 14px;
        line-height: 1.8;
    }

    .comment-list .children {
        padding-right: 20px;  /* کمتر از دسکتاپ */
        margin-top: 15px;
    }
}


/* ============================= */
/* 📟 تبلت (768px تا 1024px)     */
/* ============================= */
@media (min-width: 768px) and (max-width: 1024px) {

    #respond {
        padding: 26px;
        border-radius: 12px;
    }

    #reply-title {
        font-size: 20px;
        margin-bottom: 22px;
    }

    #respond textarea#comment,
    #respond input[type="text"],
    #respond input[type="email"] {
        font-size: 15px;
        padding: 11px 14px;
    }

    #respond .form-submit input#submit {
        font-size: 15px;
        padding: 10px 28px;
    }

    /* تبلت Views */
    .comment-list li.comment {
        padding: 22px 26px;
    }

    .comment-list .comment-meta {
        margin-bottom: 14px;
    }

    .comment-content p {
        font-size: 15px;
        line-height: 1.85;
    }

    .comment-list .children {
        padding-right: 28px;
        margin-top: 20px;
    }
}


/* ============================= */
/* 💻 از 1025px به بالا بدون تغییر */
/* ============================= */
@media (min-width: 1025px) {
    /* عمداً خالی؛ نسخه دسکتاپ همانی که نوشتی باقی می‌ماند */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fb631be *//* ======================================================
   MACBOOK STORE — PREMIUM SPEC SYSTEM (FINAL TUNED)
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .custom-attributes-container{

    display:flex;
    flex-direction:column;

    /* 🔥 فاصله بیشتر بین باکس‌ها */
    gap:22px;

    font-family:"iranyekanwebregular",sans-serif;
}


/* ======================================================
   GROUP
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-group{

    background:#fff;

    border:1px solid #edf1f4;

    border-radius:20px;

    padding:12px;

    box-shadow:0 2px 10px rgba(0,0,0,0.03);
}


/* ======================================================
   GROUP TITLE
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-group-title{

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:8px 14px;

    margin-bottom:10px;

    border-radius:999px;

    background:#f6f8fb;

    border:1px solid #e7edf3;

    font-family:"iranyekanwebmedium",sans-serif;

    /* 🔥 برگشت به استایل قبلی */
    font-size:14px;
    font-weight:700;

    color:#0f172a;

    margin-right:auto;
}


/* dot */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-group-title::before{

    content:"";

    width:8px;
    height:8px;

    border-radius:50%;

    background:#3b82f6;
}


/* ======================================================
   ROW
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-row{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:16px;

    padding:12px 14px;

    border-radius:14px;

    transition:background .2s ease;
}


.elementor-277 .elementor-element.elementor-element-fb631be .attribute-row:hover{
    background:#f8fafc;
}


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

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-label{

    width:250px;

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

    gap:10px;

    /* 🔥 برگشت به استایل قبلی */
    font-family:"iranyekanwebmedium",sans-serif;
    font-size:14px;
    font-weight:600;

    color:#64748b;
}


/* arrow */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-label::after{

    content:"";

    width:12px;
    height:12px;

    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;

    opacity:.6;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M14 7l-5 5 5 5' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


/* ======================================================
   VALUE
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-value{

    width:250px;

    text-align:right;

    /* 🔥 برگشت به استایل قبلی */
    font-family:"iranyekanweblight",sans-serif;

    font-size:14px;
    font-weight:700;

    color:#020617;

    line-height:1.9;

    word-break:break-word;
}


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

@media(max-width:767px){

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-group{
        border-radius:16px;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-group-title{
        font-size:13px;
        padding:7px 12px;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-row{
        flex-direction:column;
        align-items:flex-start;
        gap:4px;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-label{
        width:100%;
        justify-content:flex-start;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-label::after{
        display:none;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-value{
        width:100%;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d19f1de *//* ======================================================
   GLOBAL CURSOR
====================================================== */

.elementor-277 .elementor-element.elementor-element-d19f1de {
  cursor: pointer;
}

/* ======================================================
   HEADINGS LINKS STYLE (H1–H6)
====================================================== */

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) {
  font-weight: 700;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a {
  color: #5A9BD5;
  text-decoration: none;
  font-weight: 600;
  position: relative;
  transition: color 0.25s ease;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a:hover {
  color: #1E73BE;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background-color: #1E73BE;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* ======================================================
   PARAGRAPH LINKS
====================================================== */

.text-disc-hvr-style p a {
  color: #5A9BD5;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.25s ease;
}

.text-disc-hvr-style p a:hover {
  color: #1E73BE;
}

/* ======================================================
   TYPOGRAPHY — DESKTOP (FIXED & BALANCED)
====================================================== */

.elementor-widget-text-editor h1 { font-size: 26px !important; line-height: 1.4; }
.elementor-widget-text-editor h2 { font-size: 24px !important; line-height: 1.4; }
.elementor-widget-text-editor h3 { font-size: 22px !important; line-height: 1.5; }
.elementor-widget-text-editor h4 { font-size: 20px !important; line-height: 1.5; }
.elementor-widget-text-editor h5 { font-size: 18px !important; line-height: 1.6; }
.elementor-widget-text-editor h6 { font-size: 17px !important; line-height: 1.6; }

.elementor-widget-text-editor p {
  font-size: 16px !important;
  line-height: 1.9;
}

/* جلوگیری از تغییر سایز ناخواسته */
.elementor-widget-text-editor :is(strong, a) {
  font-size: inherit;
}

/* ======================================================
   TABLET (768px – 1024px)
====================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

  .elementor-widget-text-editor h1 { font-size: 24px !important; }
  .elementor-widget-text-editor h2 { font-size: 22px !important; }
  .elementor-widget-text-editor h3 { font-size: 20px !important; }
  .elementor-widget-text-editor h4 { font-size: 19px !important; }
  .elementor-widget-text-editor h5 { font-size: 18px !important; }
  .elementor-widget-text-editor h6 { font-size: 17px !important; }

  .elementor-widget-text-editor p {
    font-size: 15px !important;
    line-height: 1.8;
  }
}

/* ======================================================
   MOBILE (max-width: 767px)
====================================================== */

@media (max-width: 767px) {

  .elementor-widget-text-editor h1 { font-size: 22px !important; }
  .elementor-widget-text-editor h2 { font-size: 20px !important; }
  .elementor-widget-text-editor h3 { font-size: 19px !important; }
  .elementor-widget-text-editor h4 { font-size: 18px !important; }
  .elementor-widget-text-editor h5 { font-size: 17px !important; }
  .elementor-widget-text-editor h6 { font-size: 16px !important; }

  .elementor-widget-text-editor p {
    font-size: 15px !important;
    line-height: 1.8;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32f95db *//* =====================================
   MacBook Story – Premium Product Box
   (Original Box Style – UNCHANGED)
   ===================================== */

.mbs-product-box {
    position: relative;
    overflow: hidden;

    background: linear-gradient(180deg, #ffffff 0%, #f7f7f8 100%);
    border-radius: 24px;
    padding: 26px;
    margin-top: 20px;

    border: 1px solid rgba(0, 0, 0, 0.05);

    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.85);

    transition:
        transform 0.45s cubic-bezier(.22,.61,.36,1),
        box-shadow 0.45s cubic-bezier(.22,.61,.36,1),
        border-color 0.45s ease;
}

/* depth highlight */
.mbs-product-box::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 120px;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0.75),
        rgba(255,255,255,0)
    );
    pointer-events: none;
    z-index: 1;
}

.mbs-product-box:hover {
    transform: translateY(-4px);
    border-color: rgba(0, 122, 255, 0.25);
    box-shadow:
        0 35px 70px rgba(0, 0, 0, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

/* =====================================
   Cursor Glow – Softer, Smaller, Matte
   (ONLY glow edited)
   ===================================== */

.mbs-product-box::after {
    content: "";
    position: absolute;
    top: var(--y, 50%);
    left: var(--x, 50%);
    width: 160px;
    height: 160px;
    background: radial-gradient(
        circle,
        rgba(0, 122, 255, 0.10),
        rgba(0, 122, 255, 0.08),
        rgba(0, 122, 255, 0.02),
        transparent 70%
    );
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
    filter: blur(6px);
    z-index: 0;
}

.mbs-product-box:hover::after {
    opacity: 1;
}

/* keep content above effects */
.mbs-product-box > * {
    position: relative;
    z-index: 2;
}

/* =====================================
   Mobile ≤ 767px
   ===================================== */

@media (max-width: 767px) {
    .mbs-product-box {
        border-radius: 18px;
        padding: 18px 16px;
        margin-top: 14px;
        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.06);
    }

    .mbs-product-box::after {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f4ef9e8 *//* =================================================================== */
/* ====== تنظیمات پایه و فونت‌ها ====== */
/* =================================================================== */

/* اعمال فونت‌ها */
body .comment-body,
body .comment-content,
body .comment-metadata,
body .custom-comments-section {
    font-family: 'iranyekanwebregular', tahoma, sans-serif !important;
}

body .fn, 
body .fn a,
body .comments-title {
    font-family: 'iranyekanwebmedium', tahoma, sans-serif !important;
}

/* جهت‌دهی کلی */
body .comment-list, 
body .comments-area {
    direction: rtl;
    text-align: right;
}

/* حذف بولت‌های لیست */
body .comment-list, 
body .comment-list .children {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =================================================================== */
/* ====== ساختار کارت دیدگاه ====== */
/* =================================================================== */

/* 1. کانتینر اصلی کارت */
body .comment-list .comment-body {
    display: flex;
    flex-direction: column; /* چیدمان ستونی */
    background-color: #fff;
    border: 1px solid #eef0f2;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
    position: relative;
}

/* 2. شکستن ساختار فوتر */
body .comment-list .comment-meta {
    display: contents !important;
}

/* 3. نویسنده (بالا سمت راست) */
body .comment-list .comment-author {
    order: 1; /* اولویت اول */
    display: flex;
    align-items: center; /* تراز عمودی وسط */
    justify-content: flex-start; /* چسبیدن به راست */
    margin-bottom: 10px;
    width: 100%;
}

/* استایل عکس */
body .comment-list .comment-author img.avatar {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    margin-left: 12px !important;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.08);
}

/* استایل نام */
body .comment-list .comment-author .fn,
body .comment-list .comment-author .fn a {
    font-size: 16px;
    color: #222;
    text-decoration: none;
    font-style: normal;
    line-height: 1;
}

body .comment-list .comment-author .says {
    display: none;
}

/* 4. محتوا (وسط) */
body .comment-content {
    order: 2; /* اولویت دوم */
    width: 100%;
    margin-bottom: 10px; /* فاصله کمی تا تاریخ */
    padding: 0 5px;
}

body .comment-content p {
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
    color: #444;
    text-align: justify;
}

/* 5. تاریخ (پایین سمت چپ) */
body .comment-list .comment-metadata {
    order: 3; /* اولویت سوم */
    width: 100%;
    display: flex !important; /* حتما نمایش داده شود */
    justify-content: flex-end; /* چسبیدن به چپ */
    align-items: center;
}

body .comment-list .comment-metadata a {
    font-size: 12px;
    color: #999 !important;
    text-decoration: none;
    display: inline-block;
}

/* --- حذف فقط دکمه ویرایش --- */
body .comment-list .comment-metadata .edit-link {
    display: none !important;
}

/* حذف دکمه پاسخ */
body .comment-list .reply {
    display: none !important;
}

/* =================================================================== */
/* ====== استایل موبایل ====== */
/* =================================================================== */

@media screen and (max-width: 768px) {
    /* تنظیم پدینگ کارت */
    body .comment-list .comment-body {
        padding: 15px !important;
        border-radius: 12px;
    }

    /* سایز عکس در موبایل */
    body .comment-list .comment-author img.avatar {
        width: 45px !important;
        height: 45px !important;
        margin-left: 10px !important;
    }

    /* سایز نام در موبایل */
    body .comment-list .comment-author .fn,
    body .comment-list .comment-author .fn a {
        font-size: 14px;
    }
    
    body .comment-content p {
        font-size: 14px;
    }

    /* تاریخ در موبایل */
    body .comment-list .comment-metadata {
        justify-content: flex-end !important;
        border-top: 1px solid #f5f5f5;
        padding-top: 10px;
        margin-top: 5px;
    }

    /* نظرات تو در تو در موبایل */
    body .comment-list .children {
        padding-right: 10px !important;
        margin-top: 15px !important;
    }
    
    body .comment-list .children::before {
        content: '';
        position: absolute;
        top: 0;
        right: -5px;
        bottom: 0;
        width: 2px;
        background: #eee;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b13b792 *//* ============================================= */
/* استایل کلی کادر اصلی دیدگاه‌ها (حفظ شده) */
/* ============================================= */
.reviews-section-wrapper { direction: rtl; }
.reviews-section-wrapper, #respond input, #respond textarea, #respond label, .comment-list .comment-content p, .comment-list .comment-metadata a {
    font-family: "iranyekanwebregular", "Vazirmatn", sans-serif;
    font-weight: 400;
}
.reviews-section-wrapper h2, .comment-list .fn, #reply-title, #respond .form-submit input#submit {
    font-family: "iranyekanwebmedium", "Vazirmatn", sans-serif;
    font-weight: 500;
}

/* ============================================= */
/* استایل فرم ارسال دیدگاه (کاملا دست‌نخورده) */
/* ============================================= */
#respond {
    background-color: #fff; border: 1px solid #f0f2f5; border-radius: 12px;
    padding: 30px;  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
}
#reply-title, #respond .comment-form-comment label, #respond .comment-form-author label, #respond .comment-form-email label, #respond input[type="text"], #respond input[type="email"] {
    color: #000000;
}
#reply-title { font-size: 22px; font-weight: 500; margin-bottom: 25px; }
#respond .comment-form-comment label, #respond .comment-form-author label, #respond .comment-form-email label {
    font-size: 14px; font-weight: 400; margin-bottom: 8px; display: block;
}
#respond textarea#comment, #respond input[type="text"], #respond input[type="email"] {
    background-color: #F5F5F7; color: #000000; width: 100%; border: 1px solid #e0e5eb;
    border-radius: 8px; padding: 12px 15px; font-size: 15px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
#respond textarea#comment:focus, #respond input[type="text"]:focus, #respond input[type="email"]:focus {
    outline: none; border-color: #aaaaaa; box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.07);
}
#respond p.logged-in-as {
    font-family: "iranyekanwebregular", sans-serif; font-weight: 400; font-size: 15px;
    color: #000000; margin-bottom: 20px; background-color: transparent; padding: 0; border-radius: 0;
}
#respond .form-submit input#submit {
    color: black; background: white; border: 1px solid black; border-radius: 50px;
    padding: 10px 35px; font-size: 16px; font-weight: 500; cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease; transform: none; box-shadow: none;
}
#respond .form-submit input#submit:hover {
    color: white; background: black; transform: none; box-shadow: none;
}
/* ============================= */
/* 📱 موبایل (حداکثر 767px)     */
/* ============================= */
@media (max-width: 767px) {

    #respond {
        padding: 20px;                 /* کوچکتر برای جاگیری بهتر */
        border-radius: 10px;
    }

    #reply-title {
        font-size: 18px;
        margin-bottom: 18px;
        text-align: center;
    }

    #respond textarea#comment,
    #respond input[type="text"],
    #respond input[type="email"] {
        font-size: 14px;
        padding: 10px 12px;
    }

    #respond .comment-form-comment label,
    #respond .comment-form-author label,
    #respond .comment-form-email label {
        font-size: 13px;
        margin-bottom: 6px;
    }

    #respond .form-submit input#submit {
        width: 100%;                   /* دکمه تمام عرض موبایل */
        font-size: 15px;
        padding: 10px 0;
        border-radius: 40px;
    }

    /* کامنت‌ها در موبایل */
    .comment-list li.comment {
        padding: 18px 20px;
        border-radius: 10px;
    }

    .comment-list .comment-meta {
        flex-direction: row-reverse;
        gap: 10px;
        align-items: center;
    }

    .comment-list img.avatar {
        width: 38px;
        height: 38px;
        margin-left: 10px;
    }

    .comment-list .fn {
        font-size: 14px;
    }

    .comment-list .comment-metadata a {
        font-size: 12px;
    }

    .comment-content p {
        font-size: 14px;
        line-height: 1.8;
    }

    .comment-list .children {
        padding-right: 20px;  /* کمتر از دسکتاپ */
        margin-top: 15px;
    }
}


/* ============================= */
/* 📟 تبلت (768px تا 1024px)     */
/* ============================= */
@media (min-width: 768px) and (max-width: 1024px) {

    #respond {
        padding: 26px;
        border-radius: 12px;
    }

    #reply-title {
        font-size: 20px;
        margin-bottom: 22px;
    }

    #respond textarea#comment,
    #respond input[type="text"],
    #respond input[type="email"] {
        font-size: 15px;
        padding: 11px 14px;
    }

    #respond .form-submit input#submit {
        font-size: 15px;
        padding: 10px 28px;
    }

    /* تبلت Views */
    .comment-list li.comment {
        padding: 22px 26px;
    }

    .comment-list .comment-meta {
        margin-bottom: 14px;
    }

    .comment-content p {
        font-size: 15px;
        line-height: 1.85;
    }

    .comment-list .children {
        padding-right: 28px;
        margin-top: 20px;
    }
}


/* ============================= */
/* 💻 از 1025px به بالا بدون تغییر */
/* ============================= */
@media (min-width: 1025px) {
    /* عمداً خالی؛ نسخه دسکتاپ همانی که نوشتی باقی می‌ماند */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fb631be *//* ======================================================
   MACBOOK STORE — PREMIUM SPEC SYSTEM (FINAL TUNED)
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .custom-attributes-container{

    display:flex;
    flex-direction:column;

    /* 🔥 فاصله بیشتر بین باکس‌ها */
    gap:22px;

    font-family:"iranyekanwebregular",sans-serif;
}


/* ======================================================
   GROUP
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-group{

    background:#fff;

    border:1px solid #edf1f4;

    border-radius:20px;

    padding:12px;

    box-shadow:0 2px 10px rgba(0,0,0,0.03);
}


/* ======================================================
   GROUP TITLE
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-group-title{

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:8px 14px;

    margin-bottom:10px;

    border-radius:999px;

    background:#f6f8fb;

    border:1px solid #e7edf3;

    font-family:"iranyekanwebmedium",sans-serif;

    /* 🔥 برگشت به استایل قبلی */
    font-size:14px;
    font-weight:700;

    color:#0f172a;

    margin-right:auto;
}


/* dot */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-group-title::before{

    content:"";

    width:8px;
    height:8px;

    border-radius:50%;

    background:#3b82f6;
}


/* ======================================================
   ROW
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-row{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:16px;

    padding:12px 14px;

    border-radius:14px;

    transition:background .2s ease;
}


.elementor-277 .elementor-element.elementor-element-fb631be .attribute-row:hover{
    background:#f8fafc;
}


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

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-label{

    width:250px;

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

    gap:10px;

    /* 🔥 برگشت به استایل قبلی */
    font-family:"iranyekanwebmedium",sans-serif;
    font-size:14px;
    font-weight:600;

    color:#64748b;
}


/* arrow */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-label::after{

    content:"";

    width:12px;
    height:12px;

    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;

    opacity:.6;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M14 7l-5 5 5 5' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


/* ======================================================
   VALUE
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-value{

    width:250px;

    text-align:right;

    /* 🔥 برگشت به استایل قبلی */
    font-family:"iranyekanweblight",sans-serif;

    font-size:14px;
    font-weight:700;

    color:#020617;

    line-height:1.9;

    word-break:break-word;
}


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

@media(max-width:767px){

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-group{
        border-radius:16px;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-group-title{
        font-size:13px;
        padding:7px 12px;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-row{
        flex-direction:column;
        align-items:flex-start;
        gap:4px;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-label{
        width:100%;
        justify-content:flex-start;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-label::after{
        display:none;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-value{
        width:100%;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d19f1de *//* ======================================================
   GLOBAL CURSOR
====================================================== */

.elementor-277 .elementor-element.elementor-element-d19f1de {
  cursor: pointer;
}

/* ======================================================
   HEADINGS LINKS STYLE (H1–H6)
====================================================== */

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) {
  font-weight: 700;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a {
  color: #5A9BD5;
  text-decoration: none;
  font-weight: 600;
  position: relative;
  transition: color 0.25s ease;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a:hover {
  color: #1E73BE;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background-color: #1E73BE;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* ======================================================
   PARAGRAPH LINKS
====================================================== */

.text-disc-hvr-style p a {
  color: #5A9BD5;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.25s ease;
}

.text-disc-hvr-style p a:hover {
  color: #1E73BE;
}

/* ======================================================
   TYPOGRAPHY — DESKTOP (FIXED & BALANCED)
====================================================== */

.elementor-widget-text-editor h1 { font-size: 26px !important; line-height: 1.4; }
.elementor-widget-text-editor h2 { font-size: 24px !important; line-height: 1.4; }
.elementor-widget-text-editor h3 { font-size: 22px !important; line-height: 1.5; }
.elementor-widget-text-editor h4 { font-size: 20px !important; line-height: 1.5; }
.elementor-widget-text-editor h5 { font-size: 18px !important; line-height: 1.6; }
.elementor-widget-text-editor h6 { font-size: 17px !important; line-height: 1.6; }

.elementor-widget-text-editor p {
  font-size: 16px !important;
  line-height: 1.9;
}

/* جلوگیری از تغییر سایز ناخواسته */
.elementor-widget-text-editor :is(strong, a) {
  font-size: inherit;
}

/* ======================================================
   TABLET (768px – 1024px)
====================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

  .elementor-widget-text-editor h1 { font-size: 24px !important; }
  .elementor-widget-text-editor h2 { font-size: 22px !important; }
  .elementor-widget-text-editor h3 { font-size: 20px !important; }
  .elementor-widget-text-editor h4 { font-size: 19px !important; }
  .elementor-widget-text-editor h5 { font-size: 18px !important; }
  .elementor-widget-text-editor h6 { font-size: 17px !important; }

  .elementor-widget-text-editor p {
    font-size: 15px !important;
    line-height: 1.8;
  }
}

/* ======================================================
   MOBILE (max-width: 767px)
====================================================== */

@media (max-width: 767px) {

  .elementor-widget-text-editor h1 { font-size: 22px !important; }
  .elementor-widget-text-editor h2 { font-size: 20px !important; }
  .elementor-widget-text-editor h3 { font-size: 19px !important; }
  .elementor-widget-text-editor h4 { font-size: 18px !important; }
  .elementor-widget-text-editor h5 { font-size: 17px !important; }
  .elementor-widget-text-editor h6 { font-size: 16px !important; }

  .elementor-widget-text-editor p {
    font-size: 15px !important;
    line-height: 1.8;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32f95db *//* =====================================
   MacBook Story – Premium Product Box
   (Original Box Style – UNCHANGED)
   ===================================== */

.mbs-product-box {
    position: relative;
    overflow: hidden;

    background: linear-gradient(180deg, #ffffff 0%, #f7f7f8 100%);
    border-radius: 24px;
    padding: 26px;
    margin-top: 20px;

    border: 1px solid rgba(0, 0, 0, 0.05);

    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.85);

    transition:
        transform 0.45s cubic-bezier(.22,.61,.36,1),
        box-shadow 0.45s cubic-bezier(.22,.61,.36,1),
        border-color 0.45s ease;
}

/* depth highlight */
.mbs-product-box::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 120px;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0.75),
        rgba(255,255,255,0)
    );
    pointer-events: none;
    z-index: 1;
}

.mbs-product-box:hover {
    transform: translateY(-4px);
    border-color: rgba(0, 122, 255, 0.25);
    box-shadow:
        0 35px 70px rgba(0, 0, 0, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

/* =====================================
   Cursor Glow – Softer, Smaller, Matte
   (ONLY glow edited)
   ===================================== */

.mbs-product-box::after {
    content: "";
    position: absolute;
    top: var(--y, 50%);
    left: var(--x, 50%);
    width: 160px;
    height: 160px;
    background: radial-gradient(
        circle,
        rgba(0, 122, 255, 0.10),
        rgba(0, 122, 255, 0.08),
        rgba(0, 122, 255, 0.02),
        transparent 70%
    );
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
    filter: blur(6px);
    z-index: 0;
}

.mbs-product-box:hover::after {
    opacity: 1;
}

/* keep content above effects */
.mbs-product-box > * {
    position: relative;
    z-index: 2;
}

/* =====================================
   Mobile ≤ 767px
   ===================================== */

@media (max-width: 767px) {
    .mbs-product-box {
        border-radius: 18px;
        padding: 18px 16px;
        margin-top: 14px;
        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.06);
    }

    .mbs-product-box::after {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f4ef9e8 *//* =================================================================== */
/* ====== تنظیمات پایه و فونت‌ها ====== */
/* =================================================================== */

/* اعمال فونت‌ها */
body .comment-body,
body .comment-content,
body .comment-metadata,
body .custom-comments-section {
    font-family: 'iranyekanwebregular', tahoma, sans-serif !important;
}

body .fn, 
body .fn a,
body .comments-title {
    font-family: 'iranyekanwebmedium', tahoma, sans-serif !important;
}

/* جهت‌دهی کلی */
body .comment-list, 
body .comments-area {
    direction: rtl;
    text-align: right;
}

/* حذف بولت‌های لیست */
body .comment-list, 
body .comment-list .children {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =================================================================== */
/* ====== ساختار کارت دیدگاه ====== */
/* =================================================================== */

/* 1. کانتینر اصلی کارت */
body .comment-list .comment-body {
    display: flex;
    flex-direction: column; /* چیدمان ستونی */
    background-color: #fff;
    border: 1px solid #eef0f2;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
    position: relative;
}

/* 2. شکستن ساختار فوتر */
body .comment-list .comment-meta {
    display: contents !important;
}

/* 3. نویسنده (بالا سمت راست) */
body .comment-list .comment-author {
    order: 1; /* اولویت اول */
    display: flex;
    align-items: center; /* تراز عمودی وسط */
    justify-content: flex-start; /* چسبیدن به راست */
    margin-bottom: 10px;
    width: 100%;
}

/* استایل عکس */
body .comment-list .comment-author img.avatar {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    margin-left: 12px !important;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.08);
}

/* استایل نام */
body .comment-list .comment-author .fn,
body .comment-list .comment-author .fn a {
    font-size: 16px;
    color: #222;
    text-decoration: none;
    font-style: normal;
    line-height: 1;
}

body .comment-list .comment-author .says {
    display: none;
}

/* 4. محتوا (وسط) */
body .comment-content {
    order: 2; /* اولویت دوم */
    width: 100%;
    margin-bottom: 10px; /* فاصله کمی تا تاریخ */
    padding: 0 5px;
}

body .comment-content p {
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
    color: #444;
    text-align: justify;
}

/* 5. تاریخ (پایین سمت چپ) */
body .comment-list .comment-metadata {
    order: 3; /* اولویت سوم */
    width: 100%;
    display: flex !important; /* حتما نمایش داده شود */
    justify-content: flex-end; /* چسبیدن به چپ */
    align-items: center;
}

body .comment-list .comment-metadata a {
    font-size: 12px;
    color: #999 !important;
    text-decoration: none;
    display: inline-block;
}

/* --- حذف فقط دکمه ویرایش --- */
body .comment-list .comment-metadata .edit-link {
    display: none !important;
}

/* حذف دکمه پاسخ */
body .comment-list .reply {
    display: none !important;
}

/* =================================================================== */
/* ====== استایل موبایل ====== */
/* =================================================================== */

@media screen and (max-width: 768px) {
    /* تنظیم پدینگ کارت */
    body .comment-list .comment-body {
        padding: 15px !important;
        border-radius: 12px;
    }

    /* سایز عکس در موبایل */
    body .comment-list .comment-author img.avatar {
        width: 45px !important;
        height: 45px !important;
        margin-left: 10px !important;
    }

    /* سایز نام در موبایل */
    body .comment-list .comment-author .fn,
    body .comment-list .comment-author .fn a {
        font-size: 14px;
    }
    
    body .comment-content p {
        font-size: 14px;
    }

    /* تاریخ در موبایل */
    body .comment-list .comment-metadata {
        justify-content: flex-end !important;
        border-top: 1px solid #f5f5f5;
        padding-top: 10px;
        margin-top: 5px;
    }

    /* نظرات تو در تو در موبایل */
    body .comment-list .children {
        padding-right: 10px !important;
        margin-top: 15px !important;
    }
    
    body .comment-list .children::before {
        content: '';
        position: absolute;
        top: 0;
        right: -5px;
        bottom: 0;
        width: 2px;
        background: #eee;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b13b792 *//* ============================================= */
/* استایل کلی کادر اصلی دیدگاه‌ها (حفظ شده) */
/* ============================================= */
.reviews-section-wrapper { direction: rtl; }
.reviews-section-wrapper, #respond input, #respond textarea, #respond label, .comment-list .comment-content p, .comment-list .comment-metadata a {
    font-family: "iranyekanwebregular", "Vazirmatn", sans-serif;
    font-weight: 400;
}
.reviews-section-wrapper h2, .comment-list .fn, #reply-title, #respond .form-submit input#submit {
    font-family: "iranyekanwebmedium", "Vazirmatn", sans-serif;
    font-weight: 500;
}

/* ============================================= */
/* استایل فرم ارسال دیدگاه (کاملا دست‌نخورده) */
/* ============================================= */
#respond {
    background-color: #fff; border: 1px solid #f0f2f5; border-radius: 12px;
    padding: 30px;  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
}
#reply-title, #respond .comment-form-comment label, #respond .comment-form-author label, #respond .comment-form-email label, #respond input[type="text"], #respond input[type="email"] {
    color: #000000;
}
#reply-title { font-size: 22px; font-weight: 500; margin-bottom: 25px; }
#respond .comment-form-comment label, #respond .comment-form-author label, #respond .comment-form-email label {
    font-size: 14px; font-weight: 400; margin-bottom: 8px; display: block;
}
#respond textarea#comment, #respond input[type="text"], #respond input[type="email"] {
    background-color: #F5F5F7; color: #000000; width: 100%; border: 1px solid #e0e5eb;
    border-radius: 8px; padding: 12px 15px; font-size: 15px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
#respond textarea#comment:focus, #respond input[type="text"]:focus, #respond input[type="email"]:focus {
    outline: none; border-color: #aaaaaa; box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.07);
}
#respond p.logged-in-as {
    font-family: "iranyekanwebregular", sans-serif; font-weight: 400; font-size: 15px;
    color: #000000; margin-bottom: 20px; background-color: transparent; padding: 0; border-radius: 0;
}
#respond .form-submit input#submit {
    color: black; background: white; border: 1px solid black; border-radius: 50px;
    padding: 10px 35px; font-size: 16px; font-weight: 500; cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease; transform: none; box-shadow: none;
}
#respond .form-submit input#submit:hover {
    color: white; background: black; transform: none; box-shadow: none;
}
/* ============================= */
/* 📱 موبایل (حداکثر 767px)     */
/* ============================= */
@media (max-width: 767px) {

    #respond {
        padding: 20px;                 /* کوچکتر برای جاگیری بهتر */
        border-radius: 10px;
    }

    #reply-title {
        font-size: 18px;
        margin-bottom: 18px;
        text-align: center;
    }

    #respond textarea#comment,
    #respond input[type="text"],
    #respond input[type="email"] {
        font-size: 14px;
        padding: 10px 12px;
    }

    #respond .comment-form-comment label,
    #respond .comment-form-author label,
    #respond .comment-form-email label {
        font-size: 13px;
        margin-bottom: 6px;
    }

    #respond .form-submit input#submit {
        width: 100%;                   /* دکمه تمام عرض موبایل */
        font-size: 15px;
        padding: 10px 0;
        border-radius: 40px;
    }

    /* کامنت‌ها در موبایل */
    .comment-list li.comment {
        padding: 18px 20px;
        border-radius: 10px;
    }

    .comment-list .comment-meta {
        flex-direction: row-reverse;
        gap: 10px;
        align-items: center;
    }

    .comment-list img.avatar {
        width: 38px;
        height: 38px;
        margin-left: 10px;
    }

    .comment-list .fn {
        font-size: 14px;
    }

    .comment-list .comment-metadata a {
        font-size: 12px;
    }

    .comment-content p {
        font-size: 14px;
        line-height: 1.8;
    }

    .comment-list .children {
        padding-right: 20px;  /* کمتر از دسکتاپ */
        margin-top: 15px;
    }
}


/* ============================= */
/* 📟 تبلت (768px تا 1024px)     */
/* ============================= */
@media (min-width: 768px) and (max-width: 1024px) {

    #respond {
        padding: 26px;
        border-radius: 12px;
    }

    #reply-title {
        font-size: 20px;
        margin-bottom: 22px;
    }

    #respond textarea#comment,
    #respond input[type="text"],
    #respond input[type="email"] {
        font-size: 15px;
        padding: 11px 14px;
    }

    #respond .form-submit input#submit {
        font-size: 15px;
        padding: 10px 28px;
    }

    /* تبلت Views */
    .comment-list li.comment {
        padding: 22px 26px;
    }

    .comment-list .comment-meta {
        margin-bottom: 14px;
    }

    .comment-content p {
        font-size: 15px;
        line-height: 1.85;
    }

    .comment-list .children {
        padding-right: 28px;
        margin-top: 20px;
    }
}


/* ============================= */
/* 💻 از 1025px به بالا بدون تغییر */
/* ============================= */
@media (min-width: 1025px) {
    /* عمداً خالی؛ نسخه دسکتاپ همانی که نوشتی باقی می‌ماند */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fb631be *//* ======================================================
   MACBOOK STORE — PREMIUM SPEC SYSTEM (FINAL TUNED)
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .custom-attributes-container{

    display:flex;
    flex-direction:column;

    /* 🔥 فاصله بیشتر بین باکس‌ها */
    gap:22px;

    font-family:"iranyekanwebregular",sans-serif;
}


/* ======================================================
   GROUP
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-group{

    background:#fff;

    border:1px solid #edf1f4;

    border-radius:20px;

    padding:12px;

    box-shadow:0 2px 10px rgba(0,0,0,0.03);
}


/* ======================================================
   GROUP TITLE
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-group-title{

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:8px 14px;

    margin-bottom:10px;

    border-radius:999px;

    background:#f6f8fb;

    border:1px solid #e7edf3;

    font-family:"iranyekanwebmedium",sans-serif;

    /* 🔥 برگشت به استایل قبلی */
    font-size:14px;
    font-weight:700;

    color:#0f172a;

    margin-right:auto;
}


/* dot */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-group-title::before{

    content:"";

    width:8px;
    height:8px;

    border-radius:50%;

    background:#3b82f6;
}


/* ======================================================
   ROW
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-row{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:16px;

    padding:12px 14px;

    border-radius:14px;

    transition:background .2s ease;
}


.elementor-277 .elementor-element.elementor-element-fb631be .attribute-row:hover{
    background:#f8fafc;
}


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

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-label{

    width:250px;

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

    gap:10px;

    /* 🔥 برگشت به استایل قبلی */
    font-family:"iranyekanwebmedium",sans-serif;
    font-size:14px;
    font-weight:600;

    color:#64748b;
}


/* arrow */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-label::after{

    content:"";

    width:12px;
    height:12px;

    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;

    opacity:.6;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M14 7l-5 5 5 5' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


/* ======================================================
   VALUE
====================================================== */

.elementor-277 .elementor-element.elementor-element-fb631be .attribute-value{

    width:250px;

    text-align:right;

    /* 🔥 برگشت به استایل قبلی */
    font-family:"iranyekanweblight",sans-serif;

    font-size:14px;
    font-weight:700;

    color:#020617;

    line-height:1.9;

    word-break:break-word;
}


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

@media(max-width:767px){

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-group{
        border-radius:16px;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-group-title{
        font-size:13px;
        padding:7px 12px;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-row{
        flex-direction:column;
        align-items:flex-start;
        gap:4px;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-label{
        width:100%;
        justify-content:flex-start;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-label::after{
        display:none;
    }

    .elementor-277 .elementor-element.elementor-element-fb631be .attribute-value{
        width:100%;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d19f1de *//* ======================================================
   GLOBAL CURSOR
====================================================== */

.elementor-277 .elementor-element.elementor-element-d19f1de {
  cursor: pointer;
}

/* ======================================================
   HEADINGS LINKS STYLE (H1–H6)
====================================================== */

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) {
  font-weight: 700;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a {
  color: #5A9BD5;
  text-decoration: none;
  font-weight: 600;
  position: relative;
  transition: color 0.25s ease;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a:hover {
  color: #1E73BE;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background-color: #1E73BE;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease;
}

.text-disc-hvr-style :is(h1, h2, h3, h4, h5, h6) a:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* ======================================================
   PARAGRAPH LINKS
====================================================== */

.text-disc-hvr-style p a {
  color: #5A9BD5;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.25s ease;
}

.text-disc-hvr-style p a:hover {
  color: #1E73BE;
}

/* ======================================================
   TYPOGRAPHY — DESKTOP (FIXED & BALANCED)
====================================================== */

.elementor-widget-text-editor h1 { font-size: 26px !important; line-height: 1.4; }
.elementor-widget-text-editor h2 { font-size: 24px !important; line-height: 1.4; }
.elementor-widget-text-editor h3 { font-size: 22px !important; line-height: 1.5; }
.elementor-widget-text-editor h4 { font-size: 20px !important; line-height: 1.5; }
.elementor-widget-text-editor h5 { font-size: 18px !important; line-height: 1.6; }
.elementor-widget-text-editor h6 { font-size: 17px !important; line-height: 1.6; }

.elementor-widget-text-editor p {
  font-size: 16px !important;
  line-height: 1.9;
}

/* جلوگیری از تغییر سایز ناخواسته */
.elementor-widget-text-editor :is(strong, a) {
  font-size: inherit;
}

/* ======================================================
   TABLET (768px – 1024px)
====================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

  .elementor-widget-text-editor h1 { font-size: 24px !important; }
  .elementor-widget-text-editor h2 { font-size: 22px !important; }
  .elementor-widget-text-editor h3 { font-size: 20px !important; }
  .elementor-widget-text-editor h4 { font-size: 19px !important; }
  .elementor-widget-text-editor h5 { font-size: 18px !important; }
  .elementor-widget-text-editor h6 { font-size: 17px !important; }

  .elementor-widget-text-editor p {
    font-size: 15px !important;
    line-height: 1.8;
  }
}

/* ======================================================
   MOBILE (max-width: 767px)
====================================================== */

@media (max-width: 767px) {

  .elementor-widget-text-editor h1 { font-size: 22px !important; }
  .elementor-widget-text-editor h2 { font-size: 20px !important; }
  .elementor-widget-text-editor h3 { font-size: 19px !important; }
  .elementor-widget-text-editor h4 { font-size: 18px !important; }
  .elementor-widget-text-editor h5 { font-size: 17px !important; }
  .elementor-widget-text-editor h6 { font-size: 16px !important; }

  .elementor-widget-text-editor p {
    font-size: 15px !important;
    line-height: 1.8;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32f95db *//* =====================================
   MacBook Story – Premium Product Box
   (Original Box Style – UNCHANGED)
   ===================================== */

.mbs-product-box {
    position: relative;
    overflow: hidden;

    background: linear-gradient(180deg, #ffffff 0%, #f7f7f8 100%);
    border-radius: 24px;
    padding: 26px;
    margin-top: 20px;

    border: 1px solid rgba(0, 0, 0, 0.05);

    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.85);

    transition:
        transform 0.45s cubic-bezier(.22,.61,.36,1),
        box-shadow 0.45s cubic-bezier(.22,.61,.36,1),
        border-color 0.45s ease;
}

/* depth highlight */
.mbs-product-box::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 120px;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0.75),
        rgba(255,255,255,0)
    );
    pointer-events: none;
    z-index: 1;
}

.mbs-product-box:hover {
    transform: translateY(-4px);
    border-color: rgba(0, 122, 255, 0.25);
    box-shadow:
        0 35px 70px rgba(0, 0, 0, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

/* =====================================
   Cursor Glow – Softer, Smaller, Matte
   (ONLY glow edited)
   ===================================== */

.mbs-product-box::after {
    content: "";
    position: absolute;
    top: var(--y, 50%);
    left: var(--x, 50%);
    width: 160px;
    height: 160px;
    background: radial-gradient(
        circle,
        rgba(0, 122, 255, 0.10),
        rgba(0, 122, 255, 0.08),
        rgba(0, 122, 255, 0.02),
        transparent 70%
    );
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
    filter: blur(6px);
    z-index: 0;
}

.mbs-product-box:hover::after {
    opacity: 1;
}

/* keep content above effects */
.mbs-product-box > * {
    position: relative;
    z-index: 2;
}

/* =====================================
   Mobile ≤ 767px
   ===================================== */

@media (max-width: 767px) {
    .mbs-product-box {
        border-radius: 18px;
        padding: 18px 16px;
        margin-top: 14px;
        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.06);
    }

    .mbs-product-box::after {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f4ef9e8 *//* =================================================================== */
/* ====== تنظیمات پایه و فونت‌ها ====== */
/* =================================================================== */

/* اعمال فونت‌ها */
body .comment-body,
body .comment-content,
body .comment-metadata,
body .custom-comments-section {
    font-family: 'iranyekanwebregular', tahoma, sans-serif !important;
}

body .fn, 
body .fn a,
body .comments-title {
    font-family: 'iranyekanwebmedium', tahoma, sans-serif !important;
}

/* جهت‌دهی کلی */
body .comment-list, 
body .comments-area {
    direction: rtl;
    text-align: right;
}

/* حذف بولت‌های لیست */
body .comment-list, 
body .comment-list .children {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =================================================================== */
/* ====== ساختار کارت دیدگاه ====== */
/* =================================================================== */

/* 1. کانتینر اصلی کارت */
body .comment-list .comment-body {
    display: flex;
    flex-direction: column; /* چیدمان ستونی */
    background-color: #fff;
    border: 1px solid #eef0f2;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
    position: relative;
}

/* 2. شکستن ساختار فوتر */
body .comment-list .comment-meta {
    display: contents !important;
}

/* 3. نویسنده (بالا سمت راست) */
body .comment-list .comment-author {
    order: 1; /* اولویت اول */
    display: flex;
    align-items: center; /* تراز عمودی وسط */
    justify-content: flex-start; /* چسبیدن به راست */
    margin-bottom: 10px;
    width: 100%;
}

/* استایل عکس */
body .comment-list .comment-author img.avatar {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    margin-left: 12px !important;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.08);
}

/* استایل نام */
body .comment-list .comment-author .fn,
body .comment-list .comment-author .fn a {
    font-size: 16px;
    color: #222;
    text-decoration: none;
    font-style: normal;
    line-height: 1;
}

body .comment-list .comment-author .says {
    display: none;
}

/* 4. محتوا (وسط) */
body .comment-content {
    order: 2; /* اولویت دوم */
    width: 100%;
    margin-bottom: 10px; /* فاصله کمی تا تاریخ */
    padding: 0 5px;
}

body .comment-content p {
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
    color: #444;
    text-align: justify;
}

/* 5. تاریخ (پایین سمت چپ) */
body .comment-list .comment-metadata {
    order: 3; /* اولویت سوم */
    width: 100%;
    display: flex !important; /* حتما نمایش داده شود */
    justify-content: flex-end; /* چسبیدن به چپ */
    align-items: center;
}

body .comment-list .comment-metadata a {
    font-size: 12px;
    color: #999 !important;
    text-decoration: none;
    display: inline-block;
}

/* --- حذف فقط دکمه ویرایش --- */
body .comment-list .comment-metadata .edit-link {
    display: none !important;
}

/* حذف دکمه پاسخ */
body .comment-list .reply {
    display: none !important;
}

/* =================================================================== */
/* ====== استایل موبایل ====== */
/* =================================================================== */

@media screen and (max-width: 768px) {
    /* تنظیم پدینگ کارت */
    body .comment-list .comment-body {
        padding: 15px !important;
        border-radius: 12px;
    }

    /* سایز عکس در موبایل */
    body .comment-list .comment-author img.avatar {
        width: 45px !important;
        height: 45px !important;
        margin-left: 10px !important;
    }

    /* سایز نام در موبایل */
    body .comment-list .comment-author .fn,
    body .comment-list .comment-author .fn a {
        font-size: 14px;
    }
    
    body .comment-content p {
        font-size: 14px;
    }

    /* تاریخ در موبایل */
    body .comment-list .comment-metadata {
        justify-content: flex-end !important;
        border-top: 1px solid #f5f5f5;
        padding-top: 10px;
        margin-top: 5px;
    }

    /* نظرات تو در تو در موبایل */
    body .comment-list .children {
        padding-right: 10px !important;
        margin-top: 15px !important;
    }
    
    body .comment-list .children::before {
        content: '';
        position: absolute;
        top: 0;
        right: -5px;
        bottom: 0;
        width: 2px;
        background: #eee;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b13b792 *//* ============================================= */
/* استایل کلی کادر اصلی دیدگاه‌ها (حفظ شده) */
/* ============================================= */
.reviews-section-wrapper { direction: rtl; }
.reviews-section-wrapper, #respond input, #respond textarea, #respond label, .comment-list .comment-content p, .comment-list .comment-metadata a {
    font-family: "iranyekanwebregular", "Vazirmatn", sans-serif;
    font-weight: 400;
}
.reviews-section-wrapper h2, .comment-list .fn, #reply-title, #respond .form-submit input#submit {
    font-family: "iranyekanwebmedium", "Vazirmatn", sans-serif;
    font-weight: 500;
}

/* ============================================= */
/* استایل فرم ارسال دیدگاه (کاملا دست‌نخورده) */
/* ============================================= */
#respond {
    background-color: #fff; border: 1px solid #f0f2f5; border-radius: 12px;
    padding: 30px;  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
}
#reply-title, #respond .comment-form-comment label, #respond .comment-form-author label, #respond .comment-form-email label, #respond input[type="text"], #respond input[type="email"] {
    color: #000000;
}
#reply-title { font-size: 22px; font-weight: 500; margin-bottom: 25px; }
#respond .comment-form-comment label, #respond .comment-form-author label, #respond .comment-form-email label {
    font-size: 14px; font-weight: 400; margin-bottom: 8px; display: block;
}
#respond textarea#comment, #respond input[type="text"], #respond input[type="email"] {
    background-color: #F5F5F7; color: #000000; width: 100%; border: 1px solid #e0e5eb;
    border-radius: 8px; padding: 12px 15px; font-size: 15px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
#respond textarea#comment:focus, #respond input[type="text"]:focus, #respond input[type="email"]:focus {
    outline: none; border-color: #aaaaaa; box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.07);
}
#respond p.logged-in-as {
    font-family: "iranyekanwebregular", sans-serif; font-weight: 400; font-size: 15px;
    color: #000000; margin-bottom: 20px; background-color: transparent; padding: 0; border-radius: 0;
}
#respond .form-submit input#submit {
    color: black; background: white; border: 1px solid black; border-radius: 50px;
    padding: 10px 35px; font-size: 16px; font-weight: 500; cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease; transform: none; box-shadow: none;
}
#respond .form-submit input#submit:hover {
    color: white; background: black; transform: none; box-shadow: none;
}
/* ============================= */
/* 📱 موبایل (حداکثر 767px)     */
/* ============================= */
@media (max-width: 767px) {

    #respond {
        padding: 20px;                 /* کوچکتر برای جاگیری بهتر */
        border-radius: 10px;
    }

    #reply-title {
        font-size: 18px;
        margin-bottom: 18px;
        text-align: center;
    }

    #respond textarea#comment,
    #respond input[type="text"],
    #respond input[type="email"] {
        font-size: 14px;
        padding: 10px 12px;
    }

    #respond .comment-form-comment label,
    #respond .comment-form-author label,
    #respond .comment-form-email label {
        font-size: 13px;
        margin-bottom: 6px;
    }

    #respond .form-submit input#submit {
        width: 100%;                   /* دکمه تمام عرض موبایل */
        font-size: 15px;
        padding: 10px 0;
        border-radius: 40px;
    }

    /* کامنت‌ها در موبایل */
    .comment-list li.comment {
        padding: 18px 20px;
        border-radius: 10px;
    }

    .comment-list .comment-meta {
        flex-direction: row-reverse;
        gap: 10px;
        align-items: center;
    }

    .comment-list img.avatar {
        width: 38px;
        height: 38px;
        margin-left: 10px;
    }

    .comment-list .fn {
        font-size: 14px;
    }

    .comment-list .comment-metadata a {
        font-size: 12px;
    }

    .comment-content p {
        font-size: 14px;
        line-height: 1.8;
    }

    .comment-list .children {
        padding-right: 20px;  /* کمتر از دسکتاپ */
        margin-top: 15px;
    }
}


/* ============================= */
/* 📟 تبلت (768px تا 1024px)     */
/* ============================= */
@media (min-width: 768px) and (max-width: 1024px) {

    #respond {
        padding: 26px;
        border-radius: 12px;
    }

    #reply-title {
        font-size: 20px;
        margin-bottom: 22px;
    }

    #respond textarea#comment,
    #respond input[type="text"],
    #respond input[type="email"] {
        font-size: 15px;
        padding: 11px 14px;
    }

    #respond .form-submit input#submit {
        font-size: 15px;
        padding: 10px 28px;
    }

    /* تبلت Views */
    .comment-list li.comment {
        padding: 22px 26px;
    }

    .comment-list .comment-meta {
        margin-bottom: 14px;
    }

    .comment-content p {
        font-size: 15px;
        line-height: 1.85;
    }

    .comment-list .children {
        padding-right: 28px;
        margin-top: 20px;
    }
}


/* ============================= */
/* 💻 از 1025px به بالا بدون تغییر */
/* ============================= */
@media (min-width: 1025px) {
    /* عمداً خالی؛ نسخه دسکتاپ همانی که نوشتی باقی می‌ماند */
}/* End custom CSS */