.elementor-6952 .elementor-element.elementor-element-68d3a78{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-6952 .elementor-element.elementor-element-68d3a78.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6952 .elementor-element.elementor-element-06303a8{--display:flex;}.elementor-6952 .elementor-element.elementor-element-ff8fd31{text-align:center;}.elementor-6952 .elementor-element.elementor-element-ff8fd31 .elementor-heading-title{font-family:"Secular One", Sans-serif;color:#F9F8F5;}.elementor-6952 .elementor-element.elementor-element-6f90239{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-6952 .elementor-element.elementor-element-6f90239.elementor-element{--align-self:center;}.elementor-6952 .elementor-element.elementor-element-dcfd638{--display:flex;}.elementor-6952 .elementor-element.elementor-element-3c9ee09 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:40px 0px 0px 0px;}.elementor-6952 .elementor-element.elementor-element-3c9ee09 .elementor-heading-title{font-family:"Secular One", Sans-serif;color:var( --e-global-color-astglobalcolor4 );}.elementor-6952 .elementor-element.elementor-element-840b4b6{--display:flex;}.elementor-6952 .elementor-element.elementor-element-af555b5{--display:flex;}.elementor-6952 .elementor-element.elementor-element-9633f57.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-6952 .elementor-element.elementor-element-9633f57.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-6952 .elementor-element.elementor-element-3517bf3 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-6952 .elementor-element.elementor-element-3517bf3 .elementor-button{font-family:"Varela Round", Sans-serif;font-size:19px;}@media(max-width:1024px){.elementor-6952 .elementor-element.elementor-element-3c9ee09 .elementor-heading-title{font-size:50px;}.elementor-6952 .elementor-element.elementor-element-9633f57.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-6952 .elementor-element.elementor-element-3517bf3 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-6952 .elementor-element.elementor-element-3517bf3 .elementor-button{padding:20px 20px 20px 20px;}}@media(min-width:768px){.elementor-6952 .elementor-element.elementor-element-68d3a78{--width:110.782%;}.elementor-6952 .elementor-element.elementor-element-06303a8{--width:1140px;}.elementor-6952 .elementor-element.elementor-element-dcfd638{--width:1140px;}}@media(max-width:1024px) and (min-width:768px){.elementor-6952 .elementor-element.elementor-element-06303a8{--width:85%;}.elementor-6952 .elementor-element.elementor-element-dcfd638{--width:85%;}.elementor-6952 .elementor-element.elementor-element-840b4b6{--content-width:85%;}}@media(max-width:767px){.elementor-6952 .elementor-element.elementor-element-ff8fd31 .elementor-heading-title{font-size:45px;}.elementor-6952 .elementor-element.elementor-element-3c9ee09 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6952 .elementor-element.elementor-element-3c9ee09{text-align:center;}.elementor-6952 .elementor-element.elementor-element-3c9ee09 .elementor-heading-title{font-size:30px;}.elementor-6952 .elementor-element.elementor-element-af555b5{--width:85%;}.elementor-6952 .elementor-element.elementor-element-af555b5.e-con{--align-self:center;}.elementor-6952 .elementor-element.elementor-element-9633f57.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-6952 .elementor-element.elementor-element-3517bf3 > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-6952 .elementor-element.elementor-element-3517bf3 .elementor-button{font-size:16px;}}/* Start custom CSS for html, class: .elementor-element-6f90239 *//* --- Clean Miniature Info Box --- */
.mini-info {
    direction: rtl;
    text-align: right;
    margin: 0 auto 30px auto;
    padding: 28px 32px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 16px;
    backdrop-filter: blur(12px);
    color: #e8e8ff;
    line-height: 1.55;
    font-size: 17px;
    font-weight: 300;
    box-shadow: 0 0 12px rgba(120, 90, 255, 0.15);
    transition: box-shadow .25s ease;
    font-family: varela round;
}
.mini-info:hover {
    box-shadow: 0 0 18px rgba(140, 110, 255, 0.28);
}
.mini-info h2 {
    font-family: "Secular One", Sans-serif;
    background: linear-gradient(200deg, #f4d03f 0%, #f39c12 50%, #e67e22 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 8px;
}
.mini-info h3 {
    margin-bottom: 24px;
    font-weight: 600;
    font-size: 1.3em;
}

/* --- Raffle Tiers Row --- */
.raffle-tiers {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.tier-card {
    flex: 1;
    min-width: 140px;
    max-width: 180px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 24px 16px;
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.tier-card:hover {
    transform: translateY(-3px);
}

.tier-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 14px auto;
    opacity: 0.9;
}
.tier-icon svg {
    width: 100%;
    height: 100%;
}

.tier-label {
    font-family: "Secular One", Sans-serif;
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 4px;
    letter-spacing: 1px;
}

.tier-entries {
    font-size: 0.9em;
    opacity: 0.7;
}

/* --- Tier Colors --- */
.tier-small .tier-icon { color: #f1f505; }
.tier-small .tier-label { color: #f1f505; }
.tier-small:hover { border-color: rgba(241, 245, 5, 0.4); }

.tier-medium .tier-icon { color: #f58d05; }
.tier-medium .tier-label { color: #f58d05; }
.tier-medium:hover { border-color: rgba(245, 141, 5, 0.4); }

.tier-large .tier-icon { color: #05f5b5; }
.tier-large .tier-label { color: #05f5b5; }
.tier-large:hover { border-color: rgba(5, 245, 181, 0.4); }

.tier-titan .tier-icon { color: #4df505; }
.tier-titan .tier-label { color: #4df505; }
.tier-titan:hover { border-color: rgba(77, 245, 5, 0.4); }

/* --- Mobile --- */
@media screen and (max-width: 768px) {
    .mini-info {
        padding: 20px;
        font-size: 15px;
        border-radius: 12px;
        max-width: calc(100% - 32px);
    }
    .mini-info h2 { font-size: 1.4em; }
    .mini-info h3 { font-size: 1em; }
    .raffle-tiers { gap: 12px; }
    .tier-card {
        min-width: 110px;
        max-width: 150px;
        padding: 18px 12px;
    }
    .tier-icon { width: 40px; height: 40px; }
}

@media screen and (max-width: 480px) {
    .mini-info {
        padding: 16px;
        font-size: 14px;
        max-width: calc(100% - 24px);
    }
    .mini-info h2 { font-size: 1.2em; }
    .mini-info h3 { font-size: 0.9em; margin-bottom: 16px; }
    .raffle-tiers {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .tier-card {
        min-width: unset;
        max-width: unset;
        padding: 16px 10px;
    }
    .tier-icon { width: 36px; height: 36px; margin-bottom: 10px; }
    .tier-label { font-size: 0.85em; }
    .tier-entries { font-size: 0.8em; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dcfd638 *//* ================================
   SORTING DROPDOWN — COSMIC STYLE
================================== */

/* Wrapper */
.woocommerce-ordering,
.woocommerce-ordering select {
    z-index: 1000 !important;
}

/* Select field */
.woocommerce-ordering select {
    background: rgba(10, 8, 28, 0.55) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 14px !important;

    border: 1px solid rgba(120, 70, 255, 0.45) !important;
    padding: 12px 16px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 15px !important;

    box-shadow:
        0 0 18px rgba(120, 70, 255, 0.3),
        0 0 24px rgba(60, 160, 255, 0.2) inset !important;

    cursor: pointer !important;
    width: 220px !important;
}

/* Arrow icon (forces white arrow) */
.woocommerce-ordering select {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='14' viewBox='0 0 20 20' width='14' xmlns='http://www.w3.org/2000/svg'><path d='M5.3 7.3a1 1 0 011.4 0L10 10.6l3.3-3.3a1 1 0 111.4 1.4l-4 4a1 1 0 01-1.4 0l-4-4a1 1 0 010-1.4z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
}

/* Hover */
.woocommerce-ordering select:hover {
    border-color: rgba(120, 70, 255, 0.7) !important;
    box-shadow:
        0 0 26px rgba(120, 70, 255, 0.4),
        0 0 40px rgba(60, 160, 255, 0.25) inset !important;
}

/* Dropdown menu itself */
select option {
    background: #0f0b28 !important;
    color: #ffffff !important;
    padding: 10px !important;
    font-weight: 500 !important;
}

select option:hover {
    background: #1a1536 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af555b5 */.neon-cat-box {
    background: rgba(10,8,28,0.55);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-radius: 22px;
    padding: 22px;
    border: 1px solid rgba(120,70,255,0.25);
    box-shadow:
        0 0 40px rgba(120,70,255,0.15),
        0 0 80px rgba(60,160,255,0.15) inset;
    color: #fff;
}


/* ======================================================
   MAKE ELEMENTOR TAB BUTTONS LOOK LIKE YOUR GLOW BUTTON
====================================================== */

/* Elementor tab navbar */
.neon-cat-box .elementor-tab-title {
    display: block;
    width: 100%;
    padding: 14px 18px;
    margin-bottom: 14px;

    background: rgba(10,8,28,0.75);
    border-radius: 18px;

    color: #fff !important;
    font-size: 17px;
    letter-spacing: 0.5px;
    text-align: left;
    border: 1px solid rgba(120,70,255,0.15);

    transition: all 0.3s ease;
    cursor: pointer;
}

/* Hover */
.neon-cat-box .elementor-tab-title:hover {
    background: rgba(20,18,48,0.9);
    box-shadow:
        0 0 12px rgba(120,70,255,0.4),
        0 0 22px rgba(60,160,255,0.3);
}

/* ACTIVE TAB — EXACT GLOW LIKE YOUR IMAGE */
.neon-cat-box .elementor-tab-title.elementor-active {
    background: linear-gradient(135deg, #1e2f57, #0d1226);
    border: 1px solid rgba(120,70,255,0.65);

    box-shadow:
        0 0 12px rgba(120,70,255,0.45),
        0 0 20px rgba(60,160,255,0.35),
        inset 0 0 18px rgba(90,50,255,0.35);

    color: #fff !important;
}

/* Remove Elementor’s default blue underline */
.neon-cat-box .elementor-tab-title:after {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-840b4b6 *//* ================================
   SORTING DROPDOWN — COSMIC STYLE
================================== */

/* Wrapper */
.woocommerce-ordering,
.woocommerce-ordering select {
    z-index: 1000 !important;
}

/* Select field */
.woocommerce-ordering select {
    background: rgba(10, 8, 28, 0.55) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 14px !important;

    border: 1px solid rgba(120, 70, 255, 0.45) !important;
    padding: 12px 16px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 15px !important;

    box-shadow:
        0 0 18px rgba(120, 70, 255, 0.3),
        0 0 24px rgba(60, 160, 255, 0.2) inset !important;

    cursor: pointer !important;
    width: 220px !important;
}

/* Arrow icon (forces white arrow) */
.woocommerce-ordering select {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='14' viewBox='0 0 20 20' width='14' xmlns='http://www.w3.org/2000/svg'><path d='M5.3 7.3a1 1 0 011.4 0L10 10.6l3.3-3.3a1 1 0 111.4 1.4l-4 4a1 1 0 01-1.4 0l-4-4a1 1 0 010-1.4z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
}

/* Hover */
.woocommerce-ordering select:hover {
    border-color: rgba(120, 70, 255, 0.7) !important;
    box-shadow:
        0 0 26px rgba(120, 70, 255, 0.4),
        0 0 40px rgba(60, 160, 255, 0.25) inset !important;
}

/* Dropdown menu itself */
select option {
    background: #0f0b28 !important;
    color: #ffffff !important;
    padding: 10px !important;
    font-weight: 500 !important;
}

select option:hover {
    background: #1a1536 !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3517bf3 */.cta-btn .elementor-button {
  background: rgba(255,255,255,0.04);
  border: 2px solid rgba(230, 200, 255, 0.65);
  color: #ffffff;
  padding: 16px 38px;
  font-size: 18px;
  border-radius: 12px;
  backdrop-filter: blur(4px);
  transition: 0.25s ease;
  box-shadow: 0 0 14px rgba(180, 120, 255, 0.45);
}

.cta-btn .elementor-button:hover {
  background: rgba(255,255,255,0.15);
  border-color: #ffffff;
  transform: translateY(-3px);
  box-shadow: 0 0 28px rgba(220, 180, 255, 0.8);
}

/* ===========================
   RESPONSIVE
   =========================== */

@media (max-width: 700px) {

  .cta-btn .elementor-button {
    padding: 14px 30px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68d3a78 */.orderby{
    display: none;
}/* End custom CSS */