/* LINKU_R23_PRODUCT_SYSTEM_20260917 — public storefront + buyer workspace. Presentation only. */

/* ---------- PUBLIC CREATOR STOREFRONT ---------- */
body.linku-profile{
  background:
    radial-gradient(circle at 12% 4%,rgba(111,83,246,.10),transparent 28%),
    radial-gradient(circle at 88% 12%,rgba(111,83,246,.07),transparent 24%),
    #f4f2f7!important;
}
body.linku-profile .shell{
  width:min(1080px,calc(100% - 48px))!important;
  margin:34px auto 54px!important;
  min-height:0!important;
  border:1px solid rgba(35,28,48,.06)!important;
  border-radius:30px!important;
  overflow:hidden!important;
  box-shadow:0 32px 100px rgba(28,20,45,.10)!important;
}
body.linku-profile .cover{height:320px!important}
body.linku-profile .cover.compact{height:190px!important}
body.linku-profile .content{padding:0 48px 82px!important}
body.linku-profile .head{gap:18px!important}
body.linku-profile .avatar{
  width:122px!important;height:122px!important;border-radius:32px!important;
  margin-top:-62px!important;border-width:7px!important;
  box-shadow:0 12px 30px rgba(20,15,29,.10)!important;
}
body.linku-profile .head-actions{gap:9px!important}
body.linku-profile .share{
  width:46px!important;height:46px!important;border-radius:14px!important;
  border-color:#e2dce7!important;box-shadow:0 7px 18px rgba(35,28,45,.04)!important;
}
body.linku-profile .nameRow{margin-top:24px!important;gap:10px!important}
body.linku-profile .name{font-size:43px!important;line-height:.98!important;letter-spacing:-.06em!important}
body.linku-profile .handle{font-size:13px!important}
body.linku-profile .project{font-size:14px!important;margin-top:7px!important}
body.linku-profile .bio{font-size:15px!important;line-height:1.68!important;max-width:760px!important;color:#69626e!important}
body.linku-profile .socials{margin-top:18px!important}
body.linku-profile .socials a{width:42px!important;height:42px!important;border-radius:12px!important}
body.linku-profile .profileTabs{
  position:sticky!important;top:12px!important;z-index:12!important;
  margin-top:25px!important;padding:5px!important;border:1px solid #e7e1eb!important;
  background:rgba(247,245,249,.92)!important;backdrop-filter:blur(14px)!important;
  box-shadow:0 10px 28px rgba(32,24,45,.06)!important;
}
body.linku-profile .profileTabs button{min-height:39px!important;font-size:10px!important}
body.linku-profile .blocks{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:24px!important;
}
body.linku-profile .heading,
body.linku-profile .divider,
body.linku-profile .leadbox,
body.linku-profile .testimonial,
body.linku-profile .cta,
body.linku-profile .spotlightWrap,
body.linku-profile .businessWrap{grid-column:1/-1!important}
body.linku-profile .heading{padding:38px 2px 8px!important}
body.linku-profile .blocks>.heading:first-of-type{padding-top:8px!important}
body.linku-profile .heading h2{font-size:30px!important;line-height:1.03!important;letter-spacing:-.05em!important}
body.linku-profile .heading p{font-size:12px!important;max-width:690px!important}
body.linku-profile .merchCard,
body.linku-profile .storefrontPrimary.merchCard,
body.linku-profile .booking.merchCard{
  padding:17px!important;border-radius:20px!important;
  border-color:#e5dfe9!important;background:#fff!important;
  box-shadow:0 9px 25px rgba(35,28,45,.04)!important;
}
body.linku-profile .merchCard:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 16px 36px rgba(35,28,45,.075)!important;
}
body.linku-profile .merchCard .prodHead,
body.linku-profile .storefrontPrimary.merchCard .prodHead{
  grid-template-columns:96px minmax(0,1fr)!important;gap:15px!important;
}
body.linku-profile .merchCard:not(.booking) .prodcover,
body.linku-profile .storefrontPrimary.merchCard:not(.booking) .prodcover,
body.linku-profile .compactProduct.merchCard:not(.booking) .prodcover{
  width:96px!important;height:122px!important;border-radius:14px!important;
}
body.linku-profile .merchCard .prodInfo h3{font-size:16px!important;line-height:1.18!important}
body.linku-profile .merchCard .prodInfo>p{font-size:11px!important;line-height:1.52!important}
body.linku-profile .merchCard .prodPrice{
  grid-column:2!important;text-align:left!important;padding-top:3px!important;
  display:flex!important;align-items:center!important;gap:9px!important;
}
body.linku-profile .merchCard .price{font-size:18px!important}
body.linku-profile .merchCard>.buy{
  width:100%!important;min-height:44px!important;margin-top:14px!important;border-radius:12px!important;
}
body.linku-profile .storefrontPrimary{
  border-color:color-mix(in srgb,var(--profile-action) 30%,#ded8e3)!important;
  box-shadow:0 16px 38px rgba(40,30,66,.08)!important;
}
body.linku-profile .storefrontPrimary:before{
  content:'WYRÓŻNIONE';display:inline-flex;align-items:center;height:24px;padding:0 9px;
  border-radius:999px;margin-bottom:11px;background:color-mix(in srgb,var(--profile-action) 9%,white);
  color:var(--profile-action);font-size:8px;font-weight:950;letter-spacing:.10em;
}
body.linku-profile .publicBlockWrap{
  border-radius:20px!important;overflow:hidden!important;
  box-shadow:0 9px 25px rgba(35,28,45,.035)!important;
}
body.linku-profile .spotlightWrap{min-height:280px!important}
body.linku-profile .legal{margin-top:34px!important}
body.linku-profile .branding{margin-top:30px!important}

/* ---------- BUYER WORKSPACE ---------- */
body.linku-buyer{
  background:
    radial-gradient(circle at 75% -10%,rgba(103,78,245,.11),transparent 30%),
    #f5f3f8!important;
}
body.linku-buyer .wrap{width:min(1120px,100%)!important;padding:28px 24px 76px!important}
body.linku-buyer .top{margin-bottom:34px!important}
body.linku-buyer .brandLogo{height:31px!important}
body.linku-buyer .mini{min-height:42px!important;border-radius:13px!important}
body.linku-buyer .r89BuyerHero{
  border-radius:30px!important;padding:44px 46px 42px!important;
  background:
    radial-gradient(circle at 92% 18%,rgba(111,83,246,.46),transparent 27%),
    linear-gradient(135deg,#111015 0%,#191522 58%,#281c55 100%)!important;
  box-shadow:0 28px 75px rgba(24,17,45,.16)!important;
}
body.linku-buyer .r89BuyerHero h1{max-width:860px!important;font-size:clamp(48px,6vw,72px)!important}
body.linku-buyer .r89BuyerHero p{font-size:14px!important;max-width:700px!important}
body.linku-buyer .r89BuyerBenefits{grid-template-columns:repeat(3,1fr)!important;gap:12px!important;margin:16px 0 14px!important}
body.linku-buyer .r89BuyerBenefits article{border-radius:18px!important;padding:17px 18px!important}
body.linku-buyer .loginCard{max-width:720px!important;border-radius:24px!important;padding:32px!important}
body.linku-buyer .loginCard h2{font-size:30px!important;letter-spacing:-.045em!important}
body.linku-buyer .primary{min-height:50px!important;border-radius:13px!important}
body.linku-buyer .r93BuyerNav{
  position:sticky!important;top:12px!important;z-index:20!important;
  margin:0 0 18px!important;padding:6px!important;border-radius:16px!important;
  background:rgba(255,255,255,.88)!important;backdrop-filter:blur(14px)!important;
  box-shadow:0 12px 32px rgba(31,23,50,.06)!important;
}
body.linku-buyer .r93BuyerNav button{min-height:40px!important;padding:0 16px!important}
body.linku-buyer .libraryHead h2{font-size:31px!important}
body.linku-buyer .orders{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body.linku-buyer .order{
  grid-template-columns:54px minmax(0,1fr)!important;align-items:start!important;
  padding:19px!important;border-radius:20px!important;min-height:164px!important;
}
body.linku-buyer .r89OrderIcon{width:54px!important;height:54px!important}
body.linku-buyer .orderActions{
  grid-column:1/-1!important;justify-content:flex-start!important;margin-top:4px!important;
}
body.linku-buyer .orderActions>*{min-height:42px!important}
body.linku-buyer .bottomCta{
  margin-top:20px!important;border-radius:22px!important;padding:25px 27px!important;
  background:#151218!important;color:#fff!important;border-color:#151218!important;
}
body.linku-buyer .bottomCta p{color:#aaa2b0!important}
body.linku-buyer .bottomCta a{background:#fff!important;color:#17141b!important;border-color:#fff!important}
body.linku-buyer .r93Account{border-radius:22px!important}
body.linku-buyer .manageModal{border-radius:26px!important}
body.linku-buyer .footer{margin-top:38px!important}

/* demo buyer library uses older markup — bring it into the same system */
body.linku-buyer .demoBrand{margin-bottom:30px!important}
body.linku-buyer>.wrap>.ey{color:#6d57f6!important;font-size:9px!important;letter-spacing:.13em!important}
body.linku-buyer>.wrap>h1{font-size:48px!important;letter-spacing:-.055em!important;line-height:1!important;margin:8px 0 12px!important}
body.linku-buyer>.wrap>p{max-width:720px!important}
body.linku-buyer .orders .card{border-radius:20px!important;box-shadow:0 9px 26px rgba(35,28,45,.035)!important}
body.linku-buyer .bottom{border-radius:20px!important}

@media(max-width:760px){
  body.linku-profile{background:#fff!important}
  body.linku-profile .shell{width:100%!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  body.linku-profile .cover{height:196px!important}
  body.linku-profile .cover.compact{height:118px!important}
  body.linku-profile .content{padding:0 17px 42px!important}
  body.linku-profile .avatar{width:92px!important;height:92px!important;border-radius:26px!important;margin-top:-47px!important;border-width:5px!important}
  body.linku-profile .share{width:44px!important;height:44px!important}
  body.linku-profile .nameRow{margin-top:22px!important}
  body.linku-profile .name{font-size:31px!important}
  body.linku-profile .bio{font-size:14px!important}
  body.linku-profile .profileTabs{top:6px!important;margin-left:-2px!important;margin-right:-2px!important}
  body.linku-profile .blocks{grid-template-columns:1fr!important;gap:10px!important;margin-top:20px!important}
  body.linku-profile .heading,
  body.linku-profile .divider,
  body.linku-profile .leadbox,
  body.linku-profile .testimonial,
  body.linku-profile .cta,
  body.linku-profile .spotlightWrap,
  body.linku-profile .businessWrap{grid-column:auto!important}
  body.linku-profile .heading{padding:30px 2px 5px!important}
  body.linku-profile .heading h2{font-size:24px!important}
  body.linku-profile .merchCard .prodHead,
  body.linku-profile .storefrontPrimary.merchCard .prodHead{grid-template-columns:82px minmax(0,1fr)!important;gap:12px!important}
  body.linku-profile .merchCard:not(.booking) .prodcover,
  body.linku-profile .storefrontPrimary.merchCard:not(.booking) .prodcover,
  body.linku-profile .compactProduct.merchCard:not(.booking) .prodcover{width:82px!important;height:104px!important}
  body.linku-profile .merchCard .prodPrice{grid-column:2!important}
  body.linku-profile .spotlightWrap{min-height:240px!important}

  body.linku-buyer .wrap{padding:16px 13px 52px!important}
  body.linku-buyer .top{margin-bottom:22px!important}
  body.linku-buyer .brandLogo{height:28px!important}
  body.linku-buyer .r89BuyerHero{border-radius:24px!important;padding:30px 22px 28px!important}
  body.linku-buyer .r89BuyerHero h1{font-size:40px!important}
  body.linku-buyer .r89BuyerHero p{font-size:12.5px!important}
  body.linku-buyer .r89BuyerBenefits{grid-template-columns:1fr!important;gap:8px!important}
  body.linku-buyer .loginCard{padding:22px!important;max-width:none!important}
  body.linku-buyer .orders{grid-template-columns:1fr!important}
  body.linku-buyer .order{min-height:0!important;padding:15px!important;grid-template-columns:46px minmax(0,1fr)!important}
  body.linku-buyer .r89OrderIcon{width:46px!important;height:46px!important}
  body.linku-buyer .r93BuyerNav{top:6px!important;overflow:auto!important}
  body.linku-buyer .bottomCta{padding:20px!important}
  body.linku-buyer>.wrap>h1{font-size:39px!important}
}