/* ASWAD BERLIN — V16 local layout refinement (31.10.2026)
   Applies only to the five specifically edited pages. No account/payment/SEO changes.
*/

/* HOME: lighter, rounder SHOP milk glass, same family as the release card. */
.home-dark-v10 .home-side .shop-promo.glass {
  background:rgba(244,242,237,.78);
  color:#1b1d1c;
  -webkit-backdrop-filter:blur(24px) saturate(115%);
  backdrop-filter:blur(24px) saturate(115%);
  border:1px solid rgba(255,255,255,.78);
  border-radius:20px;
  box-shadow:0 18px 65px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.45);
  overflow:hidden;
}
.home-dark-v10 .home-side .shop-promo.glass h2 {
  color:#151617;
  line-height:.93;
}
.home-dark-v10 .home-side .shop-promo.glass h2 span {color:#db303d}
.home-dark-v10 .home-side .shop-promo.glass h2 em {
  font-style:normal;
  color:#171818;
}
.home-dark-v10 .home-side .shop-promo.glass .products-available {
  color:#267d32;
  font-weight:800;
}
.home-dark-v10 .home-side .shop-promo.glass .clean-shop-button {
  color:#fff;
  background:#171717;
  border:1px solid #171717;
  border-radius:5px;
}
.home-dark-v10 .home-side .shop-promo.glass .clean-shop-button:hover {
  color:#fff;
  background:#cc2735;
  border-color:#cc2735;
}

/* SHOP: one luxurious full-width rounded glass surface, headline at the top. */
body.shop-luxe-v16,
body.shop-luxe-v16 main.shop-main-v16 {
  background:#111213;
  color:#f6f4f0;
}
body.shop-luxe-v16 .shop-main-v16 {
  padding:0 var(--pad,24px);
}
body.shop-luxe-v16 .shop-collection-v16 {
  width:min(100%,1380px);
  margin:clamp(190px,16vw,245px) auto clamp(85px,10vw,145px);
  padding:clamp(25px,4.4vw,70px);
  border:1px solid rgba(255,255,255,.77);
  border-radius:24px;
  color:#151716;
  background:linear-gradient(138deg,rgba(251,250,246,.91),rgba(226,226,223,.91));
  -webkit-backdrop-filter:blur(24px) saturate(112%);
  backdrop-filter:blur(24px) saturate(112%);
  box-shadow:0 32px 90px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.6);
}
.shop-collection-header-v16 {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  gap:0;
  border:0;
  padding:0 0 clamp(20px,3vw,48px);
  color:#171919;
}
.shop-collection-kicker-v16 {
  color:#656663;
  font-weight:850;
  font-size:clamp(.62rem,.82vw,.78rem);
  letter-spacing:.19em;
}
.shop-collection-title-v16 {
  font-size:clamp(4rem,9vw,10rem);
  line-height:.95;
  font-weight:1000;
  letter-spacing:-.085em;
  text-transform:uppercase;
  margin:clamp(15px,2vw,28px) 0 clamp(12px,1.4vw,19px);
  max-width:100%;
  white-space:normal;
}
.shop-collection-title-v16 em {
  color:#d93643;
  font-style:normal;
}
.shop-collection-title-v16 span {color:#1c1d1b}
.shop-collection-subtitle-v16 {
  color:#454743;
  font-size:clamp(.75rem,.95vw,.96rem);
  font-weight:750;
  letter-spacing:.16em;
  margin:0;
}
.shop-products-heading-v16 {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:15px 0;
  margin:0 0 clamp(21px,2.5vw,38px);
  border-top:1px solid rgba(29,32,30,.26);
  border-bottom:1px solid rgba(29,32,30,.26);
  color:#575954;
  font-size:.7rem;
  letter-spacing:.13em;
  font-weight:850;
}
.shop-collection-v16 .product-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:clamp(16px,2.3vw,32px);
}
.shop-collection-v16 .product-card {
  display:flex;
  flex-direction:column;
  min-width:0;
  border-radius:16px;
  padding:clamp(13px,1.7vw,25px);
  border:1px solid rgba(33,36,32,.11);
  background:rgba(255,255,255,.70);
  color:#191a1b;
  box-shadow:0 8px 30px rgba(38,38,34,.05);
}
.shop-collection-v16 .product-art {
  display:flex;
  width:100%;
  padding:clamp(12px,2.2vw,35px);
  aspect-ratio:1.04/1;
  border-radius:10px;
  background:#e8e7e4;
  overflow:hidden;
}
.shop-collection-v16 .product-art img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  opacity:1;
}
.shop-collection-v16 .product-art>span {
  color:#262728;
  background:rgba(255,255,255,.76);
  border-radius:4px;
  padding:4px 6px;
}
.shop-collection-v16 .product-meta {
  margin:clamp(16px,1.6vw,24px) 0 0;
  color:#73736d;
}
.shop-collection-v16 .product-title {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px;
  color:#181919;
}
.shop-collection-v16 .product-title h2 {
  color:#171817;
  font-size:clamp(1.65rem,2.65vw,3rem);
  line-height:1.08;
}
.shop-collection-v16 .product-title strong {
  font-size:clamp(.95rem,1.35vw,1.3rem);
  white-space:nowrap;
  color:#191a1b;
}
.shop-collection-v16 .product-card p {
  color:#5b5c59;
  font-size:clamp(.85rem,.95vw,.98rem);
  line-height:1.64;
  margin:0 0 clamp(15px,1.7vw,25px);
}
.shop-collection-v16 .buy-link {
  display:flex;
  margin-top:auto;
  align-items:center;
  justify-content:space-between;
  min-height:52px;
  border-radius:6px;
  padding:12px clamp(14px,1.6vw,21px);
  background:#161819;
  color:#fff;
}
.shop-collection-v16 .buy-link:hover {
  background:#d73643;
  color:#fff;
}

/* MUSIC: only this tab has a Follow block. It is the first visible section. */
.music-main-v16 {
  background:#101112;
  color:#f8f6f1;
}
.music-main-v16 .music-follow-v16 {
  padding-top:clamp(190px,16vw,255px);
  padding-bottom:clamp(60px,6vw,96px);
  border-top:0;
  border-bottom:1px solid rgba(255,255,255,.13);
  background:
    radial-gradient(ellipse at 94% 10%,rgba(169,37,51,.14),transparent 50%),
    #151617;
  scroll-margin-top:140px;
}
.music-main-v16 .music-follow-v16 h2 {
  color:#f7f5f0;
  font-size:clamp(3.2rem,6.4vw,7.6rem);
  line-height:.99;
  margin:0 0 clamp(30px,4vw,54px);
  letter-spacing:-.075em;
  font-weight:1000;
}
.music-main-v16 .music-follow-v16 h2 em {
  color:#e43e48;
  font-style:normal;
}
.music-main-v16 .music-follow-v16 .follow-grid-v15 {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(10px,1.6vw,19px);
}
.music-main-v16 .follow-banner-v15 {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  width:100%;
  min-width:0;
  min-height:80px;
  padding:clamp(16px,1.9vw,25px);
  border:1px solid rgba(255,255,255,.17);
  border-radius:10px;
  background:linear-gradient(138deg,#25272a,#1a1b1e);
  color:#f5f3ef;
  font-weight:850;
  letter-spacing:.015em;
  font-size:clamp(1rem,1.25vw,1.23rem);
  text-transform:none;
  box-shadow:0 6px 30px rgba(0,0,0,.08);
}
.music-main-v16 .follow-banner-v15:hover {
  color:#fff;
  background:#323036;
  border-color:#e43e48;
}
.music-main-v16 .follow-banner-v15 span:last-child {
  color:#e43e48;
  font-size:1.2rem;
}
.music-main-v16 .bisher-section {
  padding-top:clamp(65px,7vw,118px);
  padding-bottom:clamp(65px,7vw,110px);
  background:#111214;
}
.music-main-v16 .music-videos-v15 {
  padding-top:clamp(75px,8vw,130px);
  padding-bottom:clamp(65px,7vw,105px);
  border-top:1px solid rgba(255,255,255,.12);
  background:#141516;
}
.music-main-v16 .music-songs-v15 {
  padding-top:clamp(70px,7vw,115px);
  padding-bottom:4px;
}
.music-main-v16 .archive-section {
  padding-top:25px;
  padding-bottom:clamp(75px,8vw,140px);
}

/* MEMBERS: replace only the image, preserving cover position and content. */
.members-plan .plan-visual img[src$="aswad-unreleased-tankstelle-v16.jpg"] {
  width:100%;
  height:100%;
  display:block;
  opacity:1;
  object-fit:cover;
  object-position:50% 42%;
  filter:none;
}

@media (max-width:850px) {
  body.shop-luxe-v16 .shop-collection-v16 {margin-top:135px}
  .music-main-v16 .music-follow-v16 {padding-top:150px}
  .music-main-v16 .music-follow-v16 .follow-grid-v15 {grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:600px) {
  body.shop-luxe-v16 .shop-main-v16 {padding:0 14px}
  body.shop-luxe-v16 .shop-collection-v16 {
    margin-top:118px;
    margin-bottom:75px;
    padding:clamp(17px,5vw,28px);
    border-radius:17px;
  }
  .shop-collection-title-v16 {
    font-size:clamp(2.7rem,11.8vw,5.1rem);
    line-height:.98;
    letter-spacing:-.063em;
  }
  .shop-collection-kicker-v16 {font-size:.56rem}
  .shop-collection-subtitle-v16 {font-size:.63rem;letter-spacing:.1em}
  .shop-collection-v16 .product-grid {grid-template-columns:minmax(0,1fr);gap:20px}
  .shop-collection-v16 .product-card {padding:13px}
  .shop-collection-v16 .product-art {aspect-ratio:1.1/1}
  .shop-collection-v16 .product-title h2 {font-size:clamp(1.8rem,7vw,2.7rem)}
  .music-main-v16 .music-follow-v16 {padding-top:145px;padding-bottom:63px}
  .music-main-v16 .music-follow-v16 h2 {font-size:clamp(2.8rem,11vw,5.1rem)}
  .music-main-v16 .music-follow-v16 .follow-grid-v15 {
    grid-template-columns:minmax(0,1fr);
    gap:10px;
  }
  .music-main-v16 .follow-banner-v15 {min-height:61px;padding:13px 18px}
  .home-dark-v10 .home-side .shop-promo.glass {border-radius:15px}
}
@media (prefers-reduced-motion:reduce) {
  .music-main-v16 .follow-banner-v15 {transition:none}
}

/* Prevent pre-existing minimum-content sizing from widening the Members grid on 360px devices. */
@media (max-width:850px) {
  .members-plan {
    grid-template-columns:minmax(0,1fr)!important;
    max-width:100%;
  }
  .members-plan > .plan-visual,
  .members-plan > .plan-info {
    min-width:0;
    width:100%;
    max-width:100%;
  }
  .members-plan .plan-info > *,
  .members-plan .aswad-monthly-tools-v15,
  .members-plan .monthly-coming-v14 {max-width:100%;min-width:0}
  .members-plan .untitled-buy-v14 {
    white-space:normal;
    flex-wrap:wrap;
    overflow-wrap:anywhere;
  }
}
