:root{--bg:#030304;--panel:#111114;--panel2:#17171b;--text:#fff;--muted:#aaaab2;--purple:#9228ff;--pink:#ee38bc;--orange:#ff7127;--line:rgba(255,255,255,.09);--ok:#69e2a2;--bad:#ff758d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 5%,rgba(130,29,190,.16),transparent 28%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}.page-width{width:min(1180px,calc(100% - 40px));margin:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
.topbar{height:96px;display:grid;grid-template-columns:170px 1fr 170px;align-items:center}.brand{width:96px;display:block}.brand img{width:100%;display:block}.main-nav{display:flex;justify-content:center;gap:29px}.main-nav a{text-transform:uppercase;color:#b9b9c0;font-size:10px}.main-nav a:hover,.main-nav .active{color:#fff}.utilities{display:flex;justify-content:flex-end;gap:18px}.icon-button{width:23px;height:23px;position:relative;display:block}.icon-button svg{width:100%;height:100%;fill:none;stroke:#e3e3e8;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.cart-badge{position:absolute;right:-8px;top:-8px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--pink));font-size:9px}.mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:23px}
.cart-hero{padding:36px 0 25px}.eyebrow{color:#e448ca;font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.cart-hero h1{margin:9px 0 12px;font-size:clamp(35px,5vw,64px);line-height:.95;text-transform:uppercase;letter-spacing:-.055em}.cart-hero h1 span{background:linear-gradient(90deg,var(--purple),var(--pink),var(--orange));-webkit-background-clip:text;color:transparent}.cart-hero p{max-width:620px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.checkout-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:22px;padding:15px 0 70px}.card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(20,20,24,.96),rgba(9,9,11,.96));box-shadow:0 24px 70px rgba(0,0,0,.27)}.cart-list-card{padding:22px}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card-title h2{margin:0;font-size:18px;text-transform:uppercase}.card-title span{font-size:10px;color:#898990}
.cart-empty{padding:48px 20px;text-align:center;border:1px dashed rgba(255,255,255,.13);border-radius:13px}.cart-empty h3{margin:0 0 9px}.cart-empty p{color:var(--muted);font-size:12px}.ghost-link{display:inline-flex;margin-top:14px;padding:11px 17px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:10px;text-transform:uppercase}
.cart-item{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:15px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.cart-item:first-child{border-top:0}.item-image{width:86px;height:92px;overflow:hidden;border-radius:11px;background:#09090b}.item-image img{width:100%;height:100%;object-fit:cover}.item-info h3{margin:0 0 7px;font-size:13px}.item-info p{margin:0;color:var(--muted);font-size:10px}.item-controls{display:flex;align-items:center;gap:8px;margin-top:12px}.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden}.qty button{width:29px;height:29px;border:0;background:#0a0a0d;color:#fff;cursor:pointer}.qty span{min-width:31px;text-align:center;font-size:11px}.remove{border:0;background:none;color:#85858d;font-size:9px;text-transform:uppercase;cursor:pointer}.item-total{text-align:right;font-weight:800;font-size:13px;white-space:nowrap}
.customer-card{padding:22px;margin-top:22px}.customer-card h2{margin:0 0 19px;font-size:18px;text-transform:uppercase}.form-grid{display:grid;gap:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:7px}.field label,.section-label{font-size:9px;color:#a9a9b0;text-transform:uppercase;letter-spacing:.07em}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:#09090c;color:#fff;padding:12px 13px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#b02cff;box-shadow:0 0 0 3px rgba(176,44,255,.1)}.field textarea{min-height:88px;resize:vertical}.delivery-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.delivery-option{position:relative}.delivery-option input{position:absolute;opacity:0}.delivery-option span{min-height:67px;display:flex;flex-direction:column;justify-content:center;padding:12px;border:1px solid var(--line);border-radius:10px;background:#0a0a0d;cursor:pointer}.delivery-option strong{font-size:11px}.delivery-option small{margin-top:5px;color:#92929a}.delivery-option input:checked+span{border-color:#c035ff;background:rgba(132,34,188,.12);box-shadow:0 0 0 2px rgba(192,53,255,.09)}
.check-row{display:flex;gap:9px;color:#adadb4;font-size:10px;line-height:1.45}.check-row input{margin-top:2px;accent-color:#b62cff}.check-row a{text-decoration:underline}
.summary-card{position:sticky;top:18px;padding:23px;height:max-content}.summary-card h2{margin:0 0 20px;font-size:19px;text-transform:uppercase}.coupon{display:grid;grid-template-columns:1fr auto;gap:8px}.coupon input{min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#09090c;color:#fff;padding:12px}.coupon button{border:0;border-radius:9px;padding:0 14px;background:#24242a;color:#fff;font-size:9px;font-weight:800;text-transform:uppercase;cursor:pointer}.coupon-message{min-height:30px;padding-top:8px;font-size:10px;color:#94949c}.coupon-message.ok{color:var(--ok)}.coupon-message.error{color:var(--bad)}.totals{display:grid;gap:12px;padding:19px 0;margin-top:4px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.total-row{display:flex;justify-content:space-between;color:#aaaab2;font-size:11px}.total-row strong{color:#fff}.total-row.discount{color:#70dda2}.grand-total{display:flex;justify-content:space-between;align-items:end;padding:20px 0}.grand-total span{font-size:10px;color:#9b9ba3;text-transform:uppercase}.grand-total strong{font-size:25px}.submit-order{width:100%;height:49px;border:0;border-radius:12px;background:linear-gradient(90deg,var(--purple),var(--pink),var(--orange));color:#fff;font-weight:900;text-transform:uppercase;font-size:11px;cursor:pointer;box-shadow:0 13px 36px rgba(222,51,185,.23)}.submit-order:disabled{opacity:.4;cursor:not-allowed}.summary-note{margin:13px 0 0;color:#85858d;font-size:9px;line-height:1.5;text-align:center}.message{margin-bottom:17px;padding:13px 15px;border-radius:10px;font-size:11px;line-height:1.55}.message.error{background:rgba(255,75,105,.12);border:1px solid rgba(255,75,105,.3);color:#ff9aae}.message.success{background:rgba(76,218,145,.12);border:1px solid rgba(76,218,145,.3);color:#8ce6b5}
.footer{padding:35px 0;border-top:1px solid var(--line);color:#777780;font-size:9px;display:flex;justify-content:space-between;gap:20px}.footer nav{display:flex;gap:20px}
.thanks{min-height:65vh;display:grid;place-items:center;text-align:center}.thanks-card{max-width:650px;padding:50px 34px}.thanks-icon{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--pink),var(--orange));font-size:28px}.thanks h1{margin:0 0 13px;font-size:36px}.thanks p{color:var(--muted);line-height:1.7}.order-number{display:inline-block;margin:16px 0;padding:10px 16px;border:1px solid var(--line);border-radius:999px;font-weight:800}.primary-link{display:inline-flex;margin-top:12px;padding:13px 21px;border-radius:999px;background:linear-gradient(90deg,var(--purple),var(--pink),var(--orange));font-size:10px;text-transform:uppercase;font-weight:800}
@media(max-width:850px){.topbar{height:76px;grid-template-columns:1fr auto auto;gap:15px}.brand{width:78px}.main-nav{display:none}.mobile-toggle{display:block}.utilities{grid-column:2}.main-nav.open{display:flex;position:absolute;top:75px;left:15px;right:15px;z-index:50;flex-direction:column;padding:21px;background:#0b0b0e;border:1px solid var(--line);border-radius:12px}.checkout-grid{grid-template-columns:1fr}.summary-card{position:static;order:-1}.form-row{grid-template-columns:1fr}.page-width{width:min(100% - 28px,1180px)}}@media(max-width:520px){.cart-item{grid-template-columns:68px 1fr}.item-image{width:68px;height:76px}.item-total{grid-column:2;text-align:left}.delivery-options{grid-template-columns:1fr}.footer{flex-direction:column;text-align:center}.footer nav{justify-content:center;flex-wrap:wrap}}


/* ===== V28: wspólny pasek newslettera i logo ===== */
.newsletter-ticker{
  width:100%;
  height:34px;
  overflow:hidden;
  display:flex;
  align-items:center;
  background:linear-gradient(90deg,#7b24ff,#e938bc,#ff7127);
  color:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
  white-space:nowrap;
}
.newsletter-ticker a{color:#fff;text-decoration:none}
.newsletter-ticker-track{
  display:flex;
  align-items:center;
  width:max-content;
  min-width:200%;
  animation:piokaTickerV28 20s linear infinite;
}
.newsletter-ticker-track span{padding-right:36px}
.newsletter-ticker strong{
  color:#fff;
  background:rgba(0,0,0,.2);
  padding:3px 7px;
  border-radius:999px;
}
.newsletter-ticker:hover .newsletter-ticker-track{animation-play-state:paused}
@keyframes piokaTickerV28{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.topbar .brand{
  width:92px !important;
  height:78px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex:0 0 92px !important;
}
.topbar .brand img{
  width:92px !important;
  height:72px !important;
  display:block !important;
  object-fit:contain !important;
  object-position:left center !important;
}
@media(max-width:800px){
  .newsletter-ticker{height:31px;font-size:9px}
  .newsletter-ticker-track{animation-duration:16s}
  .topbar .brand{
    width:76px !important;
    height:64px !important;
    flex-basis:76px !important;
  }
  .topbar .brand img{
    width:76px !important;
    height:60px !important;
  }
  .topbar{
    grid-template-columns:1fr auto auto !important;
    column-gap:15px !important;
  }
  .utilities{
    display:flex !important;
    grid-column:2 !important;
    justify-content:flex-end !important;
    align-items:center !important;
    gap:14px !important;
    position:relative;
    z-index:35;
  }
  .utilities > button:not(.mobile-toggle){display:none !important}
  .utilities .icon-button{display:block !important;width:24px !important;height:24px !important}
  .mobile-toggle{
    display:block !important;
    grid-column:3 !important;
    position:relative;
    z-index:35;
  }
}
@media(prefers-reduced-motion:reduce){
  .newsletter-ticker-track{animation:none}
}

.cart-size-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  color:#92929a;
  font-size:10px;
}
.cart-size-row label{
  display:flex;
  align-items:center;
  gap:7px;
}
.cart-size-select{
  height:29px;
  min-width:67px;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:7px;
  background:#09090c;
  color:#fff;
  font-size:10px;
}

.custom-project-badge{
  display:inline-flex;
  margin-bottom:7px;
  padding:4px 7px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(140,39,255,.2),rgba(238,61,194,.18));
  border:1px solid rgba(218,74,255,.3);
  color:#ef66d2;
  font-size:7px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.custom-project-details{
  margin:0 0 8px!important;
  color:#b37acb!important;
}
.cart-item-custom{
  border-radius:11px;
  padding-left:10px;
  padding-right:10px;
  background:rgba(143,39,200,.045);
}

/* Apaczka map integration V55 */
.pickup-picker{display:grid;gap:12px;padding:15px;border:1px solid rgba(192,53,255,.25);border-radius:12px;background:linear-gradient(135deg,rgba(125,35,180,.09),rgba(255,116,40,.04))}
.pickup-picker[hidden]{display:none}
.pickup-picker-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.pickup-picker-head>div{display:grid;gap:5px}
.pickup-picker-head strong{font-size:11px;text-transform:uppercase}
.pickup-picker-head small{max-width:560px;color:#8f8f98;font-size:9px;line-height:1.5}
.pickup-picker-head button{flex:0 0 auto;min-height:39px;padding:0 15px;border:1px solid rgba(222,63,210,.42);border-radius:9px;background:linear-gradient(90deg,rgba(137,39,255,.22),rgba(233,57,191,.16));color:#fff;font-size:9px;font-weight:800;text-transform:uppercase;cursor:pointer}
.pickup-picker-head button:hover{border-color:#d548ff;background:linear-gradient(90deg,rgba(137,39,255,.32),rgba(233,57,191,.25))}
.pickup-selected{display:grid;gap:4px;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#09090c}
.pickup-selected[hidden]{display:none}
.pickup-selected span{color:#777780;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.pickup-selected strong{font-size:11px;color:#fff}
.pickup-selected small{font-size:9px;color:#aaaab2}
.pickup-status{min-height:18px;color:#96969e;font-size:9px;line-height:1.5}
.pickup-status.loading{color:#d6a7ff}
.pickup-status.ok{color:#7ee2ad}
.pickup-status.error{color:#ff98aa}
@media(max-width:620px){.pickup-picker-head{align-items:stretch;flex-direction:column}.pickup-picker-head button{width:100%}}