.elementor-77 .elementor-element.elementor-element-64bb588{margin:-35px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-a0353e4 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-77 .elementor-element.elementor-element-54a891d .elementor-repeater-item-bb76967 .swiper-slide-bg{background-image:url(https://gold-kahroba.com/wp-content/uploads/2026/08/بنر_کهربا-1-1.png);background-size:cover;}.elementor-77 .elementor-element.elementor-element-54a891d .elementor-repeater-item-0bf20bc .swiper-slide-bg{background-image:url(https://gold-kahroba.com/wp-content/uploads/2026/08/بنر_طلا_کهربا-3.png);background-size:cover;}.elementor-77 .elementor-element.elementor-element-54a891d .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-77 .elementor-element.elementor-element-54a891d .swiper-slide-contents{max-width:66%;}.elementor-77 .elementor-element.elementor-element-54a891d .swiper-slide-inner{text-align:center;}.elementor-77 .elementor-element.elementor-element-e9524c8 .elementor-repeater-item-bb76967 .swiper-slide-bg{background-image:url(https://gold-kahroba.com/wp-content/uploads/2026/08/Screenshot-2026-08-28-113944.png);background-size:contain;}.elementor-77 .elementor-element.elementor-element-e9524c8 .elementor-repeater-item-0bf20bc .swiper-slide-bg{background-image:url(https://gold-kahroba.com/wp-content/uploads/2026/08/بنر_طلا_کهربا3-1.png);background-size:contain;}.elementor-77 .elementor-element.elementor-element-e9524c8 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-77 .elementor-element.elementor-element-e9524c8 .swiper-slide-contents{max-width:66%;}.elementor-77 .elementor-element.elementor-element-e9524c8 .swiper-slide-inner{text-align:center;}.elementor-77 .elementor-element.elementor-element-ba329c6 > .elementor-widget-container{margin:16px 304px 22px 326px;}.elementor-77 .elementor-element.elementor-element-b256151:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-b256151 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #DDBE94B8 0%, #DDBE94 100%);}.elementor-77 .elementor-element.elementor-element-b256151 > .elementor-container{max-width:1065px;}.elementor-77 .elementor-element.elementor-element-b256151, .elementor-77 .elementor-element.elementor-element-b256151 > .elementor-background-overlay{border-radius:112px 112px 112px 112px;}.elementor-77 .elementor-element.elementor-element-b256151{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-77 .elementor-element.elementor-element-b256151 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-77 .elementor-element.elementor-element-c4b8c7c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-77 .elementor-element.elementor-element-c4b8c7c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-77 .elementor-element.elementor-element-7ca2433 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-77 .elementor-element.elementor-element-0ff2bc9{text-align:center;}.elementor-77 .elementor-element.elementor-element-0ff2bc9 .elementor-heading-title{font-family:"Kara", Sans-serif;}.elementor-77 .elementor-element.elementor-element-a26d867 > .elementor-widget-container{margin:-11px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-a26d867{text-align:center;}.elementor-77 .elementor-element.elementor-element-a26d867 .elementor-heading-title{font-family:"Kara", Sans-serif;font-size:39px;font-weight:900;line-height:50px;}.elementor-77 .elementor-element.elementor-element-02db589{text-align:center;font-family:"Kara", Sans-serif;font-size:16px;color:#000000;}.elementor-77 .elementor-element.elementor-element-6473833:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-6473833 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gold-kahroba.com/wp-content/uploads/2026/08/left.png");background-position:center left;background-repeat:no-repeat;background-size:100px auto;}.elementor-77 .elementor-element.elementor-element-6473833{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:30px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-6473833 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-77 .elementor-element.elementor-element-be4d39b.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-77 .elementor-element.elementor-element-be4d39b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-77 .elementor-element.elementor-element-be4d39b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-98a6488{width:100%;max-width:100%;}.elementor-77 .elementor-element.elementor-element-98a6488 > .elementor-widget-container{margin:42px 0px 67px 0px;}.elementor-77 .elementor-element.elementor-element-98a6488 img{border-radius:23px 23px 23px 23px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-77 .elementor-element.elementor-element-8e99aef .wd-tabs .tabs-name{font-size:22px;}.elementor-77 .elementor-element.elementor-element-8e99aef .tabs-name{color:#414141;}.elementor-77 .elementor-element.elementor-element-8e99aef .wd-tabs.tabs-design-simple .tabs-name{border-color:var( --e-global-color-efbed49 );}.elementor-77 .elementor-element.elementor-element-8e99aef{--wd-brd-radius:12px;}.elementor-77 .elementor-element.elementor-element-8e99aef .wd-products-with-bg, .elementor-77 .elementor-element.elementor-element-8e99aef .wd-products-with-bg .wd-product{--wd-prod-bg:#FFFFFF;--wd-bordered-bg:#FFFFFF;}.elementor-77 .elementor-element.elementor-element-f42b6a3:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-f42b6a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gold-kahroba.com/wp-content/uploads/2026/08/right.png");background-position:center right;background-repeat:no-repeat;background-size:100px auto;}.elementor-77 .elementor-element.elementor-element-f42b6a3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:30px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-f42b6a3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-77 .elementor-element.elementor-element-e14df12 .wd-tabs .tabs-name{font-size:22px;}.elementor-77 .elementor-element.elementor-element-e14df12 .tabs-name{color:#414141;}.elementor-77 .elementor-element.elementor-element-e14df12 .wd-tabs.tabs-design-simple .tabs-name{border-color:var( --e-global-color-efbed49 );}.elementor-77 .elementor-element.elementor-element-e14df12{--wd-brd-radius:12px;}.elementor-77 .elementor-element.elementor-element-e14df12 .wd-products-with-bg, .elementor-77 .elementor-element.elementor-element-e14df12 .wd-products-with-bg .wd-product{--wd-prod-bg:#FFFFFF;--wd-bordered-bg:#FFFFFF;}.elementor-bc-flex-widget .elementor-77 .elementor-element.elementor-element-e051650.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-77 .elementor-element.elementor-element-e051650.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-77 .elementor-element.elementor-element-e051650 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-ae19082{width:100%;max-width:100%;}.elementor-77 .elementor-element.elementor-element-ae19082 > .elementor-widget-container{margin:42px 0px 67px 0px;}.elementor-77 .elementor-element.elementor-element-ae19082 img{border-radius:23px 23px 23px 23px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-77 .elementor-element.elementor-element-11ecaaf:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-11ecaaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gold-kahroba.com/wp-content/uploads/2026/08/right.png");background-position:center right;background-repeat:no-repeat;background-size:100px auto;}.elementor-77 .elementor-element.elementor-element-11ecaaf{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:30px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-11ecaaf > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-77 .elementor-element.elementor-element-ea47af5 .wd-tabs .tabs-name{font-size:22px;}.elementor-77 .elementor-element.elementor-element-ea47af5 .tabs-name{color:#414141;}.elementor-77 .elementor-element.elementor-element-ea47af5 .wd-tabs.tabs-design-simple .tabs-name{border-color:var( --e-global-color-efbed49 );}.elementor-77 .elementor-element.elementor-element-ea47af5{--wd-brd-radius:12px;}.elementor-77 .elementor-element.elementor-element-ea47af5 .wd-products-with-bg, .elementor-77 .elementor-element.elementor-element-ea47af5 .wd-products-with-bg .wd-product{--wd-prod-bg:#FFFFFF;--wd-bordered-bg:#FFFFFF;}.elementor-bc-flex-widget .elementor-77 .elementor-element.elementor-element-2fa870e.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-77 .elementor-element.elementor-element-2fa870e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-77 .elementor-element.elementor-element-2fa870e > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-b943f9b{width:100%;max-width:100%;}.elementor-77 .elementor-element.elementor-element-b943f9b > .elementor-widget-container{margin:42px 0px 67px 0px;}.elementor-77 .elementor-element.elementor-element-b943f9b img{border-radius:23px 23px 23px 23px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-77 .elementor-element.elementor-element-541c3e8:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-541c3e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gold-kahroba.com/wp-content/uploads/2026/08/left.png");background-position:center left;background-repeat:no-repeat;background-size:100px auto;}.elementor-77 .elementor-element.elementor-element-541c3e8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:30px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-541c3e8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-77 .elementor-element.elementor-element-03d2861.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-77 .elementor-element.elementor-element-03d2861.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-77 .elementor-element.elementor-element-03d2861 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-0947534{width:100%;max-width:100%;}.elementor-77 .elementor-element.elementor-element-0947534 > .elementor-widget-container{margin:42px 0px 67px 0px;}.elementor-77 .elementor-element.elementor-element-0947534 img{border-radius:23px 23px 23px 23px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-77 .elementor-element.elementor-element-2726790 .wd-tabs .tabs-name{font-size:22px;}.elementor-77 .elementor-element.elementor-element-2726790 .tabs-name{color:#414141;}.elementor-77 .elementor-element.elementor-element-2726790 .wd-tabs.tabs-design-simple .tabs-name{border-color:var( --e-global-color-efbed49 );}.elementor-77 .elementor-element.elementor-element-2726790{--wd-brd-radius:12px;}.elementor-77 .elementor-element.elementor-element-2726790 .wd-products-with-bg, .elementor-77 .elementor-element.elementor-element-2726790 .wd-products-with-bg .wd-product{--wd-prod-bg:#FFFFFF;--wd-bordered-bg:#FFFFFF;}.elementor-77 .elementor-element.elementor-element-d9bd498 > .elementor-container{max-width:1202px;}.elementor-77 .elementor-element.elementor-element-d9bd498{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 70px 0px;padding:0px -50px 0px 0px;z-index:1;}.elementor-77 .elementor-element.elementor-element-d9bd498 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-77 .elementor-element.elementor-element-453802a:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-77 .elementor-element.elementor-element-453802a > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gold-kahroba.com/wp-content/uploads/2026/08/sliderbg-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-77 .elementor-element.elementor-element-453802a > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:15px;}.elementor-77 .elementor-element.elementor-element-453802a > .elementor-element-populated, .elementor-77 .elementor-element.elementor-element-453802a > .elementor-element-populated > .elementor-background-overlay, .elementor-77 .elementor-element.elementor-element-453802a > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-77 .elementor-element.elementor-element-453802a > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 40px 0px 235px;}.elementor-77 .elementor-element.elementor-element-453802a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-77 .elementor-element.elementor-element-e707570 .elementor-heading-title{font-family:"Kara", Sans-serif;font-size:24px;font-weight:bold;color:var( --e-global-color-c98cb51 );}.elementor-77 .elementor-element.elementor-element-d59a3f7{text-align:justify;font-family:"Tanha", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-c98cb51 );}.elementor-77 .elementor-element.elementor-element-10de484 .elementor-button{background-color:#F4ECE505;font-family:"iranyekanx", Sans-serif;font-size:14px;font-weight:400;fill:var( --e-global-color-c98cb51 );color:var( --e-global-color-c98cb51 );border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-77 .elementor-element.elementor-element-10de484 > .elementor-widget-container{margin:5px 0px 5px 0px;}.elementor-77 .elementor-element.elementor-element-10de484 .elementor-button-content-wrapper{flex-direction:row;}.elementor-77 .elementor-element.elementor-element-10de484 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-77 .elementor-element.elementor-element-9940879 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-cc9f73b > .elementor-widget-container{margin:30px -140px 30px 0px;padding:0px 0px 0px 0px;border-radius:0px 200px 200px 180px;}.elementor-77 .elementor-element.elementor-element-cc9f73b:not( .elementor-widget-image ) .elementor-widget-container, .elementor-77 .elementor-element.elementor-element-cc9f73b.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://gold-kahroba.com/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-77 .elementor-element.elementor-element-cc9f73b img{width:100%;}.elementor-77 .elementor-element.elementor-element-a16bb2d:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-a16bb2d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BB976547;}.elementor-77 .elementor-element.elementor-element-a16bb2d > .elementor-container{max-width:1099px;}.elementor-77 .elementor-element.elementor-element-a16bb2d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:113px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-a16bb2d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-77 .elementor-element.elementor-element-dc802f0 > .elementor-widget-container{border-radius:24px 24px 24px 24px;}.elementor-77 .elementor-element.elementor-element-dc802f0 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-77 .elementor-element.elementor-element-e465995 > .elementor-widget-container{border-radius:24px 24px 24px 24px;}.elementor-77 .elementor-element.elementor-element-e465995 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-77 .elementor-element.elementor-element-dc2972c > .elementor-widget-container{border-radius:24px 24px 24px 24px;}.elementor-77 .elementor-element.elementor-element-dc2972c .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-77 .elementor-element.elementor-element-0b07fe3 > .elementor-widget-container{border-radius:24px 24px 24px 24px;}.elementor-77 .elementor-element.elementor-element-0b07fe3 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-77 .elementor-element.elementor-element-6fa6d87:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-6fa6d87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BB976547;}.elementor-77 .elementor-element.elementor-element-6fa6d87 > .elementor-container{max-width:1099px;}.elementor-77 .elementor-element.elementor-element-6fa6d87{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-77 .elementor-element.elementor-element-6fa6d87 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-77 .elementor-element.elementor-element-be69193 > .elementor-widget-container{border-radius:24px 24px 24px 24px;}.elementor-77 .elementor-element.elementor-element-be69193 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-77 .elementor-element.elementor-element-ab7ce67 > .elementor-widget-container{border-radius:24px 24px 24px 24px;}.elementor-77 .elementor-element.elementor-element-ab7ce67 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-77 .elementor-element.elementor-element-f17b9c5 > .elementor-widget-container{border-radius:24px 24px 24px 24px;}.elementor-77 .elementor-element.elementor-element-f17b9c5 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-77 .elementor-element.elementor-element-88ab6cb > .elementor-widget-container{border-radius:24px 24px 24px 24px;}.elementor-77 .elementor-element.elementor-element-88ab6cb .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-77 .elementor-element.elementor-element-ad6570b:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-ad6570b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECE2D4;}.elementor-77 .elementor-element.elementor-element-ad6570b > .elementor-container{max-width:1008px;}.elementor-77 .elementor-element.elementor-element-ad6570b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:29px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-ad6570b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-77 .elementor-element.elementor-element-cb8e64e > .elementor-widget-container{margin:60px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-cb8e64e{text-align:center;}.elementor-77 .elementor-element.elementor-element-cb8e64e .elementor-heading-title{font-family:"Kara", Sans-serif;font-size:48px;}.elementor-77 .elementor-element.elementor-element-8d455ef img{border-radius:15px 15px 15px 15px;}.elementor-77 .elementor-element.elementor-element-1b0afa4 img{border-radius:15px 15px 15px 15px;}.elementor-77 .elementor-element.elementor-element-d0e439a img{border-radius:15px 15px 15px 15px;}.elementor-77 .elementor-element.elementor-element-f0bf873 img{border-radius:15px 15px 15px 15px;}.elementor-77 .elementor-element.elementor-element-4e201ff > .elementor-widget-container{margin:60px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-4e201ff{text-align:center;}.elementor-77 .elementor-element.elementor-element-4e201ff .elementor-heading-title{font-family:"Kara", Sans-serif;font-size:48px;}.elementor-77 .elementor-element.elementor-element-0da0acf > .elementor-widget-container{margin:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-77 .elementor-element.elementor-element-453802a > .elementor-element-populated{padding:149px 40px 0px 40px;}.elementor-77 .elementor-element.elementor-element-cc9f73b > .elementor-widget-container{margin:0px 0px -128px 0px;}.elementor-77 .elementor-element.elementor-element-cc9f73b img{width:312px;}}@media(min-width:768px){.elementor-77 .elementor-element.elementor-element-be4d39b{width:25%;}.elementor-77 .elementor-element.elementor-element-8d82ec6{width:75%;}.elementor-77 .elementor-element.elementor-element-826b902{width:75%;}.elementor-77 .elementor-element.elementor-element-e051650{width:25%;}.elementor-77 .elementor-element.elementor-element-6e7d3c7{width:75%;}.elementor-77 .elementor-element.elementor-element-2fa870e{width:25%;}.elementor-77 .elementor-element.elementor-element-03d2861{width:25%;}.elementor-77 .elementor-element.elementor-element-ac5b02c{width:75%;}.elementor-77 .elementor-element.elementor-element-453802a{width:84.951%;}.elementor-77 .elementor-element.elementor-element-9940879{width:15%;}}@media(max-width:1024px) and (min-width:768px){.elementor-77 .elementor-element.elementor-element-8d82ec6{width:100%;}.elementor-77 .elementor-element.elementor-element-826b902{width:100%;}.elementor-77 .elementor-element.elementor-element-6e7d3c7{width:100%;}.elementor-77 .elementor-element.elementor-element-ac5b02c{width:100%;}.elementor-77 .elementor-element.elementor-element-453802a{width:100%;}.elementor-77 .elementor-element.elementor-element-9940879{width:100%;}}@media(max-width:767px){.elementor-77 .elementor-element.elementor-element-2fe702f{margin:-30px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-e9524c8 > .elementor-widget-container{margin:-103px 0px -78px 0px;}.elementor-77 .elementor-element.elementor-element-e9524c8 .swiper-pagination-bullet{height:0px;width:0px;}.elementor-77 .elementor-element.elementor-element-e9524c8 .swiper-horizontal .swiper-pagination-progressbar{height:0px;}.elementor-77 .elementor-element.elementor-element-e9524c8 .swiper-pagination-fraction{font-size:0px;}.elementor-77 .elementor-element.elementor-element-25087d2{margin:-37px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-ba329c6 > .elementor-widget-container{margin:6px 0px 15px 0px;}.elementor-77 .elementor-element.elementor-element-b256151, .elementor-77 .elementor-element.elementor-element-b256151 > .elementor-background-overlay{border-radius:57px 57px 57px 57px;}.elementor-77 .elementor-element.elementor-element-b256151{margin:-12px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-7ca2433{margin:-5px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-0ff2bc9{text-align:center;}.elementor-77 .elementor-element.elementor-element-a26d867{text-align:center;}.elementor-77 .elementor-element.elementor-element-a26d867 .elementor-heading-title{font-size:25px;}.elementor-77 .elementor-element.elementor-element-02db589 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-02db589{text-align:center;font-size:10px;}.elementor-77 .elementor-element.elementor-element-8e99aef .wd-tabs .tabs-name{font-size:17px;}.elementor-77 .elementor-element.elementor-element-e14df12 .wd-tabs .tabs-name{font-size:17px;}.elementor-77 .elementor-element.elementor-element-ea47af5 .wd-tabs .tabs-name{font-size:17px;}.elementor-77 .elementor-element.elementor-element-2726790 .wd-tabs .tabs-name{font-size:17px;}.elementor-77 .elementor-element.elementor-element-453802a > .elementor-element-populated{padding:142px 30px 0px 30px;}.elementor-77 .elementor-element.elementor-element-e707570 .elementor-heading-title{font-size:17px;}.elementor-77 .elementor-element.elementor-element-d59a3f7{font-size:13px;}.elementor-77 .elementor-element.elementor-element-9940879 > .elementor-element-populated{margin:38px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-77 .elementor-element.elementor-element-cc9f73b{z-index:1;}.elementor-77 .elementor-element.elementor-element-cc9f73b > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-cc9f73b img{width:125px;}.elementor-77 .elementor-element.elementor-element-a16bb2d{margin:-50px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-6ce11a8{width:50%;}.elementor-77 .elementor-element.elementor-element-1289d92{width:50%;}.elementor-77 .elementor-element.elementor-element-2534a6e{width:50%;}.elementor-77 .elementor-element.elementor-element-08f6241{width:50%;}.elementor-77 .elementor-element.elementor-element-08457b3{width:50%;}.elementor-77 .elementor-element.elementor-element-2af1b4e{width:50%;}.elementor-77 .elementor-element.elementor-element-8d51897{width:50%;}.elementor-77 .elementor-element.elementor-element-54d8bad{width:50%;}.elementor-77 .elementor-element.elementor-element-cb8e64e > .elementor-widget-container{margin:23px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-cb8e64e .elementor-heading-title{font-size:24px;}.elementor-77 .elementor-element.elementor-element-b03c4f5{width:50%;}.elementor-77 .elementor-element.elementor-element-c3b9de3{width:50%;}.elementor-77 .elementor-element.elementor-element-441949d{width:50%;}.elementor-77 .elementor-element.elementor-element-232dbfa{width:50%;}.elementor-77 .elementor-element.elementor-element-4e201ff > .elementor-widget-container{margin:23px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-4e201ff .elementor-heading-title{font-size:24px;}}/* Start custom CSS for wd_products_tabs, class: .elementor-element-8e99aef *//* ============================================ کروسل محصولات طلا فروشی - تم طلایی با حاشیه و هاله درخشان - فونت فارسی شیک ============================================ */ /* ============================================ 1. استایل کلی کروسل ============================================ */ /* ---- کانتینر کروسل ---- */ .elementor-widget-loop-carousel .swiper-wrapper, .elementor-widget-posts .swiper-wrapper, .elementor-widget-n-carousel .swiper-wrapper { padding: 30px 0 50px 0; overflow: visible !important; } /* ---- هر کارت محصول ---- */ .elementor-widget-loop-carousel .swiper-slide, .elementor-widget-posts .swiper-slide, .elementor-widget-n-carousel .swiper-slide { background: linear-gradient(145deg, #1a1a1a, #0d0d0d) !important; border: 2px solid rgba(212, 175, 55, 0.08); border-radius: 24px; overflow: hidden; transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); transform: translateY(0); position: relative; } /* ---- هاله طلایی دور کارت ---- */ .elementor-widget-loop-carousel .swiper-slide::before, .elementor-widget-posts .swiper-slide::before, .elementor-widget-n-carousel .swiper-slide::before { content: ''; position: absolute; inset: -3px; background: linear-gradient(135deg, rgba(212, 175, 55, 0.03), rgba(212, 175, 55, 0.06), rgba(212, 175, 55, 0.03) ); border-radius: 26px; z-index: -1; opacity: 0; transition: all 0.6s ease; } .elementor-widget-loop-carousel .swiper-slide:hover::before, .elementor-widget-posts .swiper-slide:hover::before, .elementor-widget-n-carousel .swiper-slide:hover::before { opacity: 1; } /* ---- کارت فعال (وسط) ---- */ .elementor-widget-loop-carousel .swiper-slide-active, .elementor-widget-posts .swiper-slide-active, .elementor-widget-n-carousel .swiper-slide-active { border-color: rgba(212, 175, 55, 0.12); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 40px rgba(212, 175, 55, 0.02); } /* ---- هاور کارت ---- */ .elementor-widget-loop-carousel .swiper-slide:hover, .elementor-widget-posts .swiper-slide:hover, .elementor-widget-n-carousel .swiper-slide:hover { transform: translateY(-8px); border-color: rgba(212, 175, 55, 0.15); box-shadow: 0 25px 70px rgba(0, 0, 0, 0.7), 0 0 60px rgba(212, 175, 55, 0.03); } /* ============================================ 2. حاشیه طلایی درخشان ============================================ */ /* ---- حاشیه طلایی متحرک ---- */ .elementor-widget-loop-carousel .swiper-slide::after, .elementor-widget-posts .swiper-slide::after, .elementor-widget-n-carousel .swiper-slide::after { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient(135deg, transparent 40%, rgba(212, 175, 55, 0.03) 45%, rgba(212, 175, 55, 0.06) 50%, rgba(212, 175, 55, 0.03) 55%, transparent 60% ); background-size: 300% 300%; border-radius: 26px; z-index: -1; opacity: 0; transition: all 0.8s ease; animation: goldBorderShine 4s linear infinite; } @keyframes goldBorderShine { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .elementor-widget-loop-carousel .swiper-slide:hover::after, .elementor-widget-posts .swiper-slide:hover::after, .elementor-widget-n-carousel .swiper-slide:hover::after { opacity: 0.6; } /* ---- حاشیه طلایی ساده ---- */ .gold-border-simple .swiper-slide { border: 2px solid rgba(212, 175, 55, 0.06) !important; } .gold-border-simple .swiper-slide:hover { border-color: rgba(212, 175, 55, 0.15) !important; } /* ---- حاشیه طلایی پررنگ ---- */ .gold-border-bold .swiper-slide { border: 3px solid rgba(212, 175, 55, 0.04) !important; } .gold-border-bold .swiper-slide:hover { border-color: rgba(212, 175, 55, 0.12) !important; } /* ---- حاشیه طلایی دوگانه ---- */ .gold-border-double .swiper-slide { border: 2px solid rgba(212, 175, 55, 0.04) !important; box-shadow: 0 0 0 6px rgba(212, 175, 55, 0.01) !important; } .gold-border-double .swiper-slide:hover { box-shadow: 0 0 0 8px rgba(212, 175, 55, 0.02), 0 20px 60px rgba(0, 0, 0, 0.6) !important; } /* ============================================ 3. هاله طلایی ============================================ */ /* ---- هاله طلایی پشت کارت ---- */ .gold-halo .swiper-slide { position: relative; } .gold-halo .swiper-slide::before { content: ''; position: absolute; inset: -20px; background: radial-gradient(ellipse at center, rgba(212, 175, 55, 0.03) 0%, transparent 70%); z-index: -2; opacity: 0; transition: all 0.8s ease; border-radius: 50%; filter: blur(30px); } .gold-halo .swiper-slide:hover::before { opacity: 1; } /* ---- هاله طلایی با درخشش ---- */ .gold-halo-glow .swiper-slide { position: relative; } .gold-halo-glow .swiper-slide::before { content: ''; position: absolute; inset: -30px; background: radial-gradient(ellipse at center, rgba(212, 175, 55, 0.04) 0%, transparent 70%); z-index: -2; opacity: 0; transition: all 0.8s ease; border-radius: 50%; filter: blur(50px); animation: haloPulse 3s ease-in-out infinite; } @keyframes haloPulse { 0%, 100% { opacity: 0; transform: scale(1); } 50% { opacity: 0.5; transform: scale(1.1); } } .gold-halo-glow .swiper-slide:hover::before { opacity: 1; } /* ============================================ 4. تصویر محصول ============================================ */ .elementor-widget-loop-carousel .swiper-slide img, .elementor-widget-posts .swiper-slide img, .elementor-widget-n-carousel .swiper-slide img { width: 100%; height: auto; min-height: 250px; max-height: 400px; object-fit: cover; border-bottom: 2px solid rgba(212, 175, 55, 0.04); transition: all 0.6s ease; filter: brightness(0.95) saturate(1.02); } .elementor-widget-loop-carousel .swiper-slide:hover img, .elementor-widget-posts .swiper-slide:hover img, .elementor-widget-n-carousel .swiper-slide:hover img { filter: brightness(1.02) saturate(1.05); transform: scale(1.03); } /* ---- اوورلی طلایی روی تصویر ---- */ .elementor-widget-loop-carousel .swiper-slide .product-image::after, .elementor-widget-posts .swiper-slide .product-image::after, .elementor-widget-n-carousel .swiper-slide .product-image::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, rgba(212, 175, 55, 0) 0%, rgba(212, 175, 55, 0) 60%, rgba(10, 10, 10, 0.4) 100% ); pointer-events: none; transition: all 0.6s ease; } /* ============================================ 5. عنوان محصول - فونت فارسی شیک ============================================ */ .elementor-widget-loop-carousel .swiper-slide .product-title, .elementor-widget-posts .swiper-slide .product-title, .elementor-widget-n-carousel .swiper-slide .product-title, .elementor-widget-loop-carousel .swiper-slide h3, .elementor-widget-posts .swiper-slide h3, .elementor-widget-n-carousel .swiper-slide h3 { color: #d4af37 !important; font-weight: 700; font-size: clamp(1.1rem, 1.8vw, 1.3rem); line-height: 1.4; text-align: right; padding: 15px 18px 8px 18px; margin: 0; font-family: 'IRANSans', 'Vazir', 'Tahoma', sans-serif; letter-spacing: 0.5px; transition: all 0.4s ease; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6); } .elementor-widget-loop-carousel .swiper-slide:hover .product-title, .elementor-widget-posts .swiper-slide:hover .product-title, .elementor-widget-n-carousel .swiper-slide:hover .product-title, .elementor-widget-loop-carousel .swiper-slide:hover h3, .elementor-widget-posts .swiper-slide:hover h3, .elementor-widget-n-carousel .swiper-slide:hover h3 { color: #f9e07f !important; } /* ---- عنوان با خط زیرین طلایی ---- */ .product-title-underline .product-title, .product-title-underline h3 { position: relative; display: inline-block; } .product-title-underline .product-title::after, .product-title-underline h3::after { content: ''; position: absolute; bottom: -4px; right: 18px; width: 30px; height: 2px; background: linear-gradient(90deg, #d4af37, #f9e07f); border-radius: 2px; transition: all 0.4s ease; } .product-title-underline .swiper-slide:hover .product-title::after, .product-title-underline .swiper-slide:hover h3::after { width: 50px; } /* ---- عنوان با سایه طلایی ---- */ .product-title-shadow .product-title, .product-title-shadow h3 { text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8), 0 0 30px rgba(212, 175, 55, 0.03) !important; } .product-title-shadow .swiper-slide:hover .product-title, .product-title-shadow .swiper-slide:hover h3 { text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8), 0 0 50px rgba(212, 175, 55, 0.05) !important; } /* ============================================ 6. قیمت محصول - طلایی ============================================ */ .elementor-widget-loop-carousel .swiper-slide .product-price, .elementor-widget-posts .swiper-slide .product-price, .elementor-widget-n-carousel .swiper-slide .product-price { color: #f9e07f !important; font-weight: 700; font-size: clamp(1.1rem, 1.6vw, 1.2rem); padding: 4px 18px 12px 18px; display: flex; align-items: center; gap: 8px; font-family: 'IRANSans', 'Vazir', 'Tahoma', sans-serif; } .elementor-widget-loop-carousel .swiper-slide .product-price .currency, .elementor-widget-posts .swiper-slide .product-price .currency, .elementor-widget-n-carousel .swiper-slide .product-price .currency { color: #d4af37; font-size: 0.8rem; opacity: 0.6; } /* ---- قیمت با خط کشیده (تخفیف) ---- */ .product-price .price-old { color: #6a5f4f !important; text-decoration: line-through; font-size: 0.9rem; opacity: 0.5; margin-left: 10px; } .product-price .price-new { color: #f9e07f !important; font-weight: 800; } /* ============================================ 7. دکمه محصول ============================================ */ .elementor-widget-loop-carousel .swiper-slide .product-button, .elementor-widget-posts .swiper-slide .product-button, .elementor-widget-n-carousel .swiper-slide .product-button, .elementor-widget-loop-carousel .swiper-slide .elementor-button, .elementor-widget-posts .swiper-slide .elementor-button, .elementor-widget-n-carousel .swiper-slide .elementor-button { background: linear-gradient(135deg, #d4af37, #b8962e) !important; color: #0a0a0a !important; font-weight: 700; padding: 10px 28px; border-radius: 50px; border: none !important; box-shadow: 0 6px 25px rgba(212, 175, 55, 0.08); transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); font-size: clamp(0.85rem, 1.2vw, 0.95rem); margin: 0 18px 18px 18px; display: inline-flex; align-items: center; gap: 10px; font-family: 'IRANSans', 'Vazir', 'Tahoma', sans-serif; position: relative; overflow: hidden; } .elementor-widget-loop-carousel .swiper-slide .product-button::before, .elementor-widget-posts .swiper-slide .product-button::before, .elementor-widget-n-carousel .swiper-slide .product-button::before, .elementor-widget-loop-carousel .swiper-slide .elementor-button::before, .elementor-widget-posts .swiper-slide .elementor-button::before, .elementor-widget-n-carousel .swiper-slide .elementor-button::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255, 215, 0, 0.1) 0%, transparent 70%); opacity: 0; transition: all 0.6s ease; transform: scale(0.5); } .elementor-widget-loop-carousel .swiper-slide .product-button:hover::before, .elementor-widget-posts .swiper-slide .product-button:hover::before, .elementor-widget-n-carousel .swiper-slide .product-button:hover::before, .elementor-widget-loop-carousel .swiper-slide .elementor-button:hover::before, .elementor-widget-posts .swiper-slide .elementor-button:hover::before, .elementor-widget-n-carousel .swiper-slide .elementor-button:hover::before { opacity: 1; transform: scale(1); } .elementor-widget-loop-carousel .swiper-slide .product-button:hover, .elementor-widget-posts .swiper-slide .product-button:hover, .elementor-widget-n-carousel .swiper-slide .product-button:hover, .elementor-widget-loop-carousel .swiper-slide .elementor-button:hover, .elementor-widget-posts .swiper-slide .elementor-button:hover, .elementor-widget-n-carousel .swiper-slide .elementor-button:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 10px 40px rgba(212, 175, 55, 0.12); background: linear-gradient(135deg, #f9e07f, #d4af37) !important; } /* ============================================ 8. ناوبری کروسل - طلایی ============================================ */ /* ---- دکمه‌های ناوبری ---- */ .elementor-widget-loop-carousel .swiper-button-prev, .elementor-widget-loop-carousel .swiper-button-next, .elementor-widget-posts .swiper-button-prev, .elementor-widget-posts .swiper-button-next, .elementor-widget-n-carousel .swiper-button-prev, .elementor-widget-n-carousel .swiper-button-next { background: rgba(10, 10, 10, 0.8) !important; color: #d4af37 !important; border: 1px solid rgba(212, 175, 55, 0.06); border-radius: 50%; width: 50px !important; height: 50px !important; backdrop-filter: blur(10px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4); transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); } .elementor-widget-loop-carousel .swiper-button-prev:hover, .elementor-widget-loop-carousel .swiper-button-next:hover, .elementor-widget-posts .swiper-button-prev:hover, .elementor-widget-posts .swiper-button-next:hover, .elementor-widget-n-carousel .swiper-button-prev:hover, .elementor-widget-n-carousel .swiper-button-next:hover { background: linear-gradient(135deg, #d4af37, #b8962e) !important; color: #0a0a0a !important; border-color: transparent; box-shadow: 0 12px 40px rgba(212, 175, 55, 0.06); transform: scale(1.1); } .elementor-widget-loop-carousel .swiper-button-prev::after, .elementor-widget-loop-carousel .swiper-button-next::after, .elementor-widget-posts .swiper-button-prev::after, .elementor-widget-posts .swiper-button-next::after, .elementor-widget-n-carousel .swiper-button-prev::after, .elementor-widget-n-carousel .swiper-button-next::after { font-size: 18px !important; font-weight: 400; } /* ---- دات‌های صفحه‌بندی ---- */ .elementor-widget-loop-carousel .swiper-pagination-bullet, .elementor-widget-posts .swiper-pagination-bullet, .elementor-widget-n-carousel .swiper-pagination-bullet { background: #2a2a2a !important; border: 1px solid rgba(212, 175, 55, 0.06); width: 12px !important; height: 12px !important; opacity: 1 !important; transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); margin: 0 6px !important; } .elementor-widget-loop-carousel .swiper-pagination-bullet-active, .elementor-widget-posts .swiper-pagination-bullet-active, .elementor-widget-n-carousel .swiper-pagination-bullet-active { background: linear-gradient(135deg, #d4af37, #b8962e) !important; width: 35px !important; height: 12px !important; border-radius: 12px !important; box-shadow: 0 4px 25px rgba(212, 175, 55, 0.04); border-color: transparent; } .elementor-widget-loop-carousel .swiper-pagination-bullet:hover, .elementor-widget-posts .swiper-pagination-bullet:hover, .elementor-widget-n-carousel .swiper-pagination-bullet:hover { transform: scale(1.2); border-color: rgba(212, 175, 55, 0.1); } /* ============================================ 9. کلاس‌های آماده برای استفاده ============================================ */ /* کلاس‌های قابل استفاده در CSS Classes ویجت کروسل: --- حاشیه طلایی --- - gold-border-simple : حاشیه طلایی ساده - gold-border-bold : حاشیه طلایی پررنگ - gold-border-double : حاشیه طلایی دوگانه --- هاله طلایی --- - gold-halo : هاله طلایی ساده - gold-halo-glow : هاله طلایی با درخشش --- عنوان محصول --- - product-title-underline : عنوان با خط زیرین - product-title-shadow : عنوان با سایه طلایی */ /* ---- مثال ترکیبی برای بهترین نتیجه ---- */ /* کروسل اصلی: CSS Classes: gold-border-double gold-halo-glow کروسل با حاشیه ساده: CSS Classes: gold-border-simple gold-halo کروسل با عنوان شیک: CSS Classes: product-title-underline product-title-shadow */ /* ============================================ 10. ریسپانسیو ============================================ */ /* ---- تبلت ---- */ @media screen and (max-width: 1024px) { .elementor-widget-loop-carousel .swiper-slide img, .elementor-widget-posts .swiper-slide img, .elementor-widget-n-carousel .swiper-slide img { min-height: 200px; max-height: 320px; } .elementor-widget-loop-carousel .swiper-slide .product-title, .elementor-widget-posts .swiper-slide .product-title, .elementor-widget-n-carousel .swiper-slide .product-title, .elementor-widget-loop-carousel .swiper-slide h3, .elementor-widget-posts .swiper-slide h3, .elementor-widget-n-carousel .swiper-slide h3 { font-size: clamp(1rem, 1.6vw, 1.2rem); padding: 12px 14px 6px 14px; } .elementor-widget-loop-carousel .swiper-slide .product-price, .elementor-widget-posts .swiper-slide .product-price, .elementor-widget-n-carousel .swiper-slide .product-price { font-size: clamp(1rem, 1.4vw, 1.1rem); padding: 4px 14px 10px 14px; } .elementor-widget-loop-carousel .swiper-slide .product-button, .elementor-widget-posts .swiper-slide .product-button, .elementor-widget-n-carousel .swiper-slide .product-button, .elementor-widget-loop-carousel .swiper-slide .elementor-button, .elementor-widget-posts .swiper-slide .elementor-button, .elementor-widget-n-carousel .swiper-slide .elementor-button { padding: 8px 22px; font-size: clamp(0.8rem, 1.1vw, 0.9rem); margin: 0 14px 14px 14px; } .elementor-widget-loop-carousel .swiper-button-prev, .elementor-widget-loop-carousel .swiper-button-next, .elementor-widget-posts .swiper-button-prev, .elementor-widget-posts .swiper-button-next, .elementor-widget-n-carousel .swiper-button-prev, .elementor-widget-n-carousel .swiper-button-next { width: 42px !important; height: 42px !important; } .elementor-widget-loop-carousel .swiper-button-prev::after, .elementor-widget-loop-carousel .swiper-button-next::after, .elementor-widget-posts .swiper-button-prev::after, .elementor-widget-posts .swiper-button-next::after, .elementor-widget-n-carousel .swiper-button-prev::after, .elementor-widget-n-carousel .swiper-button-next::after { font-size: 15px !important; } .gold-halo-glow .swiper-slide::before { inset: -20px; filter: blur(30px); } } /* ---- موبایل ---- */ @media screen and (max-width: 768px) { .elementor-widget-loop-carousel .swiper-wrapper, .elementor-widget-posts .swiper-wrapper, .elementor-widget-n-carousel .swiper-wrapper { padding: 20px 0 35px 0; } .elementor-widget-loop-carousel .swiper-slide, .elementor-widget-posts .swiper-slide, .elementor-widget-n-carousel .swiper-slide { border-radius: 18px; } .elementor-widget-loop-carousel .swiper-slide::before, .elementor-widget-posts .swiper-slide::before, .elementor-widget-n-carousel .swiper-slide::before { border-radius: 20px; } .elementor-widget-loop-carousel .swiper-slide::after, .elementor-widget-posts .swiper-slide::after, .elementor-widget-n-carousel .swiper-slide::after { border-radius: 20px; } .elementor-widget-loop-carousel .swiper-slide img, .elementor-widget-posts .swiper-slide img, .elementor-widget-n-carousel .swiper-slide img { min-height: 160px; max-height: 250px; border-bottom-width: 1.5px; } .elementor-widget-loop-carousel .swiper-slide .product-title, .elementor-widget-posts .swiper-slide .product-title, .elementor-widget-n-carousel .swiper-slide .product-title, .elementor-widget-loop-carousel .swiper-slide h3, .elementor-widget-posts .swiper-slide h3, .elementor-widget-n-carousel .swiper-slide h3 { font-size: clamp(0.95rem, 2.5vw, 1.1rem); padding: 10px 12px 5px 12px; } .elementor-widget-loop-carousel .swiper-slide .product-price, .elementor-widget-posts .swiper-slide .product-price, .elementor-widget-n-carousel .swiper-slide .product-price { font-size: clamp(0.95rem, 2.2vw, 1.05rem); padding: 3px 12px 8px 12px; } .elementor-widget-loop-carousel .swiper-slide .product-button, .elementor-widget-posts .swiper-slide .product-button, .elementor-widget-n-carousel .swiper-slide .product-button, .elementor-widget-loop-carousel .swiper-slide .elementor-button, .elementor-widget-posts .swiper-slide .elementor-button, .elementor-widget-n-carousel .swiper-slide .elementor-button { padding: 7px 18px; font-size: clamp(0.75rem, 2vw, 0.85rem); margin: 0 12px 12px 12px; border-radius: 40px; } .elementor-widget-loop-carousel .swiper-button-prev, .elementor-widget-loop-carousel .swiper-button-next, .elementor-widget-posts .swiper-button-prev, .elementor-widget-posts .swiper-button-next, .elementor-widget-n-carousel .swiper-button-prev, .elementor-widget-n-carousel .swiper-button-next { width: 35px !important; height: 35px !important; } .elementor-widget-loop-carousel .swiper-button-prev::after, .elementor-widget-loop-carousel .swiper-button-next::after, .elementor-widget-posts .swiper-button-prev::after, .elementor-widget-posts .swiper-button-next::after, .elementor-widget-n-carousel .swiper-button-prev::after, .elementor-widget-n-carousel .swiper-button-next::after { font-size: 12px !important; } .elementor-widget-loop-carousel .swiper-pagination-bullet, .elementor-widget-posts .swiper-pagination-bullet, .elementor-widget-n-carousel .swiper-pagination-bullet { width: 9px !important; height: 9px !important; margin: 0 4px !important; } .elementor-widget-loop-carousel .swiper-pagination-bullet-active, .elementor-widget-posts .swiper-pagination-bullet-active, .elementor-widget-n-carousel .swiper-pagination-bullet-active { width: 28px !important; height: 9px !important; border-radius: 9px !important; } .product-title-underline .product-title::after, .product-title-underline h3::after { right: 12px; width: 25px; } .product-title-underline .swiper-slide:hover .product-title::after, .product-title-underline .swiper-slide:hover h3::after { width: 40px; } .gold-halo-glow .swiper-slide::before { inset: -15px; filter: blur(20px); } .gold-border-double .swiper-slide { box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.01) !important; } .gold-border-double .swiper-slide:hover { box-shadow: 0 0 0 6px rgba(212, 175, 55, 0.02), 0 15px 40px rgba(0, 0, 0, 0.5) !important; } } /* ---- موبایل کوچک ---- */ @media screen and (max-width: 480px) { .elementor-widget-loop-carousel .swiper-wrapper, .elementor-widget-posts .swiper-wrapper, .elementor-widget-n-carousel .swiper-wrapper { padding: 15px 0 25px 0; } .elementor-widget-loop-carousel .swiper-slide, .elementor-widget-posts .swiper-slide, .elementor-widget-n-carousel .swiper-slide { border-radius: 14px; border-width: 1.5px !important; } .elementor-widget-loop-carousel .swiper-slide::before, .elementor-widget-posts .swiper-slide::before, .elementor-widget-n-carousel .swiper-slide::before { border-radius: 16px; } .elementor-widget-loop-carousel .swiper-slide::after, .elementor-widget-posts .swiper-slide::after, .elementor-widget-n-carousel .swiper-slide::after { border-radius: 16px; } .elementor-widget-loop-carousel .swiper-slide img, .elementor-widget-posts .swiper-slide img, .elementor-widget-n-carousel .swiper-slide img { min-height: 130px; max-height: 200px; border-bottom-width: 1px; } .elementor-widget-loop-carousel .swiper-slide .product-title, .elementor-widget-posts .swiper-slide .product-title, .elementor-widget-n-carousel .swiper-slide .product-title, .elementor-widget-loop-carousel .swiper-slide h3, .elementor-widget-posts .swiper-slide h3, .elementor-widget-n-carousel .swiper-slide h3 { font-size: clamp(0.85rem, 2.2vw, 0.95rem); padding: 8px 10px 4px 10px; } .elementor-widget-loop-carousel .swiper-slide .product-price, .elementor-widget-posts .swiper-slide .product-price, .elementor-widget-n-carousel .swiper-slide .product-price { font-size: clamp(0.85rem, 2vw, 0.95rem); padding: 2px 10px 6px 10px; } .elementor-widget-loop-carousel .swiper-slide .product-price .price-old { font-size: 0.75rem; } .elementor-widget-loop-carousel .swiper-slide .product-button, .elementor-widget-posts .swiper-slide .product-button, .elementor-widget-n-carousel .swiper-slide .product-button, .elementor-widget-loop-carousel .swiper-slide .elementor-button, .elementor-widget-posts .swiper-slide .elementor-button, .elementor-widget-n-carousel .swiper-slide .elementor-button { padding: 5px 14px; font-size: clamp/* End custom CSS */ /* Start custom CSS for wd_products_tabs, class: .elementor-element-2726790 *//* ============================================ کروسل محصولات طلا فروشی - تم طلایی با حاشیه و هاله درخشان - فونت فارسی شیک ============================================ */ /* ============================================ 1. استایل کلی کروسل ============================================ */ /* ---- کانتینر کروسل ---- */ .elementor-widget-loop-carousel .swiper-wrapper, .elementor-widget-posts .swiper-wrapper, .elementor-widget-n-carousel .swiper-wrapper { padding: 30px 0 50px 0; overflow: visible !important; } /* ---- هر کارت محصول ---- */ .elementor-widget-loop-carousel .swiper-slide, .elementor-widget-posts .swiper-slide, .elementor-widget-n-carousel .swiper-slide { background: linear-gradient(145deg, #1a1a1a, #0d0d0d) !important; border: 2px solid rgba(212, 175, 55, 0.08); border-radius: 24px; overflow: hidden; transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); transform: translateY(0); position: relative; } /* ---- هاله طلایی دور کارت ---- */ .elementor-widget-loop-carousel .swiper-slide::before, .elementor-widget-posts .swiper-slide::before, .elementor-widget-n-carousel .swiper-slide::before { content: ''; position: absolute; inset: -3px; background: linear-gradient(135deg, rgba(212, 175, 55, 0.03), rgba(212, 175, 55, 0.06), rgba(212, 175, 55, 0.03) ); border-radius: 26px; z-index: -1; opacity: 0; transition: all 0.6s ease; } .elementor-widget-loop-carousel .swiper-slide:hover::before, .elementor-widget-posts .swiper-slide:hover::before, .elementor-widget-n-carousel .swiper-slide:hover::before { opacity: 1; } /* ---- کارت فعال (وسط) ---- */ .elementor-widget-loop-carousel .swiper-slide-active, .elementor-widget-posts .swiper-slide-active, .elementor-widget-n-carousel .swiper-slide-active { border-color: rgba(212, 175, 55, 0.12); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 40px rgba(212, 175, 55, 0.02); } /* ---- هاور کارت ---- */ .elementor-widget-loop-carousel .swiper-slide:hover, .elementor-widget-posts .swiper-slide:hover, .elementor-widget-n-carousel .swiper-slide:hover { transform: translateY(-8px); border-color: rgba(212, 175, 55, 0.15); box-shadow: 0 25px 70px rgba(0, 0, 0, 0.7), 0 0 60px rgba(212, 175, 55, 0.03); } /* ============================================ 2. حاشیه طلایی درخشان ============================================ */ /* ---- حاشیه طلایی متحرک ---- */ .elementor-widget-loop-carousel .swiper-slide::after, .elementor-widget-posts .swiper-slide::after, .elementor-widget-n-carousel .swiper-slide::after { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient(135deg, transparent 40%, rgba(212, 175, 55, 0.03) 45%, rgba(212, 175, 55, 0.06) 50%, rgba(212, 175, 55, 0.03) 55%, transparent 60% ); background-size: 300% 300%; border-radius: 26px; z-index: -1; opacity: 0; transition: all 0.8s ease; animation: goldBorderShine 4s linear infinite; } @keyframes goldBorderShine { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .elementor-widget-loop-carousel .swiper-slide:hover::after, .elementor-widget-posts .swiper-slide:hover::after, .elementor-widget-n-carousel .swiper-slide:hover::after { opacity: 0.6; } /* ---- حاشیه طلایی ساده ---- */ .gold-border-simple .swiper-slide { border: 2px solid rgba(212, 175, 55, 0.06) !important; } .gold-border-simple .swiper-slide:hover { border-color: rgba(212, 175, 55, 0.15) !important; } /* ---- حاشیه طلایی پررنگ ---- */ .gold-border-bold .swiper-slide { border: 3px solid rgba(212, 175, 55, 0.04) !important; } .gold-border-bold .swiper-slide:hover { border-color: rgba(212, 175, 55, 0.12) !important; } /* ---- حاشیه طلایی دوگانه ---- */ .gold-border-double .swiper-slide { border: 2px solid rgba(212, 175, 55, 0.04) !important; box-shadow: 0 0 0 6px rgba(212, 175, 55, 0.01) !important; } .gold-border-double .swiper-slide:hover { box-shadow: 0 0 0 8px rgba(212, 175, 55, 0.02), 0 20px 60px rgba(0, 0, 0, 0.6) !important; } /* ============================================ 3. هاله طلایی ============================================ */ /* ---- هاله طلایی پشت کارت ---- */ .gold-halo .swiper-slide { position: relative; } .gold-halo .swiper-slide::before { content: ''; position: absolute; inset: -20px; background: radial-gradient(ellipse at center, rgba(212, 175, 55, 0.03) 0%, transparent 70%); z-index: -2; opacity: 0; transition: all 0.8s ease; border-radius: 50%; filter: blur(30px); } .gold-halo .swiper-slide:hover::before { opacity: 1; } /* ---- هاله طلایی با درخشش ---- */ .gold-halo-glow .swiper-slide { position: relative; } .gold-halo-glow .swiper-slide::before { content: ''; position: absolute; inset: -30px; background: radial-gradient(ellipse at center, rgba(212, 175, 55, 0.04) 0%, transparent 70%); z-index: -2; opacity: 0; transition: all 0.8s ease; border-radius: 50%; filter: blur(50px); animation: haloPulse 3s ease-in-out infinite; } @keyframes haloPulse { 0%, 100% { opacity: 0; transform: scale(1); } 50% { opacity: 0.5; transform: scale(1.1); } } .gold-halo-glow .swiper-slide:hover::before { opacity: 1; } /* ============================================ 4. تصویر محصول ============================================ */ .elementor-widget-loop-carousel .swiper-slide img, .elementor-widget-posts .swiper-slide img, .elementor-widget-n-carousel .swiper-slide img { width: 100%; height: auto; min-height: 250px; max-height: 400px; object-fit: cover; border-bottom: 2px solid rgba(212, 175, 55, 0.04); transition: all 0.6s ease; filter: brightness(0.95) saturate(1.02); } .elementor-widget-loop-carousel .swiper-slide:hover img, .elementor-widget-posts .swiper-slide:hover img, .elementor-widget-n-carousel .swiper-slide:hover img { filter: brightness(1.02) saturate(1.05); transform: scale(1.03); } /* ---- اوورلی طلایی روی تصویر ---- */ .elementor-widget-loop-carousel .swiper-slide .product-image::after, .elementor-widget-posts .swiper-slide .product-image::after, .elementor-widget-n-carousel .swiper-slide .product-image::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, rgba(212, 175, 55, 0) 0%, rgba(212, 175, 55, 0) 60%, rgba(10, 10, 10, 0.4) 100% ); pointer-events: none; transition: all 0.6s ease; } /* ============================================ 5. عنوان محصول - فونت فارسی شیک ============================================ */ .elementor-widget-loop-carousel .swiper-slide .product-title, .elementor-widget-posts .swiper-slide .product-title, .elementor-widget-n-carousel .swiper-slide .product-title, .elementor-widget-loop-carousel .swiper-slide h3, .elementor-widget-posts .swiper-slide h3, .elementor-widget-n-carousel .swiper-slide h3 { color: #d4af37 !important; font-weight: 700; font-size: clamp(1.1rem, 1.8vw, 1.3rem); line-height: 1.4; text-align: right; padding: 15px 18px 8px 18px; margin: 0; font-family: 'IRANSans', 'Vazir', 'Tahoma', sans-serif; letter-spacing: 0.5px; transition: all 0.4s ease; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6); } .elementor-widget-loop-carousel .swiper-slide:hover .product-title, .elementor-widget-posts .swiper-slide:hover .product-title, .elementor-widget-n-carousel .swiper-slide:hover .product-title, .elementor-widget-loop-carousel .swiper-slide:hover h3, .elementor-widget-posts .swiper-slide:hover h3, .elementor-widget-n-carousel .swiper-slide:hover h3 { color: #f9e07f !important; } /* ---- عنوان با خط زیرین طلایی ---- */ .product-title-underline .product-title, .product-title-underline h3 { position: relative; display: inline-block; } .product-title-underline .product-title::after, .product-title-underline h3::after { content: ''; position: absolute; bottom: -4px; right: 18px; width: 30px; height: 2px; background: linear-gradient(90deg, #d4af37, #f9e07f); border-radius: 2px; transition: all 0.4s ease; } .product-title-underline .swiper-slide:hover .product-title::after, .product-title-underline .swiper-slide:hover h3::after { width: 50px; } /* ---- عنوان با سایه طلایی ---- */ .product-title-shadow .product-title, .product-title-shadow h3 { text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8), 0 0 30px rgba(212, 175, 55, 0.03) !important; } .product-title-shadow .swiper-slide:hover .product-title, .product-title-shadow .swiper-slide:hover h3 { text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8), 0 0 50px rgba(212, 175, 55, 0.05) !important; } /* ============================================ 6. قیمت محصول - طلایی ============================================ */ .elementor-widget-loop-carousel .swiper-slide .product-price, .elementor-widget-posts .swiper-slide .product-price, .elementor-widget-n-carousel .swiper-slide .product-price { color: #f9e07f !important; font-weight: 700; font-size: clamp(1.1rem, 1.6vw, 1.2rem); padding: 4px 18px 12px 18px; display: flex; align-items: center; gap: 8px; font-family: 'IRANSans', 'Vazir', 'Tahoma', sans-serif; } .elementor-widget-loop-carousel .swiper-slide .product-price .currency, .elementor-widget-posts .swiper-slide .product-price .currency, .elementor-widget-n-carousel .swiper-slide .product-price .currency { color: #d4af37; font-size: 0.8rem; opacity: 0.6; } /* ---- قیمت با خط کشیده (تخفیف) ---- */ .product-price .price-old { color: #6a5f4f !important; text-decoration: line-through; font-size: 0.9rem; opacity: 0.5; margin-left: 10px; } .product-price .price-new { color: #f9e07f !important; font-weight: 800; } /* ============================================ 7. دکمه محصول ============================================ */ .elementor-widget-loop-carousel .swiper-slide .product-button, .elementor-widget-posts .swiper-slide .product-button, .elementor-widget-n-carousel .swiper-slide .product-button, .elementor-widget-loop-carousel .swiper-slide .elementor-button, .elementor-widget-posts .swiper-slide .elementor-button, .elementor-widget-n-carousel .swiper-slide .elementor-button { background: linear-gradient(135deg, #d4af37, #b8962e) !important; color: #0a0a0a !important; font-weight: 700; padding: 10px 28px; border-radius: 50px; border: none !important; box-shadow: 0 6px 25px rgba(212, 175, 55, 0.08); transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); font-size: clamp(0.85rem, 1.2vw, 0.95rem); margin: 0 18px 18px 18px; display: inline-flex; align-items: center; gap: 10px; font-family: 'IRANSans', 'Vazir', 'Tahoma', sans-serif; position: relative; overflow: hidden; } .elementor-widget-loop-carousel .swiper-slide .product-button::before, .elementor-widget-posts .swiper-slide .product-button::before, .elementor-widget-n-carousel .swiper-slide .product-button::before, .elementor-widget-loop-carousel .swiper-slide .elementor-button::before, .elementor-widget-posts .swiper-slide .elementor-button::before, .elementor-widget-n-carousel .swiper-slide .elementor-button::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255, 215, 0, 0.1) 0%, transparent 70%); opacity: 0; transition: all 0.6s ease; transform: scale(0.5); } .elementor-widget-loop-carousel .swiper-slide .product-button:hover::before, .elementor-widget-posts .swiper-slide .product-button:hover::before, .elementor-widget-n-carousel .swiper-slide .product-button:hover::before, .elementor-widget-loop-carousel .swiper-slide .elementor-button:hover::before, .elementor-widget-posts .swiper-slide .elementor-button:hover::before, .elementor-widget-n-carousel .swiper-slide .elementor-button:hover::before { opacity: 1; transform: scale(1); } .elementor-widget-loop-carousel .swiper-slide .product-button:hover, .elementor-widget-posts .swiper-slide .product-button:hover, .elementor-widget-n-carousel .swiper-slide .product-button:hover, .elementor-widget-loop-carousel .swiper-slide .elementor-button:hover, .elementor-widget-posts .swiper-slide .elementor-button:hover, .elementor-widget-n-carousel .swiper-slide .elementor-button:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 10px 40px rgba(212, 175, 55, 0.12); background: linear-gradient(135deg, #f9e07f, #d4af37) !important; } /* ============================================ 8. ناوبری کروسل - طلایی ============================================ */ /* ---- دکمه‌های ناوبری ---- */ .elementor-widget-loop-carousel .swiper-button-prev, .elementor-widget-loop-carousel .swiper-button-next, .elementor-widget-posts .swiper-button-prev, .elementor-widget-posts .swiper-button-next, .elementor-widget-n-carousel .swiper-button-prev, .elementor-widget-n-carousel .swiper-button-next { background: rgba(10, 10, 10, 0.8) !important; color: #d4af37 !important; border: 1px solid rgba(212, 175, 55, 0.06); border-radius: 50%; width: 50px !important; height: 50px !important; backdrop-filter: blur(10px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4); transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); } .elementor-widget-loop-carousel .swiper-button-prev:hover, .elementor-widget-loop-carousel .swiper-button-next:hover, .elementor-widget-posts .swiper-button-prev:hover, .elementor-widget-posts .swiper-button-next:hover, .elementor-widget-n-carousel .swiper-button-prev:hover, .elementor-widget-n-carousel .swiper-button-next:hover { background: linear-gradient(135deg, #d4af37, #b8962e) !important; color: #0a0a0a !important; border-color: transparent; box-shadow: 0 12px 40px rgba(212, 175, 55, 0.06); transform: scale(1.1); } .elementor-widget-loop-carousel .swiper-button-prev::after, .elementor-widget-loop-carousel .swiper-button-next::after, .elementor-widget-posts .swiper-button-prev::after, .elementor-widget-posts .swiper-button-next::after, .elementor-widget-n-carousel .swiper-button-prev::after, .elementor-widget-n-carousel .swiper-button-next::after { font-size: 18px !important; font-weight: 400; } /* ---- دات‌های صفحه‌بندی ---- */ .elementor-widget-loop-carousel .swiper-pagination-bullet, .elementor-widget-posts .swiper-pagination-bullet, .elementor-widget-n-carousel .swiper-pagination-bullet { background: #2a2a2a !important; border: 1px solid rgba(212, 175, 55, 0.06); width: 12px !important; height: 12px !important; opacity: 1 !important; transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); margin: 0 6px !important; } .elementor-widget-loop-carousel .swiper-pagination-bullet-active, .elementor-widget-posts .swiper-pagination-bullet-active, .elementor-widget-n-carousel .swiper-pagination-bullet-active { background: linear-gradient(135deg, #d4af37, #b8962e) !important; width: 35px !important; height: 12px !important; border-radius: 12px !important; box-shadow: 0 4px 25px rgba(212, 175, 55, 0.04); border-color: transparent; } .elementor-widget-loop-carousel .swiper-pagination-bullet:hover, .elementor-widget-posts .swiper-pagination-bullet:hover, .elementor-widget-n-carousel .swiper-pagination-bullet:hover { transform: scale(1.2); border-color: rgba(212, 175, 55, 0.1); } /* ============================================ 9. کلاس‌های آماده برای استفاده ============================================ */ /* کلاس‌های قابل استفاده در CSS Classes ویجت کروسل: --- حاشیه طلایی --- - gold-border-simple : حاشیه طلایی ساده - gold-border-bold : حاشیه طلایی پررنگ - gold-border-double : حاشیه طلایی دوگانه --- هاله طلایی --- - gold-halo : هاله طلایی ساده - gold-halo-glow : هاله طلایی با درخشش --- عنوان محصول --- - product-title-underline : عنوان با خط زیرین - product-title-shadow : عنوان با سایه طلایی */ /* ---- مثال ترکیبی برای بهترین نتیجه ---- */ /* کروسل اصلی: CSS Classes: gold-border-double gold-halo-glow کروسل با حاشیه ساده: CSS Classes: gold-border-simple gold-halo کروسل با عنوان شیک: CSS Classes: product-title-underline product-title-shadow */ /* ============================================ 10. ریسپانسیو ============================================ */ /* ---- تبلت ---- */ @media screen and (max-width: 1024px) { .elementor-widget-loop-carousel .swiper-slide img, .elementor-widget-posts .swiper-slide img, .elementor-widget-n-carousel .swiper-slide img { min-height: 200px; max-height: 320px; } .elementor-widget-loop-carousel .swiper-slide .product-title, .elementor-widget-posts .swiper-slide .product-title, .elementor-widget-n-carousel .swiper-slide .product-title, .elementor-widget-loop-carousel .swiper-slide h3, .elementor-widget-posts .swiper-slide h3, .elementor-widget-n-carousel .swiper-slide h3 { font-size: clamp(1rem, 1.6vw, 1.2rem); padding: 12px 14px 6px 14px; } .elementor-widget-loop-carousel .swiper-slide .product-price, .elementor-widget-posts .swiper-slide .product-price, .elementor-widget-n-carousel .swiper-slide .product-price { font-size: clamp(1rem, 1.4vw, 1.1rem); padding: 4px 14px 10px 14px; } .elementor-widget-loop-carousel .swiper-slide .product-button, .elementor-widget-posts .swiper-slide .product-button, .elementor-widget-n-carousel .swiper-slide .product-button, .elementor-widget-loop-carousel .swiper-slide .elementor-button, .elementor-widget-posts .swiper-slide .elementor-button, .elementor-widget-n-carousel .swiper-slide .elementor-button { padding: 8px 22px; font-size: clamp(0.8rem, 1.1vw, 0.9rem); margin: 0 14px 14px 14px; } .elementor-widget-loop-carousel .swiper-button-prev, .elementor-widget-loop-carousel .swiper-button-next, .elementor-widget-posts .swiper-button-prev, .elementor-widget-posts .swiper-button-next, .elementor-widget-n-carousel .swiper-button-prev, .elementor-widget-n-carousel .swiper-button-next { width: 42px !important; height: 42px !important; } .elementor-widget-loop-carousel .swiper-button-prev::after, .elementor-widget-loop-carousel .swiper-button-next::after, .elementor-widget-posts .swiper-button-prev::after, .elementor-widget-posts .swiper-button-next::after, .elementor-widget-n-carousel .swiper-button-prev::after, .elementor-widget-n-carousel .swiper-button-next::after { font-size: 15px !important; } .gold-halo-glow .swiper-slide::before { inset: -20px; filter: blur(30px); } } /* ---- موبایل ---- */ @media screen and (max-width: 768px) { .elementor-widget-loop-carousel .swiper-wrapper, .elementor-widget-posts .swiper-wrapper, .elementor-widget-n-carousel .swiper-wrapper { padding: 20px 0 35px 0; } .elementor-widget-loop-carousel .swiper-slide, .elementor-widget-posts .swiper-slide, .elementor-widget-n-carousel .swiper-slide { border-radius: 18px; } .elementor-widget-loop-carousel .swiper-slide::before, .elementor-widget-posts .swiper-slide::before, .elementor-widget-n-carousel .swiper-slide::before { border-radius: 20px; } .elementor-widget-loop-carousel .swiper-slide::after, .elementor-widget-posts .swiper-slide::after, .elementor-widget-n-carousel .swiper-slide::after { border-radius: 20px; } .elementor-widget-loop-carousel .swiper-slide img, .elementor-widget-posts .swiper-slide img, .elementor-widget-n-carousel .swiper-slide img { min-height: 160px; max-height: 250px; border-bottom-width: 1.5px; } .elementor-widget-loop-carousel .swiper-slide .product-title, .elementor-widget-posts .swiper-slide .product-title, .elementor-widget-n-carousel .swiper-slide .product-title, .elementor-widget-loop-carousel .swiper-slide h3, .elementor-widget-posts .swiper-slide h3, .elementor-widget-n-carousel .swiper-slide h3 { font-size: clamp(0.95rem, 2.5vw, 1.1rem); padding: 10px 12px 5px 12px; } .elementor-widget-loop-carousel .swiper-slide .product-price, .elementor-widget-posts .swiper-slide .product-price, .elementor-widget-n-carousel .swiper-slide .product-price { font-size: clamp(0.95rem, 2.2vw, 1.05rem); padding: 3px 12px 8px 12px; } .elementor-widget-loop-carousel .swiper-slide .product-button, .elementor-widget-posts .swiper-slide .product-button, .elementor-widget-n-carousel .swiper-slide .product-button, .elementor-widget-loop-carousel .swiper-slide .elementor-button, .elementor-widget-posts .swiper-slide .elementor-button, .elementor-widget-n-carousel .swiper-slide .elementor-button { padding: 7px 18px; font-size: clamp(0.75rem, 2vw, 0.85rem); margin: 0 12px 12px 12px; border-radius: 40px; } .elementor-widget-loop-carousel .swiper-button-prev, .elementor-widget-loop-carousel .swiper-button-next, .elementor-widget-posts .swiper-button-prev, .elementor-widget-posts .swiper-button-next, .elementor-widget-n-carousel .swiper-button-prev, .elementor-widget-n-carousel .swiper-button-next { width: 35px !important; height: 35px !important; } .elementor-widget-loop-carousel .swiper-button-prev::after, .elementor-widget-loop-carousel .swiper-button-next::after, .elementor-widget-posts .swiper-button-prev::after, .elementor-widget-posts .swiper-button-next::after, .elementor-widget-n-carousel .swiper-button-prev::after, .elementor-widget-n-carousel .swiper-button-next::after { font-size: 12px !important; } .elementor-widget-loop-carousel .swiper-pagination-bullet, .elementor-widget-posts .swiper-pagination-bullet, .elementor-widget-n-carousel .swiper-pagination-bullet { width: 9px !important; height: 9px !important; margin: 0 4px !important; } .elementor-widget-loop-carousel .swiper-pagination-bullet-active, .elementor-widget-posts .swiper-pagination-bullet-active, .elementor-widget-n-carousel .swiper-pagination-bullet-active { width: 28px !important; height: 9px !important; border-radius: 9px !important; } .product-title-underline .product-title::after, .product-title-underline h3::after { right: 12px; width: 25px; } .product-title-underline .swiper-slide:hover .product-title::after, .product-title-underline .swiper-slide:hover h3::after { width: 40px; } .gold-halo-glow .swiper-slide::before { inset: -15px; filter: blur(20px); } .gold-border-double .swiper-slide { box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.01) !important; } .gold-border-double .swiper-slide:hover { box-shadow: 0 0 0 6px rgba(212, 175, 55, 0.02), 0 15px 40px rgba(0, 0, 0, 0.5) !important; } } /* ---- موبایل کوچک ---- */ @media screen and (max-width: 480px) { .elementor-widget-loop-carousel .swiper-wrapper, .elementor-widget-posts .swiper-wrapper, .elementor-widget-n-carousel .swiper-wrapper { padding: 15px 0 25px 0; } .elementor-widget-loop-carousel .swiper-slide, .elementor-widget-posts .swiper-slide, .elementor-widget-n-carousel .swiper-slide { border-radius: 14px; border-width: 1.5px !important; } .elementor-widget-loop-carousel .swiper-slide::before, .elementor-widget-posts .swiper-slide::before, .elementor-widget-n-carousel .swiper-slide::before { border-radius: 16px; } .elementor-widget-loop-carousel .swiper-slide::after, .elementor-widget-posts .swiper-slide::after, .elementor-widget-n-carousel .swiper-slide::after { border-radius: 16px; } .elementor-widget-loop-carousel .swiper-slide img, .elementor-widget-posts .swiper-slide img, .elementor-widget-n-carousel .swiper-slide img { min-height: 130px; max-height: 200px; border-bottom-width: 1px; } .elementor-widget-loop-carousel .swiper-slide .product-title, .elementor-widget-posts .swiper-slide .product-title, .elementor-widget-n-carousel .swiper-slide .product-title, .elementor-widget-loop-carousel .swiper-slide h3, .elementor-widget-posts .swiper-slide h3, .elementor-widget-n-carousel .swiper-slide h3 { font-size: clamp(0.85rem, 2.2vw, 0.95rem); padding: 8px 10px 4px 10px; } .elementor-widget-loop-carousel .swiper-slide .product-price, .elementor-widget-posts .swiper-slide .product-price, .elementor-widget-n-carousel .swiper-slide .product-price { font-size: clamp(0.85rem, 2vw, 0.95rem); padding: 2px 10px 6px 10px; } .elementor-widget-loop-carousel .swiper-slide .product-price .price-old { font-size: 0.75rem; } .elementor-widget-loop-carousel .swiper-slide .product-button, .elementor-widget-posts .swiper-slide .product-button, .elementor-widget-n-carousel .swiper-slide .product-button, .elementor-widget-loop-carousel .swiper-slide .elementor-button, .elementor-widget-posts .swiper-slide .elementor-button, .elementor-widget-n-carousel .swiper-slide .elementor-button { padding: 5px 14px; font-size: clamp/* End custom CSS */