/** Shopify CDN: Minification failed

Line 3312:5 Expected identifier but found "!"
Line 4407:4 Expected "}" to go with "{"

**/
 @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

 .big-win-grand {
   font-family: "Inter", serif;
   margin: 0;
   padding: 0;
 }

 ul {
   list-style: none;
 }

 a {
   text-decoration: none;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p {
   margin: 0;
 }

 .hero-sec .row {
   display: flex;
 }

 .hero-sec .product-form__buttons {
   max-width: 100%;
 }

 .hero-sec .product__media-list li:not(:first-child) {
   max-width: 32% !IMPORTANT;
 }

 .hero-sec .product__media-list {
   justify-content: space-between;
 }

 .hero-sec .row .col {
   max-width: 65% !important;
   width: 65%;
   padding: 0 10px !important;
 }

 .big-win-box img {
   width: 100%;
 }

 .big-win-box ul {
   display: flex;
   align-items: center;
   padding: 0;
   margin: 0;
   margin-top: 25px;
   gap: 15px;
   list-style: none;
 }

 .big-win-grand {
   padding: 5px 30px 30px 30px !important;
   margin-top: 0;
 }

 .big-win-grand h2 {
   font-size: 32px;
   font-weight: 400;
   line-height: 44.1px;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   position: relative;
   margin-bottom: 30px;
 }

 /* .big-win-grand h2:before{content:"";position:absolute;width:60%;height:2px;background:#08080814;bottom:-8px;left:20%;}
*/
 body {
   background-color: #FFFFFF !important;
 }

 /* ===== Modern Info Card (neutral) ===== */
 .checkout-cart-notice {
   margin: 16px 0;
   display: block;
   clear: both;
 }

 .kuji-info {
   width: 100%;
   display: flex;
   align-items: center;
   gap: 12px;
   padding: 12px 14px;
   border-radius: 12px;
   background: #fff;
   border: 1px solid #e6e7eb;
   box-shadow: 0 2px 8px rgba(16, 24, 40, .05);
   cursor: pointer;
   text-align: left;
   transition: transform .12s ease, box-shadow .12s ease;
 }

 .kuji-info:hover {
   transform: translateY(-1px);
   box-shadow: 0 8px 22px rgba(16, 24, 40, .08);
 }

 .kuji-info:focus-visible {
   outline: 2px solid #99f4e7;
   outline-offset: 2px;
 }

 .kuji-info__icon {
   width: 36px;
   height: 36px;
   display: grid;
   place-items: center;
   border-radius: 10px;
   background: #f2f4f7;
   flex: 0 0 36px;
 }

 .kuji-info__icon svg {
   width: 20px;
   height: 20px;
   fill: #0f1315;
 }

 .kuji-info__content {
   flex: 1;
   min-width: 0;
   line-height: 1.25;
 }

 .kuji-info__title {
   display: block;
   font-weight: 800;
   font-size: 15px;
   color: #0f1315;
   letter-spacing: .2px;
 }

 .kuji-info__desc {
   display: block;
   font-size: 14px;
   color: #667085;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .kuji-info__chev {
   width: 32px;
   height: 32px;
   display: grid;
   place-items: center;
   border-radius: 999px;
   background: #f2f4f7;
   flex: 0 0 32px;
 }

 .kuji-info__chev svg {
   width: 16px;
   height: 16px;
 }

 /* ===== Modal (clean) ===== */
 .kuji-lock {
   overflow: hidden;
 }

 .kuji-modal {
   position: fixed;
   inset: 0;
   display: grid;
   place-items: center;
   z-index: 9999;
   opacity: 0;
   pointer-events: none;
   transition: opacity .18s ease;
 }

 .kuji-modal[aria-hidden="false"] {
   opacity: 1;
   pointer-events: auto;
 }

 .kuji-modal__overlay {
   position: absolute;
   inset: 0;
   background: rgba(15, 19, 21, .55);
   backdrop-filter: blur(2px);
 }

 .kuji-modal__dialog {
   position: relative;
   width: min(560px, 92%);
   border-radius: 16px;
   background: #fff;
   border: 1px solid #ececec;
   box-shadow: 0 30px 70px rgba(0, 0, 0, .22);
   padding: 22px 20px 20px;
   outline: none;
 }

 .kuji-modal__close {
   position: absolute;
   right: 10px;
   top: 10px;
   width: 34px;
   height: 34px;
   border: 0;
   border-radius: 10px;
   background: #f2f4f7;
   cursor: pointer;
   font-size: 18px;
   line-height: 34px;
 }

 .kuji-modal__title {
   margin: 0 0 10px;
   font-size: 20px;
   font-weight: 800;
   color: #0f1315;
   letter-spacing: .2px;
 }

 .kuji-steps {
   margin: 0 0 16px;
   padding-left: 1.25rem;
   color: #1f2937;
   font-size: 15px;
 }

 .kuji-steps li {
   margin: 10px 0;
 }

 .kuji-steps li strong {
   font-weight: 800;
 }

 .kuji-btn {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   padding: 10px 14px;
   border-radius: 10px;
   background: #111;
   color: #fff;
   text-decoration: none;
   font-weight: 800;
   font-size: 14px;
   transition: transform .12s ease, box-shadow .12s ease;
 }

 .kuji-btn:hover {
   transform: translateY(-1px);
   box-shadow: 0 10px 20px rgba(0, 0, 0, .18);
 }

 @media (min-width:768px) {
   .kuji-modal__title {
     font-size: 22px;
   }
 }

 /* Checkout-Notice neutralisieren */
 .checkout-cart-notice {
   background: transparent !important;
   padding: 0 !important;
   border-radius: 0 !important;
   box-shadow: none !important;
 }

 /* --- Fix: neutrale Hülle --- */
 .checkout-cart-notice {
   background: transparent !important;
   padding: 0 !important;
   border-radius: 0 !important;
   box-shadow: none !important;
   margin: 16px 0 !important;
 }

 /* --- Infocard: harte Zentrierung & Reset gegen Theme-Styles --- */
 .kuji-info {
   width: 100%;
   display: flex;
   align-items: center;
   /* <-- vertikal zentrieren */
   gap: 12px;
   padding: 12px 16px;
   border: 1px solid #e7e7ec;
   border-radius: 12px;
   background: #fff;
   box-shadow: 0 2px 8px rgba(16, 24, 40, .05);
   text-align: left;
   cursor: pointer;
   line-height: 1;
   /* <-- keine Baseline-Verschiebung */
 }

 /* Resets für Titel/Unterzeile */
 .kuji-info__content {
   flex: 1;
   min-width: 0;
   line-height: 1.2;
 }

 .kuji-info__title {
   margin: 0;
   font-weight: 800;
   font-size: 15px;
   color: #0f1315;
 }

 .kuji-info__desc {
   margin: 2px 0 0;
   font-size: 14px;
   color: #667085;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 /* Icon & Chevron: exakt mittig + kein SVG-Baseline-Shift */
 .kuji-info__icon,
 .kuji-info__chev {
   width: 36px;
   height: 36px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #f2f4f7;
   border-radius: 10px;
   flex: 0 0 36px;
 }

 .kuji-info__chev {
   border-radius: 50%;
 }

 .kuji-info__icon svg,
 .kuji-info__chev svg {
   width: 20px;
   height: 20px;
   display: block;
   /* <-- verhindert Versatz durch inline-SVG */
 }

 /* Fokus/Hover (optional) */
 .kuji-info:focus-visible {
   outline: 2px solid #99f4e7;
   outline-offset: 2px;
 }

 .kuji-info:hover {
   transform: translateY(-1px);
   box-shadow: 0 8px 22px rgba(16, 24, 40, .08);
   transition: all .12s ease;
 }

 /* Accent-Farbe zentral definieren */
 :root {
   --kuji-accent: #99f4e7;
 }

 /* Auffälligere, aber cleane Card */
 .kuji-info {
   border: 2px solid var(--kuji-accent);
   box-shadow: 0 3px 10px rgba(16, 24, 40, .06), 0 0 0 4px rgba(153, 244, 231, .15);
   background: #fff;
   transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
 }

 .kuji-info:hover {
   transform: translateY(-1px);
   box-shadow: 0 10px 22px rgba(16, 24, 40, .10), 0 0 0 4px rgba(153, 244, 231, .22);
   border-color: #7de3d4;
 }

 /* Info-Icon neutral halten (kein grauer Kasten dahinter) */
 .kuji-info__icon {
   background: #fff;
   /* statt #f2f4f7 */
   border: 1px solid #eceff3;
   /* feiner Rand, bleibt clean */
 }

 /* Chevron-Kapsel leicht akzentuiert */
 .kuji-info__chev {
   background: rgba(153, 244, 231, .22);
 }

 .kuji-info__chev svg {
   width: 16px;
   height: 16px;
   stroke: #111;
   stroke-width: 2;
   fill: none;
 }

 .kuji-info:hover .kuji-info__chev {
   background: rgba(153, 244, 231, .34);
 }

 /* Typo minimal kräftiger für bessere Lesbarkeit */
 .kuji-info__title {
   font-weight: 800;
   color: #0f1315;
 }

 .kuji-info__desc {
   color: #48505e;
 }

 /* Modal Content mobil scrollbar */
 .kuji-modal__dialog {
   max-height: 90vh;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
 }

 /* ===== Kuji Modal Steps (mit Emojis) ===== */
 .kuji-modal__lead {
   font-size: 15px;
   color: #48505e;
   margin: 0 0 18px;
   line-height: 1.4;
 }

 .kuji-steps {
   display: flex;
   flex-direction: column;
   gap: 14px;
 }

 .kuji-step {
   display: flex;
   align-items: flex-start;
   gap: 10px;
 }

 .kuji-step__icon {
   font-size: 20px;
   flex: 0 0 28px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: rgba(153, 244, 231, 0.15);
   border-radius: 8px;
   width: 28px;
   height: 28px;
 }

 .kuji-step__title {
   font-weight: 700;
   font-size: 15px;
   color: #0f1315;
   margin-bottom: 2px;
 }

 .kuji-step__desc {
   font-size: 14px;
   color: #667085;
   line-height: 1.4;
 }

 /* Mobile Optimierung */
 @media (max-width: 480px) {
   .kuji-modal__dialog {
     padding: 18px 16px;
   }

   .kuji-step__title {
     font-size: 14px;
   }

   .kuji-step__desc {
     font-size: 13px;
   }
 }

 /* Platz für das X schaffen */
 .kuji-modal__dialog {
   padding-right: 64px;
   /* extra Raum rechts */
 }

 /* X-Button: größere Touch-Fläche + saubere Position */
 .kuji-modal__close {
   top: 8px;
   right: 8px;
   width: 40px;
   height: 40px;
   line-height: 40px;
   /* zentriert das ✕ */
   z-index: 1;
   /* über dem Inhalt */
 }

 /* Für sehr kleine Screens noch etwas mehr Platz */
 @media (max-width: 420px) {
   .kuji-modal__dialog {
     padding-right: 72px;
   }

   .kuji-modal__title {
     padding-right: 8px;
   }

   /* optional, falls zweizeilig */
 }


 .big-win-grand table {
   padding: 0;
   margin: 0;
   border: none;
   border-collapse: collapse;
   width: 100%;
 }

 .big-win-grand h3 {
   font-size: 18px;
   font-weight: 800;
   line-height: 34.3px;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   color: #1B1B1B;
   margin-bottom: 16px;
 }

 .big-win-grand h3 span {
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   text-align: left;
   text-decoration-line: line-through;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   color: #444444;
 }

 .instock-btn-box .instock-btn {
   font-size: 16px;
   font-weight: 400;
   line-height: 19.6px;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   color: #0BB635;
   display: flex;
   align-items: center;
   padding: 10px 20px;
   border-radius: 10px;
   border: 1px solid #0BB635;
 }

 .instock-btn-box .instock-btn svg {
   margin-right: 5px;
 }

 .instock-btn-box {
   margin-bottom: 20px;
 }

 .your-chance {
   background: #E1E1E1;
   padding: 15px;
   border-radius: 10px;
   display: flex;
   margin-bottom: 30px;
   display: none;
 }

 .your-chance img {
   margin-right: 10px;
 }

 .your-chance p {
   font-size: 16px;
   font-weight: 400;
   line-height: 19.41px;
   text-align: left !important;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   color: #1B1B1B;
 }

 .big-win-grand h4 {
   display: flex;
   align-items: center;
   font-size: 14px;
   font-weight: 400;
   line-height: 19.6px;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   margin-bottom: 15px;
 }

 .big-win-grand h4 span {
   color: #DF3C3C;
   margin-left: 6px;
   margin-right: 5px;
 }

 .big-win-grand h5 {
   font-size: 16px;
   font-weight: 400;
   line-height: 19.6px;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   margin-bottom: 15px;
 }

 .big-win-grand h5 strong {
   color: #0BB635;
 }

 .big-win-grand table th {
   background: #D9D9D9;
   padding: 8px;
   border: 1px solid #b5b5b5;
   font-size: 16px;
   font-weight: 400;
   line-height: 19.41px;
   text-align: center;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   color: #1B1B1B;
 }

 .big-win-grand table td {
   padding: 8px;
   text-align: center;
   border: 1px solid #d9d9d9;
   font-size: 16px;
   font-weight: 400;
   line-height: 19.2px;
   letter-spacing: -0.03em;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
 }

 .product-form__quantity .product-form__buttons .product-form__submit {
   width: 100% !important;
   padding-left: 3px;
   padding-right: 3px;
 }

 .buy-tickets .buy-btn {
   font-size: 16px;
   font-weight: 400;
   line-height: 19.6px;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   color: #F4F4F4;
   background: #1B1B1B;
   width: 100%;
   text-align: center;
   border: 1px solid #1b1b1b;
   padding: 8px 10px;
   border-radius: 10px;
 }

 .buy-tickets {
   margin-top: 20px;
 }

 .buy-tickets .buy-btn:hover {
   background: #ffffff;
   color: #1b1b1b;
 }

 .win-these h2 {
   font-size: 36px;
   font-weight: 400;
   line-height: 44.1px;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   color: #1B1B1B;
   margin-bottom: 30px;
 }

 .win-these .row {
   display: flex;
   flex-flow: wrap;
 }

 .win-these .row .col-md-4 {
   width: 33.33%;
   margin-bottom: 15px;
 }

 .brand-car {
   border: 1px solid #ccc;
   border-radius: 10px;
   margin: 0 5px;
   box-shadow: 0px 4px 5px 0px #0000000D;
 }

 .brand-car img {
   width: 100%;
   height: 290px;
   object-fit: cover;
   border-radius: 10px;
 }

 .brand-car h3 {
   text-align: center;
   padding: 10px;
   font-size: 20px;
   font-weight: 400;
   line-height: 24.5px;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   color: #1B1B1B;
 }

 section.win-these {
   margin-bottom: 60px;
 }

 .head-slider img {
   height: 380px;
   object-fit: cover;
   border-radius: 10px;
 }

 #lottery_image_silder .owl-item {
   width: 100% !important;
 }

 /* #lottery_image_silder.owl-carousel .owl-stage{width:100% !important;}
*/
 #lottery_image {
   position: relative;
 }

 #lottery_image_silder .owl-item img {
   max-width: 100%;
   width: 100%;
   object-fit: contain;
   min-height: 172px;
   max-height: 100px;
 }

 .lotterybx {
   width: 35%;
 }

 div#lottery_image img {
   margin-top: 0 !important;
   max-height: 780px;
   object-fit: contain !important;
 }

 a.zoombtn {
   position: absolute;
   bottom: 20px;
   right: 20px;
   color: #000;
 }

 a.zoombtn svg {
   width: 18px;
   height: 18px;
 }

 /* PUrani CSS */
 .vaction_file_row {
   display: flex;
   margin: 0 -10px;
 }

 .vaction_file_row .vaction_file_col-6 {
   width: 50%;
   padding: 0 10px;
 }

 .listing_title h2 {
   font-family: Inter;
   font-size: 18px;
   font-weight: 700;
   line-height: 21.78px;
   letter-spacing: -0.04em;
   text-align: left;
   color: #262626;
   margin: 0 0 15px;
 }

 .orientation_btn_row {
   display: flex;
   flex-wrap: wrap;
   margin: 0 0 40px;
 }

 .orientation_btn_row .button-view {
   font-family: Inter;
   font-size: 15px;
   font-weight: 400;
   line-height: 18.15px;
   letter-spacing: -0.04em;
   text-align: left;
   border: 1px solid rgba(0, 0, 0, .5);
   background: transparent;
   border-radius: 9px;
   padding: 7px 20px;
   color: rgba(0, 0, 0, 0.5);
 }

 .orientation_btn_row .button-view~.button-view {
   margin-left: 8px;
 }

 body.t-product header.shopify-section {
   background: #fbf6f1;
 }

 .zoombtn {
   position: absolute;
   right: 40px;
   bottom: 40px;
   width: 40px;
   height: 40px;
   background: #fff;
   display: flex;
   align-content: center;
   justify-content: center;
   border-radius: 60px;
   cursor: pointer;
 }

 .zoombtn svg {
   display: block;
   margin: auto;
 }

 .orientation_btn_row .button-view.active,
 .orientation_btn_row .button-view:hover {
   background: #262626;
   color: rgba(255, 255, 255, .8);
 }

 .StickyBx {
   position: sticky;
   top: 170px
 }

 .file_upload_block {
   position: relative;
   flex-wrap: wrap;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 2px dashed #ccc;
   border-radius: 8px;
   padding: 20px 10px 40px;
 }

 .file_wrapper input[type="file"] {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 1px solid;
   opacity: 0;
 }

 .file_wrapper {
   margin: 0 0 20px;
   clear: both;
   display: block;
   width: 100%;
 }

 .owl-carousel .owl-stage {
   display: flex
 }

 .select_file_drag {
   max-width: 406px;
   width: 100%;
   margin: auto;
   text-align: center;
   padding-top: 10px;
 }

 .select_file_drag label {
   font-family: Inter;
   font-size: 15px;
   font-weight: 700;
   line-height: 21.78px;
   letter-spacing: -0.04em;
   text-align: center;
   margin: 0 0 10px;
   display: block;
 }

 .select_file_drag .or_text {
   font-family: Inter;
   font-size: 16px;
   font-weight: 400;
   line-height: 19.36px;
   letter-spacing: -0.06em;
   text-align: center;
   position: relative;
   color: #262626;
 }

 .select_file_drag .or_text span {
   position: relative;
   display: inline-block;
   padding: 0 7px;
   background: #fff;
   z-index: 2;
   font-size: 13px;
 }

 .or_text:after {
   position: absolute;
   content: "";
   background: transparent;
   height: 1px;
   width: 100%;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   z-index: 1;
 }

 .select_file_drag button.Select_file_btn {
   background: #E09789;
   border: 1px solid #E09789;
   color: #fff;
   border-radius: 50px;
   font-family: Inter;
   font-size: 14px;
   font-weight: 400;
   line-height: 13px;
   letter-spacing: -0.04em;
   text-align: center;
   padding: 14px 20px;
   margin-top: 10px;
 }

 .file_upload_block.uploaded {
   border: none;
 }

 .boottom_btn {
   margin-top: 50px;
   display: flex;
   flex-wrap: wrap;
 }

 .boottom_btn .add_cart {
   background: #E09789;
   border: 1px solid #E09789;
   color: #fff;
   border-radius: 50px;
   font-family: Inter;
   font-size: 16px;
   font-weight: 400;
   line-height: 19.36px;
   letter-spacing: -0.04em;
   text-align: center;
   padding: 15px 58px;
   margin-right: 16px;
 }

 .boottom_btn .add_photos {
   background: #262626;
   border: 1px solid #262626;
   color: #fff;
   border-radius: 50px;
   font-family: Inter;
   font-size: 16px;
   font-weight: 400;
   line-height: 19.36px;
   letter-spacing: -0.04em;
   text-align: center;
   padding: 15px 58px;
 }

 .ship_date {
   padding-left: 11px;
   margin-top: 16px;
   font-family: Inter;
   font-size: 15px;
   font-weight: 400;
   line-height: 18.15px;
   letter-spacing: -0.06em;
   text-align: left;
   color: #4D4D4D;
 }

 .ship_date span {
   background: #21DC08;
   display: inline-block;
   vertical-align: inherit;
   width: 14px;
   height: 14px;
   border-radius: 30px;
   margin-right: 6px;
   animation: zoom-in-zoom-out 1s ease-out infinite;
   position: relative;
   top: 2px;
 }

 .hidden {
   display: none;
 }

 .nosel {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }

 .img-enlarged__cont {
   width: 100%;
   height: 0px;
   opacity: 0;
   font-family: Helvetica, sans-serif;
   cursor: zoom-out;
   background: rgba(0, 0, 0, 0.5);
   position: fixed;
   top: 0;
   left: 0;
   z-index: 998;
   transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
 }

 .img-enlarged__cont.open {
   height: 100%;
   opacity: 1;
   transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
 }

 .img-enlarged {
   max-width: 90%;
   max-height: 80%;
   border: 5px solid #eee;
   display: block;
   margin: auto !important;
   position: relative;
   top: 10%;
   bottom: 10%;
 }

 .img-enlarged__nav.next::after {
   content: ">";
   font-size: 50px;
   font-family: monospace;
   color: #fff;
   position: absolute;
   right: 40%;
   top: 49%;
 }

 .img-enlarged__nav.prev::after {
   content: "<";
   font-size: 50px;
   font-family: monospace;
   color: #fff;
   position: absolute;
   left: 40%;
   top: 49%;
 }

 .gallery img {
   cursor: zoom-in;
 }

 .img-enlarged__nav {
   background: rgba(0, 0, 0, 0.2);
   cursor: pointer;
   z-index: 999;
   text-align: center;
   height: 100%;
   width: 10%;
   vertical-align: middle;
   transition: 0.3s width, 0.2s background;
 }

 .img-enlarged__nav:hover {
   background: rgba(0, 0, 0, 0.8);
   width: 11%;
   transition: 0.3s width, 0.2s background;
 }

 .img-enlarged__nav:active {
   width: 12%;
   transition: 0.1s width;
 }

 .img-enlarged__nav span {
   font-size: 25px;
   color: #fff;
   height: 20px;
   display: inline-block;
 }

 .img-enlarged__nav.prev {
   position: absolute;
   top: 0;
   left: 0;
 }

 .img-enlarged__nav.next {
   position: absolute;
   top: 0;
   right: 0;
 }

 .img-enlarged__counter {
   background: rgba(0, 0, 0, 0.5);
   color: #fff;
   font-family: monospace;
   width: 50px;
   text-align: center;
   font-size: 15px;
   padding: 7px 0 7px 0;
   margin: auto !important;
   display: block;
   position: absolute;
   left: 49%;
   bottom: 5%;
 }

 @keyframes zoom-in-zoom-out {
   0% {
     transform: scale(.3, .3);
   }

   50% {
     transform: scale(1, 1);
   }

   100% {
     transform: scale(.3, .3);
   }
 }

 .ship_date strong {
   font-weight: 700;
 }

 .eco_btn_row {
   display: flex;
   flex-wrap: wrap;
   margin: 0 0 40px;
 }

 .eco_btn_row .paper-eco-btn {
   font-family: Inter;
   font-size: 15px;
   font-weight: 400;
   line-height: 18.15px;
   letter-spacing: -0.04em;
   text-align: left;
   border: 1px solid rgba(0, 0, 0, .5);
   background: transparent;
   border-radius: 9px;
   padding: 7px 20px;
   color: rgba(0, 0, 0, 0.5);
 }

 .eco_btn_row .paper-eco-btn~.paper-eco-btn {
   margin-left: 8px;
 }

 .eco_btn_row .paper-eco-btn:hover {
   background: #262626;
   color: rgba(255, 255, 255, .8);
 }

 .apply_filter {
   margin: 0 0 20px;
 }

 .apply_filter label {
   display: block;
   font-family: Inter;
   font-size: 18px;
   font-weight: 700;
   line-height: 21.78px;
   letter-spacing: -0.04em;
   text-align: left;
   color: #262626;
   margin: 0 0 14px;
 }

 .apply_filter select.filters_dropdown {
   font-family: Inter;
   font-size: 15px;
   font-weight: 400;
   line-height: 18.15px;
   letter-spacing: -0.04em;
   color: rgba(0, 0, 0, .5);
   text-transform: uppercase;
   border: 1px solid rgba(0, 0, 0, .5);
   height: 42px;
   border-radius: 9px;
   padding: 0 15px;
   min-width: 206px;
 }

 .filter-tag {
   display: flex;
   flex-wrap: wrap;
 }

 .filter-tag button.tag_btn {
   border: 1px solid #00000080;
   margin-right: 8px;
   border-radius: 9px;
   font-family: Inter;
   font-size: 15px;
   font-weight: 400;
   line-height: 18px;
   letter-spacing: -0.04em;
   text-align: left;
   color: rgba(0, 0, 0, .5);
   text-transform: uppercase;
   padding: 7px 11px;
   margin-bottom: 8px;
 }

 .filter-tag button.tag_btn.selected {
   background: #fff;
   color: #E09789;
   border-color: #E09789;
 }

 .filter-tag button.tag_btn.active,
 .filter-tag button.tag_btn:hover {
   background: #262626;
   border-color: #262626;
   color: rgba(255, 255, 255, .8);
 }

 /* by bipin sir */
 #lottery_image_silder .owl-nav .owl-prev.disabled,
 #lottery_image_silder .owl-nav .owl-next.disabled {
   display: none;
 }

 #lottery_image_silder .item img {
   height: 90px;
   object-position: top;
   width: 100% !important;
   margin: 0 !important;
 }

 .tag_btn_box input[type=radio]:checked+.tag_btn {
   background: #262626;
   border-color: #262626;
   color: rgba(255, 255, 255, .8);
 }

 .tag_btn_box input[type=radio] {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
   z-index: 2;
 }

 .tag_btn_box {
   position: relative;
 }

 /* .file_upload_block{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column;}
*/
 .filterPage {
   max-width: 1610px;
   margin: auto;
   padding: 70px 15px;
   width: 100%;
 }

 /* #lottery_image_silder{pointer-events:none;}
*/
 .click-modal {
   display: none;
   justify-content: center;
   align-items: center;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.7);
   z-index: 1000;
 }

 .modal-content {
   position: relative;
 }

 .close-modal {
   position: absolute;
   top: 10px;
   right: 10px;
   font-size: 24px;
   color: white;
   cursor: pointer;
 }

 .click-modal {
   display: none;
   /* Hidden initially */
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.8);
   /* Semi-transparent black */
   justify-content: center;
   align-items: center;
   z-index: 1000;
 }

 /* Modal content */
 .modal-content {
   position: relative;
   background: #fff;
   padding: 20px;
   border-radius: 8px;
   max-width: 90%;
   max-height: 90%;
   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
   text-align: center;
 }

 /* Close button */
 .close-modal {
   position: absolute;
   top: 10px;
   right: 10px;
   font-size: 24px;
   cursor: pointer;
   color: #333;
 }

 /* Image styling */
 #clicked-image {
   max-width: 100%;
   height: auto;
   border-radius: 8px;
 }

 .image-container {
   position: relative;
 }

 .watermark {
   position: absolute;
   top: 0;
   /* Start at the top of the container */
   left: 0;
   /* Start at the left of the container */
   width: 100%;
   /* Cover the full width of the container */
   height: 100%;
   /* Cover the full height of the container */
   display: flex;
   /* Use flexbox to center the text */
   justify-content: center;
   /* Horizontally center the watermark */
   align-items: center;
   /* Vertically center the watermark */
   font-size: 50px;
   /* Adjust the font size */
   color: rgba(255, 255, 255, 0.5);
   /* Light color with opacity */
   z-index: 1;
   font-weight: bold;
   pointer-events: none;
   /* Prevent interaction with the watermark */
   user-select: none;
   /* Prevent text selection */
   text-transform: uppercase;
   /* Optional:make watermark text uppercase */
   transform: rotate(-30deg);
   /* Optional:Rotate the watermark */
   /* Optional:darken the background a bit */
   text-align: center;
 }

 #loading-spinner {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   display: none;
   background: #fff;
   border-radius: 100px;
 }

 .spinner {
   border: 4px solid #e1e1e1;
   border-top-width: 4px;
   border-top-style: solid;
   border-top-color: rgb(225, 225, 225);
   border-top: 4px solid #e09789;
   border-radius: 50%;
   width: 50px;
   height: 50px;
   animation: spin 2s linear infinite;
 }

 @keyframes spin {
   0% {
     transform: rotate(0deg);
   }

   100% {
     transform: rotate(360deg);
   }
 }

 #image-click-modal .modal-content {
   height: 100%;
 }

 #image-click-modal img {
   width: 100% !important;
   max-width: 100% !important;
   height: 100% !important;
   object-fit: cover;
   max-height: 100% !important;
 }

 #image-click-modal #close-modal-btn {
   width: 35px;
   height: 35px;
   background: #eb7575;
   border-radius: 70px;
   box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   right: -10px;
   top: -10px;
   color: #fff;
   font-family: Open sans-serif;
 }

 /*filter tabbing */
 .active {
   display: block;
 }

 .hide {
   display: none;
 }

 .activelink {
   color: red;
 }

 .fitlerTabbing ul {
   display: flex;
   align-content: center;
   gap: 20px;
   margin: 0 0 30px;
 }

 .fitlerTabbing ul li a {
   font-family: Inter;
   font-size: 18px;
   font-weight: 700;
   line-height: 21.78px;
   letter-spacing: -0.04em;
   text-align: left;
   color: #262626;
 }

 .fitlerTabbing {
   margin: 40px 0 0;
 }

 .fitlerTabbing .list {
   width: 100%;
   height: auto;
   background: transparent;
   padding: 0;
 }

 .fitlerTabbing ul li a.activelink {
   color: #e09789;
 }

 /* radio */
 .filtercontainer {
   display: block;
   position: relative;
   padding-left: 29px;
   margin-bottom: 12px;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   margin: 0;
   font-family: Inter;
   font-size: 15px;
   font-weight: 700;
   line-height: 21.78px;
   letter-spacing: -0.04em;
   text-align: left;
   color: #262626;
 }

 .filtercontainer input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
 }

 .filtercheckmark {
   position: absolute;
   top: 4px;
   left: 0;
   height: 17px;
   width: 17px;
   background-color: #fff;
   border-radius: 50%;
   border: 1px solid #e09789;
 }

 .filtercontainer:hover input~.filtercheckmark {
   background-color: #ccc;
 }

 .filtercontainer input:checked~.filtercheckmark {
   background-color: #E09789;
 }

 .filtercheckmark:after {
   content: "";
   position: absolute;
   display: none;
 }

 .filtercontainer input:checked~.filtercheckmark:after {
   display: block;
 }

 .filtercontainer .filtercheckmark:after {
   top: 4px;
   left: 4px;
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background: white;
 }

 .filterTabbing ul {
   display: flex;
   align-items: center;
   margin: 0 0 30px;
   gap: 7px;
 }

 .filterTabbing ul li a {
   font-family: Inter;
   font-size: 13px;
   font-weight: 700;
   line-height: 21.78px;
   letter-spacing: -0.04em;
   color: #262626;
   border: 1px solid #ccc;
   padding: 7px 10px;
   text-align: center;
 }

 .filterTabbing ul li a.activelink {
   background: #e09789;
   color: #fff;
   border-color: #e09789;
 }

 .boxfilterTab {
   display: flex;
   align-content: center;
   flex-wrap: wrap;
   gap: 20px;
 }

 /*end radio */
 /* slider */
 #imagePreview {
   width: 100%;
   display: flex;
   gap: 10px;
   padding: 15px;
   justify-content: center;
   flex-wrap: wrap;
   margin: 0 0 10px;
   position: relative;
   z-index: 2;
 }

 #imagePreview img {
   width: 100%;
   max-height: 400px;
   object-fit: cover;
   object-position: top;
 }

 #lottery_image_silder .owl-nav {
   position: absolute;
   top: 211px;
   width: 100%;
   display: flex;
   align-content: center;
   justify-content: space-between;
 }

 /* #lottery_image_silder .owl-item{width:70px !important;}
*/
 #lottery_image_silder .owl-item .item {
   margin: 0 !important;
   border: 1px solid #ececec;
   padding: 5px;
   border-radius: 4px;
   width: 100% !important;
 }

 #lottery_image_silder .owl-nav .owl-prev,
 #lottery_image_silder .owl-nav .owl-next {
   width: 35px;
   height: 40px;
   background: #e09789 !important;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 30px;
   border: none
 }

 #lottery_image_silder .owl-nav .owl-prev {
   position: absolute;
   bottom: 110px;
   z-index: 3;
   left: 0;
 }

 #lottery_image_silder .owl-nav .owl-next {
   position: absolute;
   bottom: 110px;
   z-index: 3;
   right: 0;
 }

 #lottery_image_silder .owl-nav .owl-prev span,
 #lottery_image_silder .owl-nav .owl-next span {
   font-size: 30px;
   color: #fff;
   display: block;
   margin: -4px 0 0;
 }

 #lottery_image_silder .item img {
   margin: auto;
 }

 .owl-stage-outer {
   z-index: 2;
 }

 /* end */
 .accordion-item-header {
   padding: 0.5rem 3rem 0.5rem 1rem;
   min-height: 3.5rem;
   line-height: 1.25rem;
   font-weight: bold;
   display: flex;
   align-items: center;
   position: relative;
   cursor: pointer;
 }

 .accordion-item-header::after {
   content: "\002B";
   font-size: 1.5rem;
   position: absolute;
   right: 1rem;
 }

 .accordion-item-header.active::after {
   content: "\2212";
 }

 .accordion-item-body {
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.2s ease-out;
 }

 .accordion-item-body-content {
   padding: 1rem;
   line-height: 1.5rem;
 }

 .productDes {
   margin: 40px 0 0;
 }

 .productDes h2 {
   font-size: 3rem;
   font-weight: 600;
   margin: 0 0 20px;
   font-family: Din Next;
   line-height: 1.1;
 }

 .proPric {
   display: flex;
   align-items: center;
   gap: 8px;
 }

 .proPric strong {
   color: rgb(var(--on-sale-text));
   font-size: var(--text-lg);
   line-height: 1.6;
 }

 .proPricSec {
   display: flex;
   align-content: center;
   gap: 15px;
   margin: 0 0 30px;
 }

 .filter_block h1 {
   font-size: 35px;
   font-weight: 700;
   color: #262626;
   margin: 13px 0 10px;
 }

 .proPric span {
   text-decoration: line-through;
   font-size: var(--text-lg);
   line-height: 1.6;
   color: rgb(var(--text-color) / .7);
 }

 .productTag ul {
   display: flex;
   align-content: center;
   gap: 15px;
   margin: 0 0 10px;
 }

 .productTag {
   margin: 30px 0 30px;
 }

 .productTag ul li {
   background: #e09789;
   padding: 4px 15px;
   font-size: 12px;
   color: #fff;
   text-align: center;
   border-radius: 5px;
 }

 .checkoutbtn {
   margin: 0 0 30px;
 }

 .checkoutbtn button {
   background: #e09789;
   display: block;
   padding: 10px 10px;
   min-width: 180px;
   border-radius: 70px;
   text-align: center;
   font-size: 16px;
   color: #fff;
   text-align: center;
 }

 .priceTotal {
   border: 1px solid rgba(0, 0, 0, .5);
   padding: 7px 20px;
   border-radius: 10px;
 }

 .shopInfo ul {
   display: flex;
   align-items: center;
   gap: 10px;
 }

 .shopInfo ul li {
   display: flex;
   align-items: center;
   gap: 7px;
   font-size: 14px;
   line-height: 19px;
 }

 .shopInfo {
   margin: 50px 0 50px;
 }

 .shopinfoicon {
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 60px;
   background: rgb(138, 46, 65);
   flex: 0 0 40px;
 }

 .productData {
   font-size: 1.6rem;
   font-weight: 600;
   margin: 0 0 20px;
   font-family: Din Next;
   line-height: 1.1;
   background: #fbf6f1;
   padding: 20px 20px;
   text-align: center;
   border-radius: 10px;
   border: 1px solid #0000000d;
 }

 .shopinfoicon svg {
   width: 20px;
   height: 20px;
 }

 .shopinfoicon svg path {
   fill: #fff;
   stroke: #fff;
 }

 .productInfo ul {
   padding: 0;
 }

 .productInfo ul li {
   font-size: 14px;
   color: #000;
   margin: 0 0 10px;
   position: relative;
   padding: 0 0 0 30px;
 }

 .productInfo ul li:before {
   left: 9px;
   top: 5px;
   width: 5px;
   height: 10px;
   border: solid #8a2e41;
   border-width: 0 2px 2px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   position: absolute;
   content: '';
 }

 .productFeature {
   border: none;
   margin: 40px 0 50px;
 }

 .productFeature .accordion-item {
   margin: 0;
   border: none;
 }

 .productFeature .accordion-item-header {
   border-bottom: 1px solid #00000026;
   padding-top: 10px;
   padding-bottom: 10px;
   min-height: inherit;
 }

 .accordion-item-header {
   padding-left: 0;
 }

 .accordion-item-body-content {
   font-size: 13px;
   padding: 10px 0 10px 0;
 }

 .directScroll h3 {
   font-size: 1.2rem;
   font-weight: 600;
   margin: 0 0 20px;
   font-family: Din Next;
   line-height: 1.1;
 }

 .directScroll ul {
   display: flex;
   align-content: center;
   gap: 14px;
   flex-wrap: wrap;
 }

 .directScroll ul li {
   display: flex;
 }

 .directScroll {
   margin: 0 0 40px;
 }

 .directScroll ul li a {
   font-family: Inter;
   font-size: 14px;
   font-weight: 400;
   line-height: 21.78px;
   letter-spacing: -0.04em;
   color: #262626;
   border: 1px solid #ccc;
   padding: 7px 10px;
   text-align: center;
   border-radius: 7px;
 }

 /* end */
 .proList {
   max-width: 1500px;
   margin: 20px auto 40px;
   width: 100%;
   padding: 0 15px;
   display: flex;
   flex-direction: column;
   justify-content: center;
 }

 .proList ul {
   display: flex;
   align-items: flex-start;
   gap: 0;
   flex-wrap: wrap;
   margin: 0 0;
   padding: 0;
 }

 .proList ul li {
   width: 24%;
   border: 1px solid #ccc;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   border-top: none;
   border-left: none;
   padding: 16px;
 }

 .proList ul li img {
   max-width: 300px;
   max-height: 300px;
   width: 100%;
   min-width: 300px;
   min-height: 300px;
   object-fit: cover;
 }

 .proList ul li:nth-child(4n) {
   border-right: none;
 }

 .proName {
   width: 100%;
   text-align: left;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 6px;
 }

 .proName h2 {
   font-size: 15px;
   color: #2b2b2b;
   margin: 0 0 4px;
   font-weight: 500;
   display: flex;
   flex-direction: column;
 }

 .proStock {
   display: flex;
   align-items: center;
   gap: 4px;
   margin: 0 0 10px;
 }

 .proStock span {
   font-size: 31px;
   color: #000;
   margin: 0;
   font-weight: 700;
 }

 .soldout {
   color: #ef220d !important;
 }

 .available {
   color: #00BF63 !important;
 }

 button.custom-checkout-btn {
   background: #121212;
   border: none;
   display: block;
   width: 100%;
   padding: 13px 30px;
   font-size: 16px;
   color: #fff;
   text-align: center;
   font-weight: 500;
   cursor: pointer;
   border-radius: 60px;
 }

 .checkout-cart-notice {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   margin: 0 auto 90px;
   padding: 8px 30px;
   border-radius: 12px;
   text-align: left !important;
   background: #84d1c8;
   width: auto;
   font-size: 18px;
   font-weight: 600;
   color: #000;
 }

 .checkout-cart-notice svg {
   width: 45px;
   height: 45px;
 }

 .btnQtySec {
   display: flex;
   align-items: center;
   gap: 15px;
   justify-content: center;
 }

 .btnQtySec .quantity {
   border-radius: 60px;
   border: 1px solid #ccc;
 }

 .btnQtySec .quantity:before,
 .btnQtySec .quantity:after {
   display: none !important;
 }

 .btnQtySec .quantity .quantity__input {
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
 }

 button.shopify-payment-button__button {
   background: #000;
   border-radius: 60px;
 }

 button.shopify-payment-button__button:before,
 button.shopify-payment-button__button:after {
   display: none;
 }

 .big-win-grand.product__info-container p {
   text-align: center;
 }

 .price.price--large.price--on-sale.price--show-badge {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .instock-btn-box {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 5px;
   display: none;
 }

 h4#stockAvailable {
   display: none;
   text-align: center;
   justify-content: center;
   margin: 0 0 30px;
 }

 label.quantity__label.form__label {
   display: none;
 }

 /* h5#total_tickets_remaining{text-align:center;font-weight:600;font-size:18px;text-transform:uppercase;}
*/
 table#tableLottery tr th {
   background: #f2f2f2;
   border: none;
   border-right: 1px solid #e3e3e3;
   text-align: left;
 }

 table#tableLottery {
   border: none;
   box-shadow: none;
 }

 table#tableLottery tr td {
   border: none;
   color: rgb(0, 0, 0);
   font-size: 19px;
   padding: 19px 4px;
   text-align: left;
   font-weight: 400;
   width: 75%;
   vertical-align: middle;
   display: flex;
   align-items: center;
   padding-right: 10px;
   word-break: break-word;
   white-space: normal;
 }

 table#tableLottery tr td:last-child {
   width: 20%;
   text-align: center;
   font-size: 18px;
   font-weight: 800;
 }

 table#tableLottery tr th:last-child {
   border: none;
   text-align: center;
 }

 .remainingTicketBx table {
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
 }

 .remainingTicketBx table tr {
   width: 33.33%;
   border-bottom: 3px solid #e3e3e3;
   display: flex;
 }

 .remainingTicketBx table tr th {
   display: none;
 }

 .remainingTicketBx table tr.removeline {
   border-bottom: none;
 }


 /* .remainingTicketBx table tr:last-child{border-bottom:none;} */
 .remainingTicketBx {
   background: #e7f5f7;
   padding: 20px;
   border-radius: 40px;
   border: 2px solid #e3e3e3
 }

 .remainingTicketBx table tr td {
   border: none;
 }

 .price.price--large.price--sold-out.price--show-badge {
   text-align: center;
 }

 div#ticketDetails {
   color: #000;
   background: #fff;
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
   margin: 0 0 40px;
 }

 #orderTable table {
   border: none;
   box-shadow: 0 0 0 .1rem rgba(var(--color-foreground), .08);
 }

 #orderTable table tr th {
   border: none;
   padding: 14px 15px;
   vertical-align: middle;
   font-size: 15px;
   color: #000000;
   background: #f2f2f2;
 }

 #orderTable table tr td {
   border: none;
   padding: 10px 15px;
   vertical-align: middle;
   font-size: 14px;
 }

 #orderTable {
   margin: 0 0 60px;
 }

 #orderTable table tr td button {
   background: #484848;
   margin: 0;
   border: none;
   padding: 7px 7px !important;
   min-width: 60px;
   min-height: inherit;
   border-radius: 5px;
   font-size: 13px;
   color: #fff;
   text-align: center;
 }

 #orderTable table tr td:last-child {
   border: none;
 }

 #orderTable table tr th:last-child {
   border-right: none;
 }

 #orderTable table tr td button:before {
   display: none;
 }

 #orderTable table tr td button:after {
   display: none;
 }

 #ticketDetails {
   border: 1px solid #f2f2f2;
   padding: 15px;
   border-radius: 8px;
 }

 #ticketDetails h3 {
   font-size: 20px;
   color: #000;
   border-bottom: 1px solid #f2f2f2;
   padding: 0 0 10px;
   margin: 0 0 10px;
 }

 #ticketDetails p strong {
   font-size: 15px;
   color: #000;
   font-weight: 600;
   min-width: 110px;
 }

 #ticketDetails p {
   display: flex;
   align-items: center;
   gap: 18px;
   color: #484848;
   padding: 0 0 10px;
   margin: 0 0 10px;
   border-bottom: 1px solid #f2f2f2;
   font-size: 15px;
 }

 .backbtnorder {
   color: #000 !important;
   font-size: 15px !important;
   text-align: center;
   border-radius: 5px;
   min-width: inherit;
   padding: 0;
   text-decoration: underline !important;
   vertical-align: middle;
   display: flex !important;
   align-items: center;
   gap: 4px;
   margin-bottom: 40px;
 }

 .backbtnorder img {
   max-width: 15px;
   display: inline-block;
   vertical-align: middle;
   margin-top: 2px;
 }

 a#logBackDiv .svg-wrapper {
   vertical-align: middle;
   display: inline-block;
 }

 a#logBackDiv {
   margin-bottom: 40px;
 }

 button.owl-dot {
   display: none;
 }

 .price.price--large.price--show-badge {
   text-align: left;
 }

 .price-item.price-item--regular {
   font-size: 40px;
   font-weight: 700;
   color: #000;
 }

 .product__info-container quantity-input.quantity {
   margin: 15px 0 20px;
 }

 .price.price--large.price--sold-out.price--show-badge {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 15px;
 }

 .button.button--secondary {
   background: #0071E3 !important;
   color: #fff !important;
 }

 .product__description {
   justify-content: flex-start;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   text-align: left !important;
   margin: 0 0 20px;
   font-size: 16px;
   color: #000;
   display: none;
 }

 .product__description p {
   text-align: left !important;
   margin: 0 0 20px;
   font-size: 16px;
   color: #000;
 }

 .product__description h1 {
   margin: 0 0 10px;
   font-size: 28px;
   line-height: 28px;
   color: #000;
 }

 .product__description h2 {
   margin: 0 0 10px;
   font-size: 24px;
   line-height: 28px;
 }

 .product__description h2:before,
 .product__description h3:before {
   display: none;
 }

 .product__description h3 {
   margin: 10px 0 10px;
   font-size: 22px;
   line-height: 28px;
 }

 .product__description h4 {
   margin: 0 0 10px;
   font-size: 20px;
   line-height: 28px;
 }

 .product__description ul,
 .product__description ol {
   margin: 0 0 30px;
   padding: 0;
 }

 .product__description ul li,
 .product__description ol li {
   display: flex;
   align-items: center;
   gap: 16px;
   text-align: left !important;
   margin: 0 0 15px;
   font-size: 16px;
   color: #000;
 }

 /* Product Detail New CSS 2025 */
 .hero-sec {
   margin-top: 40px;
   margin-bottom: 40px;
 }

 .totalAvailabelTicketBx {
   display: flex;
   justify-content: center;
   align-items: center;
   /* Bild und Box auf gleiche Höhe */
   gap: 0;
   /* Abstand raus, weil wir sie überlappen wollen */
   width: 100%;
   position: relative;
 }

 .tickectburner {
   position: relative;
   z-index: 2;
   /* Bild liegt oberhalb */
   margin-right: -40px;
   /* schiebt das Bild in die Box hinein */
 }

 .tickectburner img {
   max-width: 110px;
   object-fit: contain;
   display: block;
 }

 .totalAvailabelTicketBx h5 {
   background: #e7f5f7;
   border-radius: 10px;
   padding: 10px 40px 10px 60px;
   /* links extra Padding für das Bild */
   font-size: 21px;
   font-weight: 800;
   color: #000000;
   text-align: center;
   margin: 0 auto 20px auto;
   border: 2px solid #e3e3e3;
   display: inline-block;
   position: relative;
   z-index: 1;
   /* liegt unter dem Bild */
 }

 .proName h2 b {
   min-height: 90px;
   margin: 0 0 4px;
   font-size: 16px;
   color: #000;
   font-weight: 800;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   line-height: 19px;
   text-align: left;
 }

 .proName h2 b big {
   display: inline-flex;
   background: #000;
   border-radius: 7px;
   padding: 9px 13px 8px;
   text-align: center;
   justify-content: center;
   font-size: 14px;
   color: #fff;
   font-weight: 800;
   gap: 6px;
   margin: 0 0 6px;
 }

 .priceqt {
   display: flex;
   align-items: center;
   gap: 15px;
 }

 .newfpprice {
   font-size: 30px;
   font-weight: 800;
   color: #000;
 }

 /* end */
 /*Responsive */
 @media(max-width:1499px) {
   .proList {
     max-width: 1100px;
   }

   .proList ul li img {
     max-width: 200px;
     max-height: 200px;
     min-width: 200px;
     min-height: 200px;
     object-fit: contain;
   }
 }

 @media(max-width:1366px) {
   .big-win-grand h2 {
     font-size: 28px;
     line-height: 37px;
   }

   table#tableLottery tr td {
     font-size: 15px;
   }

   table#tableLottery tr td:last-child {
     font-size: 15px;
   }

   .price-item.price-item--regular {
     font-size: 30px;
   }

   .proStock span {
     font-size: 22px;
   }

   .proName h2 b {
     font-size: 17px;
   }

   .proName h2 b big {
     padding: 7px 10px;
     font-size: 14px;
     border-radius: 3px;
   }

   .proStock span {
     font-size: 17px;
   }

   .totalAvailabelTicketBx h5 {
     font-size: 18px;
   }

   .checkout-cart-notice {
     padding: 7px 30px;
     font-size: 17px;
   }
 }

 @media screen and (max-width:1199px) {
   .container {
     max-width: 990px;
     width: 100%;
   }

   #lottery_image_silder .owl-item img {
     min-height: 100px;
   }

   .your-chance p {
     font-size: 13px;
   }

   h4#stockAvailable {
     gap: 7px;
     flex-direction: column;
   }

   h5#total_tickets_remaining {
     font-size: 14px;
   }

   .big-win-grand table th {
     font-size: 14px;
   }

   .hero-sec .product-form__buttons .product-form__submit {
     width: 100%;
   }

   /* new design css */
   .big-win-grand h2 {
     font-size: 23px;
     line-height: 32px;
   }

   table#tableLottery tr td {
     font-size: 15px;
   }

   table#tableLottery tr td:last-child {
     font-size: 15px;
   }

   .price-item.price-item--regular {
     font-size: 30px;
   }

   .proStock span {
     font-size: 22px;
   }

   .proName h2 b {
     font-size: 15px;
     line-height: 16px;
     min-height: 100px;
   }

   .proName h2 b big {
     padding: 7px 10px;
     font-size: 14px;
     border-radius: 3px;
   }

   .proStock span {
     font-size: 17px;
   }

   .totalAvailabelTicketBx h5 {
     font-size: 18px;
   }

   .checkout-cart-notice {
     padding: 7px 30px;
     font-size: 17px;
   }

   /* .remainingTicketBx table tr{width:50%;}
.remainingTicketBx table tr:last-child{border-bottom:3px solid #BEBEBD;} */
 }

 @media screen and (max-width:991px) {
   section.hero-sec .row .col {
     width: 100%;
     padding: 0px;
   }

   section.hero-sec .row {
     flex-flow: wrap;
     padding: 0 10px;
   }

   .container {
     max-width: 760px;
     width: 100%;
   }

   .big-win-grand {
     margin-top: 65px;
   }

   .lotterybx {
     width: 100%;
     margin: 0 0 30px;
   }

   .hero-sec .row .col {
     max-width: 100% !important;
     width: 100%;
     padding: 0 !important;
   }

   section.hero-sec {
     padding: 50px 0;
   }

   .win-these .row .col-md-4 {
     width: 50%;
   }

   section.win-these {
     margin-bottom: 40px;
   }

   .footer-logo,
   .footer-insta {
     width: 20%;
   }

   .footer-nav {
     width: 60%;
   }

   footer.footer {
     padding: 20px 0;
   }

   header img.logo {
     max-width: 128px;
   }

   div#lottery_image img {
     margin-top: 0 !important;
     max-height: 690px;
     object-fit: contain;
   }

   .proList ul li:nth-child(4n) {
     border-right: 1px solid #ccc;
   }

   .proList ul li:nth-child(3n) {
     border-right: none;
   }

   .proList ul li {
     width: 33.33%;
   }

   #lottery_image_silder .owl-dots {
     display: none;
   }

   #lottery_image_silder .owl-dots {
     display: none;
   }

   #lottery_image_silder {
     position: relative;
   }

   #lottery_image_silder .owl-nav {
     justify-content: center;
     top: initial;
     bottom: -60px;
     gap: 2px;
   }

   #lottery_image_silder .owl-nav .owl-next {
     position: initial;
     bottom: inherit;
   }

   #lottery_image_silder .owl-nav .owl-prev {
     position: initial;
     bottom: 0;
   }

   #lottery_image_silder .owl-item img {
     min-height: 190px;
     max-height: 190px;
   }

   .big-win-grand h2 {
     font-size: 22px;
   }
 }

 @media screen and (max-width:767px) {
   .container {
     max-width: 574px;
     width: 100%;
   }

   footer.footer .row {
     padding: 0 10px;
   }

   section.win-these {
     margin-bottom: 22px;
   }

   footer.footer .row {
     flex-flow: wrap;
   }

   .footer-nav a {
     font-size: 14px;
     padding: 0 10px;
   }

   .proList ul li:nth-child(3n),
   .proList ul li:nth-child(4n) {
     border-right: 1px solid #ccc;
   }

   .proList ul li:nth-child(2n) {
     border-right: none;
   }

   .proList ul li {
     width: 49%;
   }

   .proList ul li:nth-child(3n),
   .proList ul li:nth-child(4n) {
     border-right: none;
   }

   #lottery_image_silder .owl-item img {
     min-height: 120px;
     max-height: 120px;
   }

   .big-win-grand {
     margin-top: 40px;
     padding: 0 !important;
   }

   .big-win-grand h4 {
     font-size: 12px;
     line-height: 15px;
   }

   h5#total_tickets_remaining,
   .big-win-grand table th {
     font-size: 13px;
   }

   .checkout-cart-notice {
     margin-bottom: 20px;
     font-size: 12px;
     line-height: 16px;
   }

   .checkout-cart-notice svg {
     width: 75px;
   }

   .proList {
     margin-top: 30px;
   }

   .proName {
     text-align: center;
   }

   .proStock {
     justify-content: center;
   }

   div#lottery_image img {
     max-height: 490px;
   }

   /* new design */
   .hero-sec {
     margin-top: 20px;
     margin-bottom: 20px;
   }

   .price-item.price-item--regular {
     font-size: 23px;
   }

   .totalAvailabelTicketBx h5 {
     padding: 8px 10px;
   }

   .remainingTicketBx {
     padding: 15px;
     border-radius: 15px;
   }

   .tickectburner img {
     max-width: 60px;
   }

   .totalAvailabelTicketBx {
     gap: 10px;
   }

   table#tableLottery tr td {
     padding: 12px 4px;
   }

   .remainingTicketBx table tr.removeline {
     border-bottom: 1px solid #e3e3e3;
   }

   .remainingTicketBx table tr:last-child {
     border-bottom: none;
   }

   .newfpprice {
     font-size: 24px;
   }

   #lottery_image_silder .owl-nav {
     display: none !important;
   }

   .lotterybx {
     margin: 0 0 5px;
   }

   table#tableLottery tr td:last-child {
     justify-content: flex-end;
   }
 }

 @media screen and (max-width:575px) {
   .container {
     max-width: 100%;
     width: 100%;
   }

   .head-slider img {
     height: 316px;
   }

   .big-win-box ul {
     margin-top: 15px;
   }

   .big-win-grand h2 {
     font-size: 20px;
     line-height: 28px;
     margin: 0 0 30px;
     text-align: center;
     font-weight: 600;
   }

   .your-chance p {
     font-size: 14px;
   }

   .big-win-grand h4 {
     flex-flow: column;
   }

   section.hero-sec {
     padding: 30px 0;
   }

   .win-these h2 {
     font-size: 30px;
     line-height: 36.1px;
     margin-bottom: 20px;
     padding: 0 16px;
   }

   .brand-car img {
     height: 202px;
   }

   .win-these .row {
     padding: 0 10px;
   }

   footer.footer .row {
     flex-flow: column;
   }

   .footer-logo,
   .footer-insta {
     width: 100%;
     display: flex;
     justify-content: center;
   }

   .footer-nav {
     width: 100%;
     padding: 10px 0;
   }

   .proList ul li {
     width: 100%;
     border: none;
     border-bottom: 1px solid #ccc;
   }

   #lottery_image_silder .owl-item img {
     min-height: 70px;
     max-height: 70px;
   }

   .your-chance p {
     font-size: 10px;
   }

   .remainingTicketBx table tr {
     width: 100%;
     border-bottom-width: 1px;
   }

   .proName h2 b {
     min-height: inherit;
   }
 }

 @media screen and (max-width:450px) {
   .win-these .row .col-md-4 {
     width: 100%;
   }
 }

 /**********************************************************
 * KUJI – NEUE ÜBERSICHT OBEN + PRODUKTKARTEN UNTEN
 **********************************************************/

 /* ========= Übersicht oben (#tableLottery) ========= */

 .remainingTicketBx {
   margin-top: 16px;
 }

 #tableLottery {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0 6px;
 }

 #tableLottery thead {
   display: table-header-group;
 }

 #tableLottery tr {
   background: #f7f8fb;
   border-radius: 10px;
 }

 #tableLottery th,
 #tableLottery td {
   border: none !important;
   padding: 8px 10px;
   font-size: 13px;
   line-height: 1.3;
 }

 #tableLottery th {
   font-weight: 700;
   color: #111827;
   text-align: left;
 }

 #tableLottery td {
   font-weight: 500;
   color: #111827;
 }

 /* erste Spalte: Preis-Label + Name */
 #tableLottery td:first-child,
 #tableLottery th:first-child {
   border-radius: 10px 0 0 10px;
 }

 /* zweite Spalte rechtsbündig (Resttickets) */
 #tableLottery td:last-child,
 #tableLottery th:last-child {
   text-align: right;
   border-radius: 0 10px 10px 0;
 }

 /* Desktop: etwas mehr Luft */
 @media (min-width: 768px) {

   #tableLottery th,
   #tableLottery td {
     font-size: 14px;
     padding: 8px 12px;
   }
 }

 /* ========= Bereich mit den Karten unten (#giftBox) ========= */

 .proList {
   max-width: 1500px;
   margin: 24px auto 48px;
   width: 100%;
   padding: 0 15px;
 }

 /* Grid statt Flex für die Karten */
 .proList ul {
   display: grid;
   grid-template-columns: 1fr;
   gap: 16px;
   margin: 16px 0 0;
   padding: 0;
   list-style: none;
 }

 /* 3 Spalten auf Desktop */
 @media (min-width: 900px) {
   .proList ul {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
 }

 /* alte Tabellenspalten-Styles neutralisieren */
 .proList ul li {
   width: auto;
   border: none;
   padding: 0;
   display: block;
 }

 /* ========= Karten-Design ========= */

 .kuji-prize-card {
   list-style: none;
   margin-top: 20px;
 }

 .kuji-prize-card__inner {
   position: relative;
   display: flex;
   flex-direction: column;
   height: 100%;
   border-radius: 14px;
   background: #f2f2f2;
   border: 1px solid #e4e5eb;
   box-shadow: 0 4px 12px rgba(15, 19, 21, 0.05);
   padding: 42px 10px 12px;
 }

 /* Bildbereich */
 .kuji-prize-card__image {
   width: 100%;
   border-radius: 10px;
   overflow: hidden;
   background: #ffffff;
   display: flex;
   align-items: center;
   justify-content: center;
   aspect-ratio: 4 / 3;
   margin-bottom: 10px;
   margin-top: 20px;
 }

 .kuji-prize-card__image img {
   width: 100%;
   height: 100%;
   object-fit: contain;
 }

 /* Bild klickbar machen */
 .kuji-prize-card__image img {
   cursor: zoom-in;
 }

 /* Lightbox Overlay */
 .kuji-lightbox {
   position: fixed;
   inset: 0;
   z-index: 99999;
   display: none;
   align-items: center;
   justify-content: center;
   padding: 18px;
   background: rgba(0, 0, 0, 0.72);
 }

 .kuji-lightbox.is-open {
   display: flex;
 }

 .kuji-lightbox__dialog {
   position: relative;
   max-width: min(92vw, 980px);
   max-height: 86vh;
   background: #fff;
   border-radius: 14px;
   overflow: hidden;
   box-shadow: 0 20px 70px rgba(0, 0, 0, 0.35);
 }

 .kuji-lightbox__img {
   display: block;
   width: 100%;
   height: auto;
   max-height: 86vh;
   object-fit: contain;
   background: #fff;
 }

 .kuji-lightbox__close {
   position: absolute;
   top: 10px;
   right: 10px;
   width: 38px;
   height: 38px;
   border-radius: 999px;
   border: 1px solid rgba(0, 0, 0, 0.10);
   background: rgba(255, 255, 255, 0.92);
   cursor: pointer;
   display: grid;
   place-items: center;
 }

 .kuji-lightbox__close:hover {
   background: #fff;
 }


 /* Bookmark / Lesezeichen oben links */
 .kuji-prize-card__bookmark {
   position: absolute;
   top: -1px;
   left: -1px;
   padding: 4px 10px;
   background: #111111;
   color: #ffffff;
   font-size: 15px;
   font-weight: 700;
   letter-spacing: 0.04em;
   text-transform: uppercase;
   border-radius: 6px 6px 0 0;
 }

 /* kleine Zunge unter dem Bookmark */
 .kuji-prize-card__bookmark::after {
   content: "";
   position: absolute;
   left: 0;
   bottom: -6px;

   border-style: solid;
   border-width: 6px 8px 0 0;
   border-color: #111111 transparent transparent transparent;
 }

 /* Textbereich */
 .kuji-prize-card__body {
   display: flex;
   flex-direction: column;
   gap: 6px;
 }

 .kuji-prize-card__title {
   font-size: 14px;
   font-weight: 600;
   color: #111827;
   margin: 0;
 }

 /* Stock-Zeile */
 /* Make stock label smaller + move below count */
 .kuji-prize-card__stock {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   margin-top: 8px;
 }

 .kuji-prize-card__stock-label {
   order: 2;
   /* send it below */
   font-size: 12px;
   color: #999999;
   margin-top: 2px;
 }

 .kuji-prize-card__stock-count {
   order: 1;
   /* ensure numbers stay above */
   font-size: 18px;
   font-weight: 700;
 }


 /* Farben für Bestand */
 .kuji-prize-card__stock-count .available {
   color: #00bf63;
   font-weight: 700;
 }

 .kuji-prize-card__stock-count .soldout {
   color: #f93030;
   font-weight: 700;
 }

 /* Mobile Feintuning */
 @media (max-width: 480px) {
   .kuji-prize-card__inner {
     padding: 10px 10px 12px;
   }

   .kuji-prize-card__title {
     font-size: 14px;
     !important
   }

   .kuji-prize-card__stock-label {
     font-size: 10px;
   }

   .kuji-prize-card__stock-count {
     font-size: 20px;
   }
 }

 /* ===== Kuji Mini-Matrix (oben) ===== */

 .kuji-top {
   background: #e9f5fb;
   border-radius: 24px;
   padding: 14px 16px 16px;
   display: flex;
   flex-direction: column;
   gap: 10px;
 }

 /* Erste Zeile mit 2 Cards (Tickets / Preisübersicht) */
 .kuji-top__row--summary {
   display: grid;
   grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
   gap: 10px;
 }

 .kuji-summary-card {
   background: #ffffff;
   border-radius: 18px;
   padding: 10px 14px;
   box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06);
 }

 .kuji-summary-card--secondary {
   background: #f2f2f2;
   margin-top: 20px;
 }

 .kuji-summary-card__label {
   font-size: 12px;
   text-transform: uppercase;
   letter-spacing: 0.08em;
   color: #6b7280;
   margin-bottom: 4px;
 }

 .kuji-summary-card__numbers {
   font-size: 20px;
   font-weight: 800;
   line-height: 1.2;
   color: #111827;
 }

 .kuji-summary-card__slash {
   opacity: 0.6;
   margin: 0 3px;
 }

 .kuji-summary-card__sub {
   font-size: 12px;
   color: #6b7280;
   margin-top: 4px;
 }

 /* Zeile 2: Mini-Matrix */
 .kuji-top__row--matrix {
   margin-top: 6px;
 }

 /* Liste als 1 Spalte auf Mobile, 2 Spalten auf Desktop */
 .kuji-mini-list {
   list-style: none;
   margin: 0;
   padding: 0;
   display: grid;
   grid-template-columns: 1fr;
   gap: 6px;
 }

 @media (min-width: 768px) {
   .kuji-mini-list {
     grid-template-columns: 1fr 1fr;
   }
 }

 /* Einzelne Mini-Karte */
 .kuji-mini-item {
   background: #ffffff;
   border-radius: 999px;
   padding: 6px 10px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06);
 }

 /* Letzte Karte leicht highlighten */
 .kuji-mini-item--last {
   background: #fffbe9;
 }

 /* Linke Seite (Badge + Titel) */
 .kuji-mini-item__left {
   display: flex;
   align-items: center;
   gap: 6px;
   min-width: 0;
 }

 .kuji-mini-item__badge {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 32px;
   padding: 3px 8px;
   border-radius: 999px;
   font-size: 11px;
   font-weight: 700;
   letter-spacing: 0.06em;
   text-transform: uppercase;
   background: #111827;
   color: #ffffff;
 }

 .kuji-mini-item__title {
   font-size: 12px;
   color: #111827;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 /* Rechte Seite (Bestände) */
 .kuji-mini-item__right {
   font-size: 12px;
   font-weight: 600;
   display: flex;
   align-items: center;
   gap: 2px;
 }

 .kuji-mini-item__stock-count {
   display: inline-flex;
   align-items: baseline;
   gap: 2px;
 }

 .kuji-mini-item__slash {
   opacity: 0.5;
 }

 /* Farben für Bestand */
 .kuji-mini-item__stock-count .available {
   color: #00BF63;
 }

 .kuji-mini-item__stock-count .soldout {
   color: #F93030;
 }

 /* Mobile: Summary-Karten untereinander */
 @media (max-width: 767px) {
   .kuji-top__row--summary {
     grid-template-columns: 1fr;
   }
 }

 /* Entfernt Hintergrund und Rahmen */
 .kuji-top__row--matrix {
   background: transparent !important;
   border: none !important;
   box-shadow: none !important;
 }

 .kuji-top {
   background: transparent !important;
   border: none !important;
   box-shadow: none !important;
 }

 .kuji-mini-list {
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
   padding: 0;
   margin: 0;
   list-style: none;
 }

 .kuji-mini-item {
   flex: 0 0 calc(25% - 12px);
   /* 4 pro Zeile */
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 10px 14px;
   border: 1px solid #ddd;
   border-radius: 10px;
   background: #fff;
 }

 @media (max-width: 768px) {
   .kuji-mini-item {
     flex: 0 0 calc(50% - 10px);
   }
 }

 .kuji-mini-item__badge {
   background: black;
   color: white;
   padding: 4px 10px;
   border-radius: 50px;
   font-size: 12px;
   font-weight: 600;
 }

 /* =========================
   KUJI TOP-BEREICH / MATRIX
   ========================= */

 /* Hülle ohne farbigen Hintergrund */
 .remainingTicketBx {
   background: transparent !important;
   padding: 0 !important;
   border-radius: 0 !important;
   box-shadow: none !important;
 }

 /* Kuji-Top-Container enger machen, kein Farbteppich */
 .kuji-top {
   background: transparent;
   border: none;
   box-shadow: none;
   padding: 0;
 }

 /* Abstand zwischen Summary (oben) und Matrix (unten) */
 .kuji-top__row--summary {
   margin-bottom: 14px;
 }

 /* Mini-Matrix als Grid: 2 Reihen à 4 Spalten (Desktop) */
 .kuji-top__row--matrix {
   margin-top: 4px;
 }

 .kuji-mini-list {
   list-style: none;
   margin: 0;
   padding: 0;
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   grid-auto-rows: auto;
   gap: 8px;
 }

 /* Einzelne Mini-Karte */
 .kuji-mini-item {
   background: #ffffff;
   border: 1px solid #eceff3;
   border-radius: 10px;
   padding: 6px 10px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   min-height: 40px;
   font-size: 13px;
 }

 /* Links: Badge + Titel */
 .kuji-mini-item__left {
   display: flex;
   align-items: center;
   gap: 6px;
   min-width: 0;
 }

 .kuji-mini-item__badge {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 28px;
   height: 28px;
   border-radius: 999px;
   background: #111;
   color: #fff;
   font-size: 11px;
   font-weight: 700;
   flex: 0 0 28px;
 }

 .kuji-mini-item__title {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 /* Rechts: Bestandsanzeige */
 .kuji-mini-item__right {
   flex: 0 0 auto;
   font-weight: 600;
 }

 .kuji-mini-item__stock-count {
   white-space: nowrap;
 }

 .kuji-mini-item__slash {
   margin: 0 2px;
 }

 /* Last-One-Karte leicht hervorheben */
 .kuji-mini-item--last {
   border-color: rgba(153, 244, 231, 0.9);
   box-shadow: 0 0 0 1px rgba(153, 244, 231, 0.5);
 }

 /* Farben für Zahlen nutzen deine bestehenden Klassen */
 .kuji-mini-item .available {
   color: #00bb59;
   /* grün wie unten */
 }

 .kuji-mini-item .soldout {
   color: #f93030;
   /* rot wie unten */
 }

 /* Responsive:
   Tablet: 2 Spalten
   Handy: 1 Spalte
*/
 @media (max-width: 1024px) {
   .kuji-mini-list {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 }

 @media (max-width: 640px) {
   .kuji-mini-list {
     grid-template-columns: 1fr;
   }
 }

 /* ===== Kuji Top: Container neutralisieren ===== */
 .kuji-top {
   background: transparent !important;
   border-radius: 0 !important;
   box-shadow: none !important;
   border: 0 !important;
   padding: 0 !important;
   margin-top: 8px;
 }

 .kuji-top__row--summary {
   margin-bottom: 10px;
 }

 .kuji-summary-card {
   box-shadow: 0 1px 3px rgba(15, 19, 21, 0.06);
 }

 /* ===== Mini-Matrix: Layout in 2 Reihen à 4 Spalten ===== */

 /* Liste als flex-grid */
 .kuji-top__row--matrix {
   margin-top: 10px;
 }

 .kuji-mini-list {
   display: flex;
   flex-wrap: wrap;
   gap: 8px 10px;
   /* vertikal / horizontal */
   padding: 0;
   margin: 0;
   list-style: none;
 }

 /* Einzelne Pill-Karte */
 .kuji-mini-item {
   flex: 1 1 calc(25% - 10px);
   /* bis zu 4 Spalten auf Desktop */
   min-width: 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 6px 12px;
   border-radius: 999px;
   background: #ffffff;
   border: 1px solid #ececec;
   box-shadow: 0 1px 3px rgba(15, 19, 21, 0.06);
 }

 /* LAST ONE gern über gesamte Breite */
 .kuji-mini-item--last {
   flex: 1 1 100%;
 }

 /* Linke Seite: Badge + Titel */
 .kuji-mini-item__left {
   display: flex;
   align-items: center;
   flex: 1;
   min-width: 0;
 }

 /* Rundes Badge */
 .kuji-mini-item__badge {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 32px;
   height: 32px;
   border-radius: 999px;
   background: #111111;
   color: #ffffff;
   font-size: 11px;
   font-weight: 700;
   margin-right: 8px;
   flex: 0 0 32px;
 }

 /* Titel: NICHT abschneiden, darf in 2–3 Zeilen laufen */
 .kuji-mini-item__title {
   font-size: 12px;
   font-weight: 500;
   color: #1b1b1b;
   display: block;
   white-space: normal;
   /* kein nowrap */
   overflow: visible;
   /* nichts wird abgeschnitten */
   text-overflow: clip;
   line-height: 1.3;
 }

 /* Rechte Seite: Bestandszahlen */
 .kuji-mini-item__right {
   flex: 0 0 auto;
   margin-left: 8px;
 }

 .kuji-mini-item__stock-count {
   font-size: 12px;
   white-space: nowrap;
 }

 .kuji-mini-item__slash {
   margin: 0 2px;
 }

 /* Farben für Bestand (nutzt deine bestehenden Klassen) */
 .kuji-mini-item .available {
   color: #00bb59;
   font-weight: 700;
 }

 .kuji-mini-item .soldout {
   color: #f93030;
   font-weight: 700;
 }

 /* ===== Responsive ===== */

 /* Tablet: 2 Spalten */
 @media (max-width: 1024px) {
   .kuji-mini-item {
     flex: 1 1 calc(50% - 10px);
   }
 }

 /* Mobile: 1 Spalte pro Reihe, alles untereinander */
 @media (max-width: 640px) {
   .kuji-mini-item {
     flex: 1 1 100%;
   }

   .kuji-mini-item {
     padding: 8px 12px;
   }

   .kuji-mini-item__title {
     font-size: 13px;
   }
 }

 /* GRID → 4 Spalten Desktop, 2 auf Mobile */
 .kuji-mini-list {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 12px;
   width: 100%;
   margin-top: 20px;
 }

 @media(max-width: 768px) {
   .kuji-mini-list {
     grid-template-columns: repeat(2, 1fr);
   }
 }

 /* Pill-Styling */
 .kuji-mini-item {
   background: white;
   border-radius: 12px;
   padding: 14px 16px;
   border: 1px solid #ebebeb;
   display: flex;
   justify-content: space-between;
   align-items: center;
   min-height: 85px;
 }

 /* Einheitliche Badge */
 .kuji-mini-item__badge-letter {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 38px;
   height: 38px;
   border-radius: 50%;
   background: black;
   color: white;
   font-weight: 700;
   font-size: 15px;
 }

 /* Text nie abscheiden */
 .kuji-mini-item__title {
   display: block;
   font-size: 14px;
   line-height: 1.2;
   white-space: normal;
   max-width: 90%;
 }

 /* ========= KUJI MINI-MATRIX – EINHEITLICHE PILLS ========= */

 /* Grid: Desktop 4 Spalten, Mobile 2 Spalten */
 .kuji-mini-list {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 10px;
   margin: 14px 0 0;
   padding: 0;
   list-style: none;
 }

 @media (max-width: 768px) {
   .kuji-mini-list {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 }

 /* Jede Pill: gleiche Breite + Höhe */
 .kuji-mini-item {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 10px 12px;
   border-radius: 12px;
   background: #ffffff;
   border: 1px solid #eceff3;
   box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
   height: 90px;
   /* feste Höhe für alle Pills */
   box-sizing: border-box;
 }

 /* LAST-One optisch leicht hervorheben (optional) */
 .kuji-mini-item--last {
   background: #fffdf6;
   border-color: #f6e0b9;
 }

 /* Linke Seite (Badge + Titel) */
 .kuji-mini-item__left {
   display: flex;
   align-items: center;
   gap: 8px;
   flex: 1;
   min-width: 0;
 }

 /* Badge: nur Buchstabe, zentriert, kein japanisches Zeichen */
 .kuji-mini-item__badge {
   width: 32px;
   height: 32px;
   border-radius: 999px;
   background: #111;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 13px;
   font-weight: 700;
   flex-shrink: 0;
 }

 /* Falls irgendwo ein Symbol per ::before gesetzt wird – abschalten */
 .kuji-mini-item__badge::before {
   content: none !important;
 }

 /* Titel: max. 2 Zeilen, Rest wird sauber abgeschnitten */
 .kuji-mini-item__title {
   font-size: 13px;
   line-height: 1.3;
   color: #111827;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   /* max. 2 Zeilen */
   -webkit-box-orient: vertical;
   overflow: hidden;
 }

 /* Rechte Seite: Stock-Zahlen */
 .kuji-mini-item__right {
   flex-shrink: 0;
   margin-left: 6px;
   text-align: right;
   font-size: 13px;
 }

 .kuji-mini-item__stock-count {
   font-size: 13px;
 }

 .kuji-mini-item__slash {
   padding: 0 1px;
 }

 /* Farben für Restbestände (nutzt deine vorhandenen Klassen) */
 .kuji-mini-item__stock-count .available {
   color: #00bb59;
   font-weight: 600;
 }

 .kuji-mini-item__stock-count .soldout {
   color: #f93030;
   font-weight: 600;
 }

 /* ===== KUJI MINI MATRIX – FINALE VERSION ===== */

 /* Liste: 2 Reihen x 4 Spalten auf Desktop, 2 Spalten auf Mobile */
 .kuji-mini-list {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   margin: 16px 0 0;
   padding: 0;
   list-style: none;
 }

 /* Jede Pillenkarte */
 .kuji-mini-item {
   flex: 0 0 calc(25% - 8px);
   /* 4 pro Reihe auf Desktop */
   display: flex;
   align-items: center;
   justify-content: flex-start;
   padding: 10px 12px;
   border-radius: 10px;
   background: #ffffff;
   border: 1px solid #f0f0f0;
   box-shadow: 0 2px 4px rgba(15, 23, 42, 0.04);
   box-sizing: border-box;
   min-height: 70px;
   /* Einheitliche Höhe */
 }

 /* Mobile: 2 pro Reihe */
 @media (max-width: 768px) {
   .kuji-mini-item {
     flex: 0 0 calc(50% - 8px);
   }
 }

 /* Schwarzer Kreis mit Buchstaben – IMMER rund & gleich groß */
 .kuji-mini-item__badge {
   flex: 0 0 32px;
   width: 32px;
   height: 32px;
   border-radius: 50%;
   background: #000000;
   color: #ffffff;
   font-size: 14px;
   font-weight: 700;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 10px;
   /* Sicherstellen, dass keine alten Styles reinfunken */
   line-height: 1;
   writing-mode: horizontal-tb;
   transform: none;
 }

 /* Textblock im Pill-Item */
 .kuji-mini-item__left {
   flex: 1;
   min-width: 0;
   display: flex;
   flex-direction: column;
 }

 /* Titel: max. 2 Zeilen, sonst mit … abschneiden */
 .kuji-mini-item__title {
   font-size: 13px;
   font-weight: 500;
   color: #111827;
   line-height: 1.3;
   margin: 0 0 3px;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }

 /* Rechts: Bestand */
 .kuji-mini-item__right {
   margin-left: auto;
   margin-left: 8px;
   font-size: 13px;
   white-space: nowrap;
 }

 .kuji-mini-item__stock-count {
   display: inline-flex;
   align-items: baseline;
   gap: 3px;
 }

 .kuji-mini-item__slash {
   opacity: 0.6;
 }

 /* Farben für Bestände (nutzt deine bestehenden Klassen) */
 .kuji-mini-item__stock-count .available {
   color: #00bb59;
   font-weight: 700;
 }

 .kuji-mini-item__stock-count .soldout {
   color: #f43030;
   font-weight: 700;
 }

 /* LAST-Pill optisch leicht hervorheben */
 .kuji-mini-item--last {
   border-color: #111827;
 }

 .kuji-top {
   background: transparent;
   padding: 0;
   border: none;
   margin-top: 10px;
 }

 .kuji-mini-list {
   margin-top: 15px;
 }

 .kuji-mini-item {
   background: #fff;
   /* lässt die Pills weiß & clean */
   padding: 14px;
   border-radius: 12px;
   border: 1px solid rgba(0, 0, 0, 0.06);
 }

 .kuji-mini-item__badge {
   width: 36px;
   height: 36px;
 }

 .kuji-mini-item__badge {
   width: 40px;
   height: 40px;
   border-radius: 100px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: black;
   color: white;
   font-weight: 600;
   font-size: 15px;
   margin-right: 8px;
 }

 .kuji-mini-list {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 12px;
 }

 .kuji-mini-item {
   flex: 1 1 calc(25% - 20px);
   /* 4 pro Reihe */
   max-width: calc(25% - 20px);
 }

 @media (max-width: 768px) {
   .kuji-mini-item {
     flex: 1 1 100%;
     max-width: 100%;
   }
 }

 /* === Kuji Top: äußeren grauen Container entfernen === */
 .remainingTicketBx {
   background: transparent !important;
   border: none !important;
   box-shadow: none !important;
   padding: 0 !important;
   margin-top: 16px;
   /* kannst du nach Geschmack anpassen */
 }

 /* damit der Inhalt nicht am Rand klebt */
 .remainingTicketBx .kuji-top {
   width: 100%;
   margin: 0 auto;
 }

 /* Einheitliche Buchstaben-Kreise in der Mini-Matrix */
 .kuji-mini-item__badge {
   width: 36px;
   height: 36px;
   border-radius: 50%;
   background: #000;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 600;
   font-size: 16px;
   flex: 0 0 36px;
 }

 /* etwas Luft links vom Text */
 .kuji-mini-item__title {
   margin-left: 8px;
 }

 /* verfügbare Tickets – aktueller Wert grün */
 #kujiTicketsLeft {
   color: #00bb59;
   font-weight: 700;
 }

 /* Standard-Badge */
 .kuji-mini-badge {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 34px;
   height: 34px;
   border-radius: 50%;
   background: #000;
   color: #fff;
   font-size: 16px;
   font-weight: 600;
 }

 /* Kleinere Schrift nur für LAST, damit es sauber in den Kreis passt */
 .kuji-mini-badge--last {
   font-size: 8px;
   letter-spacing: 0.04em;
 }

 /* --- MOBILE KOMPAKT: 3-Spalten Übersicht --- */
 @media (max-width: 768px) {

   /* Übersichtsreihe etwas enger */
   .kuji-top__row--matrix {
     margin-top: 10px;
   }

   /* 3 Spalten mit gleich breiten Pills */
   .kuji-mini-list {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 8px;
   }

   .kuji-mini-item {
     min-height: 72px;
     /* einheitliche Höhe */
     padding: 8px 6px;
     border-radius: 14px;
     display: flex;
     flex-direction: column;
     /* Badge oben, Zahl unten */
     align-items: center;
     justify-content: center;
     text-align: center;
   }

   /* Titel ausblenden – nur Buchstabe + Count */
   .kuji-mini-item__title {
     display: none;
   }

   .kuji-mini-item__right {
     margin-top: 4px;
   }

   .kuji-mini-item__stock-count {
     font-size: 12px;
     font-weight: 500;
   }

   @media (max-width: 768px) {

     /* Horizontales Scroll-Carousel für die Preiskarten */
     .kuji-prize-list {
       display: flex;
       overflow-x: auto;
       scroll-snap-type: x mandatory;
       -webkit-overflow-scrolling: touch;
       padding: 0 18px 12px;
       /* Abstand links/rechts */
       gap: 16px;
       /* Zwischen den Karten */
     }

     .kuji-prize-list::-webkit-scrollbar {
       display: none;
       /* Scrollbar ausblenden (optional) */
     }

     .kuji-prize-card {
       flex: 0 0 82%;
       /* 80–85 % der Breite -> nächste Karte "peeked" */
       max-width: 82%;
       scroll-snap-align: start;
       margin: 0;
       /* Gap regelt den Abstand */
     }

     /* Letzte Karte noch etwas Abstand zum rechten Rand geben */
     .kuji-prize-card:last-child {
       margin-right: 4px;
     }
   }

   /* ========== MOBILE ONLY ========== */
   @media (max-width: 768px) {

     /* Pills allgemein */
     .kuji-mini-list {
       display: grid;
       grid-template-columns: repeat(4, 1fr);
       gap: 12px;
       padding: 0 8px;
     }

     .kuji-mini-item {
       min-height: 88px;
       padding: 10px 6px;
       border-radius: 16px;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
       /* vertikal zentriert */
       text-align: center;
     }

     /* Kreis mit Buchstabe / LAST */
     .kuji-mini-badge,
     .kuji-mini-item__badge {
       width: 46px;
       height: 46px;
       min-width: 46px;
       border-radius: 50%;
       background: #000;
       color: #fff;
       font-size: 14px;
       font-weight: 600;
       display: flex;
       align-items: center;
       justify-content: center;
       /* Buchstabe zentriert */
       margin: 0 auto 6px;
     }

     /* Bereich für den Count */
     .kuji-mini-item__right {
       margin-top: 2px;
       width: 100%;
       display: flex;
       justify-content: center;
     }

     .kuji-mini-item__stock-count {
       display: flex;
       align-items: baseline;
       justify-content: center;
       gap: 2px;
       font-size: 14px;
       font-weight: 600;
       text-align: center;
     }

     /* Falls du vorher Slash/Total ausgeblendet hast: wieder aktivieren */
     .kuji-mini-item__slash,
     .kuji-mini-item__stock-count span:last-child {
       display: inline-block !important;
     }

     /* Optional: Farben für aktuellen Count */
     .kuji-mini-item__stock-count .available {
       color: #1fb874;
       /* Grün */
     }

     .kuji-mini-item__stock-count .soldout {
       color: #f93030;
       /* Rot */
     }
   }

   /* MOBILE: Count immer unten links fixieren */
   @media (max-width: 749px) {

     /* Karte als Position-Referenz */
     .kuji-prize-card {
       position: relative;
     }

     /* Body bekommt unten Platz für die fixierte Count-Zeile */
     .kuji-prize-card__body {
       padding-bottom: 40px;
     }

     /* Count-Bereich unten links festpinnen */
     .kuji-prize-card__stock {
       position: absolute;
       left: 20px;
       bottom: 16px;
       display: flex;
       align-items: baseline;
       gap: 4px;
     }
   }

   /* MOBILE: Swipe-Hinweis unter dem Slider */
   @media (max-width: 749px) {
     .kuji-mobile-swipe-hint {
       margin-top: 8px;
       display: flex;
       flex-direction: column;
       align-items: center;
       gap: 4px;
       font-size: 11px;
       line-height: 1.3;
       color: #999;
     }

     .kuji-mobile-swipe-hint__line {
       width: 44px;
       height: 4px;
       border-radius: 999px;
       background: #e3e3e3;
       position: relative;
       overflow: hidden;
     }

     .kuji-mobile-swipe-hint__line::after {
       content: '';
       position: absolute;
       inset: 0;
       background: linear-gradient(90deg, transparent 0%, #111 50%, transparent 100%);
       animation: kujiSwipeHint 1.4s infinite;
     }

     @keyframes kujiSwipeHint {
       0% {
         transform: translateX(-100%);
       }

       100% {
         transform: translateX(100%);
       }
     }
   }