/** Shopify CDN: Minification failed

Line 1009:21 Expected identifier but found "!"
Line 2045:0 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;
}

.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%); }
  }
}