/* ظاهر سفارشی — www.gildata.ir */ /* * v2.4.1 Elementor Frontend Compatible Scope * کارت فروشگاه در فرانت‌اند WooCommerce و ویجت‌های محصولات Elementor اعمال می‌شود. * محیط ویرایش Elementor با کلاس elementor-editor-active همچنان ایزوله است. */ body:not(.elementor-editor-active) .woocommerce ul.products li.product, body:not(.elementor-editor-active).woocommerce-page ul.products li.product{position:relative;background:#fff;border-radius:18px;overflow:hidden;border:1px solid rgba(0,123,218,.08);box-shadow:0 5px 20px rgba(0,123,218,.05);padding:0!important;margin-bottom:25px!important;direction:rtl;transition:all .4s cubic-bezier(.25,.8,.25,1.2)} body:not(.elementor-editor-active) .woocommerce ul.products li.product:hover, body:not(.elementor-editor-active).woocommerce-page ul.products li.product:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(0,123,218,.14);border-color:rgba(0,123,218,.18)} body:not(.elementor-editor-active) .woocommerce ul.products li.product a.woocommerce-LoopProduct-link, body:not(.elementor-editor-active).woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link{display:block;width:100%;overflow:hidden} body:not(.elementor-editor-active) .woocommerce ul.products li.product img, body:not(.elementor-editor-active).woocommerce-page ul.products li.product img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:250px;object-fit:cover!important;padding:0!important;margin:0!important;background:#f8fbfd;transition:transform .6s cubic-bezier(.25,.8,.25,1)} body:not(.elementor-editor-active) .woocommerce ul.products li.product:hover img, body:not(.elementor-editor-active).woocommerce-page ul.products li.product:hover img{transform:scale(1.05)} body:not(.elementor-editor-active) .woocommerce ul.products li.product .woocommerce-loop-product__title, body:not(.elementor-editor-active).woocommerce-page ul.products li.product .woocommerce-loop-product__title{padding:18px 18px 5px!important;margin:0!important;min-height:58px;font-size:var(--zs-title-size,17px)!important;line-height:1.8!important;font-weight:var(--zs-title-weight,700)!important;color:var(--zs-title-color,#1a1a1a)!important;text-align:var(--zs-title-align,right)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:opacity .3s ease} body:not(.elementor-editor-active) .woocommerce ul.products li.product:hover .woocommerce-loop-product__title{opacity:.78} body:not(.elementor-editor-active) .woocommerce ul.products li.product .price, body:not(.elementor-editor-active).woocommerce-page ul.products li.product .price{display:flex!important;align-items:center;justify-content:var(--zs-price-justify,flex-end)!important;flex-wrap:wrap;gap:8px;width:100%;box-sizing:border-box;padding:0 18px!important;margin:10px 0 18px!important;direction:rtl;text-align:var(--zs-price-align,left)!important;color:var(--zs-price-color,#007BDA)!important;font-size:var(--zs-price-size,19px)!important;font-weight:var(--zs-price-weight,800)!important} body:not(.elementor-editor-active) .woocommerce ul.products li.product .price ins, body:not(.elementor-editor-active).woocommerce-page ul.products li.product .price ins{color:var(--zs-price-color,#007BDA)!important;text-decoration:none!important;font-weight:var(--zs-price-weight,800)!important} body:not(.elementor-editor-active) .woocommerce ul.products li.product .price del, body:not(.elementor-editor-active).woocommerce-page ul.products li.product .price del{color:#999!important;font-size:12px!important;font-weight:400!important;opacity:1!important} body:not(.elementor-editor-active) .woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol, body:not(.elementor-editor-active).woocommerce-page ul.products li.product .price .woocommerce-Price-currencySymbol{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:var(--zs-toman-color,#007BDA)!important;font-size:var(--zs-toman-size,11px)!important;font-weight:var(--zs-toman-weight,700)!important;font-family:var(--zs-toman-font,inherit)!important;line-height:1.2;vertical-align:middle;text-decoration:none!important} body:not(.elementor-editor-active).zs-toman-style-01 .woocommerce-Price-currencySymbol{padding:0}body:not(.elementor-editor-active).zs-toman-style-02 .woocommerce-Price-currencySymbol{padding:4px 8px;border-radius:999px;background:rgba(0,123,218,.08)}body:not(.elementor-editor-active).zs-toman-style-03 .woocommerce-Price-currencySymbol{padding:4px 8px;border:1px solid currentColor;border-radius:999px}body:not(.elementor-editor-active).zs-toman-style-04 .woocommerce-Price-currencySymbol{padding:4px 7px;border-radius:7px;background:rgba(0,123,218,.08)}body:not(.elementor-editor-active).zs-toman-style-05 .woocommerce-Price-currencySymbol{padding:2px 1px;border-bottom:2px solid currentColor}body:not(.elementor-editor-active).zs-toman-style-06 .woocommerce-Price-currencySymbol{padding:2px 1px;border-top:2px solid currentColor}body:not(.elementor-editor-active).zs-toman-style-07 .woocommerce-Price-currencySymbol{min-width:44px;min-height:28px;border:1px solid rgba(0,123,218,.22);border-radius:8px;background:rgba(0,123,218,.04)}body:not(.elementor-editor-active).zs-toman-style-08 .woocommerce-Price-currencySymbol{padding:5px 10px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(0,123,218,.2),0 4px 10px rgba(0,123,218,.1)}body:not(.elementor-editor-active).zs-toman-style-09 .woocommerce-Price-currencySymbol{padding:4px 8px;border-radius:6px;background:#eef4f8}body:not(.elementor-editor-active).zs-toman-style-10 .woocommerce-Price-currencySymbol{padding:5px 9px;border-radius:8px;background:linear-gradient(135deg,rgba(0,123,218,.13),rgba(0,123,218,.02));border:1px solid rgba(0,123,218,.18)}body:not(.elementor-editor-active).zs-toman-style-11 .woocommerce-Price-currencySymbol{padding:4px 8px;border-radius:9px;background:#eaf9f1}body:not(.elementor-editor-active).zs-toman-style-12 .woocommerce-Price-currencySymbol{padding:4px 8px;border-radius:9px;background:#fff4d8}body:not(.elementor-editor-active).zs-toman-style-13 .woocommerce-Price-currencySymbol{padding:4px 7px;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.12)}body:not(.elementor-editor-active).zs-toman-style-14 .woocommerce-Price-currencySymbol{padding:5px 9px;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:rgba(255,255,255,.7);box-shadow:0 4px 14px rgba(15,23,42,.06)}body:not(.elementor-editor-active).zs-toman-style-15 .woocommerce-Price-currencySymbol{padding:4px 8px;border:1px dashed currentColor;border-radius:8px}body:not(.elementor-editor-active).zs-toman-style-16 .woocommerce-Price-currencySymbol{padding:4px 8px;border:3px double currentColor;border-radius:8px}body:not(.elementor-editor-active).zs-toman-style-17 .woocommerce-Price-currencySymbol{font-size:calc(var(--zs-toman-size,11px)*.8)!important;opacity:.78;padding:0 2px}body:not(.elementor-editor-active).zs-toman-style-18 .woocommerce-Price-currencySymbol{padding:5px 8px;border-radius:6px;background:rgba(0,123,218,.08);font-weight:900!important}body:not(.elementor-editor-active).zs-toman-style-19 .woocommerce-Price-currencySymbol{padding:3px 8px;letter-spacing:2px;border-left:2px solid currentColor;border-right:2px solid currentColor}body:not(.elementor-editor-active).zs-toman-style-20 .woocommerce-Price-currencySymbol{width:34px;white-space:normal;text-align:center;line-height:.95;padding:4px 2px;border-radius:7px;background:rgba(0,123,218,.06);font-size:0!important}body:not(.elementor-editor-active).zs-toman-style-20 .woocommerce-Price-currencySymbol::before{content:"تـو\Aمـان";white-space:pre;font-size:var(--zs-toman-size,11px);font-family:var(--zs-toman-font,inherit);font-weight:var(--zs-toman-weight,700)} /* دکمه افزودن / استپر */ .zs-cart-control{width:calc(100% - 36px);margin:0 18px 18px;direction:rtl}.zs-add-button,.zs-stepper{width:100%;min-height:var(--zs-add-height,50px);border:0;border-radius:var(--zs-add-radius,13px);box-sizing:border-box}.zs-add-button{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--zs-add-bg,#007BDA);color:var(--zs-add-color,#fff);font-family:var(--zs-add-font,inherit);font-size:var(--zs-add-size,14px);font-weight:var(--zs-add-weight,700);cursor:pointer;overflow:hidden;transition:.3s ease}.zs-add-button:hover{background:var(--zs-add-hover-bg,#0069B9);transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,123,218,.25)}.zs-add-button:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:skewX(-20deg);transition:left .7s ease}.zs-add-button:hover:after{left:140%}.zs-add-icon{display:block;width:var(--zs-icon-size,21px);height:var(--zs-icon-size,21px);color:var(--zs-icon-color,#fff);stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none;flex:0 0 var(--zs-icon-size,21px);animation:zsIconPulse 1.4s ease-in-out infinite;transform-origin:center}.zs-add-button:hover .zs-add-icon{animation:zsIconMove .65s ease-in-out infinite alternate}.zs-stepper{display:none;align-items:center;justify-content:space-between;background:var(--zs-qty-bg,#f3f8fc);padding:7px;border:1px solid rgba(0,123,218,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.zs-cart-control.is-qty .zs-add-button{display:none}.zs-cart-control.is-qty .zs-stepper{display:flex}.zs-qty-btn{width:38px;height:38px;border:0;border-radius:10px;background:var(--zs-qty-btn-bg,#fff);color:var(--zs-qty-btn-color,#007BDA);font-size:22px;line-height:1;font-weight:900;cursor:pointer;box-shadow:0 4px 12px rgba(15,40,64,.08);transition:.2s}.zs-qty-btn:hover{transform:scale(1.06)}.zs-qty-value{min-width:50px;text-align:center;color:var(--zs-qty-color,#0f172a);font-size:var(--zs-qty-size,15px);font-weight:var(--zs-qty-weight,800)}.zs-cart-control.is-loading{opacity:.6;pointer-events:none}body:not(.elementor-editor-active) .zs-product-link{display:flex!important;align-items:center;justify-content:center;width:calc(100% - 36px)!important;min-height:var(--zs-add-height,50px);margin:0 18px 18px!important;border-radius:var(--zs-add-radius,13px)!important;background:var(--zs-add-bg,#007BDA)!important;color:var(--zs-add-color,#fff)!important;font-family:var(--zs-add-font,inherit)!important;font-size:var(--zs-add-size,14px)!important;font-weight:var(--zs-add-weight,700)!important} /* Single product enhancement: فرم ووکامرس/Elementor دست‌نخورده می‌ماند؛ فقط کنترل بومی در صورت فعال بودن JS پنهان می‌شود. */ .zs-single-cart-control{display:none;width:100%;max-width:100%;margin:0;flex:1 1 100%;min-width:0} form.cart.zs-cart-enhanced .zs-single-cart-control{display:block} form.cart.zs-cart-enhanced .zs-native-cart-hidden{display:none!important} @keyframes zsIconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.13)}}@keyframes zsIconMove{from{transform:translateX(0) rotate(0)}to{transform:translateX(-5px) rotate(-5deg)}} /* تخفیف */ body:not(.elementor-editor-active) .woocommerce ul.products li.product .onsale, body:not(.elementor-editor-active).woocommerce-page ul.products li.product .onsale{top:12px!important;right:12px!important;left:auto!important;min-width:48px;min-height:28px;margin:0!important;display:flex;align-items:center;justify-content:center;background:#007BDA!important;color:#fff!important;border-radius:20px;font-size:11px;font-weight:700;z-index:10} /* سبد شناور */ .zs-floating-cart{position:fixed;bottom:22px;z-index:99990;display:flex;align-items:center;gap:9px;border:0;border-radius:16px;padding:11px 13px;background:var(--zs-cart-accent,#007BDA);color:var(--zs-cart-btn-color,#fff);font-family:var(--zs-cart-font,inherit);font-size:var(--zs-cart-size,14px);font-weight:700;box-shadow:0 16px 38px rgba(0,72,135,.28);cursor:pointer;transition:.25s}.zs-floating-cart:hover{transform:translateY(-3px)}.zs-floating-cart-icon,.zs-cart-empty-icon{width:23px;height:23px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h2l2 12h11l2-8H6 M9 20h.01 M18 20h.01'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h2l2 12h11l2-8H6 M9 20h.01 M18 20h.01'/%3E%3C/svg%3E") center/contain no-repeat}.zs-cart-count{min-width:24px;height:24px;padding:0 4px;border-radius:999px;background:#fff;color:var(--zs-cart-accent,#007BDA);display:grid;place-items:center;font-size:11px;font-weight:900}.zs-cart-overlay{position:fixed;inset:0;background:rgba(8,20,34,.46);backdrop-filter:blur(4px);z-index:99991;opacity:0;transition:.3s}.zs-cart-overlay.is-open{opacity:1}.zs-cart-drawer{position:fixed;top:0;bottom:0;left:0;width:min(var(--zs-cart-width,410px),94vw);background:var(--zs-cart-bg,#fff);color:var(--zs-cart-color,#172033);font-family:var(--zs-cart-font,inherit);font-size:var(--zs-cart-size,14px);font-weight:var(--zs-cart-weight,500);z-index:99992;transform:translateX(-104%);transition:transform .34s cubic-bezier(.22,.8,.28,1);display:flex;flex-direction:column;box-shadow:25px 0 65px rgba(4,24,43,.2)}.zs-cart-drawer.is-open{transform:translateX(0)}.zs-cart-head{padding:22px 20px 16px;border-bottom:1px solid rgba(120,140,160,.16);display:flex;align-items:center;justify-content:space-between;flex:0 0 auto}.zs-cart-head h2{margin:3px 0 0!important;color:var(--zs-cart-color,#172033)!important;font-family:inherit!important;font-size:var(--zs-cart-title-size,20px)!important;font-weight:var(--zs-cart-title-weight,800)!important}.zs-cart-eyebrow{font-size:9px;letter-spacing:1.7px;color:var(--zs-cart-accent,#007BDA);font-weight:900}.zs-cart-close{width:38px;height:38px;border:0;border-radius:11px;background:rgba(100,120,140,.09);color:var(--zs-cart-color,#172033);font-size:25px;cursor:pointer}.zs-cart-dynamic{display:flex;flex:1 1 auto;min-height:0;flex-direction:column}.zs-cart-empty{margin:auto;padding:35px;text-align:center;display:flex;flex-direction:column;align-items:center}.zs-cart-empty-icon{width:48px;height:48px;color:var(--zs-cart-accent,#007BDA);margin-bottom:14px}.zs-cart-empty strong{font-size:16px}.zs-cart-empty span{color:var(--zs-cart-muted,#6b7280);font-size:12px;margin-top:5px}.zs-cart-items{padding:12px 16px;overflow:auto;flex:1 1 auto}.zs-cart-item{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid rgba(120,140,160,.13)}.zs-cart-item-image{width:76px;height:76px;border-radius:13px;background:#f3f7fa;overflow:hidden}.zs-cart-item-image img{width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important}.zs-cart-item-body{min-width:0}.zs-cart-item-name{display:block;color:var(--zs-cart-color,#172033)!important;text-decoration:none!important;font-weight:700;line-height:1.7;font-size:calc(var(--zs-cart-size,14px) * .94);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zs-cart-item-subtotal{margin-top:4px;color:var(--zs-cart-accent,#007BDA);font-weight:800;font-size:calc(var(--zs-cart-size,14px) * .86)}.zs-cart-item-stepper{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:4px;background:rgba(110,130,150,.08);border-radius:10px}.zs-drawer-qty{width:27px;height:27px;border:0;border-radius:8px;background:var(--zs-cart-bg,#fff);color:var(--zs-cart-accent,#007BDA);box-shadow:0 2px 8px rgba(20,45,70,.08);font-weight:900;cursor:pointer}.zs-cart-item-stepper span{min-width:22px;text-align:center;font-weight:800}.zs-cart-summary{padding:16px 20px 20px;border-top:1px solid rgba(120,140,160,.15);box-shadow:0 -12px 32px rgba(24,48,70,.04);flex:0 0 auto}.zs-cart-total-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.zs-cart-total-row span{color:var(--zs-cart-muted,#6b7280)}.zs-cart-total-row strong{font-size:calc(var(--zs-cart-size,14px) * 1.08);color:var(--zs-cart-color,#172033)}.zs-cart-checkout{display:flex;min-height:48px;align-items:center;justify-content:center;border-radius:12px;background:var(--zs-cart-accent,#007BDA);color:var(--zs-cart-btn-color,#fff)!important;text-decoration:none!important;font-weight:800}.zs-cart-page-link{display:block;text-align:center;margin-top:10px;color:var(--zs-cart-muted,#6b7280)!important;text-decoration:none!important;font-size:calc(var(--zs-cart-size,14px) * .83)}body.zs-cart-open{overflow:hidden} .zs-toast{position:fixed;bottom:88px;left:22px;z-index:100000;max-width:min(350px,calc(100vw - 44px));background:#172033;color:#fff;padding:11px 14px;border-radius:11px;font:12px/1.7 Tahoma,sans-serif;box-shadow:0 12px 35px rgba(0,0,0,.22);animation:zsToastIn .25s ease}.zs-toast.is-error{background:#991b1b}@keyframes zsToastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} @media(max-width:600px){ body:not(.elementor-editor-active) .woocommerce ul.products, body:not(.elementor-editor-active).woocommerce-page ul.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important} body:not(.elementor-editor-active) .woocommerce ul.products li.product, body:not(.elementor-editor-active).woocommerce-page ul.products li.product{width:100%!important;margin:0!important} body:not(.elementor-editor-active) .woocommerce ul.products li.product img, body:not(.elementor-editor-active).woocommerce-page ul.products li.product img{min-height:160px;height:auto!important} body:not(.elementor-editor-active) .woocommerce ul.products li.product .woocommerce-loop-product__title{padding:12px 12px 4px!important;min-height:48px;font-size:min(var(--zs-title-size,17px),15px)!important} body:not(.elementor-editor-active) .woocommerce ul.products li.product .price{padding:0 12px!important;margin:7px 0 12px!important;font-size:min(var(--zs-price-size,19px),15px)!important;gap:5px} body:not(.elementor-editor-active) .woocommerce ul.products li.product .price del{font-size:9px!important} .zs-cart-control:not(.zs-single-cart-control){width:calc(100% - 24px);margin:0 12px 12px}.zs-add-button,.zs-stepper{min-height:min(var(--zs-add-height,50px),44px);border-radius:min(var(--zs-add-radius,13px),10px);font-size:min(var(--zs-add-size,14px),11px)}.zs-add-icon{width:min(var(--zs-icon-size,21px),18px);height:min(var(--zs-icon-size,21px),18px)}.zs-qty-btn{width:31px;height:31px;font-size:18px}.zs-qty-value{min-width:28px;font-size:min(var(--zs-qty-size,15px),13px)}body:not(.elementor-editor-active) .zs-product-link{width:calc(100% - 24px)!important;margin:0 12px 12px!important;min-height:42px;font-size:11px!important} body:not(.elementor-editor-active) .woocommerce ul.products li.product .onsale{top:8px!important;right:8px!important;min-width:38px;min-height:23px;font-size:9px}.zs-floating-cart{bottom:14px;left:14px!important;right:auto!important;padding:10px;border-radius:14px}.zs-floating-cart-label{display:none}.zs-cart-drawer{width:100vw;max-width:none;top:auto;height:min(86vh,760px);border-radius:22px 22px 0 0;transform:translateY(104%);left:0}.zs-cart-drawer.is-open{transform:translateY(0)}.zs-cart-head{padding:16px}.zs-cart-items{padding:9px 13px}.zs-cart-item{grid-template-columns:66px minmax(0,1fr)}.zs-cart-item-image{width:66px;height:66px}.zs-cart-summary{padding:13px 16px 16px}} /* ===================================================== v2.3.1 SAFE SINGLE PRODUCT استایل‌های داخل محصول فقط روی اجزای مشخص افزونه اعمال می‌شوند. ساختار اصلی قالب و WooCommerce دستکاری نمی‌شود. ===================================================== */ /* آیکن مستقل مشاهده محصول در آرشیو */ body:not(.elementor-editor-active) .zs-product-link{ gap:8px!important; min-height:var(--zs-loop-height,50px)!important; border-radius:var(--zs-loop-radius,13px)!important; background:var(--zs-loop-bg,#007BDA)!important; color:var(--zs-loop-color,#fff)!important; font-family:var(--zs-loop-font,inherit)!important; font-size:var(--zs-loop-size,14px)!important; font-weight:var(--zs-loop-weight,700)!important; transition:.3s!important; } body:not(.elementor-editor-active) .zs-product-link:hover{ background:var(--zs-loop-hover-bg,#0069B9)!important; color:var(--zs-loop-color,#fff)!important; transform:translateY(-2px); } body:not(.elementor-editor-active) .zs-loop-icon{ width:var(--zs-loop-icon-size,20px); height:var(--zs-loop-icon-size,20px); display:inline-block; flex:0 0 var(--zs-loop-icon-size,20px); background:var(--zs-loop-icon-color,#fff); -webkit-mask:var(--zs-loop-icon-mask) center/contain no-repeat; mask:var(--zs-loop-icon-mask) center/contain no-repeat; animation:zsIconMove .7s ease-in-out infinite alternate; } /* ---------- داخل محصول: قیمت ---------- فقط تایپوگرافی و تراز؛ هیچ display/width/position روی summary اعمال نمی‌شود. */ body.single-product:not(.elementor-page):not(.elementor-editor-active) div.product .summary .price{ color:var(--zs-single-price-color,#007BDA)!important; font-family:var(--zs-single-price-font,inherit)!important; font-size:var(--zs-single-price-size,27px)!important; font-weight:var(--zs-single-price-weight,900)!important; text-align:var(--zs-single-price-align,right)!important; } body.single-product:not(.elementor-page):not(.elementor-editor-active) div.product .summary .price ins{ color:var(--zs-single-price-color,#007BDA)!important; font-weight:inherit!important; text-decoration:none!important; } body.single-product:not(.elementor-page):not(.elementor-editor-active) div.product .summary .price del{ font-size:.58em!important; opacity:.55!important; } /* ---------- داخل محصول: افزودن به سبد ---------- قانون پایه Style-only: ساختار و جای عناصر فرم ووکامرس دست‌کاری نمی‌شود. quantity، دکمه و فرم در همان محل و ابعادی می‌مانند که قالب تعیین کرده است. */ /* محصولات متغیر/گروهی: فقط ظاهر دکمه استاندارد؛ ساختار فرم تغییر نمی‌کند. */ body.single-product:not(.elementor-page):not(.elementor-editor-active) div.product .summary form.cart button.single_add_to_cart_button{ min-height:var(--zs-add-height,50px)!important; border:0!important; border-radius:var(--zs-add-radius,13px)!important; background:var(--zs-add-bg,#007BDA)!important; color:var(--zs-add-color,#fff)!important; font-family:var(--zs-add-font,inherit)!important; font-size:var(--zs-add-size,14px)!important; font-weight:var(--zs-add-weight,700)!important; padding-inline:20px!important; } body.single-product:not(.elementor-page):not(.elementor-editor-active) div.product .summary form.cart button.single_add_to_cart_button:hover{ background:var(--zs-add-hover-bg,#0069B9)!important; color:var(--zs-add-color,#fff)!important; } body.single-product:not(.elementor-page):not(.elementor-editor-active) div.product .summary form.cart button.single_add_to_cart_button::before{ content:""; width:var(--zs-icon-size,21px); height:var(--zs-icon-size,21px); display:inline-block; vertical-align:middle; margin-inline-end:7px; background:var(--zs-icon-color,#fff); -webkit-mask:var(--zs-icon-mask) center/contain no-repeat; mask:var(--zs-icon-mask) center/contain no-repeat; animation:zsIconPulse 1.1s ease-in-out infinite; } /* quantity داخل محصول: فقط ظاهر، بدون تغییر جای کنترل در فرم */ body.single-product:not(.elementor-page):not(.elementor-editor-active) div.product .summary form.cart .quantity .qty{ background:var(--zs-qty-bg,#f3f8fc)!important; color:var(--zs-qty-color,#0f172a)!important; font-size:var(--zs-qty-size,15px)!important; font-weight:var(--zs-qty-weight,800)!important; border-radius:calc(var(--zs-add-radius,13px) * .7)!important; } body.single-product:not(.elementor-page):not(.elementor-editor-active) div.product .summary form.cart .quantity .plus, body.single-product:not(.elementor-page):not(.elementor-editor-active) div.product .summary form.cart .quantity .minus, body.single-product:not(.elementor-page):not(.elementor-editor-active) div.product .summary form.cart button.plus, body.single-product:not(.elementor-page):not(.elementor-editor-active) div.product .summary form.cart button.minus{ background:var(--zs-qty-btn-bg,#fff)!important; color:var(--zs-qty-btn-color,#007BDA)!important; font-weight:900!important; border-radius:calc(var(--zs-add-radius,13px) * .7)!important; } /* ---------- گالری محصول: فقط ظاهر، بدون تغییر چیدمان ---------- این بخش عمداً هیچ display / flex / grid / float / position / width / margin روی ساختار اصلی گالری WooCommerce اعمال نمی‌کند. محل گالری را قالب/صفحه‌ساز تعیین می‌کند. */ body.single-product:not(.elementor-editor-active) .zs-product-gallery .flex-viewport{ border-radius:var(--zs-gallery-radius,18px); background:#f7fafc; transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease; } body.single-product:not(.elementor-editor-active) .zs-product-gallery .woocommerce-product-gallery__image img{ border-radius:var(--zs-gallery-radius,18px); transition:opacity .2s ease,filter .2s ease,box-shadow .2s ease,border-color .2s ease; } body.single-product:not(.elementor-editor-active) .zs-product-gallery .flex-control-thumbs img{ border:2px solid var(--zs-gallery-border,#E3ECF3)!important; border-radius:calc(var(--zs-gallery-radius,18px) * .55)!important; opacity:.72!important; cursor:pointer!important; box-sizing:border-box!important; transition:opacity .2s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease,transform .2s ease!important; } body.single-product:not(.elementor-editor-active) .zs-product-gallery .flex-control-thumbs img.flex-active, body.single-product:not(.elementor-editor-active) .zs-product-gallery .flex-control-thumbs img.zs-gallery-active{ border-color:var(--zs-gallery-active,#007BDA)!important; opacity:1!important; box-shadow:0 0 0 2px color-mix(in srgb,var(--zs-gallery-active,#007BDA) 16%,transparent); } /* تم ۱: کلاسیک — فقط خط و گردی */ body.single-product:not(.elementor-editor-active) .zs-product-gallery.zs-gallery-theme-01 .flex-viewport{ box-shadow:none; } body.single-product:not(.elementor-editor-active) .zs-product-gallery.zs-gallery-theme-01 .flex-control-thumbs img{ box-shadow:none; } /* تم ۲: مدرن — سایه نرم */ body.single-product:not(.elementor-editor-active) .zs-product-gallery.zs-gallery-theme-02 .flex-viewport{ box-shadow:0 10px 30px rgba(24,55,82,.08); } body.single-product:not(.elementor-editor-active) .zs-product-gallery.zs-gallery-theme-02 .flex-control-thumbs img{ border-width:1px!important; box-shadow:0 5px 14px rgba(20,50,76,.09); } /* تم ۳: کارت بندانگشتی — فقط ظاهر خود تصویر بندانگشتی */ body.single-product:not(.elementor-editor-active) .zs-product-gallery.zs-gallery-theme-03 .flex-control-thumbs img{ background:#fff; border-color:color-mix(in srgb,var(--zs-gallery-border,#E3ECF3) 75%,#fff)!important; box-shadow:0 7px 18px rgba(25,55,82,.10); } body.single-product:not(.elementor-editor-active) .zs-product-gallery.zs-gallery-theme-03 .flex-control-thumbs img.flex-active, body.single-product:not(.elementor-editor-active) .zs-product-gallery.zs-gallery-theme-03 .flex-control-thumbs img.zs-gallery-active{ box-shadow:0 8px 20px color-mix(in srgb,var(--zs-gallery-active,#007BDA) 18%,transparent); } /* تم ۴: شناور — سایه روی تصویر اصلی، بدون padding یا تغییر اندازه گالری */ body.single-product:not(.elementor-editor-active) .zs-product-gallery.zs-gallery-theme-04 .flex-viewport{ border:1px solid var(--zs-gallery-border,#E3ECF3); box-shadow:0 18px 48px rgba(23,50,77,.11); } body.single-product:not(.elementor-editor-active) .zs-product-gallery.zs-gallery-theme-04 .flex-control-thumbs img{ box-shadow:0 4px 13px rgba(23,50,77,.08); } /* تم ۵: سینمایی — رنگ و کنتراست، بدون تغییر ابعاد یا محل */ body.single-product:not(.elementor-editor-active) .zs-product-gallery.zs-gallery-theme-05 .flex-viewport{ background:#0e1721; box-shadow:0 16px 42px rgba(8,18,28,.16); } body.single-product:not(.elementor-editor-active) .zs-product-gallery.zs-gallery-theme-05 .woocommerce-product-gallery__image img{ background:#0e1721; } body.single-product:not(.elementor-editor-active) .zs-product-gallery.zs-gallery-theme-05 .flex-control-thumbs img{ border-radius:999px!important; filter:saturate(.82) contrast(.96); } body.single-product:not(.elementor-editor-active) .zs-product-gallery.zs-gallery-theme-05 .flex-control-thumbs img.flex-active, body.single-product:not(.elementor-editor-active) .zs-product-gallery.zs-gallery-theme-05 .flex-control-thumbs img.zs-gallery-active{ filter:none; } /* ---------- آیکن هدر بدون پس‌زمینه ---------- */ .zs-header-cart{position:relative;display:inline-flex!important;align-items:center!important;gap:7px!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:4px!important;margin:0!important;color:var(--zs-header-cart-color,#172033)!important;font-size:var(--zs-header-font-size,13px)!important;font-weight:var(--zs-header-font-weight,700)!important;line-height:1!important;cursor:pointer!important;text-decoration:none!important;overflow:visible!important} .zs-header-cart:hover,.zs-header-cart:focus{background:transparent!important;color:var(--zs-header-cart-color,#172033)!important;box-shadow:none!important;outline:none} .zs-header-cart-icon{width:var(--zs-header-cart-size,26px);height:var(--zs-header-cart-size,26px);display:inline-block;flex:0 0 var(--zs-header-cart-size,26px);background:var(--zs-header-cart-color,#172033);-webkit-mask:var(--zs-header-icon-mask) center/contain no-repeat;mask:var(--zs-header-icon-mask) center/contain no-repeat;transition:.25s} .zs-header-cart:hover .zs-header-cart-icon{transform:translateY(-2px) scale(1.05)} .zs-header-cart-count{position:absolute!important;top:-4px;right:-7px;min-width:18px!important;height:18px!important;padding:0 4px!important;background:var(--zs-header-count-bg,#007BDA)!important;color:var(--zs-header-count-color,#fff)!important;font-size:var(--zs-header-count-size,10px)!important;border:2px solid #fff;box-sizing:border-box;display:grid!important;place-items:center!important} .zs-header-cart-label{white-space:nowrap} /* مینی سبد مستقیم با shortcode/widget */ .zs-inline-mini-cart{font-family:var(--zs-cart-font,inherit);font-size:var(--zs-cart-size,14px);font-weight:var(--zs-cart-weight,500);color:var(--zs-cart-color,#172033);background:var(--zs-cart-bg,#fff);border:1px solid var(--zs-cart-border,#E4EBF1);border-radius:var(--zs-cart-radius,18px);overflow:hidden;padding:0;max-width:100%} .zs-inline-mini-cart .zs-cart-items{max-height:420px}.zs-inline-mini-cart .zs-cart-summary{position:static}.zs-inline-mini-cart .zs-cart-empty{min-height:220px} /* پایه قابل تنظیم مینی سبد */ .zs-cart-overlay{background:rgba(8,20,34,var(--zs-cart-overlay,.46))!important} .zs-cart-drawer{border-radius:0 var(--zs-cart-radius,18px) var(--zs-cart-radius,18px) 0;border:1px solid var(--zs-cart-border,#E4EBF1);overflow:hidden} body[class*="zs-cart-cart-"] .zs-cart-item{border-radius:var(--zs-cart-item-radius,13px)} body[class*="zs-cart-cart-"] .zs-cart-item-image{width:var(--zs-cart-image,76px);height:var(--zs-cart-image,76px);border-radius:var(--zs-cart-item-radius,13px)} body[class*="zs-cart-cart-"] .zs-cart-item{grid-template-columns:var(--zs-cart-image,76px) minmax(0,1fr)} /* ۱۰ تم سبد خرید */ body.zs-cart-cart-01 .zs-cart-drawer{background:var(--zs-cart-bg);box-shadow:24px 0 60px rgba(10,35,58,.16)} body.zs-cart-cart-01 .zs-cart-item{border-bottom:1px solid var(--zs-cart-border)} body.zs-cart-cart-02 .zs-cart-drawer{background:color-mix(in srgb,var(--zs-cart-bg) 88%,transparent);backdrop-filter:blur(18px);border-color:color-mix(in srgb,var(--zs-cart-border) 60%,transparent);box-shadow:24px 0 70px rgba(8,30,50,.24)} body.zs-cart-cart-02 .zs-cart-item{background:rgba(255,255,255,.38);padding:10px;border:1px solid rgba(255,255,255,.45);margin-bottom:8px} body.zs-cart-cart-03 .zs-cart-drawer{margin:12px 0 12px 12px;top:12px;bottom:12px;border-radius:var(--zs-cart-radius);box-shadow:0 18px 60px rgba(15,35,55,.2)} body.zs-cart-cart-03 .zs-cart-item{background:#fff;border:1px solid var(--zs-cart-border);padding:10px;margin-bottom:8px} body.zs-cart-cart-04 .zs-cart-drawer{--zs-cart-bg:#101923;--zs-cart-color:#f5f7fa;--zs-cart-muted:#9bacbd;background:#101923;border-color:#263442;box-shadow:20px 0 70px rgba(0,0,0,.38)} body.zs-cart-cart-04 .zs-cart-head,body.zs-cart-cart-04 .zs-cart-summary{border-color:#263442}.zs-cart-cart-04 .zs-cart-item{border-bottom-color:#263442}.zs-cart-cart-04 .zs-cart-close{background:#1b2a38;color:#fff} body.zs-cart-cart-05 .zs-cart-drawer{box-shadow:none;border-left:3px solid var(--zs-cart-accent)} body.zs-cart-cart-05 .zs-cart-item{border-bottom:1px dashed var(--zs-cart-border)} body.zs-cart-cart-05 .zs-cart-checkout{border-radius:4px} body.zs-cart-cart-06 .zs-cart-drawer{background:linear-gradient(180deg,color-mix(in srgb,var(--zs-cart-accent) 6%,var(--zs-cart-bg)),var(--zs-cart-bg) 36%);box-shadow:24px 0 65px rgba(0,123,218,.16)} body.zs-cart-cart-06 .zs-cart-item{background:color-mix(in srgb,var(--zs-cart-accent) 4%,#fff);padding:10px;margin-bottom:8px} body.zs-cart-cart-07 .zs-cart-head{padding:14px 16px 10px}.zs-cart-cart-07 .zs-cart-items{padding:8px 12px}.zs-cart-cart-07 .zs-cart-item{grid-template-columns:58px minmax(0,1fr);gap:9px;padding:7px 0}.zs-cart-cart-07 .zs-cart-item-image{width:58px;height:58px}.zs-cart-cart-07 .zs-cart-summary{padding:12px 16px 14px}.zs-cart-cart-07 .zs-cart-checkout{min-height:42px} body.zs-cart-cart-08 .zs-cart-drawer{border:1px solid color-mix(in srgb,var(--zs-cart-accent) 28%,#e8dfc8);box-shadow:24px 0 80px rgba(61,47,24,.18)} body.zs-cart-cart-08 .zs-cart-eyebrow{letter-spacing:3px}.zs-cart-cart-08 .zs-cart-item{border-bottom:1px solid color-mix(in srgb,var(--zs-cart-accent) 15%,var(--zs-cart-border))}.zs-cart-cart-08 .zs-cart-checkout{border-radius:999px} body.zs-cart-cart-09 .zs-cart-items{background:#f5f8fb}.zs-cart-cart-09 .zs-cart-item{background:var(--zs-cart-bg);padding:10px;margin-bottom:9px;border:1px solid var(--zs-cart-border);box-shadow:0 5px 16px rgba(20,45,70,.05)} body.zs-cart-cart-10 .zs-cart-head{background:linear-gradient(135deg,var(--zs-cart-accent),color-mix(in srgb,var(--zs-cart-accent) 70%,#7c3aed));color:#fff}.zs-cart-cart-10 .zs-cart-head h2,.zs-cart-cart-10 .zs-cart-eyebrow{color:#fff!important}.zs-cart-cart-10 .zs-cart-close{background:rgba(255,255,255,.16);color:#fff}.zs-cart-cart-10 .zs-cart-checkout{background:linear-gradient(135deg,var(--zs-cart-accent),color-mix(in srgb,var(--zs-cart-accent) 65%,#7c3aed))} /* سمت راست پنل، گردی درست */ body .zs-cart-drawer[style*="right:0"]{border-radius:var(--zs-cart-radius,18px) 0 0 var(--zs-cart-radius,18px)} @media(max-width:768px){ .zs-cart-drawer{width:100vw!important;max-width:none!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;height:min(88vh,780px)!important;border-radius:22px 22px 0 0!important;transform:translateY(104%)!important} .zs-cart-drawer.is-open{transform:translateY(0)!important} body.zs-cart-cart-03 .zs-cart-drawer{margin:0!important} .zs-header-cart{padding:2px!important} } /* Mobile cart shortcode / Elementor widget */ .zs-mobile-cart{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--zs-mc-gap,8px);min-height:var(--zs-mc-height,48px);height:var(--zs-mc-height,48px);padding:0 var(--zs-mc-padding-x,16px);border:var(--zs-mc-border-width,1px) solid var(--zs-mc-border,#E4EBF1);border-radius:var(--zs-mc-radius,14px);background:var(--zs-mc-bg,#fff);color:var(--zs-mc-text,#172033);cursor:pointer;font:inherit;box-sizing:border-box}.zs-mobile-cart-full{width:100%}.zs-mobile-cart-icon{width:var(--zs-mc-icon-size,23px);height:var(--zs-mc-icon-size,23px);flex:0 0 auto;background:var(--zs-mc-icon-color,currentColor);mask:var(--zs-mc-icon-mask) center/contain no-repeat;-webkit-mask:var(--zs-mc-icon-mask) center/contain no-repeat}.zs-mobile-cart-label{font-size:var(--zs-mc-font-size,14px);font-weight:var(--zs-mc-font-weight,700);white-space:nowrap}.zs-mobile-cart-count{position:static!important;transform:none!important;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--zs-mc-count-bg,#007BDA);color:var(--zs-mc-count-color,#fff);font-size:var(--zs-mc-count-size,11px);font-weight:800}@media(min-width:768px){.zs-mobile-cart{display:none!important}} /* Elementor editor preview: always show mobile cart while editing */ .elementor-editor-active .zs-mobile-cart{display:inline-flex!important;visibility:visible!important;opacity:1!important} /* Professional mobile cart hover */ .zs-mobile-cart{transition:background var(--zs-mc-hover-duration,250ms) ease,border-color var(--zs-mc-hover-duration,250ms) ease,transform var(--zs-mc-hover-duration,250ms) ease,box-shadow var(--zs-mc-hover-duration,250ms) ease!important} .zs-mobile-cart:hover{background:var(--zs-mc-hover-bg,#007BDA)!important;border-color:var(--zs-mc-hover-border,#007BDA)!important;transform:translateY(var(--zs-mc-hover-lift,-3px)) scale(var(--zs-mc-hover-scale,1.02))!important} .zs-mobile-cart:hover .zs-mobile-cart-icon{background-color:var(--zs-mc-hover-icon,#fff)!important}.zs-mobile-cart:hover .zs-mobile-cart-label{color:var(--zs-mc-hover-text,#fff)!important}.zs-mobile-cart:hover .zs-mobile-cart-count{background:var(--zs-mc-hover-count-bg,#fff)!important;color:var(--zs-mc-hover-count-color,#007BDA)!important}