:root { --dk3-raise: inset 0 1px 0 rgba(255,255,255,.35),inset 0 -3px 0 rgba(0,0,0,.18),0 10px 20px -10px rgba(32,66,45,.75); --dk3-raise-h: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -3px 0 rgba(0,0,0,.18),0 16px 28px -12px rgba(32,66,45,.8); --dk3-press: inset 0 2px 5px rgba(0,0,0,.25),0 4px 10px -6px rgba(32,66,45,.7); }.dk-bg { background: radial-gradient(1200px 620px at 88% -10%, rgba(62,134,89,.22), transparent 60%),
    radial-gradient(900px 520px at -6% 18%, rgba(163,40,51,.12), transparent 56%),
    radial-gradient(820px 820px at 50% 118%, rgba(47,107,70,.18), transparent 60%),
    radial-gradient(600px 400px at 30% 55%, rgba(78,144,184,.08), transparent 60%),
    var(--paper); }.dk-bg::before { content: ""; position: absolute; inset: 0px; pointer-events: none; opacity: 0.5; background-image: radial-gradient(rgba(32, 66, 45, 0.1) 1px, transparent 1.2px); background-size: 22px 22px; mask-image: linear-gradient(rgb(0, 0, 0), transparent 40%, transparent 70%, rgb(0, 0, 0)); }.dk-bg > .dk-wrap { position: relative; }#dk-header { background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.66)) !important; box-shadow: rgba(24, 58, 38, 0.55) 0px 18px 40px -26px, rgba(255, 255, 255, 0.9) 0px -1px 0px inset !important; }#dk-header::after { content: ""; position: absolute; inset-inline: 0px; bottom: -1px; height: 2px; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(62, 134, 89, 0.55), rgba(163, 40, 51, 0.45), transparent); opacity: 0.7; }.dk-hd-util { box-shadow: rgba(0, 0, 0, 0.15) 0px -1px 0px inset, rgba(255, 255, 255, 0.12) 0px 1px 0px inset; animation: 12s linear 0s infinite normal none running dk3-util; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; background-size: 200% 100% !important; }@keyframes dk3-util { 
  100% { background-position: -200% 0px; }
}.dk-logo img { filter: drop-shadow(rgba(32, 66, 45, 0.18) 0px 6px 10px); transition: transform 0.3s, filter 0.3s, height 0.2s; }.dk-logo:hover img { transform: perspective(500px) rotateY(-8deg) translateY(-1px); filter: drop-shadow(rgba(32, 66, 45, 0.25) 0px 10px 14px); }.dk-hd-search { transition: box-shadow 0.2s, border-color 0.2s; background: linear-gradient(rgb(244, 247, 244), rgb(255, 255, 255)) !important; box-shadow: rgba(24, 58, 38, 0.09) 0px 2px 5px inset, rgb(255, 255, 255) 0px -1px 0px inset, rgba(255, 255, 255, 0.9) 0px 1px 0px, rgba(24, 58, 38, 0.5) 0px 10px 24px -18px !important; }.dk-hd-search:focus-within { border-color: rgba(62, 134, 89, 0.45) !important; box-shadow: rgba(24, 58, 38, 0.07) 0px 2px 5px inset, rgba(62, 134, 89, 0.14) 0px 0px 0px 4px, rgba(24, 58, 38, 0.55) 0px 14px 30px -18px !important; }.dk-hd-search button, .dk-mega-btn, .dk-btn--primary, .dk-hsearch button, .dk-drawer-search button, .woocommerce .single_add_to_cart_button, .woocommerce #place_order, .woocommerce .checkout-button, .dk-buybox .button, .dk-buybox button[type="submit"] { box-shadow: var(--dk3-raise) !important; transition: transform 0.15s, box-shadow 0.18s, filter 0.18s !important; }.dk-hd-search button:hover, .dk-mega-btn:hover, .dk-btn--primary:hover, .dk-hsearch button:hover, .woocommerce .single_add_to_cart_button:hover, .woocommerce #place_order:hover, .woocommerce .checkout-button:hover, .dk-buybox .button:hover, .dk-buybox button[type="submit"]:hover { transform: translateY(-1px); filter: brightness(1.05); box-shadow: var(--dk3-raise-h) !important; }.dk-hd-search button:active, .dk-mega-btn:active, .dk-btn--primary:active, .dk-hsearch button:active, .woocommerce .single_add_to_cart_button:active, .woocommerce #place_order:active, .woocommerce .checkout-button:active, .dk-buybox .button:active, .dk-buybox button[type="submit"]:active { transform: translateY(1px); box-shadow: var(--dk3-press) !important; }.dk-hd-act { transition: background 0.18s, border-color 0.18s, transform 0.18s, box-shadow 0.18s !important; }.dk-hd-act:hover { transform: translateY(-1px); box-shadow: rgba(24, 58, 38, 0.6) 0px 10px 20px -14px, rgb(255, 255, 255) 0px 1px 0px inset; }.dk-hd-cart { box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgba(32, 66, 45, 0.08) 0px -2px 0px inset, rgba(24, 58, 38, 0.55) 0px 8px 18px -12px; background: linear-gradient(180deg,#fff,var(--g-50)) !important; }.dk-cart-count { box-shadow: rgba(255, 255, 255, 0.45) 0px 1px 0px inset, rgba(163, 40, 51, 0.8) 0px 4px 8px -3px; background: linear-gradient(180deg,#cf4552,var(--r-800)) !important; }.dk-hd-nav a:hover { box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgba(24, 58, 38, 0.5) 0px 6px 14px -10px; }.dk-mega { box-shadow: rgba(24, 58, 38, 0.5) 0px 40px 80px -30px, rgba(255, 255, 255, 0.8) 0px 0px 0px 1px inset !important; }.dk-panel { box-shadow: var(--shadow),inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.35) !important; }.dk-btn--light, .dk-btn--ghost { transition: transform 0.15s, box-shadow 0.18s; box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgba(0, 0, 0, 0.08) 0px -3px 0px inset, rgba(0, 0, 0, 0.55) 0px 12px 22px -14px !important; }.dk-btn--light:hover, .dk-btn--ghost:hover { transform: translateY(-2px); }.dk-sec-h h2 { position: relative; text-shadow: rgb(213, 228, 218) 0px 1px 0px, rgb(195, 216, 202) 0px 2px 0px, rgb(177, 204, 186) 0px 3px 0px, rgb(159, 192, 170) 0px 4px 0px, rgba(32, 66, 45, 0.28) 0px 7px 10px, rgba(32, 66, 45, 0.16) 0px 16px 24px; }.dk-sec-h h2::after { content: ""; display: block; width: 46px; height: 5px; margin-top: 8px; border-radius: 5px; background: linear-gradient(90deg,var(--g-500),var(--r-700)); box-shadow: rgba(62, 134, 89, 0.7) 0px 4px 10px -3px, rgba(255, 255, 255, 0.5) 0px 1px 0px inset; }.dk-circ { background: linear-gradient(rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.6)) !important; box-shadow: rgba(24, 58, 38, 0.55) 0px 18px 30px -22px, rgb(255, 255, 255) 0px 1px 0px inset !important; }.dk-circ .ring { position: relative; transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); box-shadow: rgba(0, 0, 0, 0.28) 0px -8px 14px inset, rgba(255, 255, 255, 0.35) 0px 6px 10px inset, rgba(0, 0, 0, 0.4) 0px 14px 22px -10px !important; }.dk-circ .ring::before { content: ""; position: absolute; top: 7%; inset-inline: 22%; height: 34%; border-radius: 50%; pointer-events: none; background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)); filter: blur(0.5px); }.dk-circ .ring::after { content: ""; position: absolute; bottom: -12px; inset-inline: 18%; height: 8px; border-radius: 50%; background: rgba(0, 0, 0, 0.18); filter: blur(4px); transition: 0.35s; }.dk-circ .ring svg { position: relative; filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 2px 2px); }.dk-circ:hover .ring { transform: translateY(-6px) scale(1.06); }.dk-circ:hover .ring::after { bottom: -18px; opacity: 0.6; inset-inline: 26%; }.woocommerce ul.products li.product { background: linear-gradient(rgb(255, 255, 255), rgb(251, 253, 251)) !important; box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px inset, rgba(24, 58, 38, 0.12) 0px 2px 4px -2px, rgba(24, 58, 38, 0.5) 0px 18px 34px -24px !important; }.woocommerce ul.products li.product .product-thumbnail-wrapper { box-shadow: rgba(24, 58, 38, 0.25) 0px -10px 20px -14px inset; background: radial-gradient(120% 90% at 50% 0%, rgb(255, 255, 255), rgb(241, 245, 242)) !important; }.woocommerce ul.products li.product .product-thumbnail-wrapper img, .woocommerce ul.products li.product img.wp-post-image { transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.45s; }.woocommerce ul.products li.product:hover .product-thumbnail-wrapper img, .woocommerce ul.products li.product:hover img.wp-post-image { transform: translateY(-4px) scale(1.04); filter: drop-shadow(rgba(24, 58, 38, 0.22) 0px 14px 14px); }.woocommerce ul.products li.product .onsale { box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgba(163, 40, 51, 0.8) 0px 6px 12px -5px !important; background: linear-gradient(180deg,#c83b48,var(--r-800)) !important; }.dk-exp { background: linear-gradient(rgb(47, 134, 201), rgb(26, 95, 153)) !important; box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgba(31, 111, 178, 0.8) 0px 6px 12px -5px !important; }.woocommerce ul.products li.product .button.add_to_cart_button { background: linear-gradient(180deg,#fff,var(--g-50)) !important; box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgba(32, 66, 45, 0.08) 0px -3px 0px inset, rgba(24, 58, 38, 0.55) 0px 8px 16px -10px !important; }.woocommerce ul.products li.product .button.add_to_cart_button:hover { box-shadow: var(--dk3-raise-h) !important; }.dk-bnr img, .dk-coll .c img, .dk-feature .fi img { transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); }.dk-bnr:hover img, .dk-coll .c:hover img { transform: translateZ(30px) rotate(-3deg) scale(1.05); }.dk-bnr, .dk-coll .c, .dk-feature { box-shadow: rgba(24, 58, 38, 0.12) 0px 2px 4px -2px, rgba(24, 58, 38, 0.55) 0px 26px 44px -30px, rgba(255, 255, 255, 0.6) 0px 1px 0px inset !important; }#dk-footer { position: relative; box-shadow: rgba(255, 255, 255, 0.14) 0px 1px 0px inset, rgba(24, 58, 38, 0.6) 0px -20px 50px -30px; }.dk-ft-social a { box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px inset, rgba(0, 0, 0, 0.2) 0px -2px 0px inset, rgba(0, 0, 0, 0.5) 0px 8px 14px -8px; }.dk-ahs { position: relative; min-width: 0px; }.dk-ahs.dk-panel { padding: clamp(18px, 2.6vw, 30px); }.dk-ahs .elementor-section .elementor-container { max-width: none !important; }.dk-ahs .elementor-widget-wrap { padding: 0px !important; }.dk-ahs .ah-theme-icon img { width: 16px !important; height: 16px !important; }.dk-ahs-ticker .alert-ticker-wrapper { position: relative; display: flex; align-items: center; gap: 14px; overflow: hidden; border-radius: 999px; padding: 10px 18px; min-height: 48px; color: rgb(255, 255, 255); background: linear-gradient(90deg,var(--g-800),var(--g-600) 50%,var(--g-800)); box-shadow: rgba(255, 255, 255, 0.28) 0px 1px 0px inset, rgba(0, 0, 0, 0.18) 0px -3px 0px inset, rgba(24, 58, 38, 0.8) 0px 18px 32px -20px; }.dk-ahs-ticker .alert-ticker-wrapper::before { content: "اطلاعیه"; flex: 0 0 auto; font-size: 0.74rem; font-weight: 800; padding: 0.35em 0.95em; border-radius: 999px; background: linear-gradient(180deg,#d4485a,var(--r-800)); box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgba(255, 255, 255, 0.08) 0px 0px 0px 4px; }.dk-ahs-ticker .alert-ticker-wrapper::after { content: ""; position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, 0.16) 50%, transparent 65%) 0% 0% / 250% 100%; animation: 6s ease-in-out 0s infinite normal none running dk3-sweep; }.dk-ahs-ticker .swiper { flex: 1 1 0%; min-width: 0px; }.dk-ahs-ticker .swiper-title { font-weight: 700; font-size: 0.9rem; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgb(255, 255, 255) !important; }.dk-ahs-tabs .pt-tab-items { margin-bottom: 18px !important; }.dk-ahs-tabs .pt-tab-items ul { gap: 8px; justify-content: center; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; list-style: none; width: max-content; max-width: 100%; border-radius: 20px; background: linear-gradient(rgba(233, 243, 236, 0.9), rgba(255, 255, 255, 0.7)); box-shadow: rgba(24, 58, 38, 0.08) 0px 2px 6px inset, rgb(255, 255, 255) 0px 1px 0px; display: flex !important; margin: 0px auto !important; padding: 6px !important; }.dk-ahs-tabs .pt-tab-items ul::-webkit-scrollbar { display: none; }.dk-ahs-tabs .pt-tab-items li { flex: 0 0 auto; margin: 0px !important; }.dk-ahs-tabs .pt-tab-items .pt-item-btn { align-items: center; gap: 0.45em; cursor: pointer; white-space: nowrap; transition: background 0.2s, color 0.2s, box-shadow 0.2s, transform 0.2s; display: inline-flex !important; flex-direction: row !important; padding: 0.62em 1.1em !important; border-radius: 14px !important; font-size: 0.88rem !important; font-weight: 700 !important; color: var(--muted) !important; background: transparent !important; }.dk-ahs-tabs .pt-tab-items .pt-item-btn svg, .dk-ahs-tabs .pt-tab-items .pt-item-btn i { height: 17px; width: 17px !important; font-size: 17px !important; fill: currentcolor !important; color: currentcolor !important; margin: 0px !important; }.dk-ahs-tabs .pt-tab-items .pt-item-btn:hover { color: var(--g-800) !important; background: rgba(255, 255, 255, 0.8) !important; }.dk-ahs-tabs .pt-tab-items .active .pt-item-btn { transform: translateY(-1px); color: rgb(255, 255, 255) !important; background: linear-gradient(180deg,var(--g-500),var(--g-700)) !important; box-shadow: var(--dk3-raise) !important; }.dk-ahs-tabs .pt-tab-items .active .pt-item-btn svg { fill: rgb(255, 255, 255) !important; }.dk-ahs-tabs .pt-tab-content { row-gap: 16px; }.dk-ahs .product-item, .dk-ahs .p-item { position: relative; width: 100%; border: 1px solid rgba(255, 255, 255, 0.9); overflow: hidden; border-radius: 18px !important; padding: 12px !important; background: linear-gradient(rgb(255, 255, 255), rgb(251, 253, 251)) !important; box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px inset, rgba(24, 58, 38, 0.12) 0px 2px 4px -2px, rgba(24, 58, 38, 0.5) 0px 18px 34px -24px !important; }.dk-ahs .product-item .product-cover, .dk-ahs .p-item .fimage { display: block; border-radius: 14px; overflow: hidden; line-height: 0; text-align: center; background: radial-gradient(120% 90% at 50% 0%, rgb(255, 255, 255), rgb(241, 245, 242)); box-shadow: rgba(24, 58, 38, 0.25) 0px -10px 20px -14px inset; }.dk-ahs .product-item .product-cover img, .dk-ahs .p-item img { padding: 8px; transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.45s; height: 210px !important; width: 100% !important; object-fit: contain !important; border-radius: 14px !important; }.dk-ahs .product-item:hover .product-cover img, .dk-ahs .p-item:hover img { transform: translateY(-4px) scale(1.04); filter: drop-shadow(rgba(24, 58, 38, 0.22) 0px 14px 14px); }.dk-ahs .product-item .product-title, .dk-ahs .p-item h3 { line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 3.1em; color: var(--g-900) !important; font-size: 0.92rem !important; font-weight: 700 !important; margin: 10px 0px 4px !important; }.dk-ahs .product-item .price, .dk-ahs .p-item .price { margin: 0px !important; text-align: start !important; }.dk-ahs .product-item .product-title, .dk-ahs .p-item h3, .dk-ahs .product-item .item-top-section, .dk-ahs .p-item .mwprprice { text-align: start !important; }.dk-ahs .product-item .price .amount, .dk-ahs .product-item .price ins bdi, .dk-ahs .p-item .price, .dk-ahs .p-item .price span { color: var(--g-900) !important; font-size: 1rem !important; font-weight: 800 !important; }.dk-ahs .product-item .price ins, .dk-ahs .product-item .price ins .amount, .dk-ahs .product-item .price ins bdi, .dk-ahs .p-item .price ins, .dk-ahs .p-item .price ins span { text-decoration: none; color: var(--r-700) !important; }.dk-ahs .product-item .price del, .dk-ahs .product-item .price del .amount, .dk-ahs .p-item .price del, .dk-ahs .p-item .price del span { color: rgb(154, 166, 160) !important; font-size: 0.8rem !important; font-weight: 500 !important; }.dk-ahs-tabs .tab-foot { text-align: center !important; margin-top: 18px; }.dk-ahs-tabs .tab-foot a { align-items: center; gap: 0.4em; font-weight: 800; font-size: 0.88rem; display: inline-flex !important; padding: 0.7em 1.5em !important; border-radius: 999px !important; border: 1px solid var(--line) !important; color: var(--g-800) !important; background: linear-gradient(180deg,#fff,var(--g-50)) !important; box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgba(32, 66, 45, 0.08) 0px -3px 0px inset, rgba(24, 58, 38, 0.6) 0px 10px 20px -14px !important; }.dk-ahs-tabs .tab-foot a i { display: none !important; }.dk-ahs-faq .ah-items { display: grid; gap: 10px; }.dk-ahs-faq .ah-item { overflow: hidden; transition: box-shadow 0.25s, transform 0.25s; border: 1px solid rgba(255, 255, 255, 0.9) !important; border-radius: 18px !important; margin: 0px !important; background: linear-gradient(rgb(255, 255, 255), rgb(248, 251, 249)) !important; box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgba(24, 58, 38, 0.55) 0px 14px 26px -22px !important; }.dk-ahs-faq .ah-item:hover { transform: translateY(-2px); }.dk-ahs-faq .ah-title-section { cursor: pointer; gap: 12px; padding: 16px 20px !important; background: transparent !important; }.dk-ahs-faq .ah-title { font-size: 0.96rem; color: var(--g-900) !important; font-weight: 800 !important; }.dk-ahs-faq .ah-icon { width: 30px; height: 30px; border-radius: 50%; place-items: center; background: var(--g-50); box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgba(24, 58, 38, 0.4) 0px 4px 8px -4px; display: grid !important; }.dk-ahs-faq .ah-item .ah-icon.ah-for-close { display: none !important; }.dk-ahs-faq .ah-description { line-height: 1.95; font-size: 0.92rem; color: var(--muted) !important; background: transparent !important; padding: 0px 20px 18px !important; }@media (max-width: 760px){.dk-ahs-tabs .pt-tab-items ul { justify-content: flex-start; }.dk-ahs .product-item .product-cover img, .dk-ahs .p-item img { height: 160px !important; }.dk-ahs-ticker .swiper-title { font-size: 0.8rem; }}.dk-ahs.dk-panel { box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px inset, rgb(223, 233, 226) 0px 7px 0px -1px, rgb(201, 218, 207) 0px 13px 0px -3px, rgba(24, 58, 38, 0.55) 0px 34px 54px -26px !important; }.dk-ahs.dk-panel::after { content: ""; position: absolute; inset: 0px 0px auto; height: 44%; border-radius: var(--radius) var(--radius) 0 0; pointer-events: none; background: linear-gradient(rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0)); }.dk-ahs.dk-panel > * { position: relative; z-index: 1; }html.dk3-js .dk-ahs.dk-rv { transform: perspective(1400px) rotateX(16deg) translateY(30px); transform-origin: 50% 100%; translate: 0px; scale: 1; transition: opacity .8s ease var(--d,0ms),transform 1s cubic-bezier(.2,.8,.2,1) var(--d,0ms); }html.dk3-js .dk-ahs.dk-rv.dk-in { transform: none; }.dk-ahs .product-item, .dk-ahs .p-item, .woocommerce ul.products li.product { box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgb(227, 236, 230) 0px 5px 0px, rgb(208, 223, 213) 0px 7px 0px, rgba(24, 58, 38, 0.6) 0px 24px 32px -20px !important; }.dk-ahs .product-item:hover, .dk-ahs .p-item:hover, .woocommerce ul.products li.product:hover { box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgb(227, 236, 230) 0px 9px 0px, rgb(203, 220, 209) 0px 12px 0px, rgba(24, 58, 38, 0.65) 0px 40px 46px -26px !important; }.dk-ahs .product-item .product-cover, .dk-ahs .p-item .fimage, .woocommerce ul.products li.product .product-thumbnail-wrapper { position: relative; }.dk-ahs .product-item .product-cover::after, .dk-ahs .p-item .fimage::after, .woocommerce ul.products li.product .product-thumbnail-wrapper::after { content: ""; position: absolute; bottom: 8px; left: 24%; right: 24%; height: 10px; border-radius: 50%; background: rgba(24, 58, 38, 0.22); filter: blur(6px); pointer-events: none; transition: 0.45s; }.dk-ahs .product-item:hover .product-cover::after, .dk-ahs .p-item:hover .fimage::after, .woocommerce ul.products li.product:hover .product-thumbnail-wrapper::after { left: 30%; right: 30%; opacity: 0.6; }.dk-ahs .product-item .product-cover img, .dk-ahs .p-item img, .woocommerce ul.products li.product .product-thumbnail-wrapper img { position: relative; z-index: 1; }.dk-ahs-tabs .pt-tab-items ul { box-shadow: rgba(24, 58, 38, 0.12) 0px 3px 8px inset, rgb(255, 255, 255) 0px -1px 0px inset, rgb(255, 255, 255) 0px 1px 0px !important; padding: 8px 8px 12px !important; }.dk-ahs-tabs .pt-tab-items .pt-item-btn { background: linear-gradient(rgb(255, 255, 255), rgb(241, 246, 242)) !important; box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgb(211, 225, 216) 0px 4px 0px, rgba(24, 58, 38, 0.5) 0px 8px 12px -8px !important; }.dk-ahs-tabs .pt-tab-items .pt-item-btn:hover { transform: translateY(-1px); box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgb(211, 225, 216) 0px 5px 0px, rgba(24, 58, 38, 0.55) 0px 10px 14px -8px !important; }.dk-ahs-tabs .pt-tab-items .pt-item-btn:active { transform: translateY(3px); box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgb(211, 225, 216) 0px 1px 0px !important; }.dk-ahs-tabs .pt-tab-items .active .pt-item-btn { transform: translateY(0px) !important; box-shadow: rgba(255, 255, 255, 0.35) 0px 1px 0px inset, rgb(29, 70, 48) 0px 4px 0px, rgba(32, 66, 45, 0.75) 0px 12px 18px -8px !important; }.dk-ahs-faq .ah-item { box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgb(225, 235, 228) 0px 5px 0px, rgb(207, 223, 212) 0px 7px 0px, rgba(24, 58, 38, 0.6) 0px 20px 28px -20px !important; }@keyframes dk3-flip { 
  0% { opacity: 0; transform: perspective(700px) rotateX(-75deg); }
  100% { opacity: 1; transform: none; }
}.dk-ahs-faq .ah-icon { background: radial-gradient(circle at 35% 30%, rgb(255, 255, 255), rgb(220, 235, 225)) !important; box-shadow: rgb(197, 216, 203) 0px 3px 0px, rgba(24, 58, 38, 0.5) 0px 8px 12px -6px !important; }.dk-ahs-ticker .alert-ticker-wrapper { box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 0px inset, rgb(23, 50, 34) 0px 5px 0px, rgb(16, 38, 26) 0px 7px 0px, rgba(24, 58, 38, 0.7) 0px 22px 30px -16px !important; }.dk-ahs-ticker .alert-ticker-wrapper::before { box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgb(107, 24, 32) 0px 3px 0px, rgba(255, 255, 255, 0.08) 0px 0px 0px 4px; animation: 2.2s ease-in-out 0s infinite normal none running dk3-beat; }@keyframes dk3-beat { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.07); }
}@media (prefers-reduced-motion: reduce){html.dk3-js .dk-ahs.dk-rv { transform: none; }}#dk-header .dk-hd-in { position: relative; z-index: 1; }.dk3-hdfx { position: absolute; inset: 0px; z-index: 0; overflow: hidden; pointer-events: none; perspective: 600px; }.dk3-hdfx i { position: absolute; display: block; top: var(--y); left: -60px; width: var(--s); height: calc(var(--s) * .42); border-radius: 999px; opacity: 0.5; background: linear-gradient(90deg,var(--c) 0 50%,#fff 50% 100%); box-shadow: rgba(255, 255, 255, 0.95) 0px 3px 4px -2px inset, rgba(0, 0, 0, 0.25) 0px -3px 5px -2px inset, rgba(24, 58, 38, 0.5) 0px 8px 12px -8px; animation: dk3h-fly var(--d) linear var(--dl) infinite; }.dk3-hdfx i.x { height: var(--s); border-radius: 0px; background: none; box-shadow: none; }.dk3-hdfx i.x::before, .dk3-hdfx i.x::after { content: ""; position: absolute; inset: 34% 0px; border-radius: 4px; background: linear-gradient(180deg,#b9dcc5,var(--c)); box-shadow: rgba(32, 66, 45, 0.35) 0px 2px 0px; }.dk3-hdfx i.x::after { inset: 0px 34%; }.dk3-hdfx i.o { height: var(--s); border-radius: 50%; background: radial-gradient(circle at 32% 28%,#fff 0 10%,rgba(255,255,255,.4) 22%,color-mix(in srgb,var(--c) 45%,transparent)); border: 1px solid rgba(255, 255, 255, 0.8); }@keyframes dk3h-fly { 
  0% { transform: translateX(0px) translateY(0px) rotateY(0deg) rotateZ(-20deg); }
  25% { transform: translateX(26vw) translateY(-8px) rotateY(180deg) rotateZ(10deg); }
  50% { transform: translateX(52vw) translateY(6px) rotateY(360deg) rotateZ(-15deg); }
  75% { transform: translateX(78vw) translateY(-6px) rotateY(540deg) rotateZ(12deg); }
  100% { transform: translateX(calc(120px + 100vw)) translateY(0px) rotateY(720deg) rotateZ(-20deg); }
}[dir="rtl"] .dk3-hdfx i, html[dir="rtl"] .dk3-hdfx i { left: auto; right: -60px; animation-name: dk3h-fly-rtl; }@keyframes dk3h-fly-rtl { 
  0% { transform: translateX(0px) rotateY(0deg) rotateZ(20deg); }
  25% { transform: translateX(-26vw) translateY(-8px) rotateY(180deg) rotateZ(-10deg); }
  50% { transform: translateX(-52vw) translateY(6px) rotateY(360deg) rotateZ(15deg); }
  75% { transform: translateX(-78vw) translateY(-6px) rotateY(540deg) rotateZ(-12deg); }
  100% { transform: translateX(calc(-120px - 100vw)) rotateY(720deg) rotateZ(20deg); }
}#dk-header .dk-hd-main { position: relative; overflow: hidden; }#dk-header .dk-hd-main::after { content: ""; position: absolute; inset: 0px; z-index: 0; pointer-events: none; background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, 0.75) 50%, transparent 60%) 0% 0% / 300% 100%; animation: 9s ease-in-out 0s infinite normal none running dk3h-sweep; }@keyframes dk3h-sweep { 
  0%, 60% { background-position: 120% 0px; }
  100% { background-position: -20% 0px; }
}.dk-logo { position: relative; perspective: 500px; }.dk-logo img { animation: 7s ease-in-out 0s infinite normal none running dk3h-logo; transform-origin: 50% 60%; }@keyframes dk3h-logo { 
  0%, 100% { transform: rotateY(0deg) translateY(0px); }
  25% { transform: rotateY(-10deg) translateY(-2px); }
  75% { transform: rotateY(8deg) translateY(1px); }
}.dk-logo::after { content: ""; position: absolute; inset: 0px; pointer-events: none; mask: url("https://drugkade.com/wp-content/uploads/dk-logo.webp") center center / contain no-repeat; background: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, 0.95) 50%, transparent 65%) 0% 0% / 300% 100%; animation: 6s ease-in-out 1s infinite normal none running dk3h-sweep; }.dk-mega-btn { position: relative; overflow: hidden; box-shadow: rgba(255, 255, 255, 0.35) 0px 1px 0px inset, rgb(29, 70, 48) 0px 4px 0px, rgba(32, 66, 45, 0.7) 0px 10px 18px -8px !important; }.dk-mega-btn::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, 0.45) 50%, transparent 65%) 0% 0% / 300% 100%; animation: 5s ease-in-out 0s infinite normal none running dk3h-sweep; pointer-events: none; }.dk-mega-btn:active { transform: translateY(3px); box-shadow: rgba(255, 255, 255, 0.35) 0px 1px 0px inset, rgb(29, 70, 48) 0px 1px 0px !important; }.dk-mega-btn .bars span { transition: transform 0.3s; }.dk-mega-wrap:hover .dk-mega-btn .bars span:nth-child(1) { transform: translateX(3px); }.dk-mega-wrap:hover .dk-mega-btn .bars span:nth-child(3) { transform: translateX(-3px); }.dk-hd-nav a { transition: transform 0.2s, background 0.15s, color 0.15s, box-shadow 0.2s !important; }.dk-hd-nav a:hover { transform: translateY(-2px); box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgb(211, 225, 216) 0px 3px 0px, rgba(24, 58, 38, 0.5) 0px 10px 16px -10px !important; }.dk-hd-search { position: relative; }.dk-hd-search::before { content: ""; position: absolute; inset: -2px; border-radius: inherit; padding: 2px; pointer-events: none; opacity: 0; transition: opacity 0.3s; background: conic-gradient(from var(--dk3a,0deg),#3E8659,#9be3b5,#A32833,#3E8659); mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); animation: 3s linear 0s infinite normal none running dk3h-ring; }.dk-hd-search:focus-within::before { opacity: 1; }@property --dk3a { syntax: "<angle>"; inherits: false; initial-value: 0deg; }@keyframes dk3h-ring { 
  100% { --dk3a: 360deg; }
}.dk-hd-cart { perspective: 400px; }@keyframes dk3h-bump { 
  0% { transform: none; }
  30% { transform: translateY(-8px) rotateY(180deg) scale(1.15); }
  60% { transform: translateY(2px) rotateY(360deg); }
  100% { transform: none; }
}@keyframes dk3h-pop { 
  0% { transform: scale(0.4); }
  70% { transform: scale(1.3); }
  100% { transform: scale(1); }
}@media (max-width: 760px){.dk3-hdfx i:nth-child(n+4) { display: none; }}@media (prefers-reduced-motion: reduce){.dk3-hdfx { display: none; }.dk-logo img, .dk-logo::after, #dk-header .dk-hd-main::after, .dk-mega-btn::after, .dk-hd-util { animation: auto ease 0s 1 normal none running none !important; }}html.dk3-js .dk-rv { opacity: 0; translate: 0px 34px; scale: 0.97; transition: opacity .75s ease var(--d,0ms),translate .9s cubic-bezier(.2,.8,.2,1) var(--d,0ms),scale .9s cubic-bezier(.2,.8,.2,1) var(--d,0ms); }html.dk3-js .dk-rv.dk-in { opacity: 1; translate: 0px; scale: 1; }@media (prefers-reduced-motion: reduce){html.dk3-js .dk-rv { opacity: 1; translate: none; scale: none; transition: none; }.dk-hd-util { animation: auto ease 0s 1 normal none running none; }}body.dk-styled { background: radial-gradient(1200px 620px at 88% -6%, rgba(62,134,89,.20), transparent 60%),
    radial-gradient(900px 520px at -6% 22%, rgba(163,40,51,.10), transparent 56%),
    radial-gradient(820px 820px at 50% 100%, rgba(47,107,70,.14), transparent 60%),
    var(--paper) !important; }.dk-bg { background: transparent !important; }.dk3-float { position: fixed; inset: 0px; z-index: -1; pointer-events: none; overflow: hidden; perspective: 900px; }.dk3-float .f { position: absolute; display: block; width: var(--s); height: var(--s); translate: calc(var(--mx,0) * var(--k) * 60px) calc(var(--sy,0) * var(--k) * -1px + var(--my,0) * var(--k) * 60px); animation: dk3f-drift var(--d) ease-in-out var(--dl) infinite alternate; transform-style: preserve-3d; will-change: transform; }.dk3-float .f b { position: absolute; inset: 0px; display: block; transform-style: preserve-3d; animation: dk3f-spin calc(var(--d) * .8) linear var(--dl) infinite; }@keyframes dk3f-drift { 
  0% { transform: translate3d(0px, 0px, 0px) rotateZ(0deg); }
  50% { transform: translate3d(18px, -26px, 40px) rotateZ(14deg); }
  100% { transform: translate3d(-14px, 20px, -30px) rotateZ(-10deg); }
}@keyframes dk3f-spin { 
  0% { transform: rotateX(18deg) rotateY(0deg); }
  100% { transform: rotateX(18deg) rotateY(360deg); }
}.dk3-float .f-cap { height: calc(var(--s) * .4); }.dk3-float .f-cap b { border-radius: 999px; background: linear-gradient(90deg,var(--c1) 0 50%,#f4f8f5 50% 100%); box-shadow: inset 0 calc(var(--s) * .07) calc(var(--s) * .08) -4px rgba(255,255,255,.9),inset 0 calc(var(--s) * -.08) calc(var(--s) * .1) -4px rgba(0,0,0,.28),0 18px 28px -14px rgba(24,58,38,.45); }.dk3-float .f-cap b::after { content: ""; position: absolute; top: 16%; left: 10%; right: 10%; height: 22%; border-radius: 999px; background: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0)); }.dk3-float .f-orb b { border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.7); background: radial-gradient(circle at 32% 28%,#fff 0 7%,rgba(255,255,255,.5) 14%,color-mix(in srgb,var(--c1) 25%,transparent) 55%,color-mix(in srgb,var(--c1) 55%,transparent) 100%); box-shadow: rgba(255, 255, 255, 0.35) -6px -10px 18px inset, rgba(255, 255, 255, 0.3) 8px 10px 16px inset, rgba(24, 58, 38, 0.45) 0px 20px 34px -18px; animation-name: dk3f-wobble; }@keyframes dk3f-wobble { 
  0%, 100% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.08, 0.94) rotate(8deg); }
}.dk3-float .f-tab b { border-radius: 50%; background: radial-gradient(circle at 40% 35%, rgb(255, 255, 255), rgb(230, 238, 232) 60%, rgb(205, 220, 210)); box-shadow: rgba(0, 0, 0, 0.12) 0px -5px 8px inset, rgb(255, 255, 255) 0px 4px 6px inset, rgb(195, 211, 200) 0px 5px 0px, rgba(24, 58, 38, 0.45) 0px 16px 24px -12px; }.dk3-float .f-tab b::after { content: ""; position: absolute; top: 50%; left: 18%; right: 18%; height: 3px; margin-top: -1.5px; border-radius: 3px; background: rgba(32, 66, 45, 0.18); box-shadow: rgb(255, 255, 255) 0px 1px 0px; }.dk3-float .f-tab.c-o b { background: radial-gradient(circle at 40% 35%, rgb(255, 244, 222), rgb(241, 207, 142) 60%, rgb(200, 154, 69)); box-shadow: rgba(0, 0, 0, 0.12) 0px -5px 8px inset, rgb(255, 255, 255) 0px 4px 6px inset, rgb(185, 138, 58) 0px 5px 0px, rgba(24, 58, 38, 0.45) 0px 16px 24px -12px; }.dk3-float .f-plus b::before, .dk3-float .f-plus b::after { content: ""; position: absolute; inset: 34% 0px; border-radius: calc(var(--s) * .12); background: linear-gradient(180deg,color-mix(in srgb,var(--c1) 70%,#fff),var(--c1)); box-shadow: inset 0 2px 3px rgba(255,255,255,.7),0 4px 0 color-mix(in srgb,var(--c1) 70%,#000),0 12px 18px -8px rgba(24,58,38,.45); }.dk3-float .f-plus b::after { inset: 0px 34%; }.dk3-float .f-mol b { border-radius: 50%; border: 2px dashed color-mix(in srgb,var(--c1) 45%,transparent); animation-name: dk3f-orbit; }.dk3-float .f-mol b::before, .dk3-float .f-mol b::after { content: ""; position: absolute; width: 22%; height: 22%; border-radius: 50%; background: radial-gradient(circle at 35% 30%,#fff,var(--c1)); box-shadow: rgba(24, 58, 38, 0.5) 0px 6px 10px -4px; }.dk3-float .f-mol b::before { top: -11%; left: 39%; }.dk3-float .f-mol b::after { bottom: 4%; right: 0px; background: radial-gradient(circle at 35% 30%, rgb(255, 255, 255), rgb(163, 40, 51)); }@keyframes dk3f-orbit { 
  0% { transform: rotateX(60deg) rotateZ(0deg); }
  100% { transform: rotateX(60deg) rotateZ(360deg); }
}.dk3-float .c-g { --c1: #3E8659; }.dk3-float .c-r { --c1: #C0404C; }.dk3-float .c-t { --c1: #2E8E9E; }.dk3-float .c-o { --c1: #C8923A; }.dk3-float .c-w { --c1: #9CC6AB; }.dk3-float .f { opacity: 0.75; }.dk3-float .f-mol, .dk3-float .f-plus { opacity: 0.55; }@media (max-width: 760px){.dk3-float .mh { display: none; }.dk3-float .f { scale: 0.65; opacity: 0.5; }}@media (prefers-reduced-motion: reduce){.dk3-float .f, .dk3-float .f b { animation: auto ease 0s 1 normal none running none !important; }}@media print{.dk3-float { display: none; }}.dk-ahs .dk-ah-atc .button.dk-atc-oos { align-items: center; justify-content: center; display: inline-flex !important; height: 40px !important; min-width: 0px !important; width: auto !important; padding: 0px 18px !important; margin: 6px 0px 0px !important; border: 1px solid rgb(227, 230, 228) !important; border-radius: 999px !important; background: rgb(243, 244, 243) !important; color: rgb(123, 132, 127) !important; box-shadow: none !important; font-size: 0.85rem !important; font-weight: 600 !important; line-height: 1 !important; }.dk-ahs .dk-ah-atc .button.dk-atc-oos::before, .dk-ahs .dk-ah-atc .button.dk-atc-oos::after { content: none !important; }.dk-ahs .dk-ah-atc .button.dk-atc-oos:hover { background: rgb(236, 238, 237) !important; color: rgb(91, 100, 95) !important; transform: none !important; }.dk-ahs .dk-ah-atc .button.add_to_cart_button { position: relative; align-items: center; justify-content: center; overflow: visible; transition: background 0.25s, color 0.25s, border-color 0.25s, box-shadow 0.25s, transform 0.15s; display: inline-flex !important; width: 52px !important; height: 52px !important; padding: 0px !important; margin: 0px !important; border: 1px solid var(--g-100) !important; border-radius: 50% !important; background: var(--g-50) !important; color: var(--g-700) !important; box-shadow: none !important; font-size: 0px !important; }.dk-ahs .dk-ah-atc .button.add_to_cart_button::after, .dk-ahs .dk-ah-atc .button.add_to_cart_button::before { content: none !important; }.dk-ahs .dk-ah-atc .button.add_to_cart_button:hover { transform: translateY(-1px); background: linear-gradient(180deg,var(--g-500),var(--g-700)) !important; color: rgb(255, 255, 255) !important; border-color: transparent !important; box-shadow: rgba(47, 107, 70, 0.7) 0px 10px 20px -10px !important; }.dk-ahs .dk-ah-atc .button.add_to_cart_button:active { transform: scale(0.97); }.dk-ahs .dk-ah-atc .button.add_to_cart_button:focus-visible { outline: 2px solid var(--g-500); outline-offset: 2px; }.dk-ahs .dk-ah-atc .button.add_to_cart_button > :not(.dk-atc-go):not(.dk-atc-ok) { display: none !important; }.dk-ahs .dk-ah-atc .button.add_to_cart_button:hover .dk-atc-go svg { animation: 0.5s ease 0s 1 normal none running dk-bag-hop; }body.dk-styled .dk-ahs .dk-ah-atc .button.add_to_cart_button { width: 46px !important; height: 46px !important; }.dk-ahs .dk-ah-atc .button.add_to_cart_button { background: linear-gradient(180deg,#fff,var(--g-50)) !important; box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgba(32, 66, 45, 0.08) 0px -3px 0px inset, rgba(24, 58, 38, 0.55) 0px 8px 16px -10px !important; }.dk-ahs .dk-ah-atc .button.add_to_cart_button:hover { box-shadow: var(--dk3-raise-h) !important; }.dk-ahs .dk-ah-atc { margin-top: 10px; text-align: start; min-height: 0px; }.dk-ahs .dk-ah-atc .added_to_cart, .dk-ahs .dk-ah-atc .product-preview-btn { display: none !important; }.dk-ahs .product-item .product-details { margin-top: auto; }@property --a1 { syntax: "<color>"; inherits: true; initial-value: #3E8659; }@property --a2 { syntax: "<color>"; inherits: true; initial-value: #0f2a1c; }@property --a3 { syntax: "<color>"; inherits: true; initial-value: #9be3b5; }@property --px { syntax: "<number>"; inherits: true; initial-value: 0; }@property --py { syntax: "<number>"; inherits: true; initial-value: 0; }.dk-g3 { --a1: #3E8659; --a2: #0f2a1c; --a3: #9be3b5; --px: 0; --py: 0; --dir: 1; --dur: 6500ms; position: relative; isolation: isolate; overflow: hidden; direction: rtl; color: rgb(255, 255, 255); border-radius: 32px; min-height: clamp(470px, 40vw, 580px); background: radial-gradient(80% 110% at 100% 0%, color-mix(in srgb,var(--a1) 85%,transparent), transparent 62%),
    radial-gradient(60% 80% at 0% 100%, color-mix(in srgb,var(--a1) 45%,transparent), transparent 60%),
    linear-gradient(140deg,var(--a2) 0%,#07130d 100%); box-shadow: 0 50px 90px -40px color-mix(in srgb,var(--a2) 80%,#000),0 20px 40px -24px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.28),inset 0 0 0 1px rgba(255,255,255,.08); transition: --a1 1.1s, --a2 1.1s, --a3 1.1s, --px 0.45s ease-out, --py 0.45s ease-out; }.dk-g3[data-acc="g"] { --a1: #3E8659; --a2: #0f2a1c; --a3: #9be3b5; }.dk-g3-sky { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }.dk-g3-sky .au { position: absolute; border-radius: 50%; filter: blur(70px); opacity: 0.55; mix-blend-mode: screen; animation: 16s ease-in-out 0s infinite alternate none running dk3-drift; }.dk-g3-sky .a1 { width: 46%; aspect-ratio: 1 / 1; top: -18%; inset-inline-start: -6%; background: var(--a1); }.dk-g3-sky .a2 { width: 36%; aspect-ratio: 1 / 1; bottom: -20%; inset-inline-end: 8%; background: var(--a3); opacity: 0.28; animation-duration: 21s; animation-delay: -6s; }.dk-g3-sky .a3 { width: 28%; aspect-ratio: 1 / 1; top: 30%; inset-inline-start: 38%; background: rgb(255, 255, 255); opacity: 0.08; animation-duration: 25s; }.dk-g3-sky .floor { position: absolute; inset-inline: -30%; bottom: -8%; height: 62%; background-image: linear-gradient(rgba(255, 255, 255, 0.09) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.09) 1px, transparent 1px); background-size: 56px 56px; transform: perspective(520px) rotateX(64deg); transform-origin: 50% 100%; mask-image: linear-gradient(to top, rgb(0, 0, 0) 5%, transparent 85%); animation: 9s linear 0s infinite normal none running dk3-floor; }.dk-g3-sky .cap, .dk-g3-sky .orb, .dk-g3-sky .plus { position: absolute; display: block; translate: calc(var(--px) * var(--dp) * -1px) calc(var(--py) * var(--dp) * -1px); }.dk-g3-sky .cap { width: 94px; height: 38px; border-radius: 999px; background: linear-gradient(90deg,rgba(255,255,255,.62) 0 50%,color-mix(in srgb,var(--a3) 70%,transparent) 50% 100%); box-shadow: rgba(255, 255, 255, 0.95) 0px 7px 9px -5px inset, rgba(0, 0, 0, 0.35) 0px -8px 12px -6px inset, rgba(0, 0, 0, 0.55) 0px 18px 30px -14px; border: 1px solid rgba(255, 255, 255, 0.45); backdrop-filter: blur(6px); animation: 7s ease-in-out 0s infinite normal none running dk3-bob; }.dk-g3-sky .c1 { --dp: 26; --r: -28deg; top: 12%; inset-inline-start: 46%; }.dk-g3-sky .c2 { --dp: 40; --r: 22deg; bottom: 22%; inset-inline-start: 6%; width: 74px; height: 30px; animation-delay: -2.5s; }.dk-g3-sky .c3 { --dp: 16; --r: 64deg; top: 58%; inset-inline-start: 52%; width: 56px; height: 23px; opacity: 0.7; animation-delay: -4s; }.dk-g3-sky .orb { border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.35); background: radial-gradient(circle at 32% 28%,rgba(255,255,255,.95) 0 6%,rgba(255,255,255,.28) 16%,rgba(255,255,255,.06) 48%,color-mix(in srgb,var(--a3) 22%,transparent) 100%); box-shadow: rgba(255, 255, 255, 0.12) -6px -10px 18px inset, rgba(255, 255, 255, 0.18) 8px 10px 18px inset, rgba(0, 0, 0, 0.5) 0px 20px 40px -20px; animation: 9s ease-in-out 0s infinite normal none running dk3-bob; }.dk-g3-sky .o1 { --dp: 34; --r: 0deg; width: 64px; height: 64px; top: 8%; inset-inline-start: 8%; }.dk-g3-sky .o2 { --dp: 52; --r: 0deg; width: 30px; height: 30px; top: 68%; inset-inline-start: 40%; animation-delay: -3s; }.dk-g3-sky .o3 { --dp: 20; --r: 0deg; width: 110px; height: 110px; bottom: -30px; inset-inline-end: 36%; opacity: 0.55; animation-delay: -5s; }.dk-g3-sky .plus { width: 44px; height: 44px; animation: 11s ease-in-out 0s infinite normal none running dk3-bob; }.dk-g3-sky .plus::before, .dk-g3-sky .plus::after { content: ""; position: absolute; inset: 34% 0px; border-radius: 6px; background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.2)); border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: rgba(255, 255, 255, 0.8) 0px 2px 3px inset, rgba(0, 0, 0, 0.45) 0px 10px 18px -8px; }.dk-g3-sky .plus::after { inset: 0px 34%; }.dk-g3-sky .x1 { --dp: 30; --r: 12deg; top: 16%; inset-inline-end: 4%; }.dk-g3-sky .x2 { --dp: 44; --r: -18deg; bottom: 30%; inset-inline-end: 47%; width: 26px; height: 26px; opacity: 0.7; animation-delay: -6s; }@keyframes dk3-drift { 
  0% { transform: translate(0px, 0px) scale(1); }
  100% { transform: translate(8%, 10%) scale(1.15); }
}@keyframes dk3-floor { 
  100% { background-position: 0px 56px; }
}@keyframes dk3-bob { 
  0%, 100% { transform: translateY(0) rotate(var(--r)); }
  50% { transform: translateY(-16px) rotate(calc(var(--r) + 8deg)); }
}.dk-g3-stage { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0px, 1fr); min-height: inherit; padding: clamp(22px, 3.6vw, 52px) clamp(18px, 4vw, 58px) clamp(96px, 8vw, 112px); }.dk-g3-slide { grid-area: 1 / 1; display: grid; grid-template-columns: minmax(0px, 1.04fr) minmax(0px, 0.96fr); align-items: center; gap: clamp(18px, 3vw, 44px); perspective: 1400px; pointer-events: none; visibility: hidden; transition: visibility linear 0.9s; }.dk-g3-slide.is-active { pointer-events: auto; visibility: visible; transition-delay: 0s; }.dk-g3-slide.is-out { visibility: visible; }.dk-g3-copy { position: relative; justify-self: start; max-width: 600px; padding: clamp(20px, 2.8vw, 36px); border-radius: 28px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.05) 60%, rgba(255, 255, 255, 0.09)); border: 1px solid rgba(255, 255, 255, 0.22); backdrop-filter: blur(18px) saturate(160%); box-shadow: rgba(0, 0, 0, 0.7) 0px 40px 70px -36px, rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgba(255, 255, 255, 0.06) 0px -1px 0px inset; transform-style: preserve-3d; transform: rotateY(calc(var(--px) * -5deg)) rotateX(calc(var(--py) * 4deg)); opacity: 0; translate: calc(var(--dir) * -70px) 0; filter: blur(10px); transition: opacity 0.7s, translate 0.9s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.7s; }.dk-g3-copy::before { content: ""; position: absolute; inset: 0px; border-radius: inherit; pointer-events: none; padding: 1px; background: linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,0) 35%,rgba(255,255,255,0) 70%,color-mix(in srgb,var(--a3) 70%,transparent)); mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); }.is-active .dk-g3-copy { opacity: 1; translate: 0px; filter: none; transition-delay: 0.18s; }.dk-g3-copy .k { display: inline-flex; align-items: center; gap: 0.45em; font-size: 0.8rem; font-weight: 700; color: rgb(255, 255, 255); padding: 0.42em 1em; border-radius: 999px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.22); box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 0px inset; transform: translateZ(30px); }.dk-g3-copy .k svg { width: 15px; height: 15px; color: var(--a3); }.dk-g3-copy .t { text-wrap: balance; transform: translateZ(50px); text-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, rgba(0, 0, 0, 0.18) 0px 2px 0px, rgba(0, 0, 0, 0.45) 0px 18px 34px; font-size: clamp(1.6rem, 3.1vw, 2.75rem) !important; line-height: 1.38 !important; font-weight: 900 !important; color: rgb(255, 255, 255) !important; margin: 0.45em 0px 0.35em !important; }.dk-g3-copy .d { font-size: clamp(0.92rem, 1.3vw, 1.05rem); line-height: 1.9; color: rgba(255, 255, 255, 0.84); margin: 0px 0px 1.1em; max-width: 46ch; font-weight: 500; }.dk-g3-copy .pr { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 1.2em; transform: translateZ(36px); }.dk-g3-copy .pr .nm { font-weight: 800; font-size: 0.9rem; color: var(--a3); }.dk-g3-copy .pr .pv { font-weight: 900; font-size: 1.12rem; color: rgb(255, 255, 255); display: inline-flex; gap: 0.5em; align-items: baseline; flex-wrap: wrap; }.dk-g3-copy .pr .pv del { color: rgba(255, 255, 255, 0.55); font-size: 0.8em; font-weight: 500; }.dk-g3-copy .pr .pv ins { text-decoration: none; }.dk-g3-copy .pr .pv .screen-reader-text { width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); position: absolute !important; }.dk-g3-copy .pr .off { font-size: 0.76rem; font-weight: 800; padding: 0.3em 0.8em; border-radius: 999px; color: rgb(255, 255, 255); background: linear-gradient(rgb(212, 72, 90), rgb(156, 31, 46)); box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgba(163, 40, 51, 0.9) 0px 8px 16px -8px; }.dk-g3-copy .cta { display: flex; flex-wrap: wrap; gap: 10px; transform: translateZ(44px); }.dk-g3-btn { display: inline-flex; align-items: center; gap: 0.5em; padding: 0.8em 1.45em; border-radius: 999px; font-weight: 800; font-size: 0.95rem; transition: transform 0.18s, box-shadow 0.18s, background 0.18s; text-decoration: none !important; }.dk-g3-btn svg { width: 18px; height: 18px; }.dk-g3-btn.pri { background: linear-gradient(rgb(255, 255, 255), rgb(232, 239, 233)); box-shadow: rgba(0, 0, 0, 0.1) 0px -3px 0px inset, rgb(255, 255, 255) 0px 1px 0px inset, rgba(0, 0, 0, 0.6) 0px 14px 26px -12px, rgba(255, 255, 255, 0.6) 0px 0px 0px 1px; color: rgb(19, 48, 31) !important; }.dk-g3-btn.pri:hover { transform: translateY(-2px); box-shadow: inset 0 -3px 0 rgba(0,0,0,.1),inset 0 1px 0 #fff,0 20px 34px -12px rgba(0,0,0,.6),0 0 0 4px color-mix(in srgb,var(--a3) 45%,transparent); }.dk-g3-btn.pri:active { transform: translateY(1px); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px inset, rgba(0, 0, 0, 0.6) 0px 6px 14px -8px; }.dk-g3-btn.gh { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.28); box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px inset; color: rgb(255, 255, 255) !important; }.dk-g3-btn.gh:hover { background: rgba(255, 255, 255, 0.18); transform: translateY(-2px); }.dk-g3-btn.gh svg { transition: transform 0.18s; }.dk-g3-btn.gh:hover svg { transform: translateX(-4px); }.dk-g3-art { position: relative; display: grid; place-items: center; min-height: clamp(320px, 32vw, 440px); perspective: 1100px; }.dk-g3-art .ped { position: absolute; bottom: 4%; width: min(78%, 420px); aspect-ratio: 3.2 / 1; border-radius: 50%; background: radial-gradient(at 50% 40%, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.07) 55%, transparent 70%); border: 1px solid rgba(255, 255, 255, 0.28); box-shadow: 0 0 70px -6px color-mix(in srgb,var(--a1) 90%,transparent),inset 0 6px 16px rgba(255,255,255,.28),inset 0 -10px 20px rgba(0,0,0,.25); }.dk-g3-art .ped i { position: absolute; inset: -14%; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.18); animation: 4.5s ease-out 0s infinite normal none running dk3-ring; }.dk-g3-art .ped i:nth-child(2) { animation-delay: -1.5s; }.dk-g3-art .ped i:nth-child(3) { animation-delay: -3s; }@keyframes dk3-ring { 
  0% { transform: scale(0.7); opacity: 0.9; }
  100% { transform: scale(1.35); opacity: 0; }
}.dk-g3-art .shd { position: absolute; bottom: 10%; width: min(44%, 230px); height: 26px; border-radius: 50%; background: rgba(0, 0, 0, 0.55); filter: blur(14px); animation: 6s ease-in-out 0s infinite normal none running dk3-shd; }@keyframes dk3-shd { 
  0%, 100% { transform: scale(1); opacity: 0.75; }
  50% { transform: scale(0.82); opacity: 0.5; }
}.dk-g3-art .ent { transform-style: preserve-3d; opacity: 0; transform: translateX(calc(var(--dir) * -120px)) translateZ(-260px) rotateY(calc(var(--dir) * 70deg)) scale(.82); transition: transform 1s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.6s; }.is-active .dk-g3-art .ent { opacity: 1; transform: none; transition-delay: 0.1s; }.dk-g3-art .flt { transform-style: preserve-3d; animation: 6s ease-in-out 0s infinite normal none running dk3-float; margin-bottom: 34px; }@keyframes dk3-float { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-16px); }
}.dk-g3-art .tilt { position: relative; transform-style: preserve-3d; transform: rotateY(calc(-14deg + var(--px) * 18deg)) rotateX(calc(6deg + var(--py) * -12deg)) rotateZ(2deg); }.dk-g3-art .card { position: relative; display: block; width: clamp(190px, 19vw, 262px); aspect-ratio: 3 / 4; border-radius: 26px; overflow: hidden; background: rgb(255, 255, 255); transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0.8) 0px 50px 80px -34px, rgba(255, 255, 255, 0.7) 0px 0px 0px 1px, rgba(0, 0, 0, 0.04) 0px 0px 0px 1px inset; }.dk-g3-art .card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s; }.dk-g3-art .card:hover img { transform: scale(1.05); }.dk-g3-art .ghost { position: absolute; inset: 0px; border-radius: 26px; border: 1px solid rgba(255, 255, 255, 0.35); background: linear-gradient(135deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0.04)); backdrop-filter: blur(8px); box-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px inset; }.dk-g3-art .g1 { transform: translateZ(-50px) translate(-26px, -16px) rotateZ(-5deg); }.dk-g3-art .g2 { transform: translateZ(-100px) translate(-50px, -30px) rotateZ(-10deg); opacity: 0.6; }.dk-g3 .shine { position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(115deg, transparent 35%, rgba(255, 255, 255, 0.65) 47%, rgba(255, 255, 255, 0) 58%) 130% 0px / 260% 100%; mix-blend-mode: soft-light; animation: 5.5s ease-in-out 0s infinite normal none running dk3-sweep; }@keyframes dk3-sweep { 
  0%, 55% { background-position: 130% 0px; }
  85%, 100% { background-position: -40% 0px; }
}.dk-g3-art .badge { position: absolute; display: inline-flex; align-items: center; gap: 0.35em; white-space: nowrap; font-size: 0.8rem; font-weight: 800; color: rgb(255, 255, 255); padding: 0.55em 1em; border-radius: 16px; background: linear-gradient(135deg,color-mix(in srgb,var(--a2) 55%,rgba(255,255,255,.25)),color-mix(in srgb,var(--a2) 78%,transparent)); border: 1px solid rgba(255, 255, 255, 0.4); text-shadow: rgba(0, 0, 0, 0.35) 0px 1px 2px; backdrop-filter: blur(14px) saturate(170%); box-shadow: rgba(0, 0, 0, 0.7) 0px 20px 34px -16px, rgba(255, 255, 255, 0.45) 0px 1px 0px inset; }.dk-g3-art .badge b { font-size: 1.25em; font-weight: 900; }.dk-g3-art .badge svg { width: 16px; height: 16px; color: var(--a3); }.dk-g3-art .b1 { top: 10%; inset-inline-end: -58px; transform: translateZ(90px); }.dk-g3-art .b2 { bottom: 9%; inset-inline-start: -92px; transform: translateZ(120px); }.dk-g3-ui { position: absolute; z-index: 3; bottom: clamp(14px, 1.8vw, 24px); inset-inline: 0px; display: flex; align-items: center; justify-content: center; gap: 12px; padding-inline: 14px; }.dk-g3-nav { flex: 0 0 auto; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; cursor: pointer; color: rgb(255, 255, 255); background: linear-gradient(145deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0.06)); border: 1px solid rgba(255, 255, 255, 0.35); backdrop-filter: blur(12px); box-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px inset, rgba(0, 0, 0, 0.15) 0px -2px 0px inset, rgba(0, 0, 0, 0.6) 0px 12px 24px -12px; transition: transform 0.18s, background 0.18s; }.dk-g3 .dk-g3-nav { line-height: 1; width: 46px !important; height: 46px !important; min-width: 0px !important; padding: 0px !important; margin: 0px !important; border-radius: 50% !important; }.dk-g3 .dk-g3-th button { min-width: 0px; margin: 0px; line-height: 1.4; text-transform: none; letter-spacing: 0px; }.dk-g3-nav:hover { background: rgba(255, 255, 255, 0.28); transform: translateY(-2px); }.dk-g3-nav:active { transform: translateY(1px) scale(0.96); }.dk-g3-nav svg { width: 20px; height: 20px; }.dk-g3-nav.prev svg { transform: scaleX(-1); }.dk-g3-th { display: flex; gap: 6px; padding: 6px; border-radius: 20px; max-width: 100%; overflow-x: auto; scrollbar-width: none; background: linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.05)); border: 1px solid rgba(255, 255, 255, 0.22); backdrop-filter: blur(16px) saturate(160%); box-shadow: rgba(255, 255, 255, 0.35) 0px 1px 0px inset, rgba(0, 0, 0, 0.7) 0px 20px 40px -22px; }.dk-g3-th::-webkit-scrollbar { display: none; }.dk-g3-th button { position: relative; flex: 0 0 auto; display: flex; align-items: center; gap: 8px; overflow: hidden; cursor: pointer; padding: 5px 5px 5px 14px; border: 0px; border-radius: 14px; background: transparent; color: rgba(255, 255, 255, 0.72); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.8rem; font-weight: 700; white-space: nowrap; transition: background 0.2s, color 0.2s; }.dk-g3-th button:hover { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.08); }.dk-g3-th button.on { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.18); box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 0px inset; }.dk-g3-th img { width: 36px; height: 36px; border-radius: 10px; object-fit: cover; background: rgb(255, 255, 255); flex: 0 0 auto; box-shadow: rgba(0, 0, 0, 0.6) 0px 6px 12px -6px; transition: transform 0.25s; }.dk-g3-th button.on img { transform: translateY(-1px) scale(1.06); }.dk-g3-th .bar { position: absolute; bottom: 0px; inset-inline-start: 0px; height: 3px; width: 0px; border-radius: 3px; background: linear-gradient(90deg,#fff,var(--a3)); }.dk-g3-th button.on .bar { animation: dk3-bar var(--dur) linear forwards; }@keyframes dk3-bar { 
  0% { width: 0px; }
  100% { width: 100%; }
}.dk-g3 :focus-visible { outline: rgb(255, 255, 255) solid 2px; outline-offset: 3px; }@media (max-width: 1100px){.dk-g3-art .b1 { inset-inline-end: -36px; }.dk-g3-art .b2 { inset-inline-start: -60px; }.dk-g3-th button span { display: none; }.dk-g3-th button { padding: 5px; }}@media (max-width: 860px){.dk-g3 { border-radius: 24px; min-height: 0px; }.dk-g3-stage { padding: 18px 16px 84px; }.dk-g3-slide { grid-template-columns: minmax(0px, 1fr); gap: 4px; align-content: start; }.dk-g3-art { order: -1; min-height: 250px; }.dk-g3-art .card { width: 150px; border-radius: 20px; }.dk-g3-art .ghost { border-radius: 20px; }.dk-g3-art .flt { margin-bottom: 22px; }.dk-g3-art .badge { font-size: 0.7rem; padding: 0.45em 0.8em; }.dk-g3-art .b1 { inset-inline-end: -54px; }.dk-g3-art .b2 { inset-inline-start: -64px; }.dk-g3-copy { justify-self: stretch; max-width: none; padding: 18px; border-radius: 22px; transform: none; transform-style: flat; }.dk-g3-copy .k, .dk-g3-copy .t, .dk-g3-copy .pr, .dk-g3-copy .cta { transform: none; }.dk-g3-slide { perspective: none; }.dk-g3-copy .t { font-size: 1.45rem !important; }.dk-g3-copy .d { font-size: 0.9rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }.dk-g3-btn { padding: 0.72em 1.15em; font-size: 0.88rem; }.dk-g3-nav { display: none; }.dk-g3-th img { width: 30px; height: 30px; border-radius: 8px; }.dk-g3-sky .c1 { inset-inline-start: 70%; top: 4%; }.dk-g3-sky .o3, .dk-g3-sky .x2, .dk-g3-sky .c3 { display: none; }}@media (prefers-reduced-motion: reduce){.dk-g3 *, .dk-g3 ::before, .dk-g3 ::after { animation: auto ease 0s 1 normal none running none !important; transition-duration: 0.01s !important; transition-delay: 0s !important; }}