/* Generated from resources/views/layouts/frontLayout/*.blade.php */


/* ===== account.blade.php ===== */

.bs-example{
            margin: 20px;
        }
        .panel-title .glyphicon{
            font-size: 14px;
        }


/* ===== card.blade.php ===== */

/* ================================================================
   CART PAGE - GLASS DESIGN
================================================================ */

/* breadcrumb */
.cart-bc {
  position:relative;z-index:2;
  padding:20px 48px 0;max-width:1300px;margin:0 auto;
  display:flex;align-items:center;gap:8px;
  font-size:.75rem;color:var(--muted);
}
.cart-bc a{color:var(--muted);text-decoration:none;transition:color .2s;}
.cart-bc a:hover{color:var(--cyan);}
.cart-bc-sep{color:rgba(255,255,255,.15);}

/* page wrap */
.cart-wrap {
  position:relative;z-index:2;
  max-width:1300px;margin:0 auto;
  padding:24px 48px 80px;
}

/* header */
.cart-eyebrow {
  display:inline-flex;align-items:center;gap:10px;
  font-size:.65rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:var(--cyan);margin-bottom:10px;
}
.cart-eyebrow::before{content:'';width:24px;height:1px;background:var(--cyan);}
.cart-title {
  font-family:'Fraunces',serif;font-weight:900;
  font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.05;
  letter-spacing:-.5px;margin-bottom:32px;
}
.cart-title em{font-style:italic;color:var(--cyan);}

/* glass card base */
.crt-card {
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.1);border-radius:24px;
  box-shadow:0 8px 48px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06);
}

/* ── CART TABLE ── */
.cart-layout {
  display:grid;grid-template-columns:1fr 380px;
  gap:24px;align-items:start;
}

.cart-items-card { padding:28px 32px; }

/* table header */
.crt-thead {
  display:grid;
  grid-template-columns:1fr 120px 120px 120px 48px;
  gap:12px;padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.08);
  margin-bottom:8px;
}
.crt-thead span {
  font-size:.65rem;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;color:var(--muted);
}
.crt-thead span:not(:first-child){text-align:center;}

/* cart row */
.crt-row {
  display:grid;
  grid-template-columns:1fr 120px 120px 120px 48px;
  gap:12px;align-items:center;
  padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05);
  transition:background .2s;border-radius:12px;
  animation:crtRowIn .4s cubic-bezier(.16,1,.3,1) both;
}
@keyframes crtRowIn{from{opacity:0;transform:translateX(-10px);}to{opacity:1;transform:translateX(0);}}
.crt-row:hover{background:rgba(255,255,255,.02);}
.crt-row:last-child{border-bottom:none;}

/* product name */
.crt-prod {
  display:flex;align-items:center;gap:14px;
}
.crt-prod-ico {
  width:48px;height:48px;border-radius:12px;flex-shrink:0;
  background:linear-gradient(135deg,rgba(0,229,255,.12),rgba(124,58,255,.12));
  border:1px solid rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;
  font-size:1.3rem;
}
.crt-prod-name {
  font-size:.9rem;font-weight:600;color:rgba(255,255,255,.9);
  text-decoration:none;transition:color .2s;line-height:1.35;
}
.crt-prod-name:hover{color:var(--cyan);}
.crt-prod-badge {
  display:inline-block;margin-top:4px;
  padding:2px 8px;border-radius:100px;
  font-size:.58rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  background:rgba(0,229,255,.1);border:1px solid rgba(0,229,255,.2);color:var(--cyan);
}

/* price */
.crt-price {
  font-family:'Fraunces',serif;font-style:italic;
  font-size:1rem;font-weight:700;color:rgba(255,255,255,.75);
  text-align:center;
}

/* qty control */
.crt-qty {
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
  border-radius:12px;overflow:hidden;
}
.crt-qty-btn {
  width:34px;height:34px;display:flex;align-items:center;justify-content:center;
  font-size:1rem;color:rgba(255,255,255,.5);text-decoration:none;
  transition:all .2s;background:transparent;border:none;cursor:pointer;
}
.crt-qty-btn:hover{background:rgba(0,229,255,.1);color:var(--cyan);}
.crt-qty-btn--dis{color:rgba(255,255,255,.15);cursor:not-allowed;}
.crt-qty-btn--dis:hover{background:transparent;color:rgba(255,255,255,.15);}
.crt-qty-num {
  width:36px;text-align:center;font-size:.9rem;font-weight:700;
  color:var(--white);background:transparent;border:none;outline:none;
}

/* subtotal */
.crt-sub {
  font-family:'Fraunces',serif;font-style:italic;
  font-size:1.05rem;font-weight:900;color:var(--cyan);text-align:center;
}

/* remove */
.crt-del {
  width:34px;height:34px;border-radius:10px;
  background:rgba(255,45,120,.06);border:1px solid rgba(255,45,120,.15);
  color:rgba(255,45,120,.5);display:flex;align-items:center;justify-content:center;
  font-size:.9rem;text-decoration:none;transition:all .25s;cursor:auto;margin:0 auto;
}
.crt-del:hover{background:rgba(255,45,120,.15);border-color:rgba(255,45,120,.4);color:var(--pink);}

/* discount row */
.crt-row-discount {
  background:rgba(0,255,180,.03)!important;
  border:1px solid rgba(0,255,180,.1)!important;
  border-radius:12px;padding:12px 16px;margin:8px 0;
  display:flex;align-items:center;justify-content:space-between;
  animation:crtRowIn .4s cubic-bezier(.16,1,.3,1) both;
}
.crt-discount-label{font-size:.78rem;color:var(--muted);}
.crt-discount-code{font-weight:700;color:var(--green);}
.crt-discount-val{font-family:'Fraunces',serif;font-style:italic;font-size:1.1rem;color:var(--green);}

/* empty cart */
.crt-empty {
  padding:60px 0;text-align:center;
}
.crt-empty-ico{font-size:3rem;margin-bottom:16px;opacity:.3;}
.crt-empty-text{font-size:.9rem;color:var(--muted);margin-bottom:24px;}

/* ── RIGHT COLUMN ── */
.cart-right{display:flex;flex-direction:column;gap:16px;position:sticky;top:88px;}

/* summary card */
.crt-summary{padding:28px;}
.crt-sum-title{
  font-size:.65rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:var(--muted);margin-bottom:20px;
}
.crt-sum-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);
}
.crt-sum-row:last-of-type{border-bottom:none;}
.crt-sum-k{font-size:.82rem;color:var(--muted);}
.crt-sum-v{font-size:.9rem;font-weight:600;color:rgba(255,255,255,.85);}
.crt-sum-total{
  margin-top:16px;padding:18px 20px;border-radius:14px;
  background:rgba(0,229,255,.06);border:1px solid rgba(0,229,255,.15);
  display:flex;align-items:center;justify-content:space-between;
}
.crt-sum-total-k{font-size:.85rem;font-weight:700;color:rgba(255,255,255,.7);}
.crt-sum-total-v{
  font-family:'Fraunces',serif;font-style:italic;font-weight:900;
  font-size:2rem;color:var(--cyan);
}

/* coupon card */
.crt-coupon{padding:24px 28px;}
.crt-coupon-title{
  font-size:.65rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:var(--muted);margin-bottom:16px;
}
.crt-coupon-row{display:flex;gap:10px;}
.crt-coupon-input{
  flex:1;padding:12px 16px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;
  font-family:'Outfit',sans-serif;font-size:.88rem;color:var(--white);outline:none;
  transition:all .3s;
}
.crt-coupon-input::placeholder{color:rgba(255,255,255,.2);}
.crt-coupon-input:focus{border-color:rgba(0,229,255,.35);background:rgba(255,255,255,.07);box-shadow:0 0 0 3px rgba(0,229,255,.08);}
.crt-coupon-btn{
  padding:12px 20px;border-radius:12px;border:none;
  background:rgba(0,229,255,.1);border:1px solid rgba(0,229,255,.2);
  color:var(--cyan);font-family:'Outfit',sans-serif;font-size:.82rem;font-weight:700;
  cursor:auto;transition:all .25s;white-space:nowrap;
}
.crt-coupon-btn:hover{background:rgba(0,229,255,.2);box-shadow:0 0 20px rgba(0,229,255,.15);}

/* order form */
.crt-form{padding:28px;}
.crt-form-title{
  font-size:.65rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:var(--muted);margin-bottom:20px;
}
.crt-form-group{margin-bottom:16px;}
.crt-label{font-size:.78rem;font-weight:600;color:rgba(255,255,255,.6);margin-bottom:8px;display:block;}
.crt-input{
  width:100%;padding:13px 16px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;
  font-family:'Outfit',sans-serif;font-size:.88rem;color:var(--white);outline:none;
  transition:all .3s;
}
.crt-input::placeholder{color:rgba(255,255,255,.2);}
.crt-input:focus{border-color:rgba(0,229,255,.35);background:rgba(255,255,255,.07);box-shadow:0 0 0 3px rgba(0,229,255,.08);}
.crt-select{
  width:100%;padding:13px 16px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;
  font-family:'Outfit',sans-serif;font-size:.88rem;color:var(--white);outline:none;
  transition:all .3s;cursor:auto;
  -webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(255,255,255,0.3)' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;
  padding-right:36px;
}
.crt-select:focus{border-color:rgba(0,229,255,.35);background-color:rgba(255,255,255,.07);}
.crt-select option{background:#0e0b1f;color:var(--white);}

/* checkboxes */
.crt-check-group{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;}
.crt-check{display:flex;align-items:flex-start;gap:10px;cursor:auto;}
.crt-check input[type="checkbox"]{
  width:16px;height:16px;border-radius:5px;margin-top:2px;
  accent-color:var(--cyan);cursor:auto;flex-shrink:0;
}
.crt-check-text{font-size:.78rem;color:var(--muted);line-height:1.5;}
.crt-check-text a{color:var(--cyan);text-decoration:none;}
.crt-check-text a:hover{color:#fff;}

/* checkbox warning */
.crt-check-warn {
  display:none;
  padding:10px 14px;border-radius:10px;margin-bottom:14px;
  background:rgba(255,45,120,.08);border:1px solid rgba(255,45,120,.25);
  font-size:.78rem;color:var(--pink);font-weight:600;
  animation:crtShake .4s cubic-bezier(.36,.07,.19,.97);
}
@keyframes crtShake{
  10%,90%{transform:translateX(-2px);}
  20%,80%{transform:translateX(4px);}
  30%,50%,70%{transform:translateX(-4px);}
  40%,60%{transform:translateX(4px);}
}
.crt-check-warn.show{display:block;}

.crt-btn-hint {
  text-align:center;font-size:.72rem;color:var(--muted);
  margin-top:8px;transition:opacity .3s;
}
.crt-btn-hint.hidden{opacity:0;pointer-events:none;}
.crt-check input[type="checkbox"]{
  width:18px;height:18px;border-radius:5px;
  accent-color:var(--cyan);cursor:auto;flex-shrink:0;
}
/* pay button */
.crt-pay-btn{
  width:100%;padding:17px 24px;border-radius:14px;border:none;
  background:linear-gradient(135deg,var(--cyan),var(--violet));
  color:#fff;font-family:'Outfit',sans-serif;font-size:1rem;font-weight:800;
  letter-spacing:.5px;cursor:auto;position:relative;overflow:hidden;
  transition:all .3s cubic-bezier(.4,0,.2,1);
  box-shadow:0 8px 32px rgba(0,229,255,.25);
  display:flex;align-items:center;justify-content:center;gap:10px;
}
.crt-pay-btn::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);
  opacity:0;transition:opacity .3s;
}
.crt-pay-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 44px rgba(0,229,255,.4);}
.crt-pay-btn:hover:not(:disabled)::before{opacity:1;}
/* disabled state - subtle, not ugly */
.crt-pay-btn:disabled{
  background:linear-gradient(135deg,rgba(0,229,255,.25),rgba(124,58,255,.25))!important;
  box-shadow:none!important;cursor:not-allowed;
  color:rgba(255,255,255,.4)!important;
  transform:none!important;
}
.crt-pay-btn:disabled::before{display:none;}
  width:100%;padding:17px 24px;border-radius:14px;border:none;
  background:linear-gradient(135deg,var(--cyan),var(--violet));
  color:#fff;font-family:'Outfit',sans-serif;font-size:1rem;font-weight:800;
  letter-spacing:.5px;cursor:auto;position:relative;overflow:hidden;
  transition:all .3s cubic-bezier(.4,0,.2,1);
  box-shadow:0 8px 32px rgba(0,229,255,.25);
  display:flex;align-items:center;justify-content:center;gap:10px;
}
.crt-pay-btn::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);
  opacity:0;transition:opacity .3s;
}
.crt-pay-btn:hover{transform:translateY(-2px);box-shadow:0 14px 44px rgba(0,229,255,.4);}
.crt-pay-btn:hover::before{opacity:1;}

/* trust mini */
.crt-trust{
  display:flex;flex-direction:column;gap:8px;
  padding:18px 22px;
}
.crt-trust-item{display:flex;align-items:center;gap:10px;font-size:.76rem;color:rgba(255,255,255,.55);}
.crt-trust-ico{font-size:.9rem;flex-shrink:0;width:18px;text-align:center;}

/* back link */
.crt-back{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 20px;border-radius:12px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
  color:rgba(255,255,255,.5);font-size:.82rem;font-weight:600;
  text-decoration:none;transition:all .25s;cursor:auto;margin-bottom:24px;
}
.crt-back:hover{background:rgba(255,255,255,.08);color:var(--white);}

/* responsive */
@media(max-width:1024px){
  .cart-layout{grid-template-columns:1fr;}
  .cart-right{position:static;}
  .cart-wrap{padding:20px 24px 60px;}
  .cart-bc{padding-left:24px;padding-right:24px;}
}
@media(max-width:640px){
  .cart-items-card{padding:20px 18px;}
  .crt-thead{display:none;}
  .crt-row{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto auto;gap:10px;
    padding:16px 12px;
  }
  .crt-prod{grid-column:1/-1;}
  .crt-price{text-align:left;}
  .crt-del{margin:0;}
}


/* ===== catalog.blade.php ===== */

/* ================================================================
   CATALOG PAGE - GLASS DESIGN
================================================================ */

/* breadcrumb */
.cat-bc {
  position: relative; z-index: 2;
  padding: 20px 48px 0; max-width: 1300px; margin: 0 auto;
  display: flex; align-items: center; gap: 8px;
  font-size: .75rem; color: var(--muted);
}
.cat-bc a { color: var(--muted); text-decoration: none; transition: color .2s; }
.cat-bc a:hover { color: var(--cyan); }
.cat-bc-sep { color: rgba(255,255,255,.15); }
.cat-bc-cur { color: rgba(255,255,255,.5); }

/* page wrap */
.cat-wrap {
  position: relative; z-index: 2;
  max-width: 1300px; margin: 0 auto;
  padding: 24px 48px 80px;
}

/* header */
.cat-header { margin-bottom: 32px; }
.cat-eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: .65rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase;
  color: var(--cyan); margin-bottom: 10px;
}
.cat-eyebrow::before { content: ''; width: 24px; height: 1px; background: var(--cyan); }
.cat-title {
  font-family: 'Fraunces', serif; font-weight: 900;
  font-size: clamp(1.8rem, 3.5vw, 2.8rem); line-height: 1.05;
  letter-spacing: -.5px; margin-bottom: 0;
}
.cat-title em { font-style: italic; color: var(--cyan); }

/* search bar */
.cat-search-wrap {
  position: relative; max-width: 620px; margin-bottom: 32px;
}
.cat-search-row {
  display: flex; align-items: center; gap: 12px;
}
.cat-search {
  flex: 1; padding: 16px 20px 16px 52px;
  background: rgba(255,255,255,.05);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.1); border-radius: 16px;
  font-family: 'Outfit', sans-serif; font-size: .95rem; font-weight: 500;
  color: var(--white); outline: none;
  transition: all .3s; box-shadow: 0 4px 24px rgba(0,0,0,.3);
}
.cat-search::placeholder { color: rgba(255,255,255,.2); }
.cat-search:focus {
  border-color: rgba(0,229,255,.4);
  background: rgba(255,255,255,.07);
  box-shadow: 0 0 0 4px rgba(0,229,255,.07), 0 4px 24px rgba(0,0,0,.3);
}
.cat-search-ico {
  position: absolute; left: 18px; top: 50%; transform: translateY(-50%);
  color: rgba(255,255,255,.2); font-size: 1rem; pointer-events: none;
  transition: color .3s;
}
.cat-search-wrap:focus-within .cat-search-ico { color: var(--cyan); }
.cat-search-clear {
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  width: 24px; height: 24px; border-radius: 50%;
  background: rgba(255,255,255,.08); border: none;
  color: rgba(255,255,255,.4); font-size: .7rem;
  display: none; align-items: center; justify-content: center;
  cursor: pointer; transition: all .2s;
}
.cat-search-clear:hover { background: rgba(255,45,120,.2); color: var(--pink); }
.cat-search-wrap.has-value .cat-search-clear { display: flex; }
.cat-search-count {
  font-size: .75rem; color: var(--muted); margin-top: 8px;
  min-height: 18px; transition: all .3s;
  padding-left: 4px;
}
.cat-search-count span { color: var(--cyan); font-weight: 700; }

/* content area */
#content { min-height: 400px; }

/* loading state */
.cat-loading {
  display: flex; align-items: center; justify-content: center;
  padding: 80px 0; color: var(--muted); gap: 12px; font-size: .88rem;
}
.cat-spinner {
  width: 20px; height: 20px; border-radius: 50%;
  border: 2px solid rgba(0,229,255,.2);
  border-top-color: var(--cyan);
  animation: catSpin .7s linear infinite;
}
@keyframes catSpin { to { transform: rotate(360deg); } }

/* ── GAME CARDS GRID (injected by AJAX) ── */
/* These styles apply to pagination_data output */
.cat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
  margin-bottom: 32px;
}

/* game card */
.cat-card {
  cursor: pointer; overflow: hidden; position: relative;
  transition: all .4s cubic-bezier(.4,0,.2,1);
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  display: flex; flex-direction: column;
  text-decoration: none;
}
.cat-card:hover {
  transform: translateY(-8px) scale(1.02);
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 24px 60px rgba(0,0,0,.7);
}
.cat-card-img {
  display: block; position: relative; overflow: hidden;
  aspect-ratio: 16/9;
}
.cat-card-img img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform .55s cubic-bezier(.4,0,.2,1), filter .35s;
  filter: brightness(.82) saturate(.85);
}
.cat-card:hover .cat-card-img img {
  transform: scale(1.08); filter: brightness(1) saturate(1.1);
}
.cat-card-over {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 40%, rgba(6,4,15,.9) 100%);
}
.cat-card-tag {
  position: absolute; top: 10px; left: 10px;
  padding: 3px 10px; border-radius: 100px;
  background: rgba(0,229,255,.15); border: 1px solid rgba(0,229,255,.3);
  font-size: .58rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;
  color: var(--cyan);
}
.cat-card-cta {
  position: absolute; bottom: 0; left: 0; right: 0; padding: 10px;
  text-align: center;
  background: rgba(0,229,255,.12); backdrop-filter: blur(8px);
  border-top: 1px solid rgba(0,229,255,.2);
  font-size: .65rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;
  color: var(--cyan);
  transform: translateY(100%); transition: transform .3s cubic-bezier(.4,0,.2,1);
}
.cat-card:hover .cat-card-cta { transform: translateY(0); }
.cat-card-body { padding: 12px 14px 16px; flex: 1; }
.cat-card-name {
  font-size: .85rem; font-weight: 600; line-height: 1.35;
  margin-bottom: 8px; color: rgba(255,255,255,.9);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.cat-card-name a { color: inherit; text-decoration: none; }
.cat-card-name a:hover { color: var(--cyan); }
.cat-card-footer { display: flex; align-items: center; justify-content: space-between; }
.cat-card-price {
  font-family: 'Fraunces', serif; font-style: italic;
  font-size: 1rem; color: var(--cyan);
}
.cat-card-btn {
  width: 30px; height: 30px; border-radius: 8px;
  background: rgba(0,229,255,.08); border: 1px solid rgba(0,229,255,.2);
  color: var(--cyan); font-size: 1.1rem;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; transition: all .3s; text-decoration: none;
}
.cat-card-btn:hover { background: var(--cyan); color: #000; }

/* pagination - aggressive override of old styles */
.paginations,
#content .paginations,
#content nav,
#content .pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  margin-top: 40px !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
.paginations ul,
#content .paginations ul,
#content .pagination ul {
  display: flex !important;
  gap: 6px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  flex-wrap: wrap !important;
  background: transparent !important;
  border: none !important;
}
.paginations li,
#content .paginations li,
#content .pagination li {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.paginations li a,
.paginations li span,
#content .paginations li a,
#content .paginations li span,
#content .pagination li a,
#content .pagination li span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.55) !important;
  text-decoration: none !important;
  transition: all .25s !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
.paginations li a:hover,
#content .paginations li a:hover,
#content .pagination li a:hover {
  background: rgba(0,229,255,.1) !important;
  border-color: rgba(0,229,255,.3) !important;
  color: var(--cyan) !important;
  transform: translateY(-2px) !important;
}
.paginations li.active a,
.paginations li.active span,
#content .paginations li.active a,
#content .paginations li.active span,
#content .pagination li.active a,
#content .pagination li.active span {
  background: linear-gradient(135deg, rgba(0,229,255,.2), rgba(124,58,255,.2)) !important;
  border-color: rgba(0,229,255,.4) !important;
  color: var(--cyan) !important;
  box-shadow: 0 0 20px rgba(0,229,255,.15) !important;
}

/* ================================================================
   PAGINATION_DATA - UNIVERSAL GLASS OVERRIDE
================================================================ */
#content .row,#content .products-row,#content .product-list {
  display:grid!important;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;
  gap:14px!important;background:transparent!important;margin:0!important;padding:0!important;
}
@media(max-width:480px){
  #content .row,#content .products-row,#content .product-list {
    grid-template-columns:repeat(2,1fr)!important;
    gap:10px!important;
  }
}
#content .col-lg-4,#content .col-md-4,#content .col-sm-6,#content .col-sm-5,
#content .col-xs-6,#content .col-xs-12,#content .col-lg-3,#content .col-md-3,
#content [class*="col-"] {
  padding:0!important;margin:0!important;width:auto!important;
  flex:none!important;max-width:none!important;min-width:0!important;
}

/* kill all backgrounds */
#content,#content>*,#content .container,#content .row>* { background:transparent!important; }
#content a { color:inherit!important;text-decoration:none!important; }
#content p { font-family:'Fraunces',serif!important;font-style:italic!important;font-size:.95rem!important;font-weight:700!important;color:var(--cyan)!important;background:transparent!important;margin:0!important; }
#content h3,#content h4,#content h5 { font-family:'Outfit',sans-serif!important;font-size:.88rem!important;font-weight:600!important;color:rgba(255,255,255,.9)!important;margin-bottom:8px!important;line-height:1.35!important;background:transparent!important; }
#content h3 a,#content h4 a { color:rgba(255,255,255,.9)!important;text-decoration:none!important; }
#content img { width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important;display:block!important;border-radius:0!important; }

/* gcard grid */
.gcard-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 32px;
}
@media (max-width: 1400px) {
  .gcard-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1100px) {
  .gcard-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .gcard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .gcard-grid { grid-template-columns: 1fr; }
}

.product-catalog-pagination {
  display: flex;
  justify-content: center;
  margin-top: 28px;
}
.product-catalog-pagination .pagination {
  gap: 10px;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.product-catalog-pagination .page-item {
  list-style: none;
}
.product-catalog-pagination .page-link,
.product-catalog-pagination .page-item span {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.82) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 10px 30px rgba(0,0,0,.18);
  font-weight: 700;
  transition: .18s ease;
}
.product-catalog-pagination .page-link:hover {
  color: var(--cyan) !important;
  border-color: rgba(0,229,255,.45) !important;
  box-shadow: 0 0 0 3px rgba(0,229,255,.08), inset 0 1px 0 rgba(255,255,255,.04);
}
.product-catalog-pagination .page-item.active .page-link,
.product-catalog-pagination .page-item.active span {
  color: var(--cyan) !important;
  border-color: rgba(0,229,255,.55) !important;
  box-shadow: 0 0 0 3px rgba(0,229,255,.10), inset 0 1px 0 rgba(255,255,255,.04);
}
.product-catalog-pagination .page-item.disabled .page-link,
.product-catalog-pagination .page-item.disabled span {
  opacity: .45;
  cursor: default;
}
.gcard {
  background: rgba(255,255,255,.05)!important;
  backdrop-filter: blur(16px)!important;
  -webkit-backdrop-filter: blur(16px)!important;
  border: 1px solid rgba(255,255,255,.1)!important;
  border-radius: 18px!important;
  overflow: hidden!important;
  position: relative!important;
  transition: transform .4s cubic-bezier(.4,0,.2,1), border-color .4s, box-shadow .4s!important;
  box-shadow: 0 4px 20px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05)!important;
  cursor: pointer!important;
  display: flex!important;
  flex-direction: column!important;
}
.gcard:hover {
  transform: translateY(-10px) scale(1.025)!important;
  border-color: rgba(0,229,255,.35)!important;
  box-shadow:
    0 28px 64px rgba(0,0,0,.65),
    0 0 0 1px rgba(0,229,255,.15),
    inset 0 1px 0 rgba(255,255,255,.1)!important;
}
/* cyan line bottom */
.gcard::after {
  content:'';
  position:absolute;bottom:0;left:15%;right:15%;height:2px;
  background:linear-gradient(90deg,transparent,var(--cyan),transparent);
  opacity:0;transition:opacity .35s;border-radius:2px;
}
.gcard:hover::after { opacity:1; }

/* image wrapper */
.gcard-img {
  position:relative;overflow:hidden;
  aspect-ratio:16/9;display:block;
  background:rgba(0,0,0,.3);
}
.gcard-img img {
  width:100%!important;height:100%!important;
  object-fit:cover!important;display:block!important;
  transition:transform .55s cubic-bezier(.4,0,.2,1),filter .4s!important;
  filter:brightness(.82) saturate(.85)!important;
  aspect-ratio:unset!important;
}
.gcard:hover .gcard-img img {
  transform:scale(1.1)!important;
  filter:brightness(1) saturate(1.2)!important;
}
/* steam tag */
.gcard-tag {
  position:absolute;top:10px;left:10px;z-index:2;
  padding:3px 10px;border-radius:100px;
  background:rgba(0,0,0,.55);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.12);
  font-size:.58rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  color:rgba(255,255,255,.7);
}
/* hover CTA */
.gcard-cta {
  position:absolute;bottom:0;left:0;right:0;
  padding:10px;text-align:center;
  background:rgba(0,229,255,.14);backdrop-filter:blur(8px);
  border-top:1px solid rgba(0,229,255,.25);
  font-size:.65rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--cyan);
  transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);
  z-index:2;
}
.gcard:hover .gcard-cta { transform:translateY(0); }

/* body */
.gcard-body {
  padding:12px 14px 16px;flex:1;
  text-align:center;position:relative;z-index:1;
}
.gcard-body h3,.gcard-body h4,.gcard-body h5 {
  font-family:'Outfit',sans-serif!important;font-size:.88rem!important;font-weight:600!important;
  color:rgba(255,255,255,.9)!important;margin-bottom:8px!important;line-height:1.35!important;
  transition:color .2s!important;
}
.gcard:hover .gcard-body h3,.gcard:hover .gcard-body h4 { color:#fff!important; }
.gcard-body p {
  font-family:'Fraunces',serif!important;font-style:italic!important;
  font-size:.95rem!important;font-weight:700!important;
  color:var(--cyan)!important;margin:0!important;
  transition:color .2s!important;
}
.gcard:hover .gcard-body p { color:#fff!important; }

/* responsive */
@media(max-width:768px) {
  .cat-wrap { padding: 20px 20px 60px; }
  .cat-bc { padding-left: 20px; padding-right: 20px; }
  .cat-search-wrap { max-width: 100%; }
}


/* ===== cataloggame.blade.php ===== */

/* ================================================================
   CATALOGGAME PAGE - GLASS DESIGN
================================================================ */
 
/* breadcrumb */
.cg-bc {
  position: relative; z-index: 2;
  padding: 20px 48px 0; max-width: 1300px; margin: 0 auto;
  display: flex; align-items: center; gap: 8px;
  font-size: .75rem; color: var(--muted); flex-wrap: wrap;
}
.cg-bc a { color: var(--muted); text-decoration: none; transition: color .2s; }
.cg-bc a:hover { color: var(--cyan); }
.cg-bc-sep { color: rgba(255,255,255,.15); }
.cg-bc-cur { color: rgba(255,255,255,.5); }
 
/* main layout */
.cg-wrap {
  position: relative; z-index: 2;
  max-width: 1300px; margin: 0 auto;
  padding: 24px 48px 60px;
  display: grid; grid-template-columns: 1fr 440px;
  gap: 28px; align-items: start;
}
 
/* -- LEFT -- */
.cg-left { display: flex; flex-direction: column; gap: 16px; }
 
/* image stage */
.cg-img-card {
  padding: 0; overflow: hidden;
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.1); border-radius: 24px;
  box-shadow: 0 8px 48px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06);
}
.cg-stage { position: relative; overflow: hidden; border-radius: 22px 22px 0 0; }
.cg-stage .tab-pane { display: none; }
.cg-stage .tab-pane.active { display: block; }
.cg-main-img {
  width: 100%; height: auto; display: block;
  aspect-ratio: 16/9; object-fit: cover;
  transition: transform .5s cubic-bezier(.4,0,.2,1);
}
.cg-img-card:hover .cg-main-img { transform: scale(1.03); }
 
/* thumbs */
.cg-thumbs {
  display: flex; gap: 8px; padding: 14px 16px;
  border-top: 1px solid rgba(255,255,255,.06);
}
.cg-thumb {
  width: 72px; height: 72px; border-radius: 10px; overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  cursor: pointer; transition: all .25s; flex-shrink: 0;
}
.cg-thumb:hover, .cg-thumb.active { border-color: var(--cyan); box-shadow: 0 0 14px rgba(0,229,255,.2); }
.cg-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
 
/* spec card */
.cg-spec-card {
  padding: 22px 26px;
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.1); border-radius: 20px;
  box-shadow: 0 8px 48px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.06);
}
.cg-spec-title { font-size: .63rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--muted); margin-bottom: 14px; }
.cg-spec-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cg-spec-item { display: flex; flex-direction: column; gap: 2px; }
.cg-spec-k { font-size: .68rem; color: var(--muted); text-transform: uppercase; letter-spacing: 1px; }
.cg-spec-v { font-size: .85rem; font-weight: 600; color: rgba(255,255,255,.85); }
 
/* desc card */
.cg-desc-card {
  padding: 28px;
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.1); border-radius: 20px;
  box-shadow: 0 8px 48px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.06);
}
.cg-tabs { display: flex; gap: 4px; margin-bottom: 22px; flex-wrap: wrap; }
.cg-tab {
  padding: 8px 18px; border-radius: 10px; cursor: pointer;
  font-family: 'Outfit', sans-serif; font-size: .78rem; font-weight: 600;
  border: none; transition: all .25s; background: transparent; color: var(--muted);
}
.cg-tab.active { background: rgba(0,229,255,.1); color: var(--cyan); border: 1px solid rgba(0,229,255,.2); }
.cg-tab:not(.active):hover { color: var(--white); }
.cg-tab-content { display: none; }
.cg-tab-content.active { display: block; }
.cg-desc { color: rgba(255,255,255,.72); font-size: .9rem; line-height: 1.75; }
.cg-desc p { margin-bottom: .6rem; }
.cg-desc ul { margin-left: 1.2rem; margin-bottom: .6rem; }
.cg-desc strong { color: var(--white); font-weight: 700; }
.cg-desc h3, .cg-desc h4, .cg-desc h5 { color: var(--cyan); font-weight: 700; margin-bottom: 8px; font-size: .95rem; }
 
/* video embed */
.cg-video-wrap {
  position: relative; padding-bottom: 56.25%; height: 0;
  border-radius: 14px; overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
}
.cg-video-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; }
 
/* -- RIGHT: BUY BOX -- */
.cg-right { position: sticky; top: 88px; display: flex; flex-direction: column; gap: 14px; }
 
.cg-buy-card {
  padding: 28px;
  position: relative; overflow: hidden;
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.1); border-radius: 24px;
  box-shadow: 0 8px 48px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06);
}
.cg-buy-glow {
  position: absolute; width: 300px; height: 300px; border-radius: 50%;
  background: radial-gradient(circle, rgba(124,58,255,.08), transparent 65%);
  top: -80px; right: -80px; pointer-events: none;
  animation: cgGlow 8s ease-in-out infinite;
}
@keyframes cgGlow { 0%,100%{transform:scale(1);} 50%{transform:scale(1.12);} }
 
.cg-platform-badge {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 5px 14px; border-radius: 100px;
  background: rgba(0,229,255,.08); border: 1px solid rgba(0,229,255,.18);
  font-size: .62rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
  color: var(--cyan); margin-bottom: 16px;
}
.cg-plat-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); animation: cgBlink 1.4s infinite; }
@keyframes cgBlink { 0%,100%{opacity:1;} 50%{opacity:.15;} }
 
.cg-prod-title {
  font-family: 'Fraunces', serif; font-weight: 900;
  font-size: 1.5rem; line-height: 1.1; margin-bottom: 5px; color: var(--white);
}
.cg-prod-platform { font-size: .8rem; color: var(--muted); margin-bottom: 22px; }
.cg-prod-platform em { color: var(--cyan); font-style: normal; font-weight: 600; }
 
/* price block */
.cg-price-block {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 20px; border-radius: 14px; margin-bottom: 20px;
  background: rgba(0,229,255,.05); border: 1px solid rgba(0,229,255,.12);
}
.cg-price-main {
  font-family: 'Fraunces', serif; font-style: italic; font-weight: 900;
  font-size: 2.6rem; color: var(--white); line-height: 1;
}
.cg-price-cur { font-size: .75rem; color: var(--cyan); font-weight: 600; margin-bottom: 3px; }
.cg-price-promo { text-align: right; }
.cg-price-promo-code { font-size: .6rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--green); }
.cg-price-promo-val { font-family: 'Fraunces', serif; font-style: italic; font-size: 1.2rem; color: var(--green); }
 
/* qty */
.cg-qty-row { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.cg-qty-label { font-size: .78rem; color: var(--muted); font-weight: 500; }
.cg-qty-ctrl {
  display: flex; align-items: center;
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); border-radius: 12px; overflow: hidden;
}
.cg-qty-btn {
  width: 38px; height: 38px; background: transparent; border: none;
  color: var(--white); font-size: 1.1rem; cursor: pointer; transition: background .2s;
  display: flex; align-items: center; justify-content: center;
}
.cg-qty-btn:hover { background: rgba(255,255,255,.08); }
.cg-qty-num { width: 40px; text-align: center; font-size: .95rem; font-weight: 700; color: var(--white); background: transparent; border: none; outline: none; }
 
/* buttons */
.cg-btn-buy {
  width: 100%; padding: 16px 24px; border-radius: 14px; border: none;
  background: linear-gradient(135deg, var(--cyan), var(--violet));
  color: #fff; font-family: 'Outfit', sans-serif; font-size: .95rem; font-weight: 800;
  letter-spacing: .5px; cursor: pointer; position: relative; overflow: hidden;
  transition: all .3s cubic-bezier(.4,0,.2,1);
  box-shadow: 0 8px 32px rgba(0,229,255,.2); margin-bottom: 10px;
  display: flex; align-items: center; justify-content: center; gap: 8px;
}
.cg-btn-buy::before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,.12), transparent);
  opacity: 0; transition: opacity .3s;
}
.cg-btn-buy:hover { transform: translateY(-2px); box-shadow: 0 14px 44px rgba(0,229,255,.35); }
.cg-btn-buy:hover::before { opacity: 1; }
 
/* info box (wspóldzielone/indywidualne) */
.cg-info-box {
  padding: 18px 20px;
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,.08); border-radius: 16px;
}
.cg-info-title { font-size: .7rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--muted); margin-bottom: 12px; }
.cg-checks { list-style: none; padding: 0; margin: 0 0 10px; display: flex; flex-direction: column; gap: 8px; }
.cg-checks li {
  display: flex; align-items: flex-start; gap: 10px;
  font-size: .82rem; color: rgba(255,255,255,.72); line-height: 1.4;
}
.cg-check-ico {
  width: 18px; height: 18px; border-radius: 5px; flex-shrink: 0;
  background: rgba(0,229,255,.1); border: 1px solid rgba(0,229,255,.2);
  display: flex; align-items: center; justify-content: center;
  font-size: .6rem; color: var(--cyan); margin-top: 1px;
}
.cg-info-note { font-size: .75rem; color: var(--muted); line-height: 1.55; margin-top: 8px; }
.cg-info-note b { color: rgba(255,255,255,.6); }
.cg-info-link { color: var(--cyan); text-decoration: none; font-size: .8rem; }
.cg-info-link:hover { color: #fff; }
 
/* trust */
.cg-trust {
  padding: 16px 20px;
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,.08); border-radius: 16px;
  display: flex; flex-direction: column; gap: 9px;
}
.cg-trust-item { display: flex; align-items: center; gap: 10px; font-size: .78rem; color: rgba(255,255,255,.7); }
.cg-trust-ico { font-size: .95rem; width: 20px; text-align: center; flex-shrink: 0; }
.cg-trust-item strong { color: rgba(255,255,255,.9); }
 
/* promo */
.cg-promo-card {
  padding: 16px 20px;
  display: flex; align-items: center; gap: 12px;
  background: rgba(0,255,180,.04); border: 1px solid rgba(0,255,180,.14);
  border-radius: 16px;
}
.cg-promo-ico { font-size: 1.3rem; flex-shrink: 0; }
.cg-promo-label { font-size: .6rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--green); }
.cg-promo-code { font-family: 'Fraunces', serif; font-style: italic; font-size: 1.1rem; color: var(--white); }
.cg-promo-desc { font-size: .7rem; color: var(--muted); }
.cg-promo-badge {
  margin-left: auto; padding: 6px 12px; border-radius: 100px;
  background: rgba(0,255,180,.1); border: 1px solid rgba(0,255,180,.25);
  font-size: .75rem; font-weight: 700; color: var(--green); white-space: nowrap;
}
 
/* pay */
.cg-pay-card {
  padding: 14px 20px;
  display: flex; align-items: center; gap: 12px;
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,.08); border-radius: 14px;
}
.cg-pay-label { font-size: .65rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--muted); flex-shrink: 0; }
.cg-pay-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.cg-pay-chip {
  padding: 5px 12px; border-radius: 100px;
  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1);
  font-size: .7rem; font-weight: 600; color: rgba(255,255,255,.5);
  cursor: pointer; transition: all .25s;
}
.cg-pay-chip:hover { border-color: rgba(0,229,255,.25); color: var(--cyan); }
 
/* RESPONSIVE */
@media(max-width:1024px) {
  .ix-prod-grid-5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ix-prod-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cg-wrap { grid-template-columns: 1fr; padding-left: 24px; padding-right: 24px; }
  .cg-bc { padding-left: 24px; padding-right: 24px; }
  .cg-right { position: static; }
  .cg-spec-grid { grid-template-columns: repeat(3,1fr); }
}
@media(max-width:600px) {
  .ix-prod-grid-5 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .ix-prod-grid-3 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .cg-spec-grid { grid-template-columns: 1fr 1fr; }
  .cg-thumbs { display: none; }
}


/* ===== desing.blade.php ===== */

/* =====================================================
   HARD RESET – wyzeruj WSZYSTKO co może przyjść ze
   starych plików projektu (style.css, default.css itp.)
===================================================== */
html,body{margin:0;padding:0;}
*,*::before,*::after{box-sizing:border-box;}

/* stare wrappery */
.wrapper,.box-layout,.homepage{
  all:unset!important;display:block!important;
  background:transparent!important;padding:0!important;margin:0!important;
}

/* stary header i jego elementy – schowaj wszystko */
.kp-header,.kp-header--xl,.header-bottom,.header-top,
.header-middle,.middle-menu,.cart-box,.kp-subhead,
.kp-mobilenav,.kp-header__bar,.kp-logo,.kp-nav,
.kp-nav__list,.kp-actions,.kp-pill,.kp-burger{
  display:none!important;
}

/* stare dropdown menus z old CSS */
.ht-dropdown,.dropdown-style-two,.sub-menu{
  all:unset!important;display:none!important;
}

/* =====================================================
   GLASS DESIGN – zmienne i baza
===================================================== */
:root{
  --bg:#06040f;
  --violet:#7c3aff;
  --cyan:#00e5ff;
  --pink:#ff2d78;
  --green:#00ffb4;
  --white:#f0eeff;
  --muted:rgba(200,190,255,0.35);
  --glass-bg:rgba(255,255,255,0.04);
  --glass-border:rgba(255,255,255,0.1);
  --glass-shadow:0 8px 48px rgba(0,0,0,0.5);
}

html{scroll-behavior:smooth;}
body{
  background:var(--bg)!important;
  color:var(--white);
  font-family:'Outfit',sans-serif;
  /* overflow-x:hidden; */
  cursor:auto;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  -webkit-font-smoothing:antialiased;
}
a{cursor:pointer;color:inherit;}
img{max-width:100%;display:block;}
ul,ol{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;}
p{margin:0;}
button{font-family:'Outfit',sans-serif;}

/* ── CURSOR ── */
#g-cur{position:fixed;width:10px;height:10px;border-radius:50%;background:var(--cyan);pointer-events:none;z-index:99999;transform:translate(-50%,-50%);mix-blend-mode:screen;transition:width .2s,height .2s;}
#g-cur-o{position:fixed;width:36px;height:36px;border-radius:50%;border:1px solid rgba(0,229,255,.4);pointer-events:none;z-index:99998;transform:translate(-50%,-50%);transition:all .08s linear;}
body:has(a:hover) #g-cur,body:has(button:hover) #g-cur{width:20px;height:20px;background:var(--pink);}
body:has(a:hover) #g-cur-o,body:has(button:hover) #g-cur-o{width:56px;height:56px;border-color:var(--pink);}

/* ── ORBS ── */
.g-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;animation:gOF 10s ease-in-out infinite;}
.g-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(124,58,255,.25),transparent 70%);top:-100px;left:-100px;}
.g-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(0,229,255,.15),transparent 70%);top:30%;right:-80px;animation-delay:-3s;}
.g-orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(255,45,120,.12),transparent 70%);bottom:20%;left:20%;animation-delay:-6s;}
.g-orb-4{width:350px;height:350px;background:radial-gradient(circle,rgba(0,255,180,.1),transparent 70%);bottom:-80px;right:10%;animation-delay:-4s;}
@keyframes gOF{0%,100%{transform:translate(0,0);}33%{transform:translate(30px,-40px);}66%{transform:translate(-20px,30px);}}

/* ── GLASS ── */
.glass{
  background:var(--glass-bg);
  backdrop-filter:blur(20px) saturate(160%);
  -webkit-backdrop-filter:blur(20px) saturate(160%);
  border:1px solid var(--glass-border);
  box-shadow:var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.06);
  border-radius:24px;
}
.glass-strong{
  background:rgba(255,255,255,.07);
  backdrop-filter:blur(32px) saturate(200%);
  -webkit-backdrop-filter:blur(32px) saturate(200%);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 16px 64px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1);
  border-radius:28px;
}

/* ── TICKER ── */
.ticker-wrap{position:relative;z-index:2;overflow:hidden;padding:16px 0;background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);}
.ticker-track{display:flex;white-space:nowrap;animation:gTick 24s linear infinite;}
@keyframes gTick{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.t-item{padding:0 36px;font-size:.72rem;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.12);border-right:1px solid rgba(255,255,255,.05);display:inline-flex;align-items:center;gap:8px;}
.t-item.hl{color:rgba(0,229,255,.5);}
.t-item.hl2{color:rgba(124,58,255,.5);}
.t-item.hl3{color:rgba(255,45,120,.4);}

/* ── REVEAL ── */
.reveal{opacity:0;transform:translateY(50px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);}
.reveal.in{opacity:1;transform:translateY(0);}
.d1{transition-delay:.1s;}.d2{transition-delay:.2s;}.d3{transition-delay:.3s;}.d4{transition-delay:.4s;}.d5{transition-delay:.5s;}

/* ── EYEBROW ── */
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:.68rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--cyan);margin-bottom:16px;}
.eyebrow::before{content:'';width:28px;height:1px;background:var(--cyan);}
.sec-title{font-family:'Fraunces',serif;font-weight:900;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;letter-spacing:-1px;margin-bottom:16px;}
.sec-title em{font-style:italic;color:var(--cyan);}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.15;}}

/* ── MODAL ── */
.modal-content{background:rgba(12,8,28,.95)!important;backdrop-filter:blur(32px)!important;-webkit-backdrop-filter:blur(32px)!important;border:1px solid rgba(0,229,255,.2)!important;border-radius:20px!important;color:var(--white)!important;}
.modal-header{border-bottom:1px solid rgba(255,255,255,.08)!important;}
.modal-footer{border-top:1px solid rgba(255,255,255,.08)!important;}
.modal-title{font-family:'Fraunces',serif;font-style:italic;font-size:1.2rem;color:var(--white);}
.modal .close{color:var(--white)!important;opacity:.5;}
.modal .close:hover{opacity:1;}
.btn-secondary{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;color:rgba(255,255,255,.6)!important;}

@keyframes cookieIn{from{opacity:0;}to{opacity:1;}}
@keyframes cookieSlideIn{from{opacity:0;transform:translate(-50%,-50%) scale(.94);}to{opacity:1;transform:translate(-50%,-50%) scale(1);}}
@keyframes cookieOut{from{opacity:1;transform:translate(-50%,-50%) scale(1);}to{opacity:0;transform:translate(-50%,-50%) scale(.94);}}

.cookie-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;}
.cookie-toggle input{opacity:0;width:0;height:0;position:absolute;}
.cookie-slider{position:absolute;inset:0;border-radius:100px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:all .3s;}
.cookie-slider::before{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.3);left:2px;top:2px;transition:all .3s;box-shadow:0 2px 8px rgba(0,0,0,.3);}
.cookie-toggle input:checked + .cookie-slider{background:rgba(0,229,255,.2);border-color:rgba(0,229,255,.35);box-shadow:0 0 12px rgba(0,229,255,.15);}
.cookie-toggle input:checked + .cookie-slider::before{transform:translateX(20px);background:var(--cyan);}


/* ===== footer.blade.php ===== */

footer.g-footer{position:relative;z-index:2;background:rgba(255,255,255,.015);border-top:1px solid rgba(255,255,255,.06);padding:80px 48px 36px;overflow:hidden;}
footer.g-footer::before{content:'';position:absolute;bottom:-200px;left:50%;transform:translateX(-50%);width:700px;height:400px;border-radius:50%;background:radial-gradient(ellipse,rgba(124,58,255,.05),transparent 65%);pointer-events:none;}
.g-footer-inner{max-width:1300px;margin:0 auto;}
.g-footer-grid{display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px;}
.g-f-logo{font-family:'Fraunces',serif;font-style:italic;font-weight:900;font-size:1.5rem;color:var(--white);text-decoration:none;display:inline-block;margin-bottom:18px;}
.g-f-logo b{color:var(--cyan);font-style:normal;font-family:'Outfit',sans-serif;}
.g-f-about{font-size:.87rem;color:var(--muted);line-height:1.7;font-weight:300;max-width:300px;margin-bottom:24px;}
.g-f-live{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--muted);margin-bottom:8px;}
.g-f-live-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:blink 2s infinite;flex-shrink:0;}
.g-f-col-title{display:block;font-size:.65rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.18);margin-bottom:22px;}
.g-f-col ul{list-style:none;padding:0;margin:0;}
.g-f-col li{margin-bottom:13px;}
.g-f-col a{font-size:.87rem;color:var(--muted);text-decoration:none;font-weight:300;transition:color .25s;}
.g-f-col a:hover{color:var(--cyan);}
.g-footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
.g-footer-bottom p{font-size:.75rem;color:rgba(255,255,255,.15);font-weight:300;margin:0;}
.g-footer-bottom a{color:rgba(255,255,255,.3);text-decoration:none;}
.g-footer-bottom a:hover{color:var(--cyan);}
.g-f-pays{display:flex;gap:10px;}
.g-f-pay{padding:5px 14px;border-radius:100px;border:1px solid rgba(255,255,255,.07);font-size:.68rem;font-weight:600;letter-spacing:.5px;color:rgba(255,255,255,.2);}
@media(max-width:1024px){.g-footer-grid{grid-template-columns:1fr 1fr;gap:32px;}footer.g-footer{padding:60px 24px 32px;}}
@media(max-width:576px){.g-footer-grid{grid-template-columns:1fr;gap:24px;}.g-footer-bottom{flex-direction:column;text-align:center;}}


/* ===== header.blade.php ===== */

/* ── ukryj stary header ── */
.kp-header,.kp-header--xl,.header-bottom,.header-top,
.header-middle,.kp-subhead,.kp-mobilenav,.kp-header__bar,
.kp-logo,.kp-nav,.kp-actions,.kp-pill,.kp-burger,.kp-drop,
.kp-actions__item,.middle-menu,.cart-box { display:none!important; }

/* ================================================
   NAV WRAP
================================================ */
.gnav-wrap {
  position:fixed; top:14px; left:50%; transform:translateX(-50%);
  z-index:1030; width:calc(100% - 40px); max-width:1240px;
  display:flex; flex-direction:column; align-items:stretch;
  margin:0 auto;
}
.gnav {
  min-height:62px; height:auto; padding:12px 28px 14px;
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px;
  position:relative;
  background:rgba(8,5,20,.72);
  backdrop-filter:blur(28px) saturate(200%);
  -webkit-backdrop-filter:blur(28px) saturate(200%);
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  box-shadow:0 4px 40px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.08);
  animation:gnavIn .7s cubic-bezier(.16,1,.3,1) both;
}
@keyframes gnavIn { from{opacity:0;transform:translateY(-14px);} to{opacity:1;transform:translateY(0);} }

/* ── LOGO ── */
.gnav-logo {
  font-family:'Fraunces',serif; font-style:italic; font-weight:900;
  font-size:1.25rem; color:#fff; text-decoration:none; white-space:nowrap;
}
.gnav-logo b { color:var(--cyan); font-style:normal; font-family:'Outfit',sans-serif; }

/* ── MENU LIST ── */
.gnav-list {
  display:flex; align-items:center; gap:2px;
  list-style:none; margin:0; padding:0;
}
.gnav-list > li { position:relative; }
/* hover bridge - zwiększony dla lepszego UX */
.gnav-list > li::after {
  content:''; position:absolute; left:0; right:0; top:100%; height:30px;
  z-index: 1199; /* poniżej dropdownu ale powyżej innych elementów */
}

/* top-level link */
.gnav-link {
  display:inline-flex; align-items:center; gap:5px;
  padding:9px 14px; border-radius:12px;
  font-size:.85rem; font-weight:600; letter-spacing:.2px;
  color:rgba(255,255,255,.75); text-decoration:none;
  transition:color .2s, background .2s; white-space:nowrap;
}
.gnav-link:hover, .gnav-link.active {
  color:#fff; background:rgba(255,255,255,.08);
}
.gnav-arr { font-size:.55rem; opacity:.5; transition:transform .25s; }
.gnav-list > li:hover .gnav-arr { transform:rotate(180deg); opacity:1; }

/* ================================================
   FIRST-LEVEL DROPDOWN
================================================ */
.gnav-drop {
  position:absolute; top:calc(100% + 10px); left:0; /* zwiększony odstęp z 4px do 10px */
  min-width:200px;
  background:rgba(8,5,22,.95);
  backdrop-filter:blur(32px) saturate(200%);
  -webkit-backdrop-filter:blur(32px) saturate(200%);
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  box-shadow:0 24px 64px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.08);
  padding:8px; list-style:none; margin:0;
  display:none; z-index:1200;
  animation:gDropAnim .2s cubic-bezier(.16,1,.3,1);
}
@keyframes gDropAnim { from{opacity:0;transform:translateY(-6px);} to{opacity:1;transform:translateY(0);} }

/* show on hover with smooth transition */
.gnav-list > li:hover > .gnav-drop { display:block; }

/* Add a small delay before closing to prevent accidental closure */
.gnav-list > li {
  position: relative;
}
.gnav-drop {
  transition: opacity 0.1s, transform 0.1s;
}
.gnav-list > li:not(:hover) > .gnav-drop {
  pointer-events: none;
  animation: none;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.2s 0.1s, transform 0.2s 0.1s; /* delay before closing */
}

/* category row inside dropdown */
.gnav-drop > li {
  position:relative; list-style:none;
}

/* category button */
.gnav-drop > li > a {
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  padding:10px 14px; border-radius:11px;
  font-size:.84rem; font-weight:700;
  color:#fff; text-decoration:none;
  transition:all .2s; white-space:nowrap;
}
.gnav-drop > li > a .sub-arr { font-size:.55rem; opacity:.4; transition:all .2s; }
.gnav-drop > li:hover > a { color:var(--cyan); background:rgba(0,229,255,.07); }
.gnav-drop > li:hover > a .sub-arr { opacity:1; transform:rotate(-90deg); }

/* hover bridge for sub-menu */
.gnav-drop > li::after {
  content:''; position:absolute; right:-12px; top:0; bottom:0; width:20px;
}

/* ================================================
   SECOND-LEVEL SUB-MENU
================================================ */
/* Reset everything the controller outputs */
.gnav-drop > li > ul,
.gnav-drop > li > .sub-menu {
  all:unset !important;
  /* then reapply what we want */
  position:absolute !important;
  top:0 !important; left:calc(100% + 2px) !important;
  min-width:210px !important;
  background:rgba(8,5,22,.97) !important;
  backdrop-filter:blur(32px) !important;
  -webkit-backdrop-filter:blur(32px) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:16px !important;
  box-shadow:0 16px 48px rgba(0,0,0,.7) !important;
  padding:8px !important;
  list-style:none !important;
  margin:0 !important;
  display:none !important;
  z-index:1300 !important;
  animation:gDropAnim .18s cubic-bezier(.16,1,.3,1) !important;
}

.gnav-drop > li:hover > ul,
.gnav-drop > li:hover > .sub-menu { display:block !important; }

/* sub-menu links */
.gnav-drop > li > ul > li,
.gnav-drop > li > .sub-menu > li { list-style:none !important; }

.gnav-drop > li > ul > li > a,
.gnav-drop > li > .sub-menu > li > a {
  display:block !important;
  padding:9px 14px !important;
  border-radius:9px !important;
  font-size:.82rem !important;
  font-weight:500 !important;
  color:rgba(255,255,255,.75) !important;
  text-decoration:none !important;
  transition:all .18s !important;
  white-space:nowrap !important;
}
.gnav-drop > li > ul > li > a:hover,
.gnav-drop > li > .sub-menu > li > a:hover {
  color:#fff !important;
  background:rgba(0,229,255,.08) !important;
}

/* ================================================
   USP BAR
================================================ */
.gnav-usp {
  order:-1;
  position:relative; left:auto; right:auto; bottom:auto; z-index:2;
  display:flex; align-items:center; justify-content:center; gap:24px; flex-wrap:wrap;
  width:100%; max-width:none; margin:0 0 10px;
  padding:0 0 10px;
  border-bottom:1px solid rgba(255,255,255,.08);
  border-top:0;
  font-size:.78rem; font-weight:500; color:rgba(255,255,255,.45);
}
.gnav-usp span { display:inline-flex; align-items:center; gap:5px; }
.gnav-usp strong { color:var(--cyan); }

/* ================================================
   ACTION BUTTONS
================================================ */
.gnav-actions { display:flex; align-items:center; gap:8px; flex-shrink:0; }

.gnav-icon {
  width:38px; height:38px; border-radius:12px;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1);
  color:rgba(255,255,255,.7); display:inline-flex; align-items:center; justify-content:center;
  font-size:1rem; text-decoration:none; transition:all .2s; cursor:auto;
}
.gnav-icon:hover { background:rgba(255,255,255,.1); color:#fff; }

.gnav-cart-wrap { position:relative; }
.gnav-cart-badge {
  position:absolute; top:-6px; right:-6px;
  min-width:18px; height:18px; padding:0 4px;
  background:#00d4ff; color:#0a0e1a;
  font-size:.65rem; font-weight:700; line-height:18px;
  border-radius:9px; text-align:center;
  border:2px solid #0a0e1a;
  pointer-events:none;
}

.gnav-btn-ghost {
  padding:9px 18px; border-radius:12px;
  font-family:'Outfit',sans-serif; font-size:.78rem; font-weight:600;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1);
  color:rgba(255,255,255,.65); cursor:auto; transition:all .2s;
}
.gnav-btn-ghost:hover { background:rgba(255,255,255,.1); color:#fff; }

.gnav-btn-cyan {
  padding:10px 22px; border-radius:14px;
  font-family:'Outfit',sans-serif; font-size:.8rem; font-weight:700;
  background:linear-gradient(135deg,#13c7ff 0%, #4f6bff 100%);
  border:1px solid rgba(80,170,255,.38); color:#ffffff;
  box-shadow:0 10px 28px rgba(19,199,255,.22); cursor:pointer; transition:all .22s ease;
  text-decoration:none; display:inline-flex; align-items:center; justify-content:center;
  min-height:42px; line-height:1;
}
.gnav-btn-cyan:visited,
.gnav-btn-cyan:hover,
.gnav-btn-cyan:focus,
.gnav-btn-cyan:active {
  color:#ffffff;
  text-decoration:none;
}
.gnav-btn-cyan:hover {
  box-shadow:0 14px 34px rgba(19,199,255,.32);
  transform:translateY(-1px);
  filter:brightness(1.04);
}
.gnav-btn-cyan:focus {
  outline:none;
  box-shadow:0 0 0 3px rgba(19,199,255,.18), 0 14px 34px rgba(19,199,255,.28);
}

/* user dropdown */
.gnav-user { position:relative; }
.gnav-user::after { content:''; position:absolute; right:0; top:100%; width:200px; height:14px; }
.gnav-udrop {
  position:absolute; right:0; top:calc(100% + 12px);
  min-width:180px;
  background:rgba(8,5,22,.95);
  backdrop-filter:blur(28px); -webkit-backdrop-filter:blur(28px);
  border:1px solid rgba(255,255,255,.12); border-radius:16px;
  box-shadow:0 16px 48px rgba(0,0,0,.7); padding:8px;
  display:none; z-index:1300;
  animation:gDropAnim .18s cubic-bezier(.16,1,.3,1);
}
.gnav-user:hover .gnav-udrop { display:block; }
.gnav-udrop a {
  display:block; padding:10px 14px; border-radius:9px;
  font-size:.83rem; font-weight:500; color:rgba(255,255,255,.75);
  text-decoration:none; transition:all .18s;
}
.gnav-udrop a:hover { color:#fff; background:rgba(0,229,255,.07); }

/* ================================================
   BURGER + MOBILE
================================================ */
.gnav-burger {
  display:none; width:38px; height:38px; border-radius:12px;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1);
  color:#fff; align-items:center; justify-content:center;
  font-size:1rem; cursor:pointer; transition:all .2s;
}
.gnav-burger:hover { background:rgba(255,255,255,.1); }

.gnav-mob {
  display:none; position:fixed; inset:0; z-index:9999;
  background:rgba(5,3,14,.97); backdrop-filter:blur(32px);
  -webkit-backdrop-filter:blur(32px);
  padding:84px 22px 40px; overflow-y:auto;
}
.gnav-mob.open { display:block; }
.gnav-mob-close {
  position:fixed; top:16px; right:18px;
  width:38px; height:38px; border-radius:12px;
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12);
  color:#fff; font-size:1.1rem;
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  z-index:10000;
}
.gnav-mob a {
  display:block; padding:13px 4px; font-size:1rem; font-weight:600;
  color:rgba(255,255,255,.7); text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.06); transition:color .2s;
}
.gnav-mob a:hover { color:var(--cyan); }
.gnav-mob-sec { margin-top:20px; }
.gnav-mob-title {
  font-size:.62rem; font-weight:700; letter-spacing:3px; text-transform:uppercase;
  color:rgba(255,255,255,.25); margin-bottom:8px; padding:0 4px;
}
/* reset controller HTML in mobile */
.gnav-mob .ht-dropdown, .gnav-mob .sub-menu {
  all:unset !important; display:block !important;
  padding:0 !important; margin:0 !important; list-style:none !important;
}
.gnav-mob .ht-dropdown a, .gnav-mob .sub-menu a {
  display:block !important; padding:10px 8px !important;
  font-size:.88rem !important; font-weight:500 !important;
  color:rgba(255,255,255,.6) !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(255,255,255,.04) !important;
}
.gnav-mob .ht-dropdown a:hover, .gnav-mob .sub-menu a:hover { color:var(--cyan) !important; }

@media(max-width:960px) {
  .gnav-list { display:none; }
  .gnav-btn-ghost { display:none; }
  .gnav-burger { display:inline-flex; }
}
@media(max-width:520px) {
  .gnav-wrap { width:calc(100% - 24px); margin-top:12px; }
  .gnav-usp { gap:14px; }
}


/* ===== privacy.blade.php ===== */

/* reuse rules page styles with priv- prefix */
.priv-wrap{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:80px 48px 80px;}
.priv-bc{position:relative;z-index:2;padding:20px 48px 0;max-width:900px;margin:0 auto;display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--muted);}
.priv-bc a{color:var(--muted);text-decoration:none;transition:color .2s;}
.priv-bc a:hover{color:var(--cyan);}
.priv-bc-sep{color:rgba(255,255,255,.15);}

/* header */
.priv-header{margin-bottom:48px;text-align:center;}
.priv-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.65rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--violet);margin-bottom:14px;}
.priv-eyebrow::before,.priv-eyebrow::after{content:'';width:24px;height:1px;background:var(--violet);}
.priv-title{font-family:'Fraunces',serif;font-weight:900;font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-.5px;margin-bottom:12px;}
.priv-title em{font-style:italic;color:var(--violet);}
.priv-meta{font-size:.78rem;color:var(--muted);}

/* TOC */
.priv-toc{padding:24px 28px;margin-bottom:36px;background:rgba(255,255,255,.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:20px;}
.priv-toc-title{font-size:.65rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);margin-bottom:16px;display:flex;align-items:center;gap:8px;}
.priv-toc-title::before{content:'';width:16px;height:1px;background:var(--muted);}
.priv-toc-list{display:flex;flex-direction:column;gap:4px;}
.priv-toc-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;font-size:.82rem;color:rgba(255,255,255,.45);text-decoration:none;transition:all .25s;cursor:auto;}
.priv-toc-item:hover{background:rgba(124,58,255,.08);color:#a78bff;}
.priv-toc-num{width:24px;height:24px;border-radius:6px;flex-shrink:0;background:rgba(124,58,255,.1);border:1px solid rgba(124,58,255,.2);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#a78bff;}

/* section */
.priv-section{margin-bottom:20px;background:rgba(255,255,255,.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;animation:privIn .5s cubic-bezier(.16,1,.3,1) both;}
@keyframes privIn{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
.priv-sec-head{display:flex;align-items:center;gap:16px;padding:20px 28px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);cursor:auto;transition:background .2s;}
.priv-sec-head:hover{background:rgba(255,255,255,.04);}
.priv-sec-ico{width:38px;height:38px;border-radius:11px;flex-shrink:0;background:rgba(124,58,255,.1);border:1px solid rgba(124,58,255,.2);display:flex;align-items:center;justify-content:center;font-size:1rem;}
.priv-sec-title{font-family:'Fraunces',serif;font-weight:900;font-style:italic;font-size:1.05rem;color:var(--white);flex:1;}
.priv-sec-num{font-size:.62rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(124,58,255,.6);padding:4px 10px;border-radius:100px;background:rgba(124,58,255,.08);border:1px solid rgba(124,58,255,.15);}

.priv-sec-body{padding:24px 28px;}
.priv-sec-body p{font-size:.85rem;color:rgba(255,255,255,.6);line-height:1.75;margin-bottom:12px;font-weight:300;}
.priv-sec-body p:last-child{margin-bottom:0;}
.priv-sec-body strong{color:rgba(255,255,255,.85);font-weight:700;}
.priv-sec-body a{color:#a78bff;text-decoration:none;transition:color .2s;}
.priv-sec-body a:hover{color:#fff;}

/* list items */
.priv-list{margin:10px 0 12px;display:flex;flex-direction:column;gap:8px;}
.priv-list-item{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;border-radius:10px;background:rgba(124,58,255,.04);border:1px solid rgba(124,58,255,.08);font-size:.82rem;color:rgba(255,255,255,.55);line-height:1.55;}
.priv-list-ico{width:20px;height:20px;border-radius:5px;flex-shrink:0;background:rgba(124,58,255,.1);border:1px solid rgba(124,58,255,.2);display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#a78bff;margin-top:1px;}

/* cookies types */
.priv-cookies{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;}
.priv-cookie{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);transition:all .3s;cursor:auto;}
.priv-cookie:hover{border-color:rgba(124,58,255,.2);background:rgba(124,58,255,.04);}
.priv-cookie-type{font-size:.65rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#a78bff;margin-bottom:6px;}
.priv-cookie-desc{font-size:.78rem;color:rgba(255,255,255,.45);line-height:1.5;}

/* contact card */
.priv-contact{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;}
.priv-contact-item{padding:16px 18px;border-radius:14px;background:rgba(124,58,255,.05);border:1px solid rgba(124,58,255,.12);display:flex;align-items:center;gap:12px;}
.priv-contact-ico{width:36px;height:36px;border-radius:10px;flex-shrink:0;background:rgba(124,58,255,.12);border:1px solid rgba(124,58,255,.2);display:flex;align-items:center;justify-content:center;font-size:.9rem;}
.priv-contact-label{font-size:.65rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:3px;}
.priv-contact-val{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.75);}
.priv-contact-val a{color:#a78bff;text-decoration:none;}

/* rights */
.priv-rights{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;}
.priv-right{padding:16px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);text-align:center;cursor:auto;transition:all .3s;}
.priv-right:hover{border-color:rgba(124,58,255,.2);transform:translateY(-3px);}
.priv-right-ico{font-size:1.4rem;margin-bottom:8px;display:block;}
.priv-right-name{font-size:.75rem;font-weight:700;color:rgba(255,255,255,.65);margin-bottom:4px;}
.priv-right-desc{font-size:.68rem;color:var(--muted);line-height:1.4;}

/* responsive */
@media(max-width:768px){
  .priv-wrap,.priv-bc{padding-left:24px;padding-right:24px;}
  .priv-sec-head,.priv-sec-body{padding:16px 20px;}
  .priv-cookies{grid-template-columns:1fr;}
  .priv-contact{grid-template-columns:1fr;}
  .priv-rights{grid-template-columns:1fr 1fr;}
}
@media(max-width:480px){
  .priv-rights{grid-template-columns:1fr;}
}


/* ===== products.blade.php ===== */

/* ================================================================
   PRODUCT PAGE – GLASS DESIGN
================================================================ */

/* breadcrumb */
.pp-bc {
  position: relative; z-index: 2;
  padding: 20px 48px 0; max-width: 1300px; margin: 0 auto;
  display: flex; align-items: center; gap: 8px;
  font-size: .75rem; color: var(--muted);
}
.pp-bc a { color: var(--muted); text-decoration: none; transition: color .2s; }
.pp-bc a:hover { color: var(--cyan); }
.pp-bc span { color: rgba(255,255,255,.15); }
.pp-bc .pp-bc-cur { color: rgba(255,255,255,.5); }

/* main layout */
.pp-wrap {
  position: relative; z-index: 2;
  max-width: 1300px; margin: 0 auto;
  padding: 24px 48px 80px;
  display: grid; grid-template-columns: 1fr 420px;
  gap: 28px; align-items: start;
}

/* ── LEFT COLUMN ── */
.pp-left { display: flex; flex-direction: column; gap: 16px; }

/* image card */
.pp-img-card {
  padding: 32px;
  display: flex; align-items: center; justify-content: center;
  min-height: 280px; position: relative; overflow: hidden;
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.1); border-radius: 24px;
  box-shadow: 0 8px 48px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06);
}
.pp-img-glow {
  position: absolute; width: 300px; height: 300px; border-radius: 50%;
  background: radial-gradient(circle, rgba(0,229,255,.1), transparent 65%);
  top: 50%; left: 50%; transform: translate(-50%,-50%);
  animation: ppGlow 6s ease-in-out infinite; pointer-events: none;
}
@keyframes ppGlow { 0%,100%{transform:translate(-50%,-50%) scale(1);} 50%{transform:translate(-50%,-50%) scale(1.15);} }
.pp-img {
  width: 200px; height: 200px; object-fit: contain;
  position: relative; z-index: 1;
  filter: drop-shadow(0 0 28px rgba(0,229,255,.18));
  animation: ppFloat 5s ease-in-out infinite;
  transition: filter .4s;
}
.pp-img-card:hover .pp-img { filter: drop-shadow(0 0 44px rgba(0,229,255,.38)); }
@keyframes ppFloat { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-8px);} }

/* plan selector */
.pp-plans {
  padding: 24px 28px;
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.1); border-radius: 20px;
  box-shadow: 0 8px 48px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06);
}
.pp-plans-title {
  font-size: .65rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase;
  color: var(--muted); margin-bottom: 16px;
}
.pp-plans-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }
.pp-plan-btn {
  padding: 12px 8px; border-radius: 14px; text-align: center; cursor: pointer;
  background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.07);
  transition: all .3s cubic-bezier(.4,0,.2,1);
}
.pp-plan-btn:hover { border-color: rgba(0,229,255,.3); background: rgba(0,229,255,.05); }
.pp-plan-dur { font-size: .7rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted); margin-bottom: 5px; transition: color .3s; }
.pp-plan-price { font-family: 'Fraunces', serif; font-style: italic; font-size: 1.1rem; color: var(--white); transition: color .3s; }
.pp-plan-btn:hover .pp-plan-dur { color: var(--cyan); }
.pp-plan-btn:hover .pp-plan-price { color: var(--cyan); }

/* features */
.pp-features {
  padding: 24px 28px;
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.1); border-radius: 20px;
  box-shadow: 0 8px 48px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06);
}
.pp-feat-title { font-size: .65rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--muted); margin-bottom: 16px; }
.pp-feat-list { display: flex; flex-direction: column; gap: 10px; }
.pp-feat-item {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 12px 14px; border-radius: 12px;
  background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.05);
  transition: all .25s;
}
.pp-feat-item:hover { background: rgba(0,229,255,.04); border-color: rgba(0,229,255,.1); }
.pp-feat-ico {
  width: 32px; height: 32px; border-radius: 9px; flex-shrink: 0;
  background: rgba(0,229,255,.08); border: 1px solid rgba(0,229,255,.15);
  display: flex; align-items: center; justify-content: center; font-size: .9rem;
}
.pp-feat-t { font-size: .83rem; font-weight: 600; color: var(--white); margin-bottom: 2px; }
.pp-feat-s { font-size: .72rem; color: var(--muted); line-height: 1.4; }

/* ── RIGHT COLUMN: BUY BOX ── */
.pp-right { position: sticky; top: 88px; display: flex; flex-direction: column; gap: 14px; }

.pp-buy-card {
  padding: 28px;
  position: relative; overflow: hidden;
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.1); border-radius: 24px;
  box-shadow: 0 8px 48px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06);
}
.pp-buy-glow {
  position: absolute; width: 300px; height: 300px; border-radius: 50%;
  background: radial-gradient(circle, rgba(124,58,255,.08), transparent 65%);
  top: -80px; right: -80px; pointer-events: none;
  animation: ppGlow 8s ease-in-out infinite;
}

.pp-badge-live {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 14px; border-radius: 100px;
  background: rgba(0,229,255,.08); border: 1px solid rgba(0,229,255,.18);
  font-size: .62rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
  color: var(--cyan); margin-bottom: 18px;
}
.pp-badge-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); animation: ppBlink 1.4s infinite; }
@keyframes ppBlink { 0%,100%{opacity:1;} 50%{opacity:.15;} }

.pp-prod-title {
  font-family: 'Fraunces', serif; font-weight: 900;
  font-size: 1.6rem; line-height: 1.1; letter-spacing: -.3px;
  margin-bottom: 6px; color: var(--white);
}
.pp-prod-title em { font-style: italic; color: var(--cyan); }
.pp-prod-sub { font-size: .82rem; color: var(--muted); font-weight: 300; margin-bottom: 24px; line-height: 1.5; }

/* price block */
.pp-price-block {
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px 20px; border-radius: 14px; margin-bottom: 20px;
  background: rgba(0,229,255,.05); border: 1px solid rgba(0,229,255,.12);
}
.pp-price-left {}
.pp-price-cur { font-size: .8rem; color: var(--cyan); font-weight: 600; margin-bottom: 2px; }
.pp-price-main {
  font-family: 'Fraunces', serif; font-style: italic; font-weight: 900;
  font-size: 2.8rem; color: var(--white); line-height: 1;
}
.pp-price-period { font-size: .75rem; color: var(--muted); margin-top: 3px; }
.pp-price-promo { text-align: right; }
.pp-price-promo-code { font-size: .62rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--green); }
.pp-price-promo-val { font-family: 'Fraunces', serif; font-style: italic; font-size: 1.3rem; color: var(--green); }

/* qty */
.pp-qty-row { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.pp-qty-label { font-size: .78rem; color: var(--muted); font-weight: 500; }
.pp-qty-ctrl {
  display: flex; align-items: center;
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); border-radius: 12px; overflow: hidden;
}
.pp-qty-btn {
  width: 38px; height: 38px; background: transparent; border: none;
  color: var(--white); font-size: 1.1rem; cursor: pointer; transition: background .2s;
  display: flex; align-items: center; justify-content: center;
}
.pp-qty-btn:hover { background: rgba(255,255,255,.08); }
.pp-qty-num { width: 38px; text-align: center; font-size: .95rem; font-weight: 700; color: var(--white); background: transparent; border: none; outline: none; }

/* buy buttons */
.pp-btn-buy {
  width: 100%; padding: 16px 24px; border-radius: 14px; border: none;
  background: linear-gradient(135deg, var(--cyan), var(--violet));
  color: #fff; font-family: 'Outfit', sans-serif; font-size: .95rem; font-weight: 800;
  letter-spacing: .5px; cursor: pointer; position: relative; overflow: hidden;
  transition: all .3s cubic-bezier(.4,0,.2,1);
  box-shadow: 0 8px 32px rgba(0,229,255,.2); margin-bottom: 10px;
  display: flex; align-items: center; justify-content: center; gap: 8px;
}
.pp-btn-buy::before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,.12), transparent);
  opacity: 0; transition: opacity .3s;
}
.pp-btn-buy:hover { transform: translateY(-2px); box-shadow: 0 14px 44px rgba(0,229,255,.35); }
.pp-btn-buy:hover::before { opacity: 1; }
.pp-btn-cart {
  width: 100%; padding: 13px 24px; border-radius: 14px;
  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.65); font-family: 'Outfit', sans-serif; font-size: .88rem; font-weight: 600;
  letter-spacing: .3px; cursor: pointer; transition: all .3s;
}
.pp-btn-cart:hover { background: rgba(255,255,255,.09); color: var(--white); border-color: rgba(255,255,255,.25); }

/* trust mini */
.pp-trust {
  padding: 18px 22px;
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,.08); border-radius: 18px;
  display: flex; flex-direction: column; gap: 10px;
}
.pp-trust-item { display: flex; align-items: center; gap: 10px; font-size: .78rem; color: rgba(255,255,255,.7); }
.pp-trust-ico { font-size: .95rem; width: 22px; text-align: center; flex-shrink: 0; }

/* promo badge */
.pp-promo-card {
  padding: 18px 22px;
  display: flex; align-items: center; gap: 14px;
  background: rgba(0,255,180,.04); border: 1px solid rgba(0,255,180,.15);
  border-radius: 18px;
}
.pp-promo-ico { font-size: 1.4rem; flex-shrink: 0; }
.pp-promo-label { font-size: .62rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--green); }
.pp-promo-code { font-family: 'Fraunces', serif; font-style: italic; font-size: 1.2rem; color: var(--white); }
.pp-promo-desc { font-size: .72rem; color: var(--muted); }
.pp-promo-badge {
  margin-left: auto; padding: 7px 14px; border-radius: 100px;
  background: rgba(0,255,180,.1); border: 1px solid rgba(0,255,180,.25);
  font-size: .78rem; font-weight: 700; color: var(--green); white-space: nowrap;
}

/* pay methods */
.pp-pay-card {
  padding: 16px 22px;
  display: flex; align-items: center; gap: 14px;
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,.08); border-radius: 16px;
}
.pp-pay-label { font-size: .68rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--muted); flex-shrink: 0; }
.pp-pay-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.pp-pay-chip {
  padding: 6px 14px; border-radius: 100px;
  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1);
  font-size: .72rem; font-weight: 600; color: rgba(255,255,255,.5);
  cursor: pointer; transition: all .25s;
}
.pp-pay-chip:hover { border-color: rgba(0,229,255,.25); color: var(--cyan); }

/* ── DESC + SIMILAR ── */
.pp-bottom {
  position: relative; z-index: 2;
  max-width: 1300px; margin: 0 auto;
  padding: 0 48px 80px;
  display: grid; grid-template-columns: 1fr 420px; gap: 28px;
}
.pp-desc-card {
  padding: 32px;
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.1); border-radius: 24px;
  box-shadow: 0 8px 48px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06);
}
.pp-tabs { display: flex; gap: 4px; margin-bottom: 24px; }
.pp-tab {
  padding: 8px 20px; border-radius: 10px; cursor: pointer;
  font-family: 'Outfit', sans-serif; font-size: .78rem; font-weight: 600;
  border: none; transition: all .25s; background: transparent;
  color: var(--muted);
}
.pp-tab.active { background: rgba(0,229,255,.1); color: var(--cyan); border: 1px solid rgba(0,229,255,.2); }
.pp-tab:not(.active):hover { color: var(--white); }
.pp-desc-content { color: rgba(255,255,255,.75); font-size: .9rem; line-height: 1.7; }
.pp-desc-content p { margin-bottom: .6rem; }
.pp-desc-content ul { margin-left: 1.2rem; margin-bottom: .6rem; }
.pp-desc-content strong { color: var(--white); font-weight: 700; }
.pp-desc-content h5 { color: var(--cyan); font-size: .9rem; font-weight: 700; margin-bottom: 8px; }

.pp-notes { margin-top: 20px; padding: 14px 18px; border-radius: 12px; background: rgba(255,45,120,.04); border: 1px solid rgba(255,45,120,.1); }
.pp-note { font-size: .76rem; color: rgba(255,255,255,.35); line-height: 1.6; padding: 3px 0; }
.pp-note::before { content: '⚠ '; color: rgba(255,45,120,.5); }

/* similar products */
.pp-similar {}
.pp-similar-title { font-size: .65rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--muted); margin-bottom: 14px; }
.pp-sim-list { display: flex; flex-direction: column; gap: 10px; }
.pp-sim-card {
  padding: 14px 18px; display: flex; align-items: center; gap: 14px;
  cursor: pointer; transition: all .3s cubic-bezier(.4,0,.2,1);
  position: relative; overflow: hidden;
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,.08); border-radius: 16px;
  text-decoration: none;
}
.pp-sim-card::before {
  content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 2px;
  background: var(--cyan); transform: scaleY(0); transition: transform .3s; transform-origin: bottom;
  border-radius: 0 2px 2px 0;
}
.pp-sim-card:hover { transform: translateX(-4px); border-color: rgba(0,229,255,.25); }
.pp-sim-card:hover::before { transform: scaleY(1); }
.pp-sim-img { width: 50px; height: 50px; border-radius: 10px; object-fit: contain; background: rgba(255,255,255,.04); padding: 4px; flex-shrink: 0; }
.pp-sim-info { flex: 1; min-width: 0; }
.pp-sim-name { font-size: .83rem; font-weight: 600; color: var(--white); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pp-sim-dur { font-size: .7rem; color: var(--muted); margin-top: 2px; }
.pp-sim-price { font-family: 'Fraunces', serif; font-style: italic; font-size: 1rem; color: var(--cyan); white-space: nowrap; }

/* owl related */
.pp-related { position: relative; z-index: 2; max-width: 1300px; margin: 0 auto; padding: 0 48px 80px; }
.pp-related-title { font-size: .65rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--muted); margin-bottom: 8px; }
.pp-related h2 { font-family: 'Fraunces', serif; font-weight: 900; font-size: 1.6rem; margin-bottom: 24px; }
.pp-related h2 em { font-style: italic; color: var(--cyan); }

.pp-rc { cursor: pointer; overflow: hidden; position: relative; transition: all .4s cubic-bezier(.4,0,.2,1); background: rgba(255,255,255,.04); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,.08); border-radius: 18px; display: flex; flex-direction: column; }
.pp-rc:hover { transform: translateY(-8px) scale(1.02); border-color: rgba(255,255,255,.18); box-shadow: 0 24px 60px rgba(0,0,0,.6); }
.pp-rc-img { display: block; position: relative; overflow: hidden; aspect-ratio: 1/1; }
.pp-rc-img img { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform .5s; filter: brightness(.85); padding: 10px; background: rgba(255,255,255,.03); }
.pp-rc:hover .pp-rc-img img { transform: scale(1.06); filter: brightness(1); }
.pp-rc-cta { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; text-align: center; background: rgba(0,229,255,.12); backdrop-filter: blur(8px); border-top: 1px solid rgba(0,229,255,.2); font-size: .65rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--cyan); transform: translateY(100%); transition: transform .3s; }
.pp-rc:hover .pp-rc-cta { transform: translateY(0); }
.pp-rc-body { padding: 12px 14px 16px; flex: 1; text-align: center; }
.pp-rc-name { font-size: .83rem; font-weight: 600; color: rgba(255,255,255,.85); margin-bottom: 6px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pp-rc-name a { color: inherit; text-decoration: none; }
.pp-rc-name a:hover { color: var(--cyan); }
.pp-rc-price { font-family: 'Fraunces', serif; font-style: italic; font-size: 1rem; color: var(--cyan); }

.pp-owl .owl-stage { display: flex; align-items: stretch; }
.pp-owl .owl-item { padding: 5px 6px; display: flex; }
.pp-owl .owl-item .pp-rc { flex: 1; }
.pp-owl .owl-nav { display: none !important; }
.pp-owl .owl-dots { display: flex; justify-content: center; gap: 6px; margin-top: auto; }
.pp-owl .owl-dot span { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.15); display: block; transition: all .3s; }
.pp-owl .owl-dot.active span { background: var(--cyan); width: 20px; border-radius: 3px; }

/* RESPONSIVE */
@media(max-width:1024px) {
  .ix-prod-grid-5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pp-wrap,.pp-bottom,.pp-related { grid-template-columns: 1fr; padding-left: 24px; padding-right: 24px; }
  .pp-bc { padding-left: 24px; padding-right: 24px; }
  .pp-right { position: static; }
  .pp-plans-grid { grid-template-columns: repeat(2,1fr); }
}
@media(max-width:600px) {
  .ix-prod-grid-5 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .pp-plans-grid { grid-template-columns: repeat(2,1fr); }
}


/* ===== reviews.blade.php ===== */

/* ================================================================
   REVIEWS PAGE - GLASS DESIGN
================================================================ */
.rev-wrap {
  position:relative;z-index:2;
  max-width:1100px;margin:0 auto;
  padding:80px 48px 80px;
}

/* breadcrumb */
.rev-bc {
  position:relative;z-index:2;
  padding:20px 48px 0;max-width:1100px;margin:0 auto;
  display:flex;align-items:center;gap:8px;
  font-size:.75rem;color:var(--muted);
}
.rev-bc a{color:var(--muted);text-decoration:none;transition:color .2s;}
.rev-bc a:hover{color:var(--cyan);}
.rev-bc-sep{color:rgba(255,255,255,.15);}

/* ── HEADER ── */
.rev-header{text-align:center;margin-bottom:52px;}
.rev-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:.65rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:var(--cyan);margin-bottom:14px;
}
.rev-eyebrow::before,.rev-eyebrow::after{content:'';width:24px;height:1px;background:var(--cyan);}
.rev-title{
  font-family:'Fraunces',serif;font-weight:900;
  font-size:clamp(2rem,4vw,3rem);line-height:1.05;
  letter-spacing:-.5px;margin-bottom:16px;
}
.rev-title em{font-style:italic;color:var(--cyan);}

/* stats bar */
.rev-stats{
  display:inline-flex;align-items:center;gap:0;
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;overflow:hidden;margin-top:8px;
}
.rev-stat{
  padding:14px 24px;display:flex;align-items:center;gap:10px;
  border-right:1px solid rgba(255,255,255,.06);
}
.rev-stat:last-child{border-right:none;}
.rev-stat-ico{font-size:1.1rem;}
.rev-stat-val{font-family:'Fraunces',serif;font-style:italic;font-weight:900;font-size:1.1rem;color:var(--white);line-height:1;}
.rev-stat-label{font-size:.65rem;color:var(--muted);letter-spacing:1px;text-transform:uppercase;}

/* ── GRID ── */
.rev-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
  gap:16px;margin-bottom:40px;
}

/* ── CARD ── */
.rev-card{
  padding:24px 26px;position:relative;overflow:hidden;
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-radius:22px;cursor:auto;
  transition:all .4s cubic-bezier(.4,0,.2,1);
  animation:revCardIn .5s cubic-bezier(.16,1,.3,1) both;
}
@keyframes revCardIn{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}

/* positive */
.rev-card.pos{border:1px solid rgba(0,255,180,.12);}
.rev-card.pos:hover{
  border-color:rgba(0,255,180,.3);
  transform:translateY(-6px);
  box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px rgba(0,255,180,.1);
}
.rev-card.pos .rev-card-glow{background:radial-gradient(circle,rgba(0,255,180,.06),transparent 70%);}

/* negative */
.rev-card.neg{border:1px solid rgba(255,45,120,.1);}
.rev-card.neg:hover{
  border-color:rgba(255,45,120,.25);
  transform:translateY(-6px);
  box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px rgba(255,45,120,.08);
}
.rev-card.neg .rev-card-glow{background:radial-gradient(circle,rgba(255,45,120,.05),transparent 70%);}

.rev-card-glow{
  position:absolute;width:180px;height:180px;border-radius:50%;
  top:-60px;right:-40px;filter:blur(40px);pointer-events:none;
}

/* bottom accent line */
.rev-card::after{
  content:'';position:absolute;bottom:0;left:15%;right:15%;height:2px;border-radius:2px;
  opacity:0;transition:opacity .35s;
}
.rev-card.pos::after{background:linear-gradient(90deg,transparent,var(--green),transparent);}
.rev-card.neg::after{background:linear-gradient(90deg,transparent,var(--pink),transparent);}
.rev-card:hover::after{opacity:1;}

/* card header */
.rev-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;}

/* badge */
.rev-badge{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 12px;border-radius:100px;
  font-size:.65rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  flex-shrink:0;
}
.rev-badge.pos{background:rgba(0,255,180,.1);border:1px solid rgba(0,255,180,.25);color:var(--green);}
.rev-badge.neg{background:rgba(255,45,120,.1);border:1px solid rgba(255,45,120,.25);color:var(--pink);}
.rev-badge-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;}
.rev-badge.pos .rev-badge-dot{background:var(--green);}
.rev-badge.neg .rev-badge-dot{background:var(--pink);}

/* stars */
.rev-stars{display:flex;gap:2px;margin-bottom:4px;}
.rev-star{font-size:.8rem;}
.rev-star.on{filter:none;}
.rev-star.off{filter:grayscale(1);opacity:.25;}

/* quote icon */
.rev-quote{
  font-family:'Fraunces',serif;font-style:italic;
  font-size:3rem;line-height:1;color:rgba(0,229,255,.1);
  position:absolute;top:14px;left:20px;pointer-events:none;
  font-weight:900;
}

/* message */
.rev-msg{
  font-size:.88rem;color:rgba(255,255,255,.72);
  line-height:1.7;font-weight:300;
  position:relative;z-index:1;
  padding-left:4px;
}

/* footer */
.rev-card-footer{
  display:flex;align-items:center;justify-content:space-between;
  margin-top:18px;padding-top:14px;
  border-top:1px solid rgba(255,255,255,.05);
}
.rev-author{display:flex;align-items:center;gap:10px;}
.rev-author-ico{
  width:32px;height:32px;border-radius:9px;flex-shrink:0;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;font-size:.85rem;
}
.rev-author-name{font-size:.78rem;font-weight:700;color:rgba(255,255,255,.65);}
.rev-author-label{font-size:.62rem;color:var(--muted);}
.rev-date{font-size:.68rem;color:rgba(255,255,255,.2);}

/* ── PAGINATION ── */
.rev-pagination{
  display:flex;justify-content:center;
}
.rev-pagination .pagination{display:flex;gap:6px;list-style:none;padding:0;margin:0;flex-wrap:wrap;}
.rev-pagination .pagination li a,
.rev-pagination .pagination li span{
  display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:12px;
  font-size:.82rem;font-weight:600;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.45);text-decoration:none;transition:all .25s;cursor:auto;
}
.rev-pagination .pagination li a:hover{background:rgba(0,229,255,.1);border-color:rgba(0,229,255,.25);color:var(--cyan);}
.rev-pagination .pagination li.active a,
.rev-pagination .pagination li.active span{
  background:rgba(0,229,255,.15);border-color:rgba(0,229,255,.35);color:var(--cyan);
  box-shadow:0 0 16px rgba(0,229,255,.12);
}

/* empty */
.rev-empty{text-align:center;padding:80px 0;}
.rev-empty-ico{font-size:3rem;opacity:.2;margin-bottom:16px;}
.rev-empty-text{font-size:.9rem;color:var(--muted);}

/* responsive */
@media(max-width:768px){
  .rev-wrap,.rev-bc{padding-left:24px;padding-right:24px;}
  .rev-grid{grid-template-columns:1fr;}
  .rev-stats{flex-direction:column;border-radius:14px;}
  .rev-stat{border-right:none;border-bottom:1px solid rgba(255,255,255,.06);}
  .rev-stat:last-child{border-bottom:none;}
}


/* ===== rules.blade.php ===== */

/* ================================================================
   RULES PAGE - GLASS DESIGN
================================================================ */
.rules-wrap {
  position:relative;z-index:2;
  max-width:900px;margin:0 auto;
  padding:80px 48px 80px;
}

/* breadcrumb */
.rules-bc {
  position:relative;z-index:2;
  padding:20px 48px 0;max-width:900px;margin:0 auto;
  display:flex;align-items:center;gap:8px;
  font-size:.75rem;color:var(--muted);
}
.rules-bc a{color:var(--muted);text-decoration:none;transition:color .2s;}
.rules-bc a:hover{color:var(--cyan);}
.rules-bc-sep{color:rgba(255,255,255,.15);}

/* header */
.rules-header{margin-bottom:48px;text-align:center;}
.rules-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:.65rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:var(--cyan);margin-bottom:14px;
}
.rules-eyebrow::before,.rules-eyebrow::after{content:'';width:24px;height:1px;background:var(--cyan);}
.rules-title{
  font-family:'Fraunces',serif;font-weight:900;
  font-size:clamp(2rem,4vw,3rem);line-height:1.05;
  letter-spacing:-.5px;margin-bottom:12px;
}
.rules-title em{font-style:italic;color:var(--cyan);}
.rules-meta{font-size:.78rem;color:var(--muted);}

/* TOC */
.rules-toc {
  padding:24px 28px;margin-bottom:36px;
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.08);border-radius:20px;
}
.rules-toc-title{
  font-size:.65rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--muted);margin-bottom:16px;display:flex;align-items:center;gap:8px;
}
.rules-toc-title::before{content:'';width:16px;height:1px;background:var(--muted);}
.rules-toc-list{display:flex;flex-direction:column;gap:4px;}
.rules-toc-item{
  display:flex;align-items:center;gap:10px;
  padding:8px 12px;border-radius:10px;
  font-size:.82rem;color:rgba(255,255,255,.45);
  text-decoration:none;transition:all .25s;cursor:auto;
}
.rules-toc-item:hover{background:rgba(0,229,255,.06);color:var(--cyan);}
.rules-toc-num{
  width:24px;height:24px;border-radius:6px;flex-shrink:0;
  background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.15);
  display:flex;align-items:center;justify-content:center;
  font-size:.65rem;font-weight:700;color:var(--cyan);
}

/* sections */
.rules-section{
  margin-bottom:28px;
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.08);border-radius:20px;
  overflow:hidden;
  animation:rulesIn .5s cubic-bezier(.16,1,.3,1) both;
}
@keyframes rulesIn{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}

.rules-sec-head{
  display:flex;align-items:center;gap:16px;
  padding:20px 28px;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.02);
  cursor:auto;transition:background .2s;
}
.rules-sec-head:hover{background:rgba(255,255,255,.04);}
.rules-sec-ico{
  width:38px;height:38px;border-radius:11px;flex-shrink:0;
  background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.15);
  display:flex;align-items:center;justify-content:center;font-size:1rem;
}
.rules-sec-title{
  font-family:'Fraunces',serif;font-weight:900;font-style:italic;
  font-size:1.05rem;color:var(--white);flex:1;
}
.rules-sec-num{
  font-size:.62rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  color:rgba(0,229,255,.4);padding:4px 10px;border-radius:100px;
  background:rgba(0,229,255,.06);border:1px solid rgba(0,229,255,.1);
}

.rules-sec-body{padding:24px 28px;}
.rules-sec-body p{
  font-size:.85rem;color:rgba(255,255,255,.6);
  line-height:1.75;margin-bottom:14px;font-weight:300;
}
.rules-sec-body p:last-child{margin-bottom:0;}
.rules-sec-body strong{color:rgba(255,255,255,.85);font-weight:700;}
.rules-sec-body a{color:var(--cyan);text-decoration:none;transition:color .2s;}
.rules-sec-body a:hover{color:#fff;}

/* attachments */
.rules-attachments{
  margin-top:36px;padding:24px 28px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:20px;
}
.rules-att-title{
  font-size:.65rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--muted);margin-bottom:16px;
}
.rules-att-list{display:flex;flex-direction:column;gap:10px;}
.rules-att-item{
  display:flex;align-items:center;gap:14px;
  padding:14px 18px;border-radius:14px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);
  text-decoration:none;transition:all .25s;cursor:auto;
}
.rules-att-item:hover{border-color:rgba(0,229,255,.2);background:rgba(0,229,255,.05);}
.rules-att-ico{
  width:36px;height:36px;border-radius:10px;flex-shrink:0;
  background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.15);
  display:flex;align-items:center;justify-content:center;font-size:.9rem;
}
.rules-att-name{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.7);}
.rules-att-sub{font-size:.7rem;color:var(--muted);}
.rules-att-arr{margin-left:auto;color:rgba(0,229,255,.4);font-size:.8rem;transition:transform .25s;}
.rules-att-item:hover .rules-att-arr{transform:translateX(3px);color:var(--cyan);}

/* responsive */
@media(max-width:768px){
  .rules-wrap,.rules-bc{padding-left:24px;padding-right:24px;}
  .rules-sec-head,.rules-sec-body{padding:16px 20px;}
}


/* ===== steam.blade.php ===== */

.bs-example{
            margin: 20px;
        }
        .panel-title .glyphicon{
            font-size: 14px;
        }


/* ===== sumorder.blade.php ===== */

:root{
  --kp-border:#e5e7eb;
  --kp-muted:#6b7280;
  --kp-text:#0f172a;
  --kp-link:#2563eb;
  --kp-link-hover:#1d4ed8;
  --kp-accent:#111827;
  --kp-accent-hover:#2563eb;
}

/* ===== BREADCRUMB ===== */
.kp-breadcrumb{
  background:#f9fafb;
  border-bottom:1px solid var(--kp-border);
  padding:.75rem 0;
}
.kp-breadcrumb .breadcrumb{ background:transparent; padding:0; margin:0; }
.kp-breadcrumb .breadcrumb a{ color:var(--kp-link); }
.kp-breadcrumb .breadcrumb .active{ color:var(--kp-muted); }

/* ===== SUMMARY WRAPPER ===== */
.kp-summary{ padding-bottom:2rem; }          /* kontrolowany dystans zamiast <br> */
.kp-summary h1{ font-weight:700; letter-spacing:.3px; margin-bottom:1rem; }

/* ===== KARTY / TABELA ===== */
.kp-card{
  background:#fff;
  border:1px solid var(--kp-border);
  border-radius:12px;
  box-shadow:0 8px 26px rgba(0,0,0,.06);
}
.kp-table thead th{
  border-bottom:1px solid var(--kp-border);
  color:var(--kp-muted);
  font-weight:600;
}
.kp-table td{ border-top:1px solid var(--kp-border); }
.kp-row-discount td{ background:#f8fafc; }
.kp-money{ font-weight:700; letter-spacing:.2px; }

/* ===== INPUTS (readonly) ===== */
.kp-label{ display:block; font-weight:600; color:var(--kp-text); }
.kp-input{
  width:100%;
  border:1px solid var(--kp-border);
  border-radius:8px;
  padding:.6rem .8rem;
}
.kp-input[disabled]{ background:#f9fafb; color:#6b7280; }

/* ===== CTA BUTTON ===== */
.kp-paybtn{
  display:inline-block;
  padding:12px 22px;
  font-size:1rem;
  font-weight:700;
  border:none;
  border-radius:8px;
  color:#fff;
  background:var(--kp-accent);
  transition:background .2s ease, transform .1s ease, box-shadow .2s ease;
  box-shadow:0 8px 18px rgba(17,24,39,.12);
  cursor:pointer;
}
.kp-paybtn:hover{
  background:var(--kp-accent-hover);
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(37,99,235,.18);
}
.kp-paybtn--block{ display:block; width:100%; }

/* ===== MODAL (TPay) ===== */
.kp-modal .modal-content{
  border-radius:10px;
  border:1px solid var(--kp-border);
  box-shadow:0 10px 40px rgba(0,0,0,.15);
}
.kp-modal__header{
  background:#f9fafb;
  border-bottom:1px solid var(--kp-border);
  padding:12px 18px;
}
.kp-modal__header .modal-title{ font-weight:600; font-size:1rem; margin:0; }
.kp-modal__body{ padding:20px; text-align:center; }
.kp-alert--warn{
  background:#fff5f5; border:1px solid #fca5a5;
  color:#b91c1c; font-weight:500; padding:12px 16px;
  border-radius:6px; margin-bottom:20px;
  display:inline-block; text-align:center; max-width:480px;
}
.kp-info img{ max-height:120px; margin:0 auto; display:block; }
.kp-modal__footer{ border-top:1px solid var(--kp-border); padding:16px; background:#f9fafb; }

/* ===== (OPCJONALNIE) Sticky footer dla całej strony ===== */
/* Jeśli chcesz, żeby stopka zawsze „trzymała” dół ekranu: */
html, body { height:100%; }
body { display:flex; flex-direction:column; }
main, .site-content { flex:1 0 auto; }   /* wrapper Twoich sekcji */
footer { margin-top:auto; }


/* ===== desing.blade.php cookie modal inline-style refactor ===== */
.cookie-overlay {
  position: fixed;
  inset: 0;
  background: rgba(6, 4, 15, .7);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 9998;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  animation: cookieIn .4s cubic-bezier(.16,1,.3,1) both;
}

.cookie-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  width: 100%;
  max-width: 560px;
  background: rgba(10, 6, 26, .96);
  backdrop-filter: blur(40px) saturate(200%);
  -webkit-backdrop-filter: blur(40px) saturate(200%);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 28px;
  box-shadow: 0 32px 80px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.08);
  padding: 36px;
  animation: cookieSlideIn .5s cubic-bezier(.16,1,.3,1) both;
}

.cookie-modal-glow {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,229,255,.06), transparent 70%);
  top: -80px;
  right: -60px;
  pointer-events: none;
}

.cookie-modal-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}

.cookie-modal-icon {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: rgba(0,229,255,.1);
  border: 1px solid rgba(0,229,255,.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  flex-shrink: 0;
}

.cookie-modal-kicker {
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--cyan);
  margin-bottom: 3px;
}

.cookie-modal-title {
  font-family: 'Fraunces', serif;
  font-weight: 900;
  font-style: italic;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.1;
}

.cookie-modal-title-accent {
  color: var(--cyan);
}

.cookie-modal-text {
  font-size: .84rem;
  color: rgba(255,255,255,.5);
  line-height: 1.7;
  margin-bottom: 24px;
  font-weight: 300;
}

.cookie-modal-link {
  color: var(--cyan);
  text-decoration: none;
}

.cookie-settings-panel {
  display: none;
  margin-bottom: 22px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  overflow: hidden;
}

.cookie-settings-row {
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.cookie-settings-row-bordered {
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.cookie-settings-title {
  font-size: .82rem;
  font-weight: 700;
  color: rgba(255,255,255,.85);
  margin-bottom: 3px;
}

.cookie-settings-desc {
  font-size: .72rem;
  color: rgba(255,255,255,.35);
  line-height: 1.4;
}

.cookie-badge-always {
  padding: 5px 14px;
  border-radius: 100px;
  background: rgba(0,255,180,.1);
  border: 1px solid rgba(0,255,180,.25);
  font-size: .68rem;
  font-weight: 700;
  color: var(--green);
  white-space: nowrap;
  flex-shrink: 0;
}

.cookie-actions-stack {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cookie-actions-row {
  display: flex;
  gap: 10px;
}

.cookie-btn {
  font-family: 'Outfit', sans-serif;
  cursor: pointer;
  transition: all .25s;
}

.cookie-btn-accept {
  width: 100%;
  padding: 15px;
  border-radius: 14px;
  border: none;
  background: linear-gradient(135deg, var(--cyan), var(--violet));
  color: #fff;
  font-size: .92rem;
  font-weight: 800;
  letter-spacing: .5px;
  box-shadow: 0 8px 32px rgba(0,229,255,.22);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all .3s;
}

.cookie-btn-secondary,
.cookie-btn-save,
.cookie-btn-reject {
  flex: 1;
  padding: 12px;
  border-radius: 12px;
}

.cookie-btn-secondary {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  color: rgba(255,255,255,.5);
  font-size: .82rem;
  font-weight: 600;
}

.cookie-btn-save {
  background: rgba(0,229,255,.08);
  border: 1px solid rgba(0,229,255,.2);
  color: var(--cyan);
  font-size: .82rem;
  font-weight: 600;
  display: none;
}

.cookie-btn-reject {
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.07);
  color: rgba(255,255,255,.25);
  font-size: .82rem;
  font-weight: 500;
}



/* ===== index.blade.php ===== */

/* ================================================================
   INDEX PAGE STYLES
================================================================ */

/* ── HERO ── */
.ix-hero {
  position: relative; z-index: 2;
  display: flex; align-items: flex-start;
  padding: 0 48px 0;
  max-width: 1300px; margin: 0 auto;
  margin-top: 28px;
  padding-top: 20px;
}
.ix-hero-left { flex: 1; max-width: 680px; }
.ix-tag {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 8px 18px; border-radius: 100px;
  background: rgba(0,229,255,.07); border: 1px solid rgba(0,229,255,.2);
  font-size: .72rem; font-weight: 600; letter-spacing: 2px; text-transform: uppercase;
  color: var(--cyan); margin-bottom: 36px;
  animation: ixUp .8s .1s cubic-bezier(.16,1,.3,1) both;
}
.ix-ldot { width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); animation: ixBlink 1.4s infinite; }
@keyframes ixBlink { 0%,100%{opacity:1;} 50%{opacity:.15;} }

.ix-h1 {
  font-family: 'Fraunces', serif; font-weight: 900;
  font-size: clamp(3.2rem, 7vw, 6rem);
  line-height: .95; letter-spacing: -2px;
  margin-bottom: 28px;
  animation: ixUp .9s .25s cubic-bezier(.16,1,.3,1) both;
}
.ix-h1 .w1 { display: block; color: var(--white); }
.ix-h1 .w2 {
  display: block; font-style: italic;
  background: linear-gradient(120deg, var(--cyan) 0%, var(--violet) 50%, var(--pink) 100%);
  background-size: 200%;
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  animation: ixGrad 4s ease infinite;
}
@keyframes ixGrad { 0%,100%{background-position:0% 50%;} 50%{background-position:100% 50%;} }
.ix-h1 .w3 { display: block; color: rgba(255,255,255,.12); -webkit-text-stroke: 1px rgba(255,255,255,.18); }

.ix-p {
  font-size: 1rem; color: var(--muted); line-height: 1.75; font-weight: 300;
  max-width: 460px; margin-bottom: 44px;
  animation: ixUp .9s .4s cubic-bezier(.16,1,.3,1) both;
}
.ix-btns {
  display: flex; gap: 12px; flex-wrap: wrap;
  animation: ixUp .9s .55s cubic-bezier(.16,1,.3,1) both;
}
.ix-btn-p {
  padding: 14px 32px; border-radius: 14px;
  font-family: 'Outfit', sans-serif; font-size: .88rem; font-weight: 700;
  letter-spacing: .5px; cursor: pointer; position: relative; overflow: hidden;
  background: linear-gradient(135deg, rgba(0,229,255,.75), rgba(124,58,255,.85));
  border: 1px solid rgba(0,229,255,.35); color: #fff;
  box-shadow: 0 8px 32px rgba(0,0,0,.3);
  transition: all .3s; display: inline-flex; align-items: center; gap: 8px;
  text-decoration: none;
}
.ix-btn-p:hover { transform: translateY(-2px); box-shadow: 0 0 40px rgba(0,229,255,.4), 0 8px 32px rgba(124,58,255,.3); }
.ix-btn-s {
  padding: 14px 32px; border-radius: 14px;
  font-family: 'Outfit', sans-serif; font-size: .88rem; font-weight: 600;
  letter-spacing: .3px; cursor: pointer;
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1);
  color: rgba(255,255,255,.55); transition: all .3s;
}
.ix-btn-s:hover { background: rgba(255,255,255,.08); color: var(--white); }

.ix-stats {
  display: flex; gap: 40px; margin-top: 40px;
  padding-top: 28px; border-top: 1px solid rgba(255,255,255,.06);
  animation: ixUp .9s .7s cubic-bezier(.16,1,.3,1) both;
  padding-bottom: 32px;
}
.ix-stat-n { font-family: 'Fraunces', serif; font-style: italic; font-size: 1.9rem; color: var(--white); display: block; line-height: 1; }
.ix-stat-l { font-size: .68rem; color: var(--muted); letter-spacing: 1.5px; text-transform: uppercase; margin-top: 4px; }

@keyframes ixUp { from{opacity:0;transform:translateY(36px);} to{opacity:1;transform:translateY(0);} }

/* ── HERO RIGHT: service cards ── */
.ix-hero-right {
  width: 520px; flex-shrink: 0;
  display: grid; grid-template-columns: 1fr; gap: 14px;
  align-self:flex-start;
  margin-top:28px;
  animation: ixUp 1s .5s cubic-bezier(.16,1,.3,1) both;
}
.ix-sc {
  min-height: 112px;
  padding: 20px 22px; cursor: pointer; position: relative; overflow: hidden;
  display:flex;flex-direction:column;justify-content:center;
  text-decoration:none!important;color:inherit;
  transition: transform .35s cubic-bezier(.4,0,.2,1), border-color .35s, box-shadow .35s, background .35s;
  background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.1); border-radius: 24px;
  box-shadow: 0 8px 32px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.045);
}
.ix-sc::before{
  content:'';position:absolute;inset:-1px;border-radius:inherit;opacity:0;pointer-events:none;
  background:
    radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--tile-accent, var(--cyan)) 28%, transparent), transparent 38%),
    linear-gradient(135deg, color-mix(in srgb, var(--tile-accent, var(--cyan)) 18%, transparent), transparent 52%);
  transition:opacity .35s;
}
.ix-sc::after{
  content:'';position:absolute;left:18px;right:18px;bottom:0;height:2px;opacity:0;
  background:linear-gradient(90deg,transparent,var(--tile-accent, var(--cyan)),transparent);
  transition:opacity .35s;
}
.ix-sc:hover,
.ix-sc:focus{
  transform: translateY(-6px) scale(1.025);
  border-color: color-mix(in srgb, var(--tile-accent, var(--cyan)) 45%, rgba(255,255,255,.12));
  background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
  box-shadow: 0 20px 70px rgba(0,0,0,.68), 0 0 34px color-mix(in srgb, var(--tile-accent, var(--cyan)) 18%, transparent);
  outline:none;text-decoration:none!important;
}
.ix-sc:hover::before,.ix-sc:focus::before,.ix-sc:hover::after,.ix-sc:focus::after{opacity:1;}
.ix-sc-top { position:relative;z-index:1;display: flex; align-items: flex-start; justify-content: space-between; gap:12px; margin-bottom: 14px; }
.ix-sc-tag { font-size: .62rem; font-weight: 800; letter-spacing: 2.4px; text-transform: uppercase; color:var(--tile-accent, var(--cyan)); }
.ix-sc-price { font-family: 'Fraunces', serif; font-style: italic; font-weight:900;font-size: 1.05rem; color:var(--tile-accent, var(--cyan)); white-space:nowrap; }
.ix-sc-name { position:relative;z-index:1;font-family:'Outfit',sans-serif;font-size: .98rem; font-weight: 900; letter-spacing:.1px; color: var(--white); text-decoration:none!important; }
.ix-sc-sub { position:relative;z-index:1;font-size: .76rem; color: var(--muted); margin-top: 6px; text-decoration:none!important; }
.ix-sc-info { text-align:center;align-items:center; }
.ix-sc-info .ix-sc-top { justify-content:center;margin-bottom:12px; }
.ix-sc-info .ix-sc-tag { font-size:.64rem;letter-spacing:3px; }
.ix-sc-info .ix-sc-name { font-size:1.06rem;line-height:1.18;letter-spacing:.25px;text-transform:uppercase; }
.ix-sc-info .ix-sc-sub { max-width:92%;font-size:.78rem;line-height:1.35; }
.ix-sc-arr { position: absolute; right: 18px; bottom: 16px; font-size: 1rem; color: var(--tile-accent, var(--cyan)); opacity: 0; transform: translate(-4px,4px); transition: all .3s; }
.ix-sc:hover .ix-sc-arr,.ix-sc:focus .ix-sc-arr { opacity: 1; transform: translate(0,0); }

/* ── RECENTLY BOUGHT – Steam store big blur cards ── */
.ix-purchases { position:relative;z-index:2;padding:28px 48px 0;max-width:1300px;margin:0 auto; }
.ix-pur-header { display:block; margin-bottom:16px; }
.ix-pur-live { display:flex;align-items:center;gap:8px; }
.ix-pur-dot { width:7px;height:7px;border-radius:50%;background:var(--green);animation:ixBlink 1.5s infinite;flex-shrink:0; }
.ix-pur-live-text { font-size:.65rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--green); }
.ix-pur-count { font-size:.65rem;color:var(--muted); }

.ix-pur-row {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
.ix-pur-card {
  position:relative;overflow:hidden;border-radius:18px;
  aspect-ratio:16/10;cursor:pointer;
  width:100%;min-width:0;
  display:block;text-decoration:none;color:inherit;
  border:1px solid rgba(255,255,255,.12);
  transition:all .4s cubic-bezier(.4,0,.2,1);
  background:rgba(255,255,255,.035);
}
.ix-pur-card:hover,
.ix-pur-card:focus { transform:translateY(-6px); border-color:rgba(0,229,255,.3); box-shadow:0 20px 60px rgba(0,0,0,.7),0 0 24px rgba(0,229,255,.08); outline:none; }

/* background image fills the card */
.ix-pur-bg {
  position:absolute;inset:0;
  background-size:contain;background-position:center;background-repeat:no-repeat;
  transition:transform .5s cubic-bezier(.4,0,.2,1),filter .4s;
  filter:brightness(.88) saturate(.95);
}
.ix-pur-card:hover .ix-pur-bg { transform:scale(1.045); filter:brightness(1) saturate(1.05); }

/* gradient overlay bottom */
.ix-pur-overlay {
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(6,4,15,.12) 0%,rgba(6,4,15,.18) 38%,rgba(6,4,15,.96) 100%),
    radial-gradient(circle at 50% 18%,rgba(255,255,255,.08),transparent 42%);
}

/* cyan glow line on hover */
.ix-pur-card::after {
  content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--cyan),transparent);
  opacity:0;transition:opacity .35s;
}
.ix-pur-card:hover::after { opacity:1; }

/* content bottom */
.ix-pur-info {
  position:absolute;bottom:0;left:0;right:0;
  padding:14px 14px 13px;
  background:linear-gradient(180deg,transparent,rgba(6,4,15,.72));
}
.ix-pur-name {
  font-size:.82rem;font-weight:800;color:#fff;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
  margin-bottom:7px;
  text-shadow:0 2px 10px rgba(0,0,0,.92);
}
.ix-pur-card:hover .ix-pur-name,
.ix-pur-card:focus .ix-pur-name { color:var(--cyan); }
.ix-pur-meta { display:flex;align-items:center;gap:7px; }
.ix-pur-meta-dot { width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0; box-shadow:0 0 10px rgba(0,255,198,.75); }
.ix-pur-meta-text { font-size:.66rem;color:rgba(255,255,255,.68); white-space:nowrap; }

/* blur chip top-left */
.ix-pur-chip {
  position:absolute;top:11px;left:11px;
  padding:5px 11px;border-radius:100px;
  background:rgba(6,4,15,.68);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.14);
  font-size:.58rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;
  color:rgba(255,255,255,.72);
  box-shadow:0 8px 18px rgba(0,0,0,.25);
}

@media(max-width:900px){
  .ix-pur-row { grid-template-columns:repeat(3,1fr); }
}
@media(max-width:768px){
  .ix-pur-row { grid-template-columns:repeat(2,1fr); }
  .ix-pur-card:nth-child(n+3) { display: none; }
}
@media(max-width:600px){
  .ix-pur-row { gap: 8px; }
}

/* ── TICKER ── */
.ix-ticker-wrap { position: relative; z-index: 2; overflow: hidden; padding: 14px 0; background: rgba(255,255,255,.015); border-top: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05); }
.ix-ticker { display: flex; white-space: nowrap; animation: ixTick 26s linear infinite; }
@keyframes ixTick { from{transform:translateX(0);} to{transform:translateX(-50%);} }
.ix-ti { padding: 0 32px; font-size: .68rem; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: rgba(255,255,255,.12); border-right: 1px solid rgba(255,255,255,.05); display: inline-flex; align-items: center; }
.ix-ti.hl { color: rgba(0,229,255,.5); }
.ix-ti.hl2 { color: rgba(124,58,255,.5); }
.ix-ti.hl3 { color: rgba(255,45,120,.4); }

/* ── OWL CAROUSELS ── */
.ix-owl-section { position: relative; z-index: 2; padding: 28px 48px 0; max-width: 1300px; margin: 0 auto; }
.ix-owl-hdr { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; flex-wrap: wrap; gap: 10px; }
.ix-see { font-size: .75rem; font-weight: 700; letter-spacing: .5px; color: var(--cyan); text-decoration: none; padding: 7px 18px; border-radius: 100px; border: 1px solid rgba(0,229,255,.2); background: rgba(0,229,255,.06); transition: all .25s; cursor: pointer; }
.ix-see:hover { background: rgba(0,229,255,.14); color: var(--white); }
.ix-owl .owl-stage { display: flex; align-items: stretch; }
.ix-owl .owl-item { padding: 5px 6px; display: flex; }
.ix-owl .owl-item .ix-pc { flex: 1; }
.ix-owl .owl-nav { display: none !important; }
.ix-owl .owl-dots { display: flex; justify-content: center; gap: 6px; margin-top: auto; }
.ix-owl .owl-dot span { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.15); display: block; transition: all .3s; }
.ix-owl .owl-dot.active span { background: var(--cyan); width: 20px; border-radius: 3px; }

/* product cards — equal height fix */
.ix-prod-grid > * { height: 100%; }
.ix-prod-grid > * > .ix-pc { height: 100%; }
.ix-pc {
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px; overflow: hidden; cursor: pointer;
  display: flex; flex-direction: column;
  transition: all .4s cubic-bezier(.4,0,.2,1);
}
.ix-pc:hover { transform: translateY(-8px) scale(1.02); border-color: rgba(255,255,255,.18); box-shadow: 0 24px 60px rgba(0,0,0,.7); }
.ix-pc-img { display: block; position: relative; overflow: hidden; }
.ix-pc-img-g { aspect-ratio: 16/9; }
.ix-pc-img-h { aspect-ratio: 1/1; }
.ix-pc-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .55s cubic-bezier(.4,0,.2,1), filter .35s; filter: brightness(.82) saturate(.85); }
.ix-pc-img-h img { object-fit: contain; padding: 12px; background: rgba(255,255,255,.03); }
.ix-pc:hover .ix-pc-img img { transform: scale(1.08); filter: brightness(1) saturate(1.1); }
.ix-pc-cta { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; text-align: center; background: rgba(0,229,255,.12); backdrop-filter: blur(8px); border-top: 1px solid rgba(0,229,255,.2); font-size: .65rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--cyan); transform: translateY(100%); transition: transform .3s cubic-bezier(.4,0,.2,1); }
.ix-pc:hover .ix-pc-cta { transform: translateY(0); }
.ix-pc-body { padding: 12px 14px 16px; flex: 1; display: flex; flex-direction: column; }
.ix-pc-name { font-size: .83rem; font-weight: 600; line-height: 1.35; margin-bottom: 8px; color: rgba(255,255,255,.88); flex: 1; }
.ix-pc-name a { color: inherit; text-decoration: none; }
.ix-pc-name a:hover { color: var(--cyan); }
.ix-pc-price { font-family: 'Fraunces', serif; font-style: italic; font-size: 1rem; color: var(--cyan); margin-top: auto; }

/* ── SECTION ── */
.ix-section { position: relative; z-index: 2; padding: 40px 48px; max-width: 1300px; margin: 0 auto; }
.ix-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: .65rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--cyan); margin-bottom: 14px; }
.ix-eyebrow::before { content: ''; width: 24px; height: 1px; background: var(--cyan); }
.ix-title { font-family: 'Fraunces', serif; font-weight: 900; font-size: clamp(1.8rem, 3.5vw, 3rem); line-height: 1.05; letter-spacing: -.5px; margin-bottom: 0; }
.ix-title em { font-style: italic; color: var(--cyan); }

/* cat grid */
.ix-cat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 48px; }
.ix-cat { padding: 40px 32px; cursor: pointer; position: relative; overflow: hidden; transition: all .45s cubic-bezier(.4,0,.2,1); background: rgba(255,255,255,.04); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,.08); border-radius: 24px; display: flex; flex-direction: column; }
.ix-cat::after { content: ''; position: absolute; inset: -1px; border-radius: inherit; background: linear-gradient(135deg, rgba(255,255,255,.06), transparent 60%); pointer-events: none; opacity: 0; transition: opacity .45s; }
.ix-cat:hover { transform: translateY(-8px); box-shadow: 0 32px 80px rgba(0,0,0,.6); }
.ix-cat:hover::after { opacity: 1; }
.ix-cat-glow { position: absolute; width: 200px; height: 200px; border-radius: 50%; filter: blur(60px); top: -40px; right: -40px; opacity: .25; transition: opacity .45s; pointer-events: none; }
.ix-cat:hover .ix-cat-glow { opacity: .55; }
.ix-cat.cc1 .ix-cat-glow { background: radial-gradient(circle, var(--cyan), transparent); }
.ix-cat.cc2 .ix-cat-glow { background: radial-gradient(circle, var(--violet), transparent); }
.ix-cat.cc3 .ix-cat-glow { background: radial-gradient(circle, var(--pink), transparent); }
.ix-cat.cc1:hover { border-color: rgba(0,229,255,.25); }
.ix-cat.cc2:hover { border-color: rgba(124,58,255,.25); }
.ix-cat.cc3:hover { border-color: rgba(255,45,120,.25); }
.ix-cat-icon { font-size: 2rem; margin-bottom: 22px; display: block; }
.ix-cat h3 { font-size: 1.4rem; font-weight: 700; margin-bottom: 10px; letter-spacing: -.3px; }
.ix-cat p { font-size: .85rem; color: var(--muted); line-height: 1.65; font-weight: 300; margin-bottom: 28px; }
.ix-cat-btn { display: inline-flex; align-items: center; gap: 8px; font-size: .72rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 9px 20px; border-radius: 10px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.03); color: rgba(255,255,255,.45); cursor: pointer; transition: all .3s; text-decoration: none; margin-top: auto; align-self: flex-start; }
.ix-cat:hover .ix-cat-btn { color: var(--white); border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.06); }

/* products grid */
.ix-prod-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; margin-top: 24px; }

/* services */
.ix-svc-bg { position: relative; z-index: 2; padding: 40px 48px; background: rgba(255,255,255,.015); border-top: 1px solid rgba(255,255,255,.04); border-bottom: 1px solid rgba(255,255,255,.04); }
.ix-svc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; margin-top: 48px; max-width: 1300px; margin-left: auto; margin-right: auto; }
.ix-svc { padding: 24px 18px; text-align: center; cursor: pointer; position: relative; overflow: hidden; transition: all .3s cubic-bezier(.4,0,.2,1); background: rgba(255,255,255,.03); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,.07); border-radius: 18px; }
.ix-svc:hover { transform: translateY(-5px); border-color: rgba(0,229,255,.2); background: rgba(0,229,255,.04); }
.ix-svc:hover .ix-svc-n { color: var(--cyan); }
.ix-svc-i { font-size: 1.7rem; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; min-height: 44px; }
.ix-svc-icon-img { width: 44px; height: 44px; object-fit: contain; display: block; }
.ix-svc-n { font-size: .76rem; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; transition: color .3s; margin-bottom: 5px; }
.ix-svc-p { font-size: .65rem; color: var(--muted); line-height: 1.4; }

/* trust */
.ix-trust { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; max-width: 1300px; margin: 0 auto; padding: 32px 48px; }
.ix-tc { display: flex; align-items: center; gap: 14px; padding: 22px 24px; background: rgba(255,255,255,.04); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,.07); border-radius: 18px; cursor: pointer; transition: all .3s; }
.ix-tc:hover { border-color: rgba(0,229,255,.2); transform: translateY(-3px); }
.ix-tc-ico { width: 42px; height: 42px; border-radius: 12px; background: rgba(0,229,255,.07); border: 1px solid rgba(0,229,255,.14); display: flex; align-items: center; justify-content: center; font-size: 1rem; flex-shrink: 0; transition: all .3s; }
.ix-tc:hover .ix-tc-ico { background: rgba(0,229,255,.14); }
.ix-tc-t1 { font-size: .85rem; font-weight: 700; margin-bottom: 2px; }
.ix-tc-t2 { font-size: .7rem; color: var(--muted); }

/* promo */
.ix-promo { position: relative; z-index: 2; padding: 0 48px 8px; max-width: 1300px; margin: 0 auto; }
.ix-promo-box { position: relative; overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; min-height: 220px; background: rgba(255,255,255,.07); backdrop-filter: blur(32px); -webkit-backdrop-filter: blur(32px); border: 1px solid rgba(255,255,255,.14); border-radius: 28px; box-shadow: 0 16px 64px rgba(0,0,0,.5); }
.ix-promo-glow { position: absolute; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(0,229,255,.08), transparent 70%); right: -80px; top: 50%; transform: translateY(-50%); pointer-events: none; animation: gOF 8s ease-in-out infinite; }
@keyframes gOF { 0%,100%{transform:translateY(-50%) scale(1);} 50%{transform:translateY(-50%) scale(1.1);} }
.ix-promo-l { padding: 34px 36px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255,255,255,.08); position: relative; }
.ix-promo-l h2 { font-family: 'Fraunces', serif; font-weight: 900; font-size: clamp(1.8rem, 3vw, 2.6rem); line-height: 1.1; margin-bottom: 14px; }
.ix-promo-l h2 em { font-style: italic; color: var(--cyan); }
.ix-promo-l p { font-size: .88rem; color: var(--muted); line-height: 1.7; font-weight: 300; max-width: 360px; margin-bottom: 28px; }
.ix-promo-r { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 34px 36px; position: relative; }
.ix-promo-lbl { font-size: .62rem; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; color: var(--muted); }
.ix-promo-code { font-family: 'Fraunces', serif; font-style: italic; font-weight: 900; font-size: clamp(2.2rem, 4.5vw, 3.6rem); letter-spacing: 4px; background: linear-gradient(120deg, var(--cyan), var(--violet), var(--pink)); background-size: 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: ixGrad 3s ease infinite; }
.ix-promo-disc { padding: 10px 28px; border-radius: 100px; background: rgba(0,229,255,.1); border: 1px solid rgba(0,229,255,.25); font-size: .95rem; font-weight: 700; letter-spacing: 1px; color: var(--cyan); }

/* RESPONSIVE */
@media(max-width:1100px) {
  .ix-hero { flex-direction: column; padding: 100px 24px 60px; gap: 32px; }
  .ix-hero-right { width: 100%; max-width: 640px; grid-template-columns: 1fr; }
  .ix-sc { min-width: 0; }
}
@media(max-width:900px) {
  .ix-hero { min-height: auto; }
  .ix-hero-right { display: none; }
  .ix-cat-grid { grid-template-columns: 1fr; }
  .ix-trust { grid-template-columns: 1fr 1fr; }
  .ix-promo-box { grid-template-columns: 1fr; }
  .ix-promo-r { border-top: 1px solid rgba(255,255,255,.08); }
  .ix-section,.ix-svc-bg,.ix-trust,.ix-promo,.ix-purchases,.ix-owl-section { padding-left: 20px; padding-right: 20px; }
  .ix-pur-grid { grid-template-columns: repeat(2,1fr); }
}
@media(max-width:600px) {
  .ix-prod-grid-5 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .ix-prod-grid-3 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .ix-trust { grid-template-columns: 1fr 1fr; }
  .ix-pur-grid { grid-template-columns: 1fr; }
}

/* ── MOBILE (≤480px) ── */
@media(max-width:480px) {

  /* Hero */
  .ix-hero { padding: 16px 16px 0; margin-top: 16px; }
  .ix-h1 { font-size: clamp(2.4rem, 11vw, 3.2rem); letter-spacing: -1px; margin-bottom: 18px; }
  .ix-tag { font-size: .65rem; padding: 6px 14px; margin-bottom: 20px; }
  .ix-p { font-size: .9rem; margin-bottom: 28px; }
  .ix-btns { gap: 10px; }
  .ix-btn-p, .ix-btn-s { padding: 12px 22px; font-size: .82rem; width: 100%; justify-content: center; }
  .ix-stats { gap: 20px; margin-top: 24px; padding-top: 20px; padding-bottom: 20px; }
  .ix-stat-n { font-size: 1.5rem; }

  /* Sections padding */
  .ix-section, .ix-svc-bg, .ix-trust, .ix-promo, .ix-purchases, .ix-owl-section { padding-left: 14px; padding-right: 14px; }

  /* Titles */
  .ix-title { font-size: clamp(1.6rem, 8vw, 2.2rem); }
  .ix-title-lg { font-size: 1.6rem; }
  .ix-title-sm { font-size: 1.3rem; }
  .ix-eyebrow { font-size: .65rem; }

  /* Section head */
  .ix-section-head { flex-direction: column; align-items: flex-start; gap: 8px; margin-bottom: 24px; }

  /* Purchases */
  .ix-pur-row { grid-template-columns: repeat(2,1fr); gap: 8px; }
  .ix-pur-card { min-height: 120px; }
  .ix-pur-name { font-size: .72rem; }

  /* Owl carousels */
  .ix-owl-hdr { margin-bottom: 14px; }

  /* Cat grid */
  .ix-cat { padding: 28px 20px; }
  .ix-cat h3 { font-size: 1.15rem; }
  .ix-cat p { font-size: .82rem; margin-bottom: 20px; }

  /* Trust */
  .ix-trust { grid-template-columns: 1fr 1fr; gap: 10px; padding-top: 20px; padding-bottom: 20px; }
  .ix-tc { padding: 14px 12px; gap: 10px; }
  .ix-tc-ico { font-size: 1.3rem; width: 36px; height: 36px; }
  .ix-tc-t1 { font-size: .8rem; }
  .ix-tc-t2 { font-size: .7rem; }

  /* Promo */
  .ix-promo-box { padding: 28px 20px; }
  .ix-promo-l h2 { font-size: 1.6rem; }
  .ix-promo-l p { font-size: .82rem; }
  .ix-promo-code { font-size: 2rem; letter-spacing: 2px; }

  /* Premiery grid */
  .ix-prod-grid-5 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
}


/* ===== index.blade.php inline-style refactor ===== */
.ix-title-sm { font-size: 1.6rem; }
.ix-pur-header { margin-bottom: 16px; }
.ix-pur-card-delay { transition-delay: var(--ix-delay, 0s); }
.ix-owl-section-spaced { padding-top: 40px; }
.ix-pc-name-center { text-align: center; }
.ix-section-no-top { padding-top: 0; }
.ix-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 40px;
  flex-wrap: wrap;
  gap: 12px;
}
.ix-title-lg { font-size: 2rem; }
.ix-link-inline {
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--cyan);
  text-decoration: none;
  border-bottom: 1px solid rgba(0,229,255,.3);
  padding-bottom: 3px;
}
.ix-prod-grid-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.ix-prod-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ix-prod-grid-3 .ix-pc-img-g { aspect-ratio: 3/2; }
.ix-prod-grid-3 .ix-pc-body { padding: 18px 20px 22px; }
.ix-prod-grid-3 .ix-pc-name { font-size: .95rem; margin-bottom: 10px; }
.ix-prod-grid-3 .ix-pc-price { font-size: 1.15rem; }

/* Mobile override – MUST be after base rules */
@media(max-width:900px) {
  .ix-prod-grid-5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media(max-width:600px) {
  .ix-prod-grid-5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ix-prod-grid-3 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
}
@media(max-width:400px) {
  .ix-prod-grid-5 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
}
.ix-svc-inner { max-width: 1300px; margin: 0 auto; }
.ix-reveal-delay { transition-delay: var(--ix-delay, 0s); }
.ix-modal-body-pad { padding: 32px; }
.ix-promo-code-display {
  font-family: 'Fraunces', serif;
  font-style: italic;
  font-size: 3rem;
  background: linear-gradient(135deg,var(--cyan),var(--violet));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: 4px;
  margin-bottom: 12px;
}
.ix-promo-modal-text {
  color: var(--muted);
  font-size: .88rem;
  line-height: 1.65;
}
.ix-promo-modal-text strong { color: var(--white); }
.ix-modal-footer-center { justify-content: center; }


/* custom cursor disabled */
#g-cur,
#g-cur-o{display:none !important;}


/* forced normal cursor on interactive cards and tiles */
.ix-cat, .ix-cat-btn, .ix-svc, .ix-tc, .ix-pc, .ix-rc, .pp-rc, .prod-tile, .game-tile, .gcard, .gcard * { cursor: pointer !important; }


/* footer layout stabilization */
footer.g-footer {
  display: block;
  width: 100%;
  padding: 40px 0 22px;
  margin-top: auto;
}
.g-footer-inner {
  width: min(1320px, calc(100% - 96px));
  margin: 0 auto;
}
.g-footer-grid {
  display: grid;
  grid-template-columns: minmax(280px, 1.4fr) repeat(3, minmax(160px, 1fr));
  gap: 56px;
  align-items: start;
}
.g-f-col ul {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.g-f-about {
  max-width: 340px;
  line-height: 1.8;
  margin: 18px 0 18px;
}
.g-f-live {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
}
.g-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 54px;
  padding-top: 26px;
}
.g-f-pays {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 1024px) {
  .g-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 36px;
  }
}
@media (max-width: 700px) {
  footer.g-footer {
    padding: 28px 0 18px;
    margin-top: auto;
  }
  .g-footer-inner {
    width: min(1320px, calc(100% - 40px));
  }
  .g-footer-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .g-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}


/* footer hard reset after refactor */
footer.g-footer,
footer.g-footer * {
  box-sizing: border-box;
}
footer.g-footer {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  overflow: hidden;
  background: rgba(255,255,255,.015);
  border-top: 1px solid rgba(255,255,255,.06);
  padding: 40px 0 22px;
  margin-top: auto;
}
.g-footer-inner {
  display: block;
  width: min(1280px, calc(100% - 96px));
  margin: 0 auto;
}
.g-footer-grid {
  display: grid;
  grid-template-columns: minmax(320px, 1.5fr) repeat(3, minmax(140px, 1fr));
  gap: 56px;
  align-items: start;
}
.g-f-logo {
  display: inline-block;
  color: #fff;
  font-family: 'Fraunces', serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 900;
  text-decoration: none;
  line-height: 1;
  margin-bottom: 20px;
}
.g-f-logo b {
  color: var(--cyan);
  font-weight: 900;
}
.g-f-about {
  display: block;
  max-width: 360px;
  margin: 0 0 18px;
  color: rgba(255,255,255,.42);
  font-size: .88rem;
  line-height: 1.8;
}
.g-f-live {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,.44);
  font-size: .82rem;
  margin-top: 8px;
}
.g-f-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2cff9b;
  box-shadow: 0 0 0 6px rgba(44,255,155,.08);
  flex: 0 0 8px;
}
.g-f-col {
  display: block;
}
.g-f-col-title {
  display: block;
  margin-bottom: 18px;
  color: rgba(255,255,255,.32);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.g-f-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.g-f-col li {
  margin: 0;
  padding: 0;
}
.g-f-col a {
  color: rgba(255,255,255,.42);
  font-size: .86rem;
  text-decoration: none;
  transition: color .2s ease;
}
.g-f-col a:hover,
.g-footer-bottom a:hover,
.g-f-logo:hover {
  color: var(--cyan);
}
.g-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 52px;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,.06);
}
.g-footer-bottom p,
.g-footer-bottom a {
  margin: 0;
  color: rgba(255,255,255,.28);
  font-size: .76rem;
  text-decoration: none;
}
.g-f-pays {
  display: flex;
  align-items: center;
  gap: 12px;
}
.g-f-pay {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 74px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.52);
  font-size: .72rem;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .g-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 36px;
  }
}
@media (max-width: 700px) {
  footer.g-footer {
    padding: 28px 0 18px;
    margin-top: auto;
  }
  .g-footer-inner {
    width: min(1280px, calc(100% - 40px));
  }
  .g-footer-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .g-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}


/* promo modal hard styles */
#kpPromoModal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1050 !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  background: rgba(5, 4, 12, .72);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
#kpPromoModal.show {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#kpPromoModal .modal-dialog {
  max-width: 640px;
  margin: 8vh auto;
  pointer-events: none;
}
#kpPromoModal .modal-content {
  pointer-events: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  background: rgba(14, 10, 28, .98);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 26px;
  box-shadow: 0 32px 80px rgba(0,0,0,.55);
  overflow: hidden;
}
#kpPromoModal .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
#kpPromoModal .modal-title {
  margin: 0;
  color: #fff;
  font-family: 'Fraunces', serif;
  font-size: 1.45rem;
  font-style: italic;
  font-weight: 800;
}
#kpPromoModal .close {
  appearance: none;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.6);
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}
#kpPromoModal .modal-body {
  padding: 34px 28px;
}
#kpPromoModal .modal-footer {
  display: flex;
  justify-content: center;
  padding: 0 28px 28px;
  border-top: 0;
}
#kpPromoModal .btn.btn-secondary {
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.75);
  border-radius: 12px;
  padding: 10px 18px;
}
body.modal-open {
  overflow: hidden;
}


main, .site-main{flex:1 0 auto; display:block;}


/* final global sticky footer fix */
html,
body {
  min-height: 100vh !important;
  min-height: 100svh !important;
  height: auto !important;
  overflow-x: auto !important;
}
body {
  display: flex !important;
  flex-direction: column !important;
}
body > .site-main,
body > main.site-main,
body > main {
  width: 100% !important;
  display: block !important;
  flex: 1 0 auto !important;
  min-height: 0 !important;
}
.homepage-shell {
  min-height: auto !important;
}
body > footer.g-footer,
footer.g-footer {
  margin-top: auto !important;
  width: 100% !important;
  flex-shrink: 0 !important;
}


/* shrink footer height to original look */
footer.g-footer {
  padding: 24px 0 12px !important;
}
.g-footer-grid {
  gap: 28px !important;
}
.g-f-logo {
  margin-bottom: 10px !important;
}
.g-f-about {
  margin: 0 0 10px !important;
  line-height: 1.6 !important;
}
.g-f-live {
  margin-top: 4px !important;
}
.g-f-col-title {
  margin-bottom: 10px !important;
}
.g-f-col ul {
  gap: 8px !important;
}
.g-footer-bottom {
  margin-top: 20px !important;
  padding-top: 14px !important;
}


/* FAQ Styles for Product Page */
.pp-faq-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.pp-faq-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 16px;
  pointer-events: auto !important; /* Fix cursor disappearing */
  cursor: default !important;
}

.pp-faq-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.pp-faq-q {
  font-weight: 700;
  font-size: 0.95rem;
  color: #fff;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
  pointer-events: auto !important;
  cursor: default !important;
}

.pp-faq-q::before {
  content: '❓';
  font-size: 0.8rem;
  opacity: 0.7;
}

.pp-faq-a {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.5;
  padding-left: 24px;
  pointer-events: auto !important;
  cursor: text !important;
}

/* Ensure FAQ section doesn't interfere with mouse */
#pp-faq {
  pointer-events: auto !important;
}
#pp-faq * {
  pointer-events: auto !important;
}

/* dynamic homepage hero tiles */
.ix-sc {
  text-decoration: none;
}
.ix-sc-tag,
.ix-sc-price,
.ix-sc-arr {
  color: var(--tile-accent, var(--cyan));
}