:root{--js-ink:#111827;--js-muted:#6b7280;--js-line:#e5e7eb;--js-soft:#f7f8fa;--js-success:#14804a;--js-warning:#a15c00;--js-radius:18px}.js-product-layout{direction:rtl;color:var(--js-ink);font-family:inherit}.js-product-layout *{box-sizing:border-box}.js-product-layout .js-product-shell{width:min(100%,1280px);margin-inline:auto;padding-inline:20px}.js-product-layout .woocommerce-breadcrumb{margin:0!important;color:var(--js-muted);font-size:13px}.js-breadcrumbs{margin:0 0 22px}.js-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(380px,.92fr);gap:42px;align-items:start}.js-hero-gallery, .js-hero-buy{min-width:0}.js-hero-buy{position:sticky;top:92px}.js-brand{min-height:28px;margin-bottom:9px;display:flex;align-items:center}.js-brand-logo{display:block;max-width:96px;max-height:38px;width:auto;height:auto;object-fit:contain}.js-brand-text{font-size:12px;font-weight:800;padding:7px 11px;background:var(--js-soft);border:1px solid var(--js-line);border-radius:999px}.js-product-title{font-size:var(--jspanel-single-title-size,21px)!important;line-height:1.65!important;letter-spacing:0!important;margin:0 0 10px!important;color:var(--js-ink)!important;font-weight:800!important}.js-rating{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--js-muted);font-size:13px}.js-rating .star-rating{margin:0!important}.js-rating-empty span{font-size:20px;color:#b58b25}.js-spec-chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px}.js-spec-chip{display:inline-flex;align-items:center;gap:6px;background:var(--js-soft);border:1px solid var(--js-line);border-radius:10px;padding:7px 9px;font-size:11px}.js-spec-chip small{font-size:9.5px;color:var(--js-muted);font-weight:500}.js-spec-chip strong{font-size:11px;font-weight:800}.js-stock{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;margin-bottom:9px}.js-stock span{width:8px;height:8px;border-radius:50%;display:inline-block}.js-stock.is-in{color:var(--js-success)}.js-stock.is-in span{background:var(--js-success);box-shadow:0 0 0 4px rgba(20,128,74,.1)}.js-stock.is-low{color:var(--js-warning)}.js-stock.is-low span{background:#d97706}.js-stock.is-out{color:#b42318}.js-stock.is-out span{background:#b42318}.js-price{font-size:25px;font-weight:900;margin:4px 0 16px}.js-price .price{font-size:inherit!important;color:inherit!important}.js-compat{border:1px solid var(--js-line);border-radius:var(--js-radius);padding:16px;background:linear-gradient(180deg,#fff,#fafafa);margin:0 0 14px}.js-compat-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}.js-compat-head strong{display:block;font-size:14px}.js-compat-head small{display:block;color:var(--js-muted);margin-top:2px;font-size:10px}.js-compat-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#e9f7ef;color:var(--js-success);font-weight:900}.js-compat-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.js-compat label{font-size:11px;font-weight:700;color:var(--js-muted)}.js-compat select{width:100%;height:44px;border:1px solid var(--js-line);border-radius:10px;background:#fff;padding:0 10px;margin-top:6px;font-family:inherit}.js-compat-result{display:none;margin-top:10px;padding:10px 12px;border-radius:10px;background:#e9f7ef;color:var(--js-success);font-size:12px;font-weight:800}.js-compat-result.is-visible{display:block}.js-compat-empty{padding:10px 12px;background:#fff7e6;border:1px solid #f2d7a2;border-radius:10px;color:#7c4a03;font-size:12px;font-weight:700}.js-compat-help{font-size:11px;color:var(--js-muted);margin-top:8px}.js-cart{margin-top:3px}.js-cart form.cart{display:flex!important;gap:9px;align-items:stretch!important;margin:0!important}.js-cart .quantity{margin:0!important;min-width:105px}.js-cart .single_add_to_cart_button{flex:1!important;min-height:50px!important;border-radius:12px!important;font-size:14px!important;font-weight:900!important}.js-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.js-trust-item{display:flex;align-items:center;gap:7px;padding:10px 9px;border:1px solid var(--js-line);border-radius:12px;background:#fff}.js-trust-icon{font-size:18px;line-height:1;color:#111}.js-trust-item strong{display:block;font-size:10px;white-space:nowrap}.js-trust-item small{display:block;font-size:9px;color:var(--js-muted);margin-top:2px;white-space:nowrap}.js-warning{display:flex;gap:14px;align-items:flex-start;margin:42px 0 0;padding:18px 20px;border:1px solid #f1d7a5;background:#fffaf0;border-radius:var(--js-radius)}.js-warning-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#fff0cc;color:#8a5300;display:grid;place-items:center;font-weight:900}.js-warning h3{font-size:15px;margin:0 0 6px}.js-warning p{margin:0;color:#654815;font-size:12px;line-height:2}.js-section{margin-top:64px}.js-section-head{display:flex;gap:13px;align-items:center;margin-bottom:22px}.js-section-head>span{font-size:11px;font-weight:900;color:#9ca3af;border:1px solid var(--js-line);border-radius:999px;padding:6px 8px}.js-section-head h2{font-size:23px;margin:0 0 3px}.js-section-head p{font-size:11px;color:var(--js-muted);margin:0}.js-spec-table{border:1px solid var(--js-line);border-radius:var(--js-radius);overflow:hidden;background:#fff}.js-spec-row{display:grid;grid-template-columns:minmax(150px,.35fr) 1fr;border-bottom:1px solid var(--js-line)}.js-spec-row:last-child{border-bottom:0}.js-spec-row span, .js-spec-row strong{padding:14px 17px;font-size:13px}.js-spec-row span{background:var(--js-soft);color:var(--js-muted);font-weight:600}.js-spec-row strong{font-weight:800}.js-description{font-size:14px;line-height:2.2;color:#374151}.js-description p{margin-bottom:1.3em}.js-faq{border-top:1px solid var(--js-line)}.js-faq details{border-bottom:1px solid var(--js-line)}.js-faq summary{cursor:pointer;list-style:none;font-size:14px;font-weight:800;padding:17px 3px;position:relative;padding-left:28px}.js-faq summary::-webkit-details-marker{display:none}.js-faq summary:after{content:"+";position:absolute;left:4px;top:17px;font-size:20px;font-weight:400}.js-faq details[open] summary:after{content:"−"}.js-faq details>div{padding:0 3px 18px;color:var(--js-muted);font-size:13px;line-height:2}.js-related .related.products>h2{display:none}.js-reviews #reviews{margin:0}.js-gallery .woocommerce-product-gallery{width:100%!important;float:none!important}.js-gallery img{border-radius:14px}.js-product-layout .product-sold-count{display:none!important}.js-product-preview-note{padding:18px 20px;border:1px dashed var(--js-line);border-radius:14px;background:#fff;color:var(--js-muted)} @media (max-width:1024px){.js-hero{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:25px}.js-hero-buy{position:static}.js-trust{grid-template-columns:1fr 1fr}} @media (max-width:767px){.js-product-layout .js-product-shell{padding-inline:14px}.js-breadcrumbs{margin-bottom:14px}.js-hero{display:flex!important;flex-direction:column;gap:20px}.js-hero-gallery, .js-hero-buy{width:100%}.js-product-title{font-size:var(--jspanel-single-title-mobile,19px)!important;line-height:1.7!important}.js-price{font-size:22px}.js-compat-fields{grid-template-columns:1fr}.js-cart form.cart{display:grid!important;grid-template-columns:100px 1fr}.js-trust{grid-template-columns:1fr 1fr}.js-section{margin-top:44px}.js-warning{margin-top:28px}.js-spec-row{grid-template-columns:125px 1fr}.js-spec-row span, .js-spec-row strong{padding:12px;font-size:12px}.js-section-head h2{font-size:20px}} /* 1.9.1 - custom review experience inspired by modern Iranian marketplace UX */ .js-dk-reviews{display:grid;grid-template-columns:280px minmax(0,1fr);gap:34px;align-items:start} .js-dk-review-summary{position:sticky;top:92px;border:1px solid var(--js-line);border-radius:18px;padding:18px;background:#fff} .js-dk-average{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px;padding-bottom:16px;border-bottom:1px solid var(--js-line)} .js-dk-average>strong{font-size:34px;line-height:1;font-weight:900;color:var(--js-ink)} .js-dk-average>span{font-size:11px;color:var(--js-muted)} .js-dk-average>.js-dk-stars{width:100%;margin-top:6px} .js-dk-average>small{width:100%;font-size:10px;color:var(--js-muted);margin-top:3px} .js-dk-stars{display:inline-flex;gap:1px;direction:ltr} .js-dk-stars i{font-style:normal;color:#d9dde3;font-size:14px;line-height:1} .js-dk-stars i.is-on{color:#f9bc00} .js-dk-bars{display:grid;gap:8px;margin:16px 0} .js-dk-bars>div{display:grid;grid-template-columns:74px 1fr 22px;gap:7px;align-items:center;font-size:10px;color:var(--js-muted)} .js-dk-bars i{display:block;height:5px;border-radius:99px;background:#edf0f2;overflow:hidden} .js-dk-bars i b{display:block;height:100%;background:#19bfd3;border-radius:inherit} .js-dk-bars em{font-style:normal;text-align:left} .js-dk-bar-stars{ display:inline-flex; align-items:center; justify-content:flex-start; gap:2px; direction:ltr; width:max-content; color:#f9bc00; } .js-dk-bar-stars svg{ display:block; width:12px; height:12px; flex:0 0 12px; fill:currentColor; stroke:currentColor; stroke-width:1.15; stroke-linejoin:round; } .js-dk-recommend-stat{display:flex;gap:9px;align-items:flex-start;padding:13px 0;border-top:1px solid var(--js-line)} .js-dk-recommend-stat strong{font-size:19px;color:#00a049} .js-dk-recommend-stat span{font-size:10px;line-height:1.9;color:var(--js-muted)} .js-dk-write-review{display:flex!important;align-items:center;justify-content:center;min-height:42px;border:1px solid #ef4056!important;border-radius:9px;color:#ef4056!important;text-decoration:none!important;font-size:12px;font-weight:800;margin-top:7px} .js-dk-review-main{min-width:0} .js-dk-review-list{border-top:1px solid var(--js-line)} .js-dk-review-card{padding:23px 2px;border-bottom:1px solid var(--js-line)} .js-dk-review-top{display:flex;align-items:flex-start;gap:12px} .js-dk-review-score{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:50px} .js-dk-review-score>strong{display:grid;place-items:center;min-width:38px;height:29px;padding:0 8px;border-radius:7px;background:#e8f7f9;color:#087b89;font-size:13px} .js-dk-review-score .js-dk-stars i{font-size:9px} .js-dk-review-meta>strong{display:block;font-size:13px;color:var(--js-ink);margin-bottom:5px} .js-dk-review-meta>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--js-muted);font-size:10px} .js-dk-verified{padding:3px 7px;border-radius:5px;background:#f0f0f1;color:#62666d;font-weight:700} .js-dk-recommend{display:flex;align-items:center;gap:7px;margin:14px 62px 0 0;font-size:11px;font-weight:700} .js-dk-recommend span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:11px} .js-dk-recommend.is-yes{color:#00a049}.js-dk-recommend.is-yes span{background:#e6f4ea} .js-dk-recommend.is-no{color:#d32f2f}.js-dk-recommend.is-no span{background:#fdecec} .js-dk-review-text{margin:13px 62px 0 0;font-size:13px;line-height:2.05;color:#232933} .js-dk-review-text p:last-child{margin-bottom:0} .js-dk-pros-cons{display:grid;gap:9px;margin:16px 62px 0 0} .js-dk-points{display:grid;grid-template-columns:78px 1fr;gap:10px;align-items:start} .js-dk-points>strong{font-size:11px;padding-top:2px} .js-dk-points ul{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:6px} .js-dk-points li{position:relative;padding-right:16px;font-size:11px;color:#494f58} .js-dk-points li:before{position:absolute;right:0;top:.05em;font-size:16px;line-height:1} .js-dk-points.is-pro li:before{content:"+";color:#00a049} .js-dk-points.is-con li:before{content:"−";color:#ef4056} .js-dk-review-reply{margin:17px 62px 0 0;padding:13px 15px;border-right:3px solid #19bfd3;background:#f7f8fa;border-radius:8px} .js-dk-review-reply>strong{font-size:11px;color:#087b89} .js-dk-review-reply>div{font-size:11px;color:#555b65;line-height:2;margin-top:4px} .js-dk-review-reply p:last-child{margin-bottom:0} .js-dk-review-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:18px 62px 0 0;color:var(--js-muted);font-size:10px} .js-dk-review-footer>div{display:flex;gap:5px} .js-dk-review-footer button{border:1px solid var(--js-line);background:#fff;border-radius:7px;padding:5px 8px;font:inherit;color:#62666d;cursor:pointer} .js-dk-review-footer button:hover{border-color:#19bfd3;color:#087b89} .js-dk-review-footer button.is-voted{background:#f0fbfc;border-color:#19bfd3;color:#087b89} .js-dk-review-footer button:disabled{opacity:.65;cursor:default} .js-dk-no-review{padding:28px;border:1px dashed var(--js-line);border-radius:14px;background:#fafafa;text-align:center} .js-dk-no-review strong{font-size:14px}.js-dk-no-review p{margin:7px 0 0;font-size:11px;color:var(--js-muted)} .js-dk-review-form-wrap{margin-top:32px;padding:22px;border:1px solid var(--js-line);border-radius:18px;background:#fafafa} .js-dk-form-title{font-size:17px!important;margin:0 0 5px!important} .js-dk-form-note{font-size:10px;color:var(--js-muted);line-height:1.9;margin:0 0 18px} .js-dk-review-form label{font-size:11px;font-weight:700;color:#3f444c} .js-dk-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px} .js-dk-form-block{display:grid;gap:8px} .js-dk-recommend-pick{display:flex;flex-wrap:wrap;gap:6px} .js-dk-recommend-pick label{cursor:pointer} .js-dk-recommend-pick input{position:absolute;opacity:0;pointer-events:none} .js-dk-recommend-pick span{display:block;padding:7px 9px;border:1px solid var(--js-line);border-radius:8px;background:#fff;font-size:10px;font-weight:600;transition:.15s} .js-dk-recommend-pick input:checked+span{border-color:#19bfd3;background:#effbfc;color:#087b89} /* 1.35.48 — standard five-star product rating picker. */ .js-dk-rating-pick{ display:inline-flex; align-items:center; justify-content:flex-start; gap:5px; width:max-content; max-width:100%; direction:ltr; padding:2px 0; } .js-dk-rating-pick .js-dk-rating-star{ position:relative; display:grid; width:34px; height:34px; margin:0; padding:0; place-items:center; cursor:pointer; color:#d7dbe0; border-radius:7px; transition:color .12s ease,transform .12s ease,background-color .12s ease; } .js-dk-rating-pick .js-dk-rating-star:hover{ transform:translateY(-1px); } .js-dk-rating-pick .js-dk-rating-star input{ position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; opacity:0!important; } .js-dk-rating-pick .js-dk-rating-star svg{ display:block; width:27px; height:27px; margin:0; padding:0; fill:transparent; stroke:currentColor; stroke-width:1.7; stroke-linejoin:round; transition:fill .12s ease,stroke .12s ease,transform .12s ease; pointer-events:none; } .js-dk-rating-pick .js-dk-rating-star.is-active, .js-dk-rating-pick .js-dk-rating-star.is-preview{ color:#f9bc00; } .js-dk-rating-pick .js-dk-rating-star.is-active svg, .js-dk-rating-pick .js-dk-rating-star.is-preview svg{ fill:currentColor; stroke:currentColor; } .js-dk-rating-pick .js-dk-rating-star input:focus-visible + svg{ outline:2px solid var(--jspanel-primary,#e63946); outline-offset:3px; border-radius:5px; } .js-dk-rating-pick .js-dk-rating-star .screen-reader-text{ position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; } .js-dk-comment-field{display:grid;gap:7px;margin:16px 0!important} .js-dk-review-form textarea, .js-dk-review-form input[type=text], .js-dk-review-form input[type=email]{width:100%;border:1px solid #d9dde3!important;border-radius:9px!important;background:#fff!important;padding:10px 11px!important;font:inherit!important;font-size:12px!important} .js-dk-review-form textarea{min-height:120px;resize:vertical} .js-dk-procon-inputs p{display:grid;gap:7px;margin:0} .js-dk-review-form .comment-form-author, .js-dk-review-form .comment-form-email, .js-dk-review-form .comment-form-url{display:grid;gap:6px} .js-dk-review-form .form-submit{margin:18px 0 0!important} .js-dk-submit{min-width:150px!important;min-height:42px!important;border:0!important;border-radius:9px!important;background:#ef4056!important;color:#fff!important;font-weight:800!important} .js-dk-review-form-closed{padding:14px;border:1px solid var(--js-line);border-radius:10px;background:#fff;font-size:12px;color:var(--js-muted)} @media (max-width:900px){ .js-dk-reviews{grid-template-columns:1fr} .js-dk-review-summary{position:static} } @media (max-width:600px){ .js-dk-review-card{padding:18px 0} .js-dk-recommend, .js-dk-review-text, .js-dk-pros-cons, .js-dk-review-reply, .js-dk-review-footer{margin-right:0} .js-dk-review-footer{justify-content:space-between;align-items:flex-start} .js-dk-form-grid{grid-template-columns:1fr} .js-dk-points{grid-template-columns:68px 1fr} } /* 1.35.34 — related products inside the independent single-product renderer. WooCommerce/theme legacy li.product widths/floats must not shrink shared cards. */ body.jspanel-single-product-runtime-owned .js-related{ width:100%!important; max-width:none!important; min-width:0!important; } body.jspanel-single-product-runtime-owned .js-related .products.jspanel-products-grid{ display:grid!important; width:100%!important; max-width:none!important; min-width:0!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:18px!important; margin:0!important; padding:0!important; } body.jspanel-single-product-runtime-owned .js-related .products.jspanel-products-grid > li.product.jspanel-product-card, body.jspanel-single-product-runtime-owned .js-related .jspanel-products-grid > .jspanel-product-card{ float:none!important; clear:none!important; display:flex!important; width:100%!important; max-width:none!important; min-width:0!important; margin:0!important; padding:0!important; justify-self:stretch!important; align-self:stretch!important; } body.jspanel-single-product-runtime-owned .js-related .jspanel-pcard{ width:100%!important; max-width:none!important; min-width:0!important; } @media(max-width:1100px){ body.jspanel-single-product-runtime-owned .js-related .products.jspanel-products-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:14px!important; } } @media(max-width:767px){ body.jspanel-single-product-runtime-owned .js-related .products.jspanel-products-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; } } @media(max-width:390px){ body.jspanel-single-product-runtime-owned .js-related .products.jspanel-products-grid{ grid-template-columns:1fr!important; } } /* 1.35.43 — independent single-product gallery. Woo/FlexSlider generates an
  1. thumbnail list; normalize it here so browser list markers can never leak into the product gallery. */ body.jspanel-single-product-runtime-owned .js-gallery, body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery{ width:100%!important; max-width:100%!important; min-width:0!important; float:none!important; position:relative!important; } body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__wrapper{ margin:0!important; padding:0!important; } body.jspanel-single-product-runtime-owned .js-gallery .flex-viewport{ width:100%!important; overflow:hidden!important; border-radius:14px!important; } body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__image{ margin:0!important; padding:0!important; list-style:none!important; } body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__image a{ display:block!important; width:100%!important; } body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__image img{ display:block!important; width:100%!important; max-width:100%!important; height:auto!important; margin:0!important; border-radius:14px!important; object-fit:contain!important; } /* FlexSlider thumbnail navigation. */ body.jspanel-single-product-runtime-owned .js-gallery ol.flex-control-nav, body.jspanel-single-product-runtime-owned .js-gallery ol.flex-control-thumbs{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:9px!important; width:100%!important; margin:12px 0 0!important; padding:0!important; list-style:none!important; list-style-type:none!important; counter-reset:none!important; } body.jspanel-single-product-runtime-owned .js-gallery ol.flex-control-nav > li, body.jspanel-single-product-runtime-owned .js-gallery ol.flex-control-thumbs > li{ display:block!important; float:none!important; width:auto!important; max-width:none!important; margin:0!important; padding:0!important; list-style:none!important; list-style-type:none!important; counter-increment:none!important; } body.jspanel-single-product-runtime-owned .js-gallery ol.flex-control-nav > li::before, body.jspanel-single-product-runtime-owned .js-gallery ol.flex-control-nav > li::after, body.jspanel-single-product-runtime-owned .js-gallery ol.flex-control-thumbs > li::before, body.jspanel-single-product-runtime-owned .js-gallery ol.flex-control-thumbs > li::after{ display:none!important; content:none!important; } body.jspanel-single-product-runtime-owned .js-gallery ol.flex-control-thumbs img{ display:block!important; width:100%!important; aspect-ratio:1/1!important; height:auto!important; margin:0!important; padding:4px!important; border:1px solid var(--js-line,#e5e7eb)!important; border-radius:10px!important; background:#fff!important; object-fit:contain!important; opacity:.72!important; cursor:pointer!important; transition:opacity .16s ease,border-color .16s ease!important; } body.jspanel-single-product-runtime-owned .js-gallery ol.flex-control-thumbs img:hover, body.jspanel-single-product-runtime-owned .js-gallery ol.flex-control-thumbs img.flex-active{ opacity:1!important; border-color:var(--jspanel-primary,#e63946)!important; } /* 1.35.46 — modern floating zoom control. It is removed from normal flow and sits over the image corner. */ body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery{ position:relative!important; } body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__trigger{ position:absolute!important; top:14px!important; right:14px!important; left:auto!important; z-index:30!important; display:grid!important; width:42px!important; height:42px!important; min-width:42px!important; min-height:42px!important; margin:0!important; padding:0!important; place-items:center!important; overflow:hidden!important; border:1px solid rgba(17,24,39,.10)!important; border-radius:50%!important; background:rgba(255,255,255,.94)!important; color:#20242a!important; box-shadow:0 5px 18px rgba(17,24,39,.12)!important; font-size:0!important; line-height:0!important; text-decoration:none!important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); transform:none!important; transition:background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important; } body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__trigger:hover, body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__trigger:focus-visible{ background:#fff!important; color:var(--jspanel-primary,#e63946)!important; box-shadow:0 7px 22px rgba(17,24,39,.17)!important; transform:translateY(-1px)!important; } body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__trigger:focus-visible{ outline:2px solid var(--jspanel-primary,#e63946)!important; outline-offset:2px!important; } /* Suppress any legacy image/icon content that a Woo/theme layer may inject. */ body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__trigger > img, body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__trigger > span:not(.screen-reader-text), body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__trigger::before, body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__trigger::after{ display:none!important; content:none!important; background:none!important; } body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__trigger .jspanel-gallery-zoom-svg{ display:block!important; visibility:visible!important; opacity:1!important; width:23px!important; height:23px!important; min-width:23px!important; min-height:23px!important; margin:0!important; padding:0!important; flex:0 0 23px!important; color:currentColor!important; fill:currentColor!important; stroke:none!important; overflow:visible!important; pointer-events:none!important; } body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__trigger .jspanel-gallery-zoom-svg path{ display:block!important; visibility:visible!important; opacity:1!important; fill:currentColor!important; stroke:none!important; } html.jspanel-theme-dark body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__trigger{ border-color:rgba(255,255,255,.14)!important; background:rgba(28,31,36,.92)!important; color:#f0f2f4!important; box-shadow:0 5px 18px rgba(0,0,0,.28)!important; } @media(max-width:767px){ body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__trigger{ top:10px!important; right:10px!important; width:40px!important; height:40px!important; min-width:40px!important; min-height:40px!important; } } @media(max-width:767px){ body.jspanel-single-product-runtime-owned .js-gallery ol.flex-control-nav, body.jspanel-single-product-runtime-owned .js-gallery ol.flex-control-thumbs{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:7px!important; margin-top:9px!important; } } /* 1.35.45 — let WooCommerce/FlexSlider own slide visibility. Do not hide secondary .woocommerce-product-gallery__image elements manually: FlexSlider needs every slide available when a thumbnail is selected. */ body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image{ visibility:visible; } /* 1.35.47 — Digikala-inspired quantity selector, scoped to single product. */ body.jspanel-single-product-runtime-owned .js-cart .quantity.jspanel-dk-quantity{ position:relative!important; display:flex!important; direction:ltr!important; align-items:center!important; justify-content:center!important; width:128px!important; min-width:128px!important; height:50px!important; margin:0!important; padding:0 3px!important; overflow:hidden!important; border:1px solid #e0e0e2!important; border-radius:10px!important; background:#fff!important; box-shadow:0 1px 5px rgba(0,0,0,.08)!important; } body.jspanel-single-product-runtime-owned .js-cart .quantity.jspanel-dk-quantity .screen-reader-text{ position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; } body.jspanel-single-product-runtime-owned .js-cart .quantity.jspanel-dk-quantity input.qty{ appearance:textfield!important; -moz-appearance:textfield!important; flex:0 0 44px!important; width:44px!important; min-width:44px!important; height:46px!important; margin:0!important; padding:0!important; border:0!important; outline:0!important; background:transparent!important; box-shadow:none!important; color:transparent!important; caret-color:var(--jspanel-primary,#e63946)!important; font:800 16px/46px inherit!important; text-align:center!important; } body.jspanel-single-product-runtime-owned .js-cart .quantity.jspanel-dk-quantity .jspanel-qty-display{ position:absolute!important; z-index:2!important; inset:0 auto 0 50%!important; display:grid!important; place-items:center!important; width:44px!important; height:100%!important; margin:0!important; padding:0!important; transform:translateX(-50%)!important; color:var(--jspanel-primary,#e63946)!important; font:800 16px/1 inherit!important; text-align:center!important; pointer-events:none!important; user-select:none!important; } body.jspanel-single-product-runtime-owned .js-cart .quantity.jspanel-dk-quantity input.qty::-webkit-outer-spin-button, body.jspanel-single-product-runtime-owned .js-cart .quantity.jspanel-dk-quantity input.qty::-webkit-inner-spin-button{ margin:0!important; -webkit-appearance:none!important; } body.jspanel-single-product-runtime-owned .js-cart .jspanel-qty-button{ appearance:none!important; display:grid!important; flex:0 0 36px!important; width:36px!important; height:42px!important; min-width:36px!important; min-height:42px!important; margin:0!important; padding:0!important; place-items:center!important; border:0!important; border-radius:8px!important; background:transparent!important; color:var(--jspanel-primary,#e63946)!important; box-shadow:none!important; cursor:pointer!important; transition:background-color .15s ease,color .15s ease,opacity .15s ease!important; } body.jspanel-single-product-runtime-owned .js-cart .jspanel-qty-button:hover:not(:disabled), body.jspanel-single-product-runtime-owned .js-cart .jspanel-qty-button:focus-visible:not(:disabled){ background:rgba(var(--jspanel-primary-rgb,230,57,70),.07)!important; } body.jspanel-single-product-runtime-owned .js-cart .jspanel-qty-button:focus-visible{ outline:2px solid rgba(var(--jspanel-primary-rgb,230,57,70),.28)!important; outline-offset:-2px!important; } body.jspanel-single-product-runtime-owned .js-cart .jspanel-qty-button:disabled{ color:#c8c9cc!important; opacity:.7!important; cursor:not-allowed!important; } body.jspanel-single-product-runtime-owned .js-cart .jspanel-qty-button svg{ display:block!important; width:20px!important; height:20px!important; fill:none!important; stroke:currentColor!important; stroke-width:2!important; stroke-linecap:round!important; stroke-linejoin:round!important; pointer-events:none!important; } html.jspanel-theme-dark body.jspanel-single-product-runtime-owned .js-cart .quantity.jspanel-dk-quantity{ border-color:#353a40!important; background:#1b1e22!important; box-shadow:0 1px 6px rgba(0,0,0,.28)!important; } @media(max-width:767px){ body.jspanel-single-product-runtime-owned .js-cart form.cart{ grid-template-columns:128px minmax(0,1fr)!important; } } /* 1.35.49 — negative recommendation uses warning state. */ .js-dk-recommend-pick input[value="no"]:checked + span{ border-color:#f59e0b!important; background:#fff7e6!important; color:#a15c00!important; box-shadow:0 0 0 2px rgba(245,158,11,.08)!important; } /* 1.35.53 — the owned green stock row is the single stock indicator. Hide WooCommerce's second availability line inside the add-to-cart area. */ body.jspanel-single-product-runtime-owned .js-cart .stock, body.jspanel-single-product-runtime-owned .js-cart .woocommerce-variation-availability{ display:none!important; margin:0!important; padding:0!important; } /* 1.35.54 — hard reset for Woo/theme legacy zoom glyphs. The only visible glyph must be our inline one-path SVG. */ body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__trigger{ text-indent:0!important; overflow:visible!important; background-image:none!important; } body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__trigger > *:not(.jspanel-gallery-zoom-svg):not(.screen-reader-text){ display:none!important; visibility:hidden!important; } body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__trigger .jspanel-gallery-zoom-svg{ position:relative!important; z-index:2!important; } /* 1.35.55 — DOM-repaired zoom SVG must remain visible above the circular button. */ body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__trigger{ display:grid!important; place-items:center!important; color:#20242a!important; } body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__trigger > .jspanel-gallery-zoom-svg{ position:relative!important; z-index:50!important; display:block!important; visibility:visible!important; opacity:1!important; width:24px!important; height:24px!important; min-width:24px!important; min-height:24px!important; margin:0!important; padding:0!important; color:inherit!important; fill:currentColor!important; stroke:none!important; transform:none!important; filter:none!important; pointer-events:none!important; } body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__trigger > .jspanel-gallery-zoom-svg path{ display:block!important; visibility:visible!important; opacity:1!important; fill:currentColor!important; stroke:none!important; } body.jspanel-single-product-runtime-owned .js-gallery .woocommerce-product-gallery__trigger:hover > .jspanel-gallery-zoom-svg{ color:var(--jspanel-primary,#e63946)!important; } /* 1.35.56 — linked brand logo over the product image, opposite zoom trigger. */ body.jspanel-single-product-runtime-owned .js-gallery{ position:relative!important; } body.jspanel-single-product-runtime-owned .js-gallery .js-gallery-brand{ position:absolute!important; z-index:29!important; top:14px!important; left:14px!important; right:auto!important; display:flex!important; align-items:center!important; justify-content:center!important; width:auto!important; max-width:96px!important; height:42px!important; min-height:42px!important; margin:0!important; padding:5px 9px!important; border:1px solid rgba(17,24,39,.10)!important; border-radius:11px!important; background:rgba(255,255,255,.94)!important; box-shadow:0 5px 18px rgba(17,24,39,.10)!important; text-decoration:none!important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); transition:box-shadow .16s ease,transform .16s ease,background-color .16s ease!important; } body.jspanel-single-product-runtime-owned .js-gallery .js-gallery-brand:hover, body.jspanel-single-product-runtime-owned .js-gallery .js-gallery-brand:focus-visible{ background:#fff!important; box-shadow:0 7px 22px rgba(17,24,39,.16)!important; transform:translateY(-1px)!important; } body.jspanel-single-product-runtime-owned .js-gallery .js-gallery-brand:focus-visible{ outline:2px solid var(--jspanel-primary,#e63946)!important; outline-offset:2px!important; } body.jspanel-single-product-runtime-owned .js-gallery .js-gallery-brand-logo{ display:block!important; width:auto!important; max-width:76px!important; height:auto!important; max-height:30px!important; margin:0!important; padding:0!important; object-fit:contain!important; } html.jspanel-theme-dark body.jspanel-single-product-runtime-owned .js-gallery .js-gallery-brand{ border-color:rgba(255,255,255,.14)!important; background:rgba(255,255,255,.94)!important; box-shadow:0 5px 18px rgba(0,0,0,.22)!important; } @media(max-width:767px){ body.jspanel-single-product-runtime-owned .js-gallery .js-gallery-brand{ top:10px!important; left:10px!important; max-width:88px!important; height:40px!important; min-height:40px!important; padding:5px 8px!important; } body.jspanel-single-product-runtime-owned .js-gallery .js-gallery-brand-logo{ max-width:70px!important; max-height:28px!important; } } /* 2.2.3 — runtime-only compatibility warning state */ .js-warning.is-hidden-by-compatibility{display:none!important} /* 2.2.8 — inline brand image in the single-product specifications row. */ .js-spec-row .js-spec-brand-value{ display:flex; align-items:center; gap:16px; min-width:0; } .js-spec-row .js-spec-brand-value > span{ min-width:0; } .js-spec-row .js-spec-brand-inline-logo{ display:block; width:auto; height:auto; max-width:96px; max-height:34px; margin-right:auto; object-fit:contain; flex:0 0 auto; } @media(max-width:767px){ .js-spec-row .js-spec-brand-inline-logo{ max-width:72px; max-height:28px; } } /* 2.3.0 — second compatibility presentation: visual brand rows + minimal package cards. */ .js-compat--cards{ padding:15px 16px; } .js-compat--cards .js-compat-head{ margin-bottom:12px; } .js-compat-card-rows{ display:grid; gap:0; border-top:1px solid var(--js-line); } .js-compat-card-row{ display:grid; grid-template-columns:120px minmax(0,1fr); align-items:center; gap:14px; padding:12px 0; border-bottom:1px solid var(--js-line); } .js-compat-card-row:last-child{border-bottom:0} .js-compat-card-brand{ display:flex; align-items:center; justify-content:flex-start; min-width:0; } .js-compat-card-brand img{ display:block; width:auto; max-width:100px; height:auto; max-height:34px; object-fit:contain; object-position:right center; } .js-compat-card-brand strong{ font-size:10.5px; font-weight:800; color:var(--js-ink); } .js-compat-card-models{ display:flex; align-items:center; flex-wrap:wrap; gap:7px; min-width:0; } .js-compat-model-card{ display:inline-flex; align-items:center; gap:7px; min-width:0; max-width:190px; min-height:44px; padding:5px 9px 5px 7px; border:1px solid #dfe4e7; border-radius:11px; background:#fff; color:var(--js-ink)!important; text-decoration:none!important; box-shadow:0 1px 2px rgba(15,23,42,.03); transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease; } a.js-compat-model-card{ cursor:pointer; } a.js-compat-model-card:hover{ border-color:#b6c8d6; box-shadow:0 5px 14px rgba(15,23,42,.07); transform:translateY(-1px); } .js-compat-model-card img{ display:block; flex:0 0 34px; width:34px; height:34px; border-radius:8px; object-fit:contain; background:#f8f9fa; } .js-compat-model-card span{ overflow:hidden; min-width:0; font-size:10px; font-weight:800; line-height:1.6; text-overflow:ellipsis; white-space:nowrap; unicode-bidi:plaintext; } @media(max-width:767px){ .js-compat-card-row{ grid-template-columns:1fr; gap:8px; } .js-compat-card-brand img{ max-width:88px; max-height:30px; } .js-compat-card-models{ flex-wrap:nowrap; overflow-x:auto; padding-bottom:2px; scrollbar-width:none; } .js-compat-card-models::-webkit-scrollbar{display:none} .js-compat-model-card{ flex:0 0 auto; max-width:165px; } } /* 2.3.2 — brand value is logo-only when a brand image exists. */ .js-spec-row .js-spec-brand-value--image{ display:flex; align-items:center; justify-content:flex-start; min-height:48px; } .js-spec-row .js-spec-brand-value--image .js-spec-brand-inline-logo{ margin:0!important; max-width:110px; max-height:38px; }