@font-face{font-family:Cairo;src:url('../../shared/fonts/Cairo-Variable.ttf') format('truetype');font-weight:200 1000;font-display:swap}
:root{--pp-blue-50:#eff6ff;--pp-blue-100:#dae9ff;--pp-blue-200:#bed9ff;--pp-blue-600:#1677ff;--pp-blue-700:#0a68eb;--pp-navy-50:#f7fafd;--pp-navy-100:#eff4fb;--pp-navy-200:#dfe8f3;--pp-navy-500:#5b7394;--pp-navy-700:#2c405c;--pp-navy-800:#182941;--pp-navy-900:#0b1f3a;--pp-danger:#dc2626;--radius:12px;--radius-lg:16px;--shadow:0 4px 14px rgba(11,31,58,.08);--shadow-lg:0 12px 28px rgba(11,31,58,.12)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(145deg,#fff 0%,#f5faff 55%,#edf6ff 100%);color:var(--pp-navy-900);font-family:Cairo,system-ui,sans-serif;min-height:100vh}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:1000;top:-80px;right:18px;background:var(--pp-blue-600);color:#fff;padding:10px 18px;border-radius:0 0 8px 8px}.skip-link:focus{top:0}:focus-visible{outline:3px solid rgba(22,119,255,.35);outline-offset:3px}
.site-header{height:74px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--pp-navy-200);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.header-inner{max-width:1440px;height:100%;margin:auto;padding:0 38px;display:flex;direction:ltr;align-items:center;justify-content:space-between}.brand img{display:block;width:178px;height:70px;object-fit:contain}.main-nav{direction:rtl;display:flex;align-self:stretch;gap:42px}.main-nav a{display:grid;place-items:center;position:relative;font-weight:650;color:var(--pp-navy-800)}.main-nav a::after{content:"";position:absolute;bottom:12px;right:0;left:0;height:2px;border-radius:5px;background:var(--pp-blue-600);scale:0 1;transition:.2s}.main-nav a:hover,.main-nav a.active{color:var(--pp-blue-700)}.main-nav a.active::after{scale:1}.header-actions{direction:rtl;display:flex;align-items:center;gap:22px}.icon-btn{position:relative;width:46px;height:46px;border:0;background:transparent;display:grid;place-items:center;border-radius:10px;font-size:27px;cursor:pointer}.icon-btn:hover{background:var(--pp-blue-50);color:var(--pp-blue-700)}.cart-link span{position:absolute;top:0;right:-2px;background:var(--pp-blue-600);color:#fff;font:700 12px Cairo;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;border:2px solid #fff}
.basket-main{max-width:none;margin-inline:var(--store-gutter);padding:18px 0 42px}.page-heading{margin-bottom:10px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;color:var(--pp-navy-500);font-size:.88rem}.breadcrumbs a{display:inline-flex;align-items:center;padding:3px 7px;color:inherit;border-radius:7px;text-decoration:none;transition:color .18s ease,background-color .18s ease,transform .18s ease}.breadcrumbs a:hover{color:var(--pp-blue-600);background:var(--pp-blue-50);transform:translateY(-2px)}.page-heading h1{font-size:1.78rem;line-height:1.3;margin:8px 0 0}.page-heading h1 i{font-size:1.65rem;margin-left:7px}.page-heading p{margin:0;color:var(--pp-navy-500);font-size:.9rem}.page-heading p strong{color:inherit}
.basket-card,.trending{background:rgba(255,255,255,.9);border:1px solid var(--pp-navy-200);border-radius:var(--radius-lg);box-shadow:0 1px 2px rgba(11,31,58,.03);overflow:hidden}.basket-items{padding:0 20px}.basket-item{min-height:120px;display:grid;grid-template-columns:minmax(380px,1fr) 180px 126px 46px;align-items:center;gap:20px;border-bottom:1px solid var(--pp-navy-200);padding:10px 0}.product-info{display:flex;gap:18px;align-items:center}.product-media{width:148px;height:100px;flex:none;background:var(--pp-navy-50);border-radius:10px;overflow:hidden;display:grid;place-items:center}.product-media img{width:100%;height:100%;object-fit:contain}.product-media.dark{background:#111}.product-media.dark img{filter:brightness(.12)}.product-media.cap-media{background:#edf7f2}.product-media.cap-media img{filter:hue-rotate(65deg) saturate(1.4);transform:scale(1.04)}.product-info h3{font-size:1.05rem;margin:0 0 1px}.product-info p{font-size:.82rem;color:var(--pp-navy-500);margin:0 0 8px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{background:var(--pp-navy-50);color:var(--pp-navy-500);padding:4px 10px;border-radius:7px;font-size:.77rem}.item-price{direction:ltr;display:flex;flex-direction:column;align-items:flex-start}.item-price strong{font-size:1.25rem}.item-price span{color:var(--pp-navy-500);font-size:.88rem}.item-price b{font-weight:500}.quantity{direction:ltr;height:42px;border:1px solid var(--pp-navy-200);border-radius:10px;display:grid;grid-template-columns:38px 46px 38px;align-items:center;text-align:center;background:#fff}.quantity button{border:0;background:var(--pp-navy-50);height:32px;margin:4px;border-radius:7px;font-size:20px;cursor:pointer}.quantity button:hover{background:var(--pp-blue-50);color:var(--pp-blue-700)}.quantity output{font-weight:700}.remove-item{border:0;width:44px;height:44px;border-radius:10px;background:var(--pp-navy-50);font-size:18px;cursor:pointer}.remove-item:hover{background:#fef2f2;color:var(--pp-danger)}.basket-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:14px 20px}.basket-actions a{height:50px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:14px;font-weight:700}.primary-action{background:var(--pp-navy-900);color:#fff}.primary-action:hover{background:var(--pp-navy-800);box-shadow:var(--shadow)}.secondary-action{border:1px solid var(--pp-blue-600);color:var(--pp-navy-900)}.secondary-action:hover{background:var(--pp-blue-50)}
.trending{margin-top:14px;padding:16px 14px}.section-heading h2{font-size:1.35rem;margin:0}.section-heading p{margin:0;color:var(--pp-navy-500);font-size:.84rem}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.trend-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:10px;border:1px solid var(--pp-navy-200);border-radius:14px;min-width:0}.trend-media{grid-row:1/4;width:118px;height:150px;background:var(--pp-navy-50);display:grid;place-items:center;border-radius:10px;overflow:hidden}.trend-media img{width:100%;height:100%;object-fit:contain}.trend-media.dark{background:#111}.trend-media.dark img{filter:brightness(.13)}.trend-card h3{font-size:.86rem;margin:0}.trend-card p{font-size:.7rem;color:var(--pp-navy-500);margin:0}.trend-card strong{font-size:.78rem}.trend-card a{grid-column:1/-1;text-align:center;background:var(--pp-blue-50);border-radius:7px;padding:7px;margin-top:8px;font-size:.8rem;font-weight:700}.trend-card a:hover{background:var(--pp-blue-100);color:var(--pp-blue-700)}
.drawer-backdrop{position:fixed;inset:0;background:rgba(11,31,58,.12);backdrop-filter:blur(1px);z-index:80;opacity:0;visibility:hidden;transition:.25s}.drawer-backdrop.is-visible{opacity:1;visibility:visible}.account-drawer{position:fixed;z-index:90;inset:0 0 0 auto;width:min(345px,92vw);background:#fff;box-shadow:var(--shadow-lg);padding:18px 24px;display:flex;flex-direction:column;transform:translateX(105%);transition:transform .25s ease}.account-drawer.is-open{transform:none}.drawer-head{height:122px;display:flex;flex-direction:column;align-items:flex-start}.drawer-close{border:0;background:transparent;font-size:25px;width:40px;height:40px;cursor:pointer}.drawer-brand{align-self:center;margin-top:8px}.drawer-brand img{width:220px;height:80px;object-fit:contain}.drawer-nav{display:flex;flex-direction:column;gap:5px}.drawer-nav a{display:flex;align-items:center;gap:24px;padding:11px 18px;border-radius:10px;font-weight:650}.drawer-nav i{font-size:25px;width:32px;text-align:center}.drawer-nav a.active,.drawer-nav a:hover{background:var(--pp-blue-50)}.drawer-divider{height:1px;background:var(--pp-navy-200);margin:14px 8px}.logout{display:flex;gap:24px;align-items:center;border:0;background:transparent;color:var(--pp-danger);font-weight:700;font-size:1.02rem;padding:10px 18px;cursor:pointer}.logout i{font-size:25px}.drawer-foot{margin-top:auto;text-align:center;color:var(--pp-navy-500)}.drawer-foot>i{display:block;font-size:58px;color:var(--pp-blue-100)}.drawer-foot p{font-weight:600;line-height:1.5}.socials{display:flex;justify-content:center;gap:20px;margin:20px 0}.socials a{font-size:20px;color:var(--pp-navy-900)}.drawer-foot small{font-size:.72rem}.toast{position:fixed;z-index:120;top:86px;left:50%;transform:translate(-50%,-20px);background:var(--pp-navy-900);color:#fff;padding:11px 20px;border-radius:10px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:.2s}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:900px){.main-nav{display:none}.basket-item{grid-template-columns:1fr auto auto}.product-info{grid-column:1/-1}.remove-item{grid-column:3}.product-grid{grid-template-columns:repeat(2,1fr)}.header-inner{padding:0 18px}}
@media(max-width:600px){.site-header{height:66px}.brand img{width:135px}.header-actions{gap:3px}.icon-btn{width:40px;height:40px;font-size:23px}.basket-main{padding:14px 12px 30px}.page-heading h1{font-size:1.45rem}.basket-items{padding:0 12px}.basket-item{grid-template-columns:1fr auto;gap:12px;padding:14px 0}.product-info{align-items:flex-start}.product-media{width:92px;height:92px}.tags{gap:4px}.tags span{padding:3px 6px;font-size:.68rem}.item-price{grid-column:1}.quantity{grid-column:2;grid-row:2}.remove-item{position:absolute;margin:2px}.basket-item{position:relative}.basket-actions{grid-template-columns:1fr;padding:12px}.product-grid{grid-template-columns:1fr}.trend-card{grid-template-columns:130px 1fr}.trend-media{width:120px}.drawer-head{height:105px}.drawer-nav a{padding-block:9px}.drawer-foot>i{font-size:42px}.drawer-foot p{margin:4px}.socials{margin:12px 0}.header-actions .icon-btn:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important}}

.page-alert{margin-bottom:14px}
.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;border-inline-start:3px solid #16a34a;border-radius:10px;color:var(--pp-navy-700);padding:.9rem 1rem}
.basket-empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 20px;text-align:center}
.basket-empty-state__icon{display:grid;width:64px;height:64px;place-items:center;margin-bottom:6px;color:var(--pp-blue-600);background:var(--pp-blue-50);border-radius:50%;font-size:1.75rem}
.basket-empty-state h2{margin:0;color:var(--pp-navy-900);font-size:1.125rem}
.basket-empty-state p{margin:0 0 8px;color:var(--pp-navy-500);font-size:.9rem}
.basket-empty-state .primary-action{display:inline-flex;align-items:center;gap:10px;padding:0 22px;height:46px;border-radius:9px}

/* Basket visual alignment with the Hoodies page. */
.order-basket-page .page-heading h1{
  color:var(--store-navy,#0b1f3a);
}
.order-basket-page .primary-action{
  color:#fff;
  background:var(--store-primary,#1677ff);
  border:1px solid var(--store-primary,#1677ff);
  box-shadow:0 4px 12px rgb(22 119 255 / 16%);
}
.order-basket-page .primary-action:hover,
.order-basket-page .primary-action:focus-visible{
  color:#fff;
  background:var(--store-primary-hover,#0a68eb);
  border-color:var(--store-primary-hover,#0a68eb);
}
.order-basket-page .secondary-action{
  color:var(--store-primary,#1677ff);
  background:#fff;
  border-color:var(--store-primary,#1677ff);
}
.order-basket-page .secondary-action:hover,
.order-basket-page .secondary-action:focus-visible{
  color:#fff;
  background:var(--store-primary,#1677ff);
}
.order-basket-page .basket-item .product-media img{
  width:82%;
  height:82%;
  max-width:82%;
  object-fit:contain;
  object-position:center;
}

/* The customer's design drawn on the product: a flex box gives it a definite height (a grid's auto row would shrink it). */
.order-basket-page .basket-item .product-media:has(.cart-mockup){
  display:flex;
  justify-content:center;
}

/* Trending products */
.order-basket-page .trending{
  margin-top:24px;
  padding:24px 18px 18px;
}
.order-basket-page .section-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:18px;
  text-align:start;
}
.order-basket-page .section-heading h2{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  color:var(--store-navy,#0b1f3a);
  font-size:1.35rem;
  line-height:1.4;
}
.order-basket-page .section-heading h2 span{font-size:1.2em}
.order-basket-page .section-heading p{
  margin:2px 0 0;
  color:var(--store-muted,#64748b);
}
.order-basket-page .product-grid{gap:12px;margin-top:0}
.order-basket-page .trend-card{
  grid-template-columns:minmax(0,1fr) 112px;
  grid-template-rows:auto auto 1fr auto;
  gap:3px 12px;
  min-height:212px;
  padding:12px;
  background:#fff;
  border-color:var(--store-border,#e2e8f0);
  box-shadow:0 1px 2px rgb(15 23 42 / 4%);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.order-basket-page .trend-card:hover{
  border-color:var(--store-primary-border,#bfdbfe);
  box-shadow:0 8px 22px rgb(15 23 42 / 9%);
  transform:translateY(-3px);
}
.order-basket-page .trend-media{
  grid-column:2;
  grid-row:1/4;
  width:112px;
  height:136px;
  border-radius:10px;
}
.order-basket-page .trend-media img{
  width:86%;
  height:86%;
  object-fit:contain;
}
.order-basket-page .trend-card h3{
  margin:3px 0 0;
  color:var(--store-navy,#0b1f3a);
  font-size:.92rem;
}
.order-basket-page .trend-card p{
  margin:0;
  color:var(--store-muted,#64748b);
  font-size:.72rem;
}
.order-basket-page .trend-card strong{
  align-self:end;
  color:var(--store-navy,#0b1f3a);
  font-size:.8rem;
}
.order-basket-page .trend-card a{
  grid-column:1/-1;
  margin-top:9px;
  padding:8px 12px;
  color:#fff;
  background:var(--store-primary,#1677ff);
  border:1px solid var(--store-primary,#1677ff);
  border-radius:9px;
}
.order-basket-page .trend-card a:hover,
.order-basket-page .trend-card a:focus-visible{
  color:#fff;
  background:var(--store-primary-hover,#0a68eb);
  border-color:var(--store-primary-hover,#0a68eb);
}
@media(max-width:1199px){
  .order-basket-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .order-basket-page .trending{padding:18px 12px 12px}
  .order-basket-page .product-grid{grid-template-columns:1fr}
}

/* Compact, background-free trending strip. */
.order-basket-page .trending{
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
}
.order-basket-page .section-heading{margin-bottom:12px}
.order-basket-page .trend-card{
  grid-template-columns:minmax(0,1fr) 96px;
  grid-template-rows:auto auto 1fr auto;
  gap:2px 10px;
  min-height:176px;
  padding:10px;
  border-radius:12px;
}
.order-basket-page .trend-media{
  grid-column:2;
  grid-row:1/4;
  width:96px;
  height:118px;
  background:transparent;
}
.order-basket-page .trend-media img{
  width:92%;
  height:92%;
}
.order-basket-page .trend-card h3{font-size:.86rem}
.order-basket-page .trend-card p{font-size:.68rem}
.order-basket-page .trend-card strong{font-size:.76rem}
.order-basket-page .trend-card strong span{
  color:var(--store-primary,#1677ff);
  font-size:1.08em;
}
.order-basket-page .trend-card a{
  margin-top:7px;
  padding:7px 10px;
  color:var(--store-navy,#0b1f3a);
  background:var(--store-primary-soft,#eff6ff);
  border:0;
  border-radius:7px;
  box-shadow:none;
}
.order-basket-page .trend-card a:hover,
.order-basket-page .trend-card a:focus-visible{
  color:var(--store-primary-hover,#0a68eb);
  background:var(--store-primary-border,#bfdbfe);
  border-color:transparent;
}
@media(max-width:600px){
  .order-basket-page .trending{padding:0}
}