/*! Plik generowany przy publikacji z panelu (Wygląd → Custom CSS/JS).
    Źródło z komentarzami jest w panelu — tutaj są zdejmowane. Nie edytować ręcznie. */
.item-1 .product-image {width: 100%;object-position: 50% 55%;transform: scale(1.0) rotate(3deg);}
.item-2 .product-image {width: 100%;object-position: 50% 47%;transform: scale(1.0) rotate(5deg);margin-left:6px;}
.item-3 .product-image {width: 97%;object-position: 50% 51%;transform: scale(1.0) rotate(4.3deg);margin-left: 13px;}
.item-4 .product-image {width: 100%;object-position: 50% 50%;transform: scale(1.0) rotate(3.0deg);margin-left:6px;}
.item-5 .product-image {width: 104%;object-position: 50% 56%;transform: scale(1.0) rotate(1.0deg);margin-left: -6px;}
.item-6 .product-image {width: 100%;object-position: 50% 55%;transform: scale(1.0) rotate(1.0deg);margin-left: 2px;}
.item-7 .product-image {width: 106%;object-position: 50% 57%;transform: scale(1.0) rotate(1.0deg);margin-left: -8px;}
.item-8 .product-image {width: 103%;object-position: 50% 54%;transform: scale(1.0) rotate(4.0deg);margin-left: -6px;}
.item-9 .product-image {width: 101%;object-position: 50% 59%;transform: scale(1.0) rotate(0deg);margin-left: 2px;}
.item-10 .product-image {width: 100%;object-position: 50% 46%;transform: scale(1.0) rotate(1deg);margin-left: 3px;}
.item-11 .product-image {width: 98%;object-position: 50% 47%;transform: scale(1.0) rotate(0deg);margin-left: 4px;}
.item-12 .product-image {width: 100%;object-position: 50% 41%;transform: scale(1.0) rotate(2deg);margin-left: 3px;}
.item-13 .product-image {width: 105%;object-position: 50% 51%;transform: scale(1.0) rotate(-3deg);margin-left: -13px;}
.item-14 .product-image {width: 118%;object-position: 50% 55%;transform: scale(1.0) rotate(-1deg);margin-left: -34px;}
.item-15 .product-image {width: 99%;object-position: 50% 51%;transform: scale(1.0) rotate(4deg);margin-left: 6px;}
.item-16 .product-image {width: 105%;object-position: 50% 51%;transform: scale(1.0) rotate(-6deg);margin-left: -16px;}
.item-17 .product-image {width: 100%;object-position: 50% 51%;transform: scale(1.0) rotate(-2deg);margin-left: 0px;}
.item-18 .product-image {width: 103%;object-position: 50% 49%;transform: scale(1.0) rotate(-2deg);margin-left: -10px;}
.item-19 .product-image {width: 88%;object-position: 50% 51%;transform: scale(1.0) rotate(-3deg);margin-left: 22px;}
.item-20 .product-image {width: 107%;object-position: 50% 39%;transform: scale(1.0) rotate(0deg);margin-left: -9px;}
.item-21 .product-image {width: 107%;object-position: 50% 54%;transform: scale(1.0) rotate(0deg);margin-left: -10px;}
.item-22 .product-image {width: 103%;object-position: 50% 48%;transform: scale(1.0) rotate(1.0deg);margin-left: -4px;}
.item-23 .product-image {width: 101%;object-position: 50% 50%;transform: scale(1.0) rotate(0deg);margin-left: 1px;}
.item-24 .product-image {width: 101%;object-position: 50% 55%;transform: scale(1.0) rotate(-8deg);margin-left: 0px;}
.item-25 .product-image {width: 103%;object-position: 50% 56%;transform: scale(1.0) rotate(0deg);margin-left: -5px;}
.item-26 .product-image {width: 108%;object-position: 50% 51%;transform: scale(1.0) rotate(-3deg);margin-left: -16px;}
.item-27 .product-image {width: 100%;object-position: 50% 54%;transform: scale(1.0) rotate(2deg);margin-left: 4px;}
.item-28 .product-image {width: 107%;object-position: 50% 57%;transform: scale(1.0) rotate(1.0deg);margin-left: -9px;}
.item-29 .product-image {width: 103%;object-position: 50% 58%;transform: scale(1.0) rotate(-2deg);margin-left: -13px;}
.item-30 .product-image {width: 102%;object-position: 50% 67%;transform: scale(1.0) rotate(1.0deg);margin-left: -2px;}
.item-31 .product-image {width: 101%;object-position: 50% 55%;transform: scale(1.0) rotate(1deg);margin-left: 3px;}
.item-32 .product-image {width: 107%;object-position: 50% 55%;transform: scale(1.0) rotate(4deg);margin-left: -3px;}
.item-33 .product-image {width: 102%;object-position: 50% 57%;transform: scale(1.0) rotate(-12deg);margin-left: -15px;}
.item-34 .product-image {width: 110%;object-position: 50% 51%;transform: scale(1.0) rotate(3deg);margin-left: -21px;}
.item-35 .product-image {width: 104%;object-position: 50% 50%;transform: scale(1.0) rotate(-4deg);margin-left: -4px;}
.item-36 .product-image {width: 101%;object-position: 50% 47%;transform: scale(1.0) rotate(-2deg);margin-left: -1px;}
.item-37 .product-image {width: 108%;object-position: 50% 48%;transform: scale(1.0) rotate(-1deg);margin-left: -12px;}
.item-38 .product-image {width: 108%;object-position: 50% 52%;transform: scale(1.0) rotate(-5deg);margin-left: -8px;}
.item-39 .product-image {width: 106%;object-position: 50% 58%;transform: scale(1.0) rotate(-1deg);margin-left: -15px;}
.item-40 .product-image {width: 105%;object-position: 50% 58%;transform: scale(1.0) rotate(2deg);margin-left: -11px;}
.item-41 .product-image {width: 114%;object-position: 50% 50%;transform: scale(1.0) rotate(0deg);margin-left: -24px;}
.item-42 .product-image {width: 100%;object-position: 50% 59%;transform: scale(1.0) rotate(5deg);margin-left: 0px;}
.item-43 .product-image {width: 106%;object-position: 50% 55%;transform: scale(1.0) rotate(1.0deg);margin-left: -9px;}
.item-44 .product-image {width: 106%;object-position: 50% 54%;transform: scale(1.0) rotate(1deg);margin-left: -19px;}
.item-45 .product-image {width: 106%;object-position: 50% 52%;transform: scale(1.0) rotate(-7deg);margin-left: -9px;}
.item-46 .product-image {width: 103%;object-position: 50% 57%;transform: scale(1.0) rotate(1.0deg);margin-left: -3px;}
.item-47 .product-image {margin-left: 19px;width: 90%;object-position: 50% 46%;transform: scale(1.0) rotate(0deg);}
.item-48 .product-image {margin-left: 21px;width: 88%;object-position: 50% 44%;transform: scale(1.0) rotate(1deg);}
.item-49 .product-image {width: 95%;object-position: 50% 42%;transform: scale(1.0) rotate(0deg);margin-left: 6px;}
.item-50 .product-image {width: 94%;object-position: 50% 47%;transform: scale(1.0) rotate(0deg);margin-left: 13px;}
.item-51 .product-image {width: 106%;object-position: 50% 54%;transform: scale(1.0) rotate(0deg);margin-left: -12px;}
.item-52 .product-image {width: 101%;object-position: 50% 50%;transform: scale(1.0) rotate(-12deg);margin-left: -11px;}
.item-53 .product-image {width: 103%;object-position: 50% 48%;transform: scale(1.0) rotate(4deg);margin-left: -1px;}
.item-54 .product-image {width: 104%;object-position: 50% 50%;transform: scale(1.0) rotate(9deg);margin-left: -3px;}
.item-55 .product-image {width: 106%;object-position: 50% 54%;transform: scale(1.0) rotate(4deg);margin-left: -1px;}
.item-56 .product-image {width: 102%;object-position: 50% 42%;transform: scale(1.0) rotate(7deg);margin-left: 2px;}
.item-57 .product-image {width: 100%;object-position: 50% 53%;transform: scale(1.0) rotate(3deg);margin-left: -1px;}
.item-58 .product-image {width: 104%;object-position: 50% 51%;transform: scale(1.0) rotate(7deg);margin-left: -2px;}
.item-59 .product-image {width: 100%;object-position: 50% 44%;transform: scale(1.0) rotate(0deg);margin-left: 1px;}
.item-60 .product-image {width: 100%;object-position: 50% 54%;transform: scale(1.0) rotate(1.0deg);margin-left: -2px;}
.item-61 .product-image {width: 104%;object-position: 50% 49%;transform: scale(1.0) rotate(-2deg);margin-left: -9px;}
.item-62 .product-image {width: 103%;object-position: 50% 50%;transform: scale(1.0) rotate(4deg);margin-left: -14px;}
.item-63 .product-image {width: 107%;object-position: 50% 53%;transform: scale(1.0) rotate(1.0deg);margin-left: -11px;}
.item-64 .product-image {width: 76%;object-position: 50% 38%;transform: scale(1.0) rotate(1.0deg);margin-left: 37px;}
.item-65 .product-image {width: 100%;object-position: 50% 53%;transform: scale(1.0) rotate(2deg);margin-left: 2px;}
.item-66 .product-image {width: 104%;object-position: 50% 56%;transform: scale(1.0) rotate(4deg);margin-left: -5px;}
.item-67 .product-image {width: 103%;object-position: 50% 67%;transform: scale(1.0) rotate(1.0deg);margin-left: -2px;}
.item-68 .product-image {width: 102%;object-position: 50% 63%;transform: scale(1.0) rotate(1.0deg);margin-left: 7px;}
.item-69 .product-image {width: 100%;object-position: 50% 52%;transform: scale(1.0) rotate(1.0deg);margin-left: -5px;}
.item-70 .product-image {width: 104%;object-position: 50% 61%;transform: scale(1.0) rotate(1.0deg);margin-left: -3px;}
.item-71 .product-image {width: 100%;object-position: 50% 51%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-72 .product-image {width: 104%;object-position: 50% 84%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-73 .product-image {width: 80%;object-position: 50% 54%;transform: scale(1.0) rotate(1.0deg);margin-left: 29px;}
.item-74 .product-image {width: 92%;object-position: 50% 54%;transform: scale(1.0) rotate(1.0deg);margin-left: 11px;}
.item-75 .product-image {width: 100%;object-position: 50% 52%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-76 .product-image {width: 100%;object-position: 50% 49%;transform: scale(1.0) rotate(0deg);margin-left: -2px;}
.item-77 .product-image {width: 107%;object-position: 50% 50%;transform: scale(1.0) rotate(3deg);margin-left: -4px;}
.item-78 .product-image {width: 76%;object-position: 50% 38%;transform: scale(1.0) rotate(1.0deg);margin-left: 37px;}
.item-79 .product-image {width: 94%;object-position: 50% 43%;transform: scale(1.0) rotate(1.0deg);margin-left: 7px;}
.item-80 .product-image {width: 100%;object-position: 50% 41%;transform: scale(1.0) rotate(1deg);margin-left: 0px;}
.item-81 .product-image {width: 96%;object-position: 50% 53%;transform: scale(1.0) rotate(1.0deg);margin-left: 13px;}
.item-82 .product-image {width: 100%;object-position: 50% 58%;transform: scale(1.0) rotate(-1deg);margin-left: 0px;}
.item-83 .product-image {width: 100%;object-position: 50% 57%;transform: scale(1.0) rotate(0deg);margin-left: 0px;}
.item-84 .product-image {width: 97%;object-position: 50% 62%;transform: scale(1.0) rotate(0deg);margin-left: 6px;}
.item-85 .product-image {width: 100%;object-position: 50% 34%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-86 .product-image {width: 100%;object-position: 50% 38%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-87 .product-image {width: 90%;object-position: 50% 38%;transform: scale(1.0) rotate(1.0deg);margin-left: 18px;}
.item-88 .product-image {width: 100%;object-position: 50% 39%;transform: scale(1.0) rotate(1.0deg);margin-left: -5px;}
.item-89 .product-image {width: 100%;object-position: 50% 54%;transform: scale(1.0) rotate(-1deg);margin-left: 2px;}
.item-90 .product-image {width: 100%;object-position: 50% 51%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-91 .product-image {width: 102%;object-position: 50% 45%;transform: scale(1.0) rotate(1.0deg);margin-left: -6px;}
.item-92 .product-image {width: 100%;object-position: 50% 46%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-93 .product-image {width: 100%;object-position: 50% 45%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-94 .product-image {width: 100%;object-position: 50% 56%;transform: scale(1.0) rotate(-1deg);margin-left: 5px;}
.item-95 .product-image {width: 100%;object-position: 50% 43%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-96 .product-image {width: 100%;object-position: 50% 45%;transform: scale(1.0) rotate(0deg);margin-left: -2px;}
.item-97 .product-image {width: 100%;object-position: 50% 43%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-98 .product-image {width: 100%;object-position: 50% 45%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-99 .product-image {width: 100%;object-position: 50% 72%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-100 .product-image {width: 100%;object-position: 50% 45%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-101 .product-image {width: 100%;object-position: 50% 73%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-102 .product-image {width: 100%;object-position: 50% 45%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-103 .product-image {width: 105%;object-position: 50% 34%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-104 .product-image {width: 102%;object-position: 50% 33%;transform: scale(1.0) rotate(1.0deg);margin-left: 1px;}
.item-105 .product-image {width: 100%;object-position: 50% 31%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-106 .product-image {width: 100%;object-position: 50% 29%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-107 .product-image {width: 100%;object-position: 50% 29%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-108 .product-image {width: 100%;object-position: 50% 28%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-109 .product-image {width: 100%;object-position: 50% 27%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-110 .product-image {width: 90%;object-position: 50% 61%;transform: scale(1.0) rotate(1.0deg);margin-left: 28px;}
.item-111 .product-image {width: 100%;object-position: 50% 24%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-112 .product-image {width: 100%;object-position: 50% 25%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-113 .product-image {width: 100%;object-position: 50% 24%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-114 .product-image {width: 100%;object-position: 50% 24%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-115 .product-image {width: 100%;object-position: 50% 24%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-116 .product-image {width: 100%;object-position: 50% 24%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-117 .product-image {width: 100%;object-position: 50% 25%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-118 .product-image {width: 100%;object-position: 50% 26%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-119 .product-image {width: 100%;object-position: 50% 25%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-120 .product-image {width: 100%;object-position: 50% 25%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-121 .product-image {width: 100%;object-position: 50% 54%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-122 .product-image {width: 100%;object-position: 50% 54%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-123 .product-image {width: 100%;object-position: 50% 41%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-124 .product-image {width: 110%;object-position: 50% 46%;transform: scale(1.0) rotate(0deg);margin-left: -9px;margin-top: 0px;}
.item-125 .product-image {width: 90%;object-position: 50% 45%;transform: scale(1.0) rotate(1.0deg);margin-left: 7px;}
.item-126 .product-image {width: 107%;object-position: 50% 52%;transform: scale(1.0) rotate(1.0deg);margin-left: -15px;}
.item-127 .product-image {width: 94%;object-position: 50% 47%;transform: scale(1.0) rotate(-1deg);margin-left: 0px;}
.item-128 .product-image {width: 94%;object-position: 50% 50%;transform: scale(1.0) rotate(1.0deg);margin-left: 14px;}
.item-129 .product-image {width: 100%;object-position: 50% 42%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-130 .product-image {width: 100%;object-position: 50% 42%;transform: scale(1.0) rotate(0deg);margin-left: 0px;}
.item-131 .product-image {width: 102%;object-position: 50% 43%;transform: scale(1.0) rotate(1.0deg);margin-left: -3px;}
.item-132 .product-image {width: 100%;object-position: 50% 48%;transform: scale(1.0) rotate(1.0deg);margin-left: -1px;}
.item-133 .product-image {width: 100%;object-position: 50% 82%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-134 .product-image {width: 103%;object-position: 50% 82%;transform: scale(1.0) rotate(1.0deg);margin-left: -2px;}
.item-135 .product-image {width: 100%;object-position: 50% 82%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-136 .product-image {width: 100%;object-position: 50% 84%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-137 .product-image {width: 100%;object-position: 50% 82%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-138 .product-image {width: 103%;object-position: 50% 81%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-139 .product-image {width: 100%;object-position: 50% 82%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.item-140 .product-image {width: 100%;object-position: 50% 82%;transform: scale(1.0) rotate(1.0deg);margin-left: 0px;}
.cart-modal-body .item-48 .product-image { margin-left: 10px;}
.cart-modal-body .item-47 .product-image { margin-left: 10px;}
.cart-modal-body .item-50 .product-image { margin-left: 6px;}

@charset "UTF-8";
 

:root {
     
     
    --like-border: var(--info-btn-bg);
    --like-count-color: var(--add-btn-text);
    --like-icon-color: var(--add-btn-text);
    --like-liked-color: var(--accent-color);
    --like-liked-border: var(--accent-color);
    --like-icon-liked-color: var(--accent-color);
     
    --lang-dropdown-border: var(--card-border-hover);
    --lang-dropdown-border-mobile: var(--ar-badge-hover-border);
     
    --drawer-item-bg: var(--drawer-item-hover-bg);
    --drawer-item-border: var(--border-color);
     
    --lang-dropdown-bg: rgba(234, 234, 234, 0.85);
    --lang-option-hover-bg: #ffffff;
     
     
    --bg-color: #f4f5f7;
    --bg-alt: #ffffff;
    --surface-color: #ffffff;
    --surface-glass: rgba(255, 255, 255, 0.95);
    --border-color: #d1d5db;
    --border-dark: #222222;
    --drawer-border: #e5e7eb;
    
     
    --search-bg: #1e1e1e;
    --search-focus-bg: #252525;
    --search-border: #414141;
    --search-placeholder: #757575;
    
     
    --accent-color: #ff6b00;
    --accent-gold: #ff6b00;
    --brand-orange: #fa8d31;
    --brand-grey: #7e7e7e;
    
     
    --card-bg: #ffffff;
    --card-border: #d1d5db;
    --card-border-hover: #9ca3af;
    --product-card-border: #c8c8c7;
    --pill-bg: #ffffff;
    --header-bg-solid: #111111;
    
     
    --text-primary: #111827;
    --text-dark: #ffffff;
    --text-grey: #67625d;
    --cart-text-light: #eaeaea;
    --cart-text-lighter: #e8e7e7;
    --link-grey: #67625e;
    --copyright-text: #555555;
    --copyright-link: #282828;
    --form-hint-text: #a3a3a3;
    
     
    --add-btn-bg: #d8d8d8;
    --add-btn-border: #c4c4c4;
    --add-btn-text: #898989;
    --add-btn-hover-bg: rgb(255, 107, 0);
    --btn-add-large-bg: #ededed;
    --info-btn-bg: #ececec;
    --close-btn-bg: rgb(86, 86, 86);
    --qty-btn-bg: rgb(216, 216, 216);
    --qty-btn-hover-bg: #c4c4c4;
    --qty-trash-color: #959595;
    --qty-trash-hover-color: #f3f3f3;
    --ar-badge-bg: rgb(30, 30, 30);
    --ar-badge-border: #fd9c56;
    --ar-badge-hover-border: #fc9c56;
    --ar-badge-text: #d5d5d5;
    --ar-badge-active-border: #ffbd8e;
    
     
    --shadow-light: rgba(0, 0, 0, 0.2);
    --shadow-medium: rgba(0, 0, 0, 0.3);
    --shadow-inset: rgba(0, 0, 0, 0.03);
    --btn-submit-shadow: rgba(185, 91, 16, 0.2);
    --add-btn-hover-shadow: rgba(185, 111, 16, 0.2);
    --ar-badge-shadow: rgba(255, 107, 0, 0.25);
    --ar-btn-shadow: rgb(255, 180, 125);
    --ar-btn-hover-shadow: rgba(255, 107, 0, 0.4);
    --cart-btn-hover-shadow: rgba(255, 142, 0, 0.2);
    --info-btn-hover-shadow: rgba(255, 107, 0, 0.4);
    --cube-shadow-1: rgba(255, 107, 0, 0.15);
    --cube-shadow-2: rgba(255, 107, 0, 0.2);
    --pulse-color-80: rgba(253, 156, 86, 0.8);
    --pulse-color-0: rgba(253, 156, 86, 0);

     
    --img-bg-color: #c8c8c8;
    --img-gradient: linear-gradient(144deg, rgb(19 16 14 / 19%) 10%, rgba(55, 37, 4, 0.08) 40%, rgba(186, 186, 186, 0.33) 80%);
    --ar-modal-bg: #ffffff;
    --ar-modal-wrapper-bg: #fffdfb;
    --ar-modal-gradient: linear-gradient(175deg, rgba(19, 16, 14, 0.58) 10%, rgba(55, 37, 4, 0.03) 40%, rgba(186, 186, 186, 0.33) 96%);
    
     
    --preloader-bg: #0d0d0d;
    --particle-bg: #22c55e;
    --particle-shadow: rgba(34, 197, 94, 0.8);
    --details-content-border: #c4c4c4;
    --form-input-bg-white: #ffffff;
    --video-wrapper-border: #444444;
    --footer-border: #e1ddde;
    --footer-bg-color: #e8e8e8;
    --footer-separator: #bfbebd;
    --info-btn-hover-bg: rgba(30, 30, 30, 0.9);
    --ar-badge-hover-bg: #1f1913;
    
     
    --drawer-icon-bg: #d9d9d9;
    --drawer-icon-border: rgba(255, 255, 255, 0.05);
    --drawer-subtitle: #6b7280;
    --drawer-chevron: #9ca3af;
    --drawer-item-hover-border: rgb(209, 213, 219);
    --drawer-item-hover-bg: #ededed;
    
     
    --pagination-color: #898989;
    --pagination-hover-bg: #efefef;
    --pagination-hover-border: #aeaeae;
    --pagination-hover-color: #111828;
    --pagination-nav-hover-bg: #1e1e1e;
    --pagination-nav-hover-border: #1e1e1e;
    --pagination-nav-hover-color: #d5d5d5;
}

 

#preloader {
    background-color: var(--preloader-bg) !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 9999 !important;
    overflow: hidden !important;
}

#preloader .text-logo {
    filter: none !important;
}

#particles {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
}

#preloader .preloader-wrapper {
    position: relative !important;
    width: 140px !important;
    height: 140px !important;
    min-height: 140px !important;
    max-height: 140px !important;
    flex: 0 0 140px !important;
    perspective: 1200px !important;
    z-index: 2 !important;
}

#preloader .coin {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transform-style: preserve-3d !important;
    transform-origin: center center !important;
    animation: fast-wobble-spin 4.5s infinite !important;
}

#preloader .logo-front,
#preloader .logo-back {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    backface-visibility: hidden !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 15px 35px var(--shadow-medium) !important;
    margin: 0 !important;
    padding: 0 !important;
}

#preloader .logo-front {
    background-image: url('img/kura.png') !important;
    transform: translateZ(2px) !important;
}

#preloader .logo-back {
    background-image: url('img/3B.png') !important;
    transform: rotateY(180deg) translateZ(2px) !important;
}

.particle {
    background-color: var(--particle-bg) !important;
    box-shadow: 0 0 4px var(--particle-shadow) !important;
}

@keyframes fast-wobble-spin {
    0% { transform: rotateY(0deg); }
    10% { transform: rotateY(0deg); animation-timing-function: cubic-bezier(0.3, 0, 0.8, 0.15); }
    26% { transform: rotateY(585deg); animation-timing-function: ease-out; }
    32% { transform: rotateY(510deg); animation-timing-function: ease-in-out; }
    36% { transform: rotateY(555deg); animation-timing-function: ease-in-out; }
    39% { transform: rotateY(535deg); animation-timing-function: ease-in-out; }
    42%, 50% { transform: rotateY(540deg); }
    60% { transform: rotateY(540deg); animation-timing-function: cubic-bezier(0.3, 0, 0.8, 0.15); }
    76% { transform: rotateY(1125deg); animation-timing-function: ease-out; }
    82% { transform: rotateY(1050deg); animation-timing-function: ease-in-out; }
    86% { transform: rotateY(1095deg); animation-timing-function: ease-in-out; }
    89% { transform: rotateY(1075deg); animation-timing-function: ease-in-out; }
    92%, 100% { transform: rotateY(1080deg); }
}

@keyframes pulse-border-hover {
    0% { box-shadow: 0 0 0 0 var(--pulse-color-80); }
    70% { box-shadow: 0 0 0 10px var(--pulse-color-0); }
    100% { box-shadow: 0 0 0 0 var(--pulse-color-0); }
}

 

header {
    background: var(--header-bg-solid) !important;
    padding: 16px 20px 12px 20px !important;
    border-bottom: 1px solid var(--border-dark) !important;
}

.header-top,
.search-container,
.categories-scroll-container {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

.search-container {
    position: relative;
    padding: 0;
}

.search-input {
    width: 100%;
    background: var(--search-bg);
    border: 1px solid var(--search-border) !important;
    color: var(--text-dark);
}

.search-input:focus {
    border-color: var(--accent-color) !important;
    background: var(--search-focus-bg);
}

.search-input::placeholder,
.search-container .search-icon,
.search-container .clear-icon {
    color: var(--search-placeholder) !important;
    opacity: 1;
}

.brand {
    margin: 0 !important;
    padding: 0 !important;
    transform: scale(.92);
}

.brand a,
.brand-link {
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    text-decoration: none;
}

.brand-logo {
    object-fit: contain;
    filter: none !important;
}

.brand-logo-kura,
.brand-logo-3b {
    width: 56px !important;
    height: 56px !important;
}

.brand-text {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 1.15rem;
    font-weight: 800;
}

 

a:link,
a:visited {
    font-size: inherit;
    color: var(--link-grey);
    text-decoration: none;
}

a:hover {
    font-size: inherit;
    color: var(--accent-color);
}

.text-kura {
    color: var(--brand-orange);
}

.text-x {
    color: var(--brand-grey);
    font-weight: 700;
    font-size: 1.23rem;
}

.text-3b {
    color: var(--text-dark);
}

.yellow {
    color: var(--accent-color) !important;
}

.details-title,
.form-title {
    color: var(--text-primary) !important;
}

.details-desc,
.details-tag,
.details-allergens,
.form-subtitle,
.form-bordered-box p,
.form-bordered-box span,
.form-bordered-box small,
.cart-form-note,
.disclaimer-text,
.share-text,
.group-order-desc,
.group-order-live,
.group-person-name small,
.group-line em,
.group-summary-label,
.btn-group-link,
.group-person-row > i,
.share-text-label {
    color: var(--text-grey) !important;
}

.details-allergens i,
.details-allergens strong {
    color: var(--accent-color) !important;
}

.details-allergens {
    border-color: var(--card-border) !important;
}

.cart-modal-header h1,
.cart-modal-header h2,
.cart-modal-header h3,
.cart-modal-header h4,
.cart-modal-header h5,
.cart-modal-header h6,
.cart-modal-header span,
.cart-modal-header p,
.cart-title,
.cart-total-label,
.cart-modal-title,
.cart-total,
.cart-total-price,
.cart-total-value {
    color: var(--cart-text-light) !important;
}

.cart-total-price .sum-value,
.cart-total-price .yellow {
    color: var(--accent-gold) !important;
    font-weight: 800;
}

.header-left .link-text {
    color: var(--cart-text-light);
}

.cart-badge {
    background: var(--pill-bg);
    color: var(--accent-color);
}

.ar-badge {
    background: var(--ar-badge-bg);
    color: var(--ar-badge-text);
    border: 1px solid var(--ar-badge-border) !important;
}

.custom-tooltip {
    background: var(--accent-color) !important;
    color: var(--text-dark) !important;
}

.empty-state h3 {
    color: var(--text-primary) !important;
}

.empty-state p {
    color: var(--text-grey) !important;
}

.empty-state i {
    color: var(--accent-color) !important;
}

 

.category-pill {
    color: var(--text-primary);
    background: var(--pill-bg);
    font-weight: 700;
    border: none;
    box-shadow: 0 4px 10px var(--shadow-light);
}

.category-pill.active {
    color: var(--text-dark);
    background: var(--accent-color);
}

.header-left .icon-btn,
.header-left .help-icon-btn,
#cartBtn {
    background: var(--accent-color) !important;
    border: none !important;
    color: var(--text-dark) !important;
}

.add-btn {
    background: var(--add-btn-bg);
    border: 1px solid var(--add-btn-border);
    color: var(--add-btn-text);
}

.info-btn {
    background: var(--info-btn-bg);
    border: 1px solid var(--info-btn-bg);
    color: var(--accent-color);
}

#cartModal .info-btn {
    box-shadow: none;   
}   

.qty-btn {
    background: var(--qty-btn-bg);
    color: var(--add-btn-text);
    border: 1px solid var(--add-btn-border);
}

.ph-minus {
    font-weight: bold!important;
}

.qty-btn.qty-trash {
    color: var(--text-dark) !important;
    background-color: var(--accent-color);
    border-color: var(--accent-color) !important;
    opacity: 1 !important;
}

.qty-btn.qty-trash i {
    color: var(--qty-trash-hover-color) !important;
}

.btn-ar-large {
    background: var(--ar-badge-bg) !important;
    color: var(--ar-badge-text) !important;
    border: 1px solid var(--ar-badge-border) !important;
}

.btn-add-large {
    background: var(--btn-add-large-bg) !important;
    border: 1px solid var(--add-btn-border) !important;
    color: var(--add-btn-text) !important;
}

.details-close-btn,
.ar-modal .close-btn {
    background: var(--close-btn-bg) !important;
    border: none !important;
    color: var(--text-dark) !important;
}

.cart-modal-header .close-btn {
    background: var(--search-bg) !important;
    color: var(--cart-text-lighter) !important;
    border: 1px solid var(--search-border) !important;
    box-shadow: 0 4px 10px var(--shadow-light) !important;
}

.layout-toggle-container,
.cart-view-toggle,
.view-toggles {
    background: var(--search-bg) !important;
    border: 1px solid var(--search-border) !important;
}

.view-toggle-btn,
.layout-btn,
.view-btn,
.view-toggle-btn:focus,
.layout-btn:focus,
.view-btn:focus {
    color: var(--text-grey) !important;
    background: transparent !important;
    outline: none !important;
    border: none !important;
}

.view-toggle-btn.active,
.layout-btn.active,
.view-btn.active {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--text-dark) !important;
    outline: none !important;
    border: none !important;
}

.view-toggle-btn.active *,
.layout-btn.active *,
.view-btn.active * {
    color: var(--text-dark) !important;
}

.view-toggle-btn .ph-squares-four,
.ph-bold.ph-list {
    color: var(--cart-text-lighter) !important;
}

.view-toggles > div:not([class*="btn"]),
.view-toggles > span:not([class*="btn"]),
.layout-toggle-container > div:not([class*="btn"]),
.layout-toggle-container > span:not([class*="btn"]),
.cart-view-toggle > div:not([class*="btn"]),
.cart-view-toggle > span:not([class*="btn"]) {
    background-color: var(--accent-color) !important;
    background: var(--accent-color) !important;
    border: none !important;
    box-shadow: 0 2px 5px var(--shadow-medium) !important;
}

.cart-toggle-btn.expanded,
.cart-remove-btn.expanded {
    background: var(--drawer-item-hover-bg);
    border-color: var(--border-color);
}

.share-icon-btn,
.share-btn-wrapper .icon-circle,
#shareCartBtn {
    background: var(--add-btn-bg) !important;
    color: var(--add-btn-text) !important;
    border: 1px solid var(--add-btn-border) !important;
    box-shadow: none !important;
}

#shareCartBtn i,
#shareCartBtn .ph-share-network {
    color: var(--text-grey) !important;
}

.custom-error-icon {
    background-color: var(--accent-color);
}

.details-close-btn,
.video-modal .close-btn,
#detailsModal .close-btn,
#videoModal .close-btn {
    transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

#closeVideoBtn {
    background-color: var(--search-bg) !important;
    color: var(--text-dark) !important;
    border: 1px solid var(--search-bg) !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#closeVideoBtn i {
    color: var(--text-dark) !important;
}

 

.product-card {
    background: var(--card-bg);
    border: 1px solid var(--product-card-border);
}

.product-image-container {
    background: var(--cart-text-light);
}

.product-image-container::after {
    background: var(--img-gradient);
}

.product-desc {
    color: var(--text-grey);
}

.cart-item-card,
.cart-item {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
}

.cart-item-title {
    color: var(--text-primary) !important;
}

.cart-item-desc {
    color: var(--text-grey) !important;
}

 

.details-content {
    background: var(--card-bg);
    color: var(--text-primary);
    border: 1px solid var(--details-content-border);
}

.cart-modal-body {
    background-color: var(--bg-color) !important;
    color: var(--text-primary);
}

.cart-modal-header {
    background-color: var(--header-bg-solid) !important;
    border-bottom: 1px solid var(--border-dark) !important;
}

.details-image-area {
    background: var(--img-bg-color) !important;
}

.details-image-area::after {
    background: var(--img-gradient) !important;
}

.ar-modal {
    background: var(--bg-color) !important;
}

.ar-modal .modal-header {
    background: transparent !important;
}

.ar-modal .model-wrapper {
    background: var(--ar-modal-bg) !important;
    background-color: var(--ar-modal-wrapper-bg) !important;
}

.ar-modal .model-wrapper::after {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--ar-modal-gradient) !important;
    pointer-events: none;
    z-index: 1;
}

.ar-modal .modal-info-panel {
    background: var(--card-bg) !important;
    background: var(--bg-color)!important;
    position: relative;
}

.ar-modal .modal-info-panel::before,
.ar-modal .modal-info-panel::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 60px;
    pointer-events: none;
    z-index: 10;
}

.ar-modal .modal-info-panel::before {
    left: 0;
}

.ar-modal .modal-info-panel::after {
    right: 0;
}

.ar-modal .modal-title {
    color: var(--text-primary) !important;
}

.ar-modal .modal-desc {
    color: var(--text-grey) !important;
}

#launchArFromModalBtn.custom-ar-button {
    background: var(--ar-badge-bg) !important;
    color: var(--ar-badge-border) !important;
    border: 1px solid var(--ar-badge-border) !important;
    box-shadow: 0 4px 20px var(--ar-btn-shadow);
}

#launchArFromModalBtn.custom-ar-button .ar-badge-icon {
    background: transparent !important;
    border: 1px solid var(--ar-badge-border) !important;
    stroke: var(--ar-badge-border) !important;
}

#modelLoader .cube .face {
    border-color: var(--accent-color) !important;
    box-shadow: inset 0 0 10px var(--cube-shadow-1), 0 0 8px var(--cube-shadow-2) !important;
}

#modelLoader .loader-text {
    color: var(--text-grey) !important;
}

.video-content-wrapper {
    border: 1px solid var(--video-wrapper-border);
}

.mobile-drawer {
    box-shadow: none !important;
}

.mobile-drawer.open {
    box-shadow: 10px 0 30px var(--shadow-medium) !important;
}

.drawer-card-item {
    border: 1px solid var(--border-color);
    background: var(--drawer-item-hover-bg);
}

#mobileDrawer .drawer-close-btn {
    background: var(--close-btn-bg) !important;
    border: none !important;
    color: var(--text-dark) !important;
}

#mobileDrawer .drawer-close-btn svg {
    stroke: var(--text-dark) !important; 
}

#mobileDrawer .drawer-card-icon {
    background-color: var(--drawer-icon-bg) !important;
    color: var(--accent-color) !important;
    border: 1px solid var(--drawer-icon-border) !important;
}

#mobileDrawer .drawer-card-icon svg {
    stroke: var(--accent-color) !important;
}

#mobileDrawer .drawer-card-title {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
}

#mobileDrawer .drawer-card-subtitle {
    color: var(--drawer-subtitle) !important;
}

#mobileDrawer .drawer-card-chevron {
    color: var(--drawer-chevron) !important;
}

 

.form-bordered-box {
    background: var(--card-bg) !important;
    color: var(--text-primary);
    border: 1px solid var(--card-border) !important;
}

.form-bordered-box input,
.form-bordered-box select,
.form-bordered-box textarea,
.cart-form input,
.cart-form textarea {
    background-color: var(--form-input-bg-white) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
    box-shadow: inset 0 2px 5px var(--shadow-inset) !important;
}

.form-bordered-box input:focus,
.form-bordered-box select:focus,
.form-bordered-box textarea:focus,
.cart-form input:focus,
.cart-form textarea:focus {
    border-color: var(--accent-color) !important;
    background-color: var(--form-input-bg-white) !important;
    box-shadow: inset 0 2px 5px var(--shadow-inset), 0 0 0 1px var(--accent-color) !important; 
}

.form-bordered-box input::placeholder,
.form-bordered-box textarea::placeholder,
.cart-form input::placeholder,
.cart-form textarea::placeholder {
    color: var(--search-placeholder) !important;
    opacity: 1 !important;
}

.form-bordered-box + div[style*="font-size: 11px"],
.form-bordered-box ~ div[style*="font-size: 11px"] {
    color: var(--form-hint-text) !important;
    opacity: 1 !important;
}

.form-bordered-box + div[style*="font-size: 11px"] a,
.form-bordered-box ~ div[style*="font-size: 11px"] a {
    color: var(--accent-color) !important;
    text-decoration: none !important;
}

.form-bordered-box + div[style*="font-size: 11px"] a:hover,
.form-bordered-box ~ div[style*="font-size: 11px"] a:hover {
    text-decoration: underline !important;
}
 
@keyframes successPulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 107, 0, 0.7);
    }
    50% {
        transform: scale(1.02);
        box-shadow: 0 0 0 10px rgba(255, 107, 0, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 107, 0, 0);
    }
}

.success-pulse {
    animation: successPulse 1.5s ease-in-out infinite;
}
 
#orderForm input:-webkit-autofill,
#orderForm input:-webkit-autofill:hover, 
#orderForm input:-webkit-autofill:focus,
#orderForm textarea:-webkit-autofill,
#orderForm textarea:-webkit-autofill:hover,
#orderForm textarea:-webkit-autofill:focus,
#orderForm select:-webkit-autofill,
#orderForm select:-webkit-autofill:hover,
#orderForm select:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--text-primary) !important;
    -webkit-box-shadow: 0 0 0px 1000px var(--form-input-bg-white) inset !important;
    box-shadow: 0 0 0px 1000px var(--form-input-bg-white) inset !important;
    transition: background-color 5000s ease-in-out 0s !important;
    color-scheme: light !important;
    color: var(--text-primary) !important;
}

#orderForm input, 
#orderForm textarea {
    caret-color: var(--text-primary) !important;
}

 

footer {
    border-top: 1px solid var(--footer-border);
    background-color: var(--footer-bg-color);
}

.footer-links-text a {
    color: var(--link-grey);
}

.footer-copyright {
    color: var(--copyright-text);
    opacity: .7;
}

.footer-logo {
    filter: grayscale(0%) opacity(0.95) !important;
}

.footer-links-text .separator {
    color: var(--footer-separator);
    opacity: 1;
}

.footer-copyright a {
    color: var(--copyright-link);
}

 

.pagination-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 42px;
    margin-bottom: 24px;
    width: 100%;
}

.page-btn {
    border: 1px solid var(--border-color);
    color: var(--pagination-color);
    width: 44px;
    height: 44px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    outline: none;
    flex-shrink: 0;
    background: var(--footer-bg-color);
}

.page-btn:hover:not(.disabled) {
    background: var(--pagination-hover-bg);
    border-color: var(--pagination-hover-border);
    color: var(--pagination-hover-color);
    box-shadow: none;
}

.page-btn.active {
    background: var(--accent-color);
    color: var(--text-dark);
    border-color: var(--accent-color);
    pointer-events: none;
    box-shadow: 0 4px 12px var(--accent-alpha-20);
}

.page-btn.disabled, 
.page-btn.next-btn.disabled, 
.page-btn.prev-btn.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    background: transparent!important;
    border-color: transparent!important;
}

.page-btn.next-btn, 
.page-btn.prev-btn {
    background-color: transparent;
    margin: 0 10px 0 10px;
}

.page-btn.next-btn:hover, 
.page-btn.prev-btn:hover {
    background: var(--pagination-nav-hover-bg);
    border-color: var(--pagination-nav-hover-border);
    color: var(--pagination-nav-hover-color);
}
.variant-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: -7px 0 4px 0;
    align-items: center;
}

.v-pill {
    background: var(--v-pill-bg);
    border: 1px solid var(--v-pill-border);
    color: var(--v-pill-color);
    padding: 5px 11px;
    border-radius: 50px;
    font-size: 0.82rem;
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.v-pill:hover {
    background: var(--v-pill-bg-hover);
    border-color: var(--v-pill-border);
    border-color: var(--v-pill-active-border);
    color: var(--text-primary);
}

.v-pill.active {
    background: var(--v-pill-active-bg);
    border-color: var(--v-pill-active-border);
    color: var(--v-pill-active-color);
    font-weight: 700;
    box-shadow: none;
}
.v-pill.active:hover {
    border-color: #898989!important;
}

.list-view .variant-pills {
    margin: -7px 0 8px 0;
}    

 

.btn-submit-order:hover {
    box-shadow: 0 4px 15px var(--btn-submit-shadow);
}

.qty-btn:hover {
    background-color: var(--qty-btn-hover-bg);
    color: var(--text-primary);
}    

.qty-btn.qty-trash:hover {
    background-color: var(--accent-color) !important;
    color: var(--text-dark) !important;
}

.qty-btn.qty-trash:hover i {
    color: var(--text-dark) !important;
}

.drawer-card-item:hover,
#mobileDrawer .drawer-card-item:hover {
    border-color: var(--drawer-item-hover-border) !important;
     
    background-color: var(--pill-bg);
}
.lang-switcher-btn {
    background-color: transparent!important;
    color: #343434;
}    

@media (hover: hover) and (pointer: fine) {
    .add-btn:hover {
        background: var(--accent-color);
        border-color: var(--accent-color);
        box-shadow: 0 0 10px var(--add-btn-hover-shadow);
        color: var(--text-dark);
    }
    
    .btn-add-large:hover {
        background: var(--btn-add-large-bg);
        border-color: var(--accent-color) !important;
        color: var(--add-btn-text) !important;
        box-shadow: 0 0 10px var(--add-btn-hover-shadow) !important;
    }

    .ar-badge:hover {
        border-color: var(--ar-badge-hover-border) !important;
        box-shadow: 0 4px 15px var(--ar-badge-shadow) !important;
        color: var(--ar-badge-hover-border) !important;
        background-color: var(--ar-badge-hover-bg);
    }

    .ar-badge:hover i,
    .ar-badge:hover .custom-cube-icon {
        animation: pulse-border-hover 1s ease-out infinite !important;
    }

    .btn-ar-large:hover {
        border-color: var(--ar-badge-hover-border) !important;
        box-shadow: 0 4px 15px var(--ar-badge-shadow) !important;
        color: var(--ar-badge-hover-border) !important;
    }

    #launchArFromModalBtn.custom-ar-button:hover {
        border-color: var(--accent-color) !important;
        box-shadow: 0 4px 15px var(--ar-btn-hover-shadow) !important;
        color: var(--text-dark) !important;
    }

    .cart-toggle-btn.expanded:hover,
    .cart-remove-btn.expanded:hover {
        background: var(--drawer-item-hover-bg);
        box-shadow: 0 0 10px var(--cart-btn-hover-shadow);
        border: 1px solid var(--ar-badge-hover-border);
    }

    .info-btn:hover {
        border-color: var(--ar-badge-border) !important;
        box-shadow: 0 0 12px var(--info-btn-hover-shadow) !important;
        background: var(--info-btn-hover-bg) !important;
        color: var(--ar-badge-hover-border);
    }

    .details-close-btn:hover,
    .video-modal .close-btn:hover,
    #detailsModal .close-btn:hover,
    #videoModal .close-btn:hover,
    #closeVideoBtn:hover {
        background-color: var(--accent-color) !important;
        background: var(--accent-color) !important;
        border-color: var(--accent-color) !important;
        color: var(--text-dark) !important;
        box-shadow: none !important;
    }

    #closeVideoBtn:hover i {
        color: var(--text-dark) !important;
    }

    .ar-modal .close-btn:hover,
    .cart-modal-header .close-btn:hover {
        background: var(--accent-color) !important;
        border-color: var(--accent-color) !important;
        box-shadow: none !important;
    }

    .share-icon-btn:hover,
    .share-btn-wrapper .icon-circle:hover,
    #shareCartBtn:hover {
        background: var(--add-btn-hover-bg) !important;
        background-color: var(--add-btn-hover-bg) !important;
        border-color: var(--accent-color) !important;
        color: var(--text-dark) !important;
    }

    #shareCartBtn:hover i,
    #shareCartBtn:hover .ph-share-network {
        color: var(--text-dark) !important;
    }
}

@media (hover: none) {
    .ar-badge:active {
        border-color: var(--ar-badge-active-border) !important;
        box-shadow: 0 4px 15px var(--ar-badge-shadow) !important;
    }
    
    .ar-badge.mobile-visible-pulse i,
    .ar-badge.mobile-visible-pulse .custom-cube-icon {
        animation: pulse-border-hover 2s ease-out infinite !important;
    }
    
    .info-btn:active {
        border-color: var(--ar-badge-active-border) !important;
        box-shadow: 0 0 12px var(--info-btn-hover-shadow) !important;
        background: var(--info-btn-hover-bg) !important;
    }
}

 

@media (max-width: 768px) {
    .text-kura,
    .text-3b {
        display: none !important;
    }
    
    .brand-link {
        gap: 12px;
    }
}

@media (max-width: 600px) {
    :root {
        --ar-modal-bg: #c8c8c8;
        --ar-modal-gradient: linear-gradient(170deg, rgba(19, 16, 14, 0.58) 0%, rgba(55, 37, 4, 0.08) 40%, rgba(186, 186, 186, 0.23) 80%);
    }
    
    header {
        padding: 12px 13px 10px 13px !important;
    }
    
    .brand-logo-kura,
    .brand-logo-3b {
        width: 58px !important;
        height: 58px !important;
    }
    
    .brand-link {
        gap: 10px;
    }
    
    #preloader .preloader-wrapper {
        width: 110px !important;
        height: 110px !important;
        min-height: 110px !important;
        max-height: 110px !important;
        flex: 0 0 110px !important;
    }

    #cartModal #gridViewBtn {
        background: transparent !important;
        color: var(--accent-color) !important;
        box-shadow: none !important;
        border: none !important;
    }
    
    #cartModal #gridViewBtn svg,
    #cartModal #gridViewBtn svg path {
        fill: var(--accent-color) !important;
        color: var(--accent-color) !important;
    }
}
 
.cart-total-price {
    display: none;
}


 

 
.like-btn {
    background: var(--info-btn-bg);
}

 
.header-top .lang-switcher-btn {
    color: var(--cart-text-light);
}

 
.lang-dropdown-detached .lang-option:hover {
    background: var(--lang-option-hover-bg);
}

 
.mobile-lang-overlay .lang-option {
    color: var(--cart-text-light);
}

 
.mobile-lang-overlay .lang-option.active {
    color: var(--accent-color);
}

@media (hover: hover) and (pointer: fine) {
     
    .like-btn:hover {
        border-color: var(--ar-badge-border) !important;
        box-shadow: 0 0 12px var(--info-btn-hover-shadow) !important;
        background: var(--info-btn-hover-bg) !important;
        color: var(--ar-badge-hover-border);
    }

     
    .like-btn:hover i {
        color: var(--ar-badge-hover-border);
    }
}

 
.header-top .lang-dropdown,
.lang-dropdown-detached {
     
     
    background: var(--lang-dropdown-bg);
     
    backdrop-filter: blur(16px) brightness(1.35);
    -webkit-backdrop-filter: blur(16px) brightness(1.35);
}

 
:root {
    --promo-bg: linear-gradient(125deg, #4a4a4a 0%, #888686 34%, #dadada 62%, #c4c4c4 100%);
    --promo-name-color: #ffffff;
    --promo-price-color: #ffa048;
    --promo-cta-bg: rgba(30, 30, 30, 0.65);
    --promo-cta-bg-hover: rgba(30, 30, 30, 0.80);
    --promo-cta-color: #d5d5d5;
    --promo-cta-border-width: 0;
    --promo-badge-bg: rgba(255, 255, 255, 0.56);
    --promo-badge-color: #f78d3e;
    --promo-dot-active: var(--brand-orange, #fa8d31);
    --promo-dot-border: rgba(30, 30, 30, 0.45);
     
    --promo-cta-glow: rgba(250, 141, 49, 0.26);
}

@media (max-width: 599px) {
    :root {
        --promo-bg: linear-gradient(172deg, #333333 0%, #747373 26%, #dadada 60%, #c4c4c4 100%);
    }
}

 
:root {
    --promo-dosuw-naczynie: 7px;
    --promo-dosuw-opakowanie: 10px;
    --promo-dosuw-opakowanie-szeroki: 10px;
}



 
@media (hover: hover) and (pointer: fine) {
    .promo-cta:hover {
        box-shadow: 0 1px 22px var(--promo-cta-glow);
    }
}

@media (hover: none) {
    .promo-cta:active {
        box-shadow: 0 1px 22px var(--promo-cta-glow);
    }
}

 
.group-avatar { background: var(--pill-bg); box-shadow: 0 0 0 1px var(--card-border); }
.group-you { border-color: var(--accent-color); }
