/* amazing SMM — polish for the shop grid (Astra + WooCommerce)
   Paste in: Appearance → Customize → Additional CSS */

:root {
  --am-green: #22c55e;
  --am-card: #0d0f12;
  --am-line: #ffffff14;
}

/* Product cards */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: var(--am-card);
  border: 1px solid var(--am-line) !important;
  border-radius: 20px;
  padding: 14px 14px 20px !important;
  overflow: hidden;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--am-green) 55%, transparent) !important;
  box-shadow: 0 18px 40px -18px color-mix(in srgb, var(--am-green) 45%, transparent);
}
.woocommerce ul.products li.product img {
  border-radius: 14px;
  margin-bottom: 14px !important;
}

/* Title, category, price */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}
.woocommerce ul.products li.product .ast-woo-product-category {
  color: #8b93a1;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.woocommerce ul.products li.product .price {
  color: var(--am-green) !important;
  font-weight: 800;
  font-size: 18px;
}

/* Hide empty "☆☆☆☆☆ (0)" ratings — products with real reviews still show stars */
.woocommerce ul.products li.product .star-rating[aria-label*=" 0 out"],
.woocommerce ul.products li.product .star-rating:has(> span[style*="width:0%"]) {
  display: none !important;
}

/* Buttons */
.woocommerce ul.products li.product .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit {
  background: var(--am-green) !important;
  color: #04130a !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  padding: 10px 22px !important;
  border: 0 !important;
  transition: filter .2s ease;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  filter: brightness(1.1);
}

/* Link field on product page */
.link_txtbox {
  width: 100% !important;
  background: #0d0f12;
  border: 1px solid #ffffff26;
  border-radius: 10px;
  color: #fff;
  padding: 10px 14px;
}
.link_txtbox:focus {
  border-color: var(--am-green);
  outline: none;
}

/* Product images: rounded tiles everywhere (shop grid, ShopEngine, Elementor) */
li.product img.wp-post-image,
img.attachment-woocommerce_thumbnail {
  border-radius: 14px;
}

/* [amazing_services] — Famety-style grid */
.amsmm-services { max-width: 1240px; margin: 0 auto; padding: 0 16px; }
.amsmm-services__title {
  text-align: center;
  color: #fff;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 700;
  margin: 48px 0 24px;
}
.amsmm-services__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 18px;
}
.amsmm-tile {
  display: block;
  aspect-ratio: 1;
  border-radius: 14px;
  overflow: hidden;
  background: #1a1d22;
  transition: transform .2s ease, box-shadow .2s ease;
}
.amsmm-tile:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 30px -12px #000;
}
.amsmm-tile img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0; margin: 0 !important; }
.amsmm-tile span {
  display: flex; height: 100%; align-items: center; justify-content: center;
  color: #fff; font-weight: 700; text-align: center; padding: 12px;
}
@media (max-width: 480px) {
  .amsmm-services__grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
}

/* ShopEngine product list on the homepage → Famety-style tiles.
   The tile image already carries "Platform / Service", so the duplicate text, stars and frame go. */
.shopengine-product-list .product-list-grid {
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 22px !important;
}
@media (max-width: 1024px) {
  .shopengine-product-list .product-list-grid { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 600px) {
  .shopengine-product-list .product-list-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
}
.shopengine-product-list .shopengine-single-product-item {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  transition: transform .2s ease;
}
.shopengine-product-list .shopengine-single-product-item:hover { transform: translateY(-5px); }
.shopengine-product-list .product-thumb { margin: 0 !important; }
.shopengine-product-list .product-thumb img {
  width: 100% !important;
  height: auto;
  border-radius: 14px;
  box-shadow: 0 10px 24px -14px #000;
  transition: box-shadow .2s ease;
}
.shopengine-product-list .shopengine-single-product-item:hover .product-thumb img {
  box-shadow: 0 18px 34px -14px #000;
}
.shopengine-product-list .product-category,
.shopengine-product-list .product-title,
.shopengine-product-list .product-rating,
.shopengine-product-list .overlay-add-to-cart,
.shopengine-product-list .product-tag-sale-badge {
  display: none !important;
}
.shopengine-product-list .product-price { display: none !important; }

/* ===== New homepage hero ===== */
.amsmm-hero + .elementor .elementor-element-p94r66i { display: none !important; }
html { scroll-behavior: smooth; }
#amsmm-services, #amsmm-how { scroll-margin-top: 90px; }

.amsmm-hero {
  --g: #22c55e;
  --g2: #4ade80;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(700px 520px at 78% 45%, #22c55e2e, transparent 70%),
    radial-gradient(600px 500px at 8% 0%, #0f5132aa, transparent 70%),
    linear-gradient(180deg, #030806 0%, #000 100%);
  color: #fff;
  font-family: "Plus Jakarta Sans", "Poppins", "Segoe UI", system-ui, sans-serif;
}
.amsmm-hero svg { fill: currentColor; }
.amsmm-hero__inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 88px 24px 96px;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 48px;
  align-items: center;
}
.amsmm-hero__badge {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 18px;
  border: 1px solid #ffffff26;
  background: #ffffff0d;
  border-radius: 999px;
  font-size: 15px; font-weight: 600;
}
.amsmm-hero__badge svg { width: 16px; height: 16px; color: var(--g); }
.amsmm-hero__title {
  margin: 26px 0 22px !important;
  font-size: clamp(44px, 6.2vw, 86px) !important;
  line-height: .98 !important;
  font-weight: 800 !important;
  letter-spacing: -.035em;
  color: #fff !important;
}
.amsmm-hero__title span {
  background: linear-gradient(90deg, var(--g), var(--g2) 60%, #a7f3d0);
  -webkit-background-clip: text; background-clip: text;
  color: transparent;
}
.amsmm-hero__text {
  max-width: 540px;
  margin: 0 0 34px !important;
  font-size: 20px; line-height: 1.6;
  color: #c9d1cc;
}
.amsmm-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 34px; }
.amsmm-btn {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 16px 28px;
  border-radius: 999px;
  font-size: 17px; font-weight: 700;
  text-decoration: none !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.amsmm-btn svg { width: 20px; height: 20px; fill: none !important; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.amsmm-btn--primary { background: var(--g); color: #03140a !important; box-shadow: 0 12px 34px -10px #22c55eaa; }
.amsmm-btn--primary:hover { transform: translateY(-2px); box-shadow: 0 16px 40px -10px #22c55ecc; }
.amsmm-btn--ghost { border: 1.5px solid #ffffff40; color: #fff !important; }
.amsmm-btn--ghost:hover { background: #ffffff10; }
.amsmm-hero__trust {
  display: flex; flex-wrap: wrap; gap: 10px 26px;
  list-style: none; margin: 0 !important; padding: 0 !important;
  color: #c9d1cc; font-size: 15px;
}
.amsmm-hero__trust li { display: flex; align-items: center; gap: 8px; margin: 0; }
.amsmm-hero__trust svg { width: 17px; height: 17px; color: var(--g); }

/* Phone mockup */
.amsmm-hero__visual { position: relative; display: flex; justify-content: center; padding: 20px 0; }
.amsmm-phone {
  width: 340px;
  border-radius: 46px;
  background: #fff;
  color: #111;
  padding: 18px 0 0;
  border: 10px solid #0d1310;
  box-shadow: 0 0 0 1px #ffffff1f, 0 40px 90px -20px #22c55e66;
  overflow: hidden;
  font-family: "Segoe UI", system-ui, sans-serif;
}
.amsmm-phone__bar { display: flex; justify-content: space-between; align-items: center; padding: 0 22px 14px; font-size: 13px; font-weight: 700; }
.amsmm-phone__bar i { width: 100px; height: 26px; border-radius: 99px; background: #0d1310; }
.amsmm-phone__bar span:last-child { letter-spacing: -2px; font-size: 10px; }
.amsmm-phone__profile { display: flex; align-items: center; gap: 14px; padding: 4px 18px 10px; }
.amsmm-phone__avatar {
  flex: none; width: 76px; height: 76px; border-radius: 50%;
  padding: 3px;
  background: conic-gradient(#f9a03f, #e1306c, #833ab4, #22c55e, #f9a03f);
}
.amsmm-phone__avatar svg { width: 100%; height: 100%; padding: 14px; border-radius: 50%; background: #eef1f4; border: 3px solid #fff; fill: #9aa3ad !important; }
.amsmm-phone__stats { display: flex; flex: 1; justify-content: space-around; text-align: center; }
.amsmm-phone__stats b { display: block; font-size: 17px; }
.amsmm-phone__stats b.is-up { color: #16a34a; }
.amsmm-phone__stats small { font-size: 12px; color: #6b7280; }
.amsmm-phone__name { padding: 0 18px; font-weight: 700; font-size: 15px; display: flex; align-items: center; gap: 5px; }
.amsmm-phone__name svg { width: 16px; height: 16px; fill: #22c55e !important; }
.amsmm-phone__bio { padding: 2px 18px 12px; font-size: 13px; color: #6b7280; }
.amsmm-phone__btns { display: flex; gap: 8px; padding: 0 18px 14px; }
.amsmm-phone__btns span { flex: 1; text-align: center; padding: 9px 0; border-radius: 10px; background: #eef1f4; font-weight: 700; font-size: 14px; }
.amsmm-phone__btns span.is-main { background: #22c55e; color: #fff; }
.amsmm-phone__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; }
.amsmm-phone__grid i { aspect-ratio: 1; background: linear-gradient(135deg, #bbf7d0, #22c55e); }
.amsmm-phone__grid i:nth-child(2n) { background: linear-gradient(135deg, #0f172a, #14532d); }
.amsmm-phone__grid i:nth-child(3n) { background: linear-gradient(135deg, #dcfce7, #86efac); }
.amsmm-phone__grid i:nth-child(5) { background: linear-gradient(135deg, #f9a03f, #e1306c); }

/* Floating stat cards */
.amsmm-float {
  position: absolute;
  display: flex; align-items: center; gap: 12px;
  padding: 12px 18px 12px 12px;
  background: #fff; color: #111;
  border-radius: 18px;
  box-shadow: 0 20px 40px -12px #000c;
  animation: amsmm-bob 5s ease-in-out infinite;
}
.amsmm-float b { display: block; font-size: 20px; line-height: 1.1; }
.amsmm-float small { color: #6b7280; font-size: 14px; }
.amsmm-float__ic { width: 46px; height: 46px; border-radius: 13px; display: grid; place-items: center; background: #22c55e; color: #fff; }
.amsmm-float__ic svg { width: 26px; height: 26px; }
.amsmm-float__ic.is-red { background: linear-gradient(135deg, #ff6b6b, #e11d48); }
.amsmm-float__ic.is-violet { background: linear-gradient(135deg, #a78bfa, #7c3aed); }
.amsmm-float--a { top: 70px; left: 0; }
.amsmm-float--b { top: 44%; right: -6px; animation-delay: -1.6s; }
.amsmm-float--c { bottom: 46px; left: 26px; animation-delay: -3.2s; }
@keyframes amsmm-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@media (prefers-reduced-motion: reduce) { .amsmm-float { animation: none; } }

@media (max-width: 960px) {
  .amsmm-hero__inner { grid-template-columns: 1fr; padding: 56px 20px 64px; gap: 40px; text-align: left; }
  .amsmm-hero__visual { transform: scale(.88); margin: -20px 0; }
}
@media (max-width: 480px) {
  .amsmm-hero__inner { padding: 40px 16px 48px; }
  .amsmm-hero__text { font-size: 17px; }
  .amsmm-btn { padding: 14px 22px; font-size: 16px; }
  .amsmm-hero__visual { transform: scale(.78); margin: -50px -20px; }
  .amsmm-float--a { left: -10px; }
  .amsmm-float--b { right: -16px; }
}

/* Homepage: one grouped services block replaces the two ShopEngine grids and the green "Big Brands" section. */
.amsmm-services ~ .elementor-element-e83549e,
.amsmm-services ~ .elementor-element-b4a25c1,
.amsmm-services ~ .elementor-element-ef159b7,
.amsmm-services ~ .elementor-element-66dc8b0,
.amsmm-services ~ .elementor-element-cndurow,
.amsmm-services ~ .elementor-element-uxd2k69 {
  display: none !important;
}
.amsmm-services {
  max-width: none;
  background: #000;
  padding: 8px max(16px, calc((100% - 1240px) / 2)) 72px;
}
.amsmm-services .amsmm-services__title { color: #fff !important; }
.amsmm-services__title {
  font-family: "Plus Jakarta Sans", "Poppins", "Segoe UI", system-ui, sans-serif;
  display: flex; align-items: center; justify-content: center; gap: 14px;
}
.amsmm-services__title::before,
.amsmm-services__title::after {
  content: ""; height: 1px; flex: 0 1 120px;
  background: linear-gradient(90deg, transparent, #22c55e88);
}
.amsmm-services__title::after { background: linear-gradient(90deg, #22c55e88, transparent); }
@media (min-width: 1100px) {
  .amsmm-services__grid { grid-template-columns: repeat(5, 1fr); gap: 22px; }
}

/* ===== Product page: package cards ===== */
.single-product .woocommerce-product-details__short-description:has(+ .amsmm-packs-wrap),
.single-product .amsmm-hidden-row { display: none !important; }
.amsmm-packs-wrap { margin: 6px 0 18px; }
.amsmm-trust { display: flex; flex-wrap: wrap; gap: 6px 18px; list-style: none; margin: 0 0 18px !important; padding: 0 !important; font-size: 14px; color: #3f4a44; }
.amsmm-trust li { margin: 0; padding-left: 20px; position: relative; }
.amsmm-trust li::before { content: "✓"; position: absolute; left: 0; color: #16a34a; font-weight: 800; }
.amsmm-step { display: flex; align-items: center; gap: 10px; margin: 0 0 12px !important; font-weight: 700; font-size: 17px; color: #0b0f0c; }
.amsmm-step span { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: #22c55e; color: #03140a; font-size: 14px; }
.amsmm-packs { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 12px; margin-bottom: 22px; }
.amsmm-pack {
  all: unset; box-sizing: border-box; cursor: pointer;
  display: flex; flex-direction: column; align-items: stretch; text-align: center;
  border: 2px solid #e3e8e5; border-radius: 16px; overflow: hidden; background: #fff;
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.amsmm-pack:hover { transform: translateY(-2px); box-shadow: 0 10px 22px -14px #0b0f0c66; }
.amsmm-pack:focus-visible { outline: 3px solid #22c55e66; outline-offset: 2px; }
.amsmm-pack__top { display: block; padding: 14px 6px 12px; background: linear-gradient(135deg, #14532d, #0b0f0c); color: #fff; }
.amsmm-pack__top b { display: block; font-size: 24px; font-weight: 800; line-height: 1.1; letter-spacing: -.01em; }
.amsmm-pack__top small { display: block; font-size: 13px; opacity: .85; margin-top: 2px; }
.amsmm-pack__price { display: block; padding: 12px 6px 6px; font-size: 18px; font-weight: 800; color: #0b0f0c; }
.amsmm-pack__price .woocommerce-Price-amount { color: inherit; }
.amsmm-pack__cta { display: block; margin: 4px 10px 12px; padding: 8px 0; border-radius: 999px; background: #eef4f0; color: #14532d; font-weight: 700; font-size: 14px; }
.amsmm-pack.is-active { border-color: #22c55e; box-shadow: 0 12px 26px -14px #22c55eaa; }
.amsmm-pack.is-active .amsmm-pack__top { background: linear-gradient(135deg, #22c55e, #15803d); }
.amsmm-pack.is-active .amsmm-pack__cta { background: #22c55e; color: #03140a; }
.amsmm-pack.is-active .amsmm-pack__cta::before { content: "✓ "; }

/* Link field: light, readable on the white product page */
.single-product .link_txtbox {
  width: 100% !important;
  background: #fff !important;
  color: #0b0f0c !important;
  border: 2px solid #d7ded9 !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  font-size: 16px;
}
.single-product .link_txtbox::placeholder { color: #8a948e; }
.single-product .link_txtbox:focus { border-color: #22c55e !important; box-shadow: 0 0 0 4px #22c55e26; outline: none; }
.single-product .amsmm-link-row .label { display: none; }
.single-product .amsmm-link-row td { display: block; width: 100%; padding: 0 !important; }
.single-product .single_add_to_cart_button {
  border-radius: 999px !important; padding: 14px 34px !important;
  background: #22c55e !important; color: #03140a !important; font-weight: 800 !important;
}
.single-product .single_add_to_cart_button.disabled { opacity: .45; }
/* The SMM plugin appends its link cell straight into table.variations (no <tr>); step 2 already labels it. */
.single-product table.variations > td.label { display: none !important; }
.single-product table.variations > td.value { display: block; width: 100%; padding: 0 !important; }
/* WooCommerce quantity multiplies the package size; one package per line is clearer. */
.single-product form.variations_form .quantity { display: none !important; }

/* ===== Username / link field + check ===== */
.amsmm-field { display: flex; align-items: stretch; border: 2px solid #d7ded9; border-radius: 12px; background: #fff; overflow: hidden; transition: border-color .15s, box-shadow .15s; }
.amsmm-field:focus-within { border-color: #22c55e; box-shadow: 0 0 0 4px #22c55e26; }
.amsmm-field__prefix { display: flex; align-items: center; padding: 0 4px 0 14px; color: #6b7570; font-size: 15px; white-space: nowrap; background: #f4f7f5; border-right: 1px solid #e3e8e5; padding-right: 10px; }
.amsmm-field.has-url .amsmm-field__prefix { display: none; }
.single-product .amsmm-field .link_txtbox { border: 0 !important; box-shadow: none !important; border-radius: 0 !important; flex: 1; min-width: 0; }
.amsmm-field__check { flex: none; border: 0; margin: 6px; padding: 0 18px; border-radius: 9px; background: #0b0f0c; color: #fff; font-weight: 700; cursor: pointer; }
.amsmm-field__check:disabled { opacity: .6; cursor: wait; }
.amsmm-result { display: none; align-items: center; gap: 12px; margin: 10px 0 4px; padding: 10px 14px; border-radius: 12px; font-size: 14px; }
.amsmm-result[class*="is-"] { display: flex; }
.amsmm-result img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex: none; }
.amsmm-result__text b { display: block; }
.amsmm-result__text span { display: block; opacity: .8; }
.amsmm-result.is-ok { background: #ecfdf3; color: #14532d; }
.amsmm-result.is-bad { background: #fef2f2; color: #991b1b; }
.amsmm-result.is-warn { background: #fffbeb; color: #92400e; }
.amsmm-result.is-info, .amsmm-result.is-loading { background: #f4f7f5; color: #3f4a44; }

/* Package cards: the theme's button:hover/:focus colours were leaking in (grey price area). */
.single-product .amsmm-pack,
.single-product .amsmm-pack:hover,
.single-product .amsmm-pack:focus,
.single-product .amsmm-pack:active {
  background: #fff !important;
  color: #0b0f0c !important;
}
.single-product .amsmm-pack .amsmm-pack__price,
.single-product .amsmm-pack .amsmm-pack__price * { background: transparent !important; color: #0b0f0c !important; }
.single-product .amsmm-pack .amsmm-pack__top,
.single-product .amsmm-pack .amsmm-pack__top * { color: #fff !important; }

/* ===== "How it works" tab ===== */
.amsmm-about { max-width: 920px; }
.amsmm-about__title { font-size: clamp(24px, 3vw, 32px) !important; margin: 0 0 22px !important; color: #0b0f0c; }
.amsmm-about__sub { font-size: 21px !important; margin: 40px 0 14px !important; color: #0b0f0c; }
.amsmm-steps { list-style: none; margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; counter-reset: amsmm; }
.amsmm-steps li {
  counter-increment: amsmm; position: relative; margin: 0;
  padding: 58px 20px 20px; border: 1.5px solid #e3e8e5; border-radius: 16px; background: #fbfcfb;
}
.amsmm-steps li::before {
  content: counter(amsmm); position: absolute; top: 18px; left: 20px;
  width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center;
  background: #22c55e; color: #03140a; font-weight: 800; font-size: 15px;
}
.amsmm-steps b { display: block; font-size: 17px; color: #0b0f0c; margin-bottom: 4px; }
.amsmm-steps span { display: block; color: #55605a; font-size: 15px; line-height: 1.5; }
.amsmm-faq details { border: 1.5px solid #e3e8e5; border-radius: 14px; margin-bottom: 10px; background: #fff; }
.amsmm-faq summary { cursor: pointer; list-style: none; padding: 16px 48px 16px 18px; font-weight: 700; color: #0b0f0c; position: relative; }
.amsmm-faq summary::-webkit-details-marker { display: none; }
.amsmm-faq summary::after { content: "+"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font-size: 22px; color: #16a34a; font-weight: 400; }
.amsmm-faq details[open] summary::after { content: "–"; }
.amsmm-faq details[open] { border-color: #22c55e66; }
.amsmm-faq p { margin: 0 !important; padding: 0 18px 16px; color: #55605a; line-height: 1.6; }
@media (max-width: 720px) { .amsmm-steps { grid-template-columns: 1fr; } }

/* ===== Product page v2: Famety-style full-width package row ===== */
.single-product div.product .amsmm-buy { clear: both; width: 100%; margin: 0 0 48px; text-align: center; }
.amsmm-buy__title { margin: 0 0 12px !important; font-size: clamp(28px, 3.4vw, 40px) !important; font-weight: 800 !important; color: #0b0f0c !important; letter-spacing: -.02em; }
.amsmm-buy .amsmm-trust { justify-content: center; margin: 0 0 26px !important; }
.amsmm-rail { position: relative; }
.amsmm-buy .amsmm-packs {
  display: flex !important; gap: 18px; margin: 0 !important;
  overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;
  padding: 6px 4px 18px; scrollbar-width: none;
}
.amsmm-buy .amsmm-packs::-webkit-scrollbar { display: none; }
.single-product .amsmm-buy .amsmm-pack,
.single-product .amsmm-buy .amsmm-pack:hover,
.single-product .amsmm-buy .amsmm-pack:focus,
.single-product .amsmm-buy .amsmm-pack:active {
  flex: 0 0 calc((100% - 4 * 18px) / 5);
  min-width: 190px;
  scroll-snap-align: start;
  border: 0 !important;
  border-radius: 18px;
  background: #fff !important;
  box-shadow: 0 2px 4px #0b0f0c0d, 0 12px 28px -12px #0b0f0c33;
  transform: none;
}
.single-product .amsmm-buy .amsmm-pack:hover { transform: translateY(-4px); box-shadow: 0 2px 4px #0b0f0c0d, 0 20px 36px -14px #0b0f0c4d; }
.single-product .amsmm-buy .amsmm-pack .amsmm-pack__top {
  padding: 22px 10px 20px; border-radius: 18px 18px 0 0;
  background: linear-gradient(135deg, #22c55e, #15803d) !important;
}
.single-product .amsmm-buy .amsmm-pack__top b { font-size: 42px; font-weight: 800; letter-spacing: -.02em; }
.single-product .amsmm-buy .amsmm-pack__top small { font-size: 18px; opacity: .95; margin-top: 4px; text-transform: capitalize; }
.single-product .amsmm-buy .amsmm-pack .amsmm-pack__price,
.single-product .amsmm-buy .amsmm-pack .amsmm-pack__price * { font-size: 32px; font-weight: 800; padding-top: 26px; padding-bottom: 14px; }
.single-product .amsmm-buy .amsmm-pack__price * { padding: 0 !important; }
.single-product .amsmm-buy .amsmm-pack .amsmm-pack__cta {
  margin: 6px 22px 24px; padding: 14px 0; font-size: 18px; font-weight: 800;
  background: #22c55e !important; color: #fff !important; border-radius: 999px;
}
.single-product .amsmm-buy .amsmm-pack.is-active { box-shadow: 0 0 0 3px #0b0f0c, 0 20px 36px -14px #0b0f0c66; }
.single-product .amsmm-buy .amsmm-pack.is-active .amsmm-pack__top { background: linear-gradient(135deg, #14532d, #0b0f0c) !important; }
.single-product .amsmm-buy .amsmm-pack.is-active .amsmm-pack__cta { background: #0b0f0c !important; color: #fff !important; }
.single-product .amsmm-buy .amsmm-pack.is-active .amsmm-pack__cta::before { content: none; }

.amsmm-rail__nav {
  display: none; position: absolute; top: 50%; z-index: 2; transform: translateY(-60%);
  width: 44px; height: 44px; border-radius: 50%; border: 0; padding: 0;
  background: #fff !important; color: #0b0f0c !important; font-size: 30px; line-height: 1;
  box-shadow: 0 6px 18px -6px #0b0f0c66; cursor: pointer;
}
.amsmm-rail.has-overflow .amsmm-rail__nav { display: grid; place-items: center; }
.amsmm-rail__nav.is-prev { left: -14px; }
.amsmm-rail__nav.is-next { right: -14px; }
.amsmm-rail__nav:disabled { opacity: 0; pointer-events: none; }

/* Order column: picked package summary */
.amsmm-packs-wrap { margin: 4px 0 14px; }
.amsmm-picked {
  display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; align-items: center;
  padding: 14px 18px; margin-bottom: 20px; border-radius: 14px; background: #f0fdf4; border: 1.5px solid #bbf7d0;
}
.amsmm-picked span { grid-column: 1 / -1; font-size: 13px; color: #3f6b50; text-transform: uppercase; letter-spacing: .06em; }
.amsmm-picked__name { font-size: 18px; color: #0b0f0c; text-transform: capitalize; }
.amsmm-picked__price { font-size: 20px; color: #15803d; text-align: right; }
.amsmm-picked__change { grid-column: 1 / -1; font-size: 14px; color: #15803d !important; text-decoration: underline; }
.single-product .amsmm-step--field { font-size: 17px; margin: 0 0 10px !important; }

@media (max-width: 1100px) {
  .single-product .amsmm-buy .amsmm-pack { flex-basis: calc((100% - 2 * 18px) / 3) !important; }
}
@media (max-width: 600px) {
  .single-product .amsmm-buy .amsmm-pack { flex-basis: 72% !important; min-width: 0; }
  .single-product .amsmm-buy .amsmm-pack__top b { font-size: 34px; }
  .amsmm-rail__nav { display: none !important; }
}

/* ===== v2.0 ===== */
/* Picked-package box removed from the order column. */
.amsmm-picked { display: none !important; }

/* Famety-style platform tabs */
.amsmm-tabs { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 0 0 30px; }
.amsmm-tab {
  position: relative; display: inline-flex; align-items: center; gap: 10px;
  padding: 13px 22px; border-radius: 10px; min-width: 150px; justify-content: center;
  color: #fff !important; text-decoration: none !important; font-weight: 700; font-size: 16px;
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
.amsmm-tab svg { width: 24px; height: 24px; flex: none; }
.amsmm-tab:hover { transform: translateY(-2px); filter: brightness(1.08); }
.amsmm-tab--instagram { background: linear-gradient(90deg, #f58529, #dd2a7b 60%, #8134af); }
.amsmm-tab--tiktok { background: #2b2b2b; }
.amsmm-tab--youtube { background: #ff0000; }
.amsmm-tab--facebook { background: #1877f2; }
.amsmm-tab--x { background: #000; box-shadow: inset 0 0 0 1px #ffffff26; }
.amsmm-tab--telegram { background: #229ed9; }
.amsmm-tab--spotify { background: #1db954; }
.amsmm-tab.is-active { box-shadow: 0 0 0 3px #fff, 0 0 0 5px #22c55e; }
.amsmm-tab.is-active::after {
  content: ""; position: absolute; left: 50%; bottom: -9px; transform: translateX(-50%);
  border: 9px solid transparent; border-bottom: 0; border-top-color: inherit;
}
.amsmm-tab--instagram.is-active::after { border-top-color: #dd2a7b; }
.amsmm-tab--tiktok.is-active::after { border-top-color: #2b2b2b; }
.amsmm-tab--youtube.is-active::after { border-top-color: #ff0000; }
.amsmm-tab--facebook.is-active::after { border-top-color: #1877f2; }
.amsmm-tab--x.is-active::after { border-top-color: #000; }
.amsmm-tab--telegram.is-active::after { border-top-color: #229ed9; }
.amsmm-tab--spotify.is-active::after { border-top-color: #1db954; }
.amsmm-services .amsmm-tabs { padding-top: 48px; }
.amsmm-services .amsmm-tab.is-active { box-shadow: 0 0 0 3px #000, 0 0 0 5px #22c55e; }
.amsmm-services.is-tabbed .amsmm-services__title { margin-top: 18px; }
.amsmm-services__group[hidden] { display: none !important; }
.amsmm-buy .amsmm-tabs { margin-bottom: 34px; }
@media (max-width: 700px) {
  .amsmm-tabs { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; padding-bottom: 12px; scrollbar-width: none; }
  .amsmm-tabs::-webkit-scrollbar { display: none; }
  .amsmm-tab { min-width: 0; flex: none; padding: 11px 16px; font-size: 15px; }
}

/* Account preview over the product image */
.woocommerce-product-gallery { position: relative; }
.amsmm-stage { display: none; position: absolute; inset: 0; z-index: 5; background: #eef1ef; border-radius: 4px; align-items: center; justify-content: center; }
.amsmm-stage.is-loading, .amsmm-stage.is-found, .amsmm-stage.is-private { display: flex; }
.amsmm-stage__spin { display: none; width: 46%; aspect-ratio: 1; border-radius: 50%; border: 28px solid #fff; border-top-color: #22c55e; animation: amsmm-spin 1s linear infinite; }
.amsmm-stage.is-loading .amsmm-stage__spin { display: block; }
.amsmm-stage__card { display: none; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 24px; }
.amsmm-stage.is-found .amsmm-stage__card, .amsmm-stage.is-private .amsmm-stage__card { display: flex; }
.amsmm-stage__card img { width: 58%; max-width: 260px; aspect-ratio: 1; object-fit: cover; border-radius: 50%; border: 6px solid #fff; box-shadow: 0 0 0 4px #22c55e, 0 20px 40px -18px #0b0f0c88; margin-bottom: 14px; }
.amsmm-stage__card b { font-size: 24px; color: #0b0f0c; }
.amsmm-stage__card span { font-size: 16px; color: #55605a; }
.amsmm-stage__card em { font-style: normal; margin-top: 8px; padding: 7px 16px; border-radius: 999px; background: #22c55e; color: #03140a; font-weight: 700; }
.amsmm-stage.is-private .amsmm-stage__card em { background: #f59e0b; }
@keyframes amsmm-spin { to { transform: rotate(360deg); } }

/* New footer: hide the template one only when ours is on the page */
.amsmm-footer ~ #colophon { display: none !important; }
.amsmm-footer { background: #060807; color: #b9c2bc; border-top: 1px solid #ffffff14; font-size: 15px; }
.amsmm-footer__inner { max-width: 1240px; margin: 0 auto; padding: 64px 24px 40px; display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 40px; }
.amsmm-footer__logo { display: inline-block; color: #fff !important; font-size: 28px; font-weight: 800; text-decoration: none !important; }
.amsmm-footer__logo img { width: 200px; height: auto; display: block; }
.amsmm-footer__brand p { margin: 18px 0 16px !important; max-width: 420px; line-height: 1.7; color: #b9c2bc; }
.amsmm-footer__trust { display: flex; flex-wrap: wrap; gap: 8px 18px; list-style: none; margin: 0 !important; padding: 0 !important; }
.amsmm-footer__trust li { margin: 0; padding-left: 20px; position: relative; color: #e5ece7; }
.amsmm-footer__trust li::before { content: "✓"; position: absolute; left: 0; color: #22c55e; font-weight: 800; }
.amsmm-footer h3 { color: #fff !important; font-size: 16px !important; letter-spacing: .06em; text-transform: uppercase; margin: 6px 0 18px !important; }
.amsmm-footer__col ul { list-style: none; margin: 0 !important; padding: 0 !important; }
.amsmm-footer__col li { margin: 0 0 12px; }
.amsmm-footer__col a { display: inline-flex; align-items: center; gap: 10px; color: #b9c2bc !important; text-decoration: none !important; transition: color .15s; }
.amsmm-footer__col a:hover { color: #22c55e !important; }
.amsmm-footer__col svg { width: 18px; height: 18px; }
.amsmm-footer__bottom { max-width: 1240px; margin: 0 auto; padding: 22px 24px 28px; border-top: 1px solid #ffffff14; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; font-size: 13px; color: #7d8781; }
@media (max-width: 800px) {
  .amsmm-footer__inner { grid-template-columns: 1fr 1fr; padding-top: 48px; }
  .amsmm-footer__brand { grid-column: 1 / -1; }
}
/* Tabs: one row on desktop (7 platforms in the ~1000px product column) */
@media (min-width: 701px) {
  .amsmm-tabs { flex-wrap: nowrap; }
  .amsmm-tab { flex: 1 1 0; min-width: 0; padding: 12px 10px; font-size: 15px; gap: 8px; }
  .amsmm-tab svg { width: 20px; height: 20px; }
  .amsmm-tab span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}

/* ===== v3 homepage (Famety layout, Digivora dark theme) ===== */
.amsmm-home ~ .elementor-element-77f2bef,
.amsmm-home ~ .elementor-element-5b270c3,
.amsmm-home ~ .elementor-element-e83549e,
.amsmm-home ~ .elementor-element-b4a25c1,
.amsmm-home ~ .elementor-element-ef159b7,
.amsmm-home ~ .elementor-element-66dc8b0,
.amsmm-home ~ .elementor-element-1ed00f2,
.amsmm-home ~ .elementor-element-2b4620f,
.amsmm-home ~ .elementor-element-cndurow,
.amsmm-home ~ .elementor-element-uxd2k69 { display: none !important; }

.amsmm-home { background: #000; color: #c9d1cc; font-family: "Plus Jakarta Sans", "Poppins", "Segoe UI", system-ui, sans-serif; padding: 24px 0 72px; }
.amsmm-sec { max-width: 1240px; margin: 0 auto; padding: 56px 24px; scroll-margin-top: 90px; }
.amsmm-h2 { text-align: center; color: #fff !important; font-size: clamp(26px, 3.2vw, 38px) !important; font-weight: 800 !important; letter-spacing: -.02em; margin: 0 0 30px !important; }
.amsmm-tiles + .amsmm-h2 { margin-top: 64px !important; }
.amsmm-lead { text-align: center; max-width: 720px; margin: -14px auto 34px !important; font-size: 18px; line-height: 1.6; color: #aab4ae; }
.amsmm-center { text-align: center; margin-top: 36px; }

/* Flat tiles (popular + platforms) */
.amsmm-tiles { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
.amsmm-tiles--platforms { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.amsmm-ftile {
  all: unset; box-sizing: border-box; cursor: pointer; width: 100%;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px;
  aspect-ratio: 1.3; padding: 18px 12px; border-radius: 10px; text-align: center;
  background: var(--c, #3a3a3a); color: #fff !important; text-decoration: none !important;
  font-weight: 800; font-size: 17px; line-height: 1.25;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.amsmm-ftile svg { width: 74px; height: 74px; }
.amsmm-ftile:hover, .amsmm-ptile.is-open .amsmm-ftile { transform: translateY(-4px); filter: brightness(1.08); box-shadow: 0 18px 34px -16px #000; }
.amsmm-ftile:focus-visible { outline: 3px solid #22c55e; outline-offset: 3px; }
.amsmm-ftile--instagram { background: linear-gradient(135deg, #f58529, #dd2a7b 60%, #8134af); }
.amsmm-ftile--tiktok { background: #3a3a3a; }
.amsmm-ftile--youtube { background: #e00; }
.amsmm-ftile--facebook { background: #3b5998; }
.amsmm-ftile--x { background: #111; box-shadow: inset 0 0 0 1px #ffffff1f; }
.amsmm-ftile--telegram { background: #29a9eb; }
.amsmm-ftile--spotify { background: #1db954; }

/* Dropdown under a platform tile */
.amsmm-ptile { position: relative; }
.amsmm-menu {
  display: none; position: absolute; z-index: 30; top: calc(100% + 14px); left: 50%; transform: translateX(-50%);
  width: max(280px, 100%); list-style: none; margin: 0 !important; padding: 10px !important;
  background: #fff; border-radius: 12px; box-shadow: 0 24px 50px -12px #000c; text-align: left;
}
.amsmm-menu::before { content: ""; position: absolute; top: -8px; left: 50%; transform: translateX(-50%) rotate(45deg); width: 16px; height: 16px; background: #fff; border-radius: 3px; }
.amsmm-menu::after { content: ""; position: absolute; top: -16px; left: 0; right: 0; height: 16px; } /* hover bridge */
.amsmm-ptile.is-open .amsmm-menu { display: block; }
.amsmm-menu li { margin: 0; }
.amsmm-menu a { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 11px 14px; border-radius: 8px; color: #0b0f0c !important; font-weight: 700; font-size: 16px; text-decoration: none !important; }
.amsmm-menu a:hover, .amsmm-menu a:focus-visible { background: #f0fdf4; color: #15803d !important; }
.amsmm-menu small { color: #6b7570; font-weight: 600; font-size: 13px; white-space: nowrap; }

/* Panels */
.amsmm-panel { background: radial-gradient(900px 300px at 50% 0%, #22c55e14, transparent 70%), #07090a; border: 1px solid #ffffff12; border-radius: 28px; margin-top: 40px; margin-bottom: 40px; }

/* Overview cards */
.amsmm-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 18px; }
.amsmm-card { display: flex; flex-direction: column; padding: 24px 22px; border-radius: 18px; background: #0f1311; border: 1px solid #ffffff14; }
.amsmm-card__ic { width: 54px; height: 54px; border-radius: 14px; display: grid; place-items: center; color: #fff; margin-bottom: 14px; }
.amsmm-card__ic svg { width: 28px; height: 28px; }
.amsmm-card h3 { color: #fff !important; font-size: 21px !important; margin: 0 0 12px !important; }
.amsmm-card ul { list-style: none; margin: 0 0 18px !important; padding: 0 !important; flex: 1; }
.amsmm-card li { margin: 0 0 10px; }
.amsmm-card li a { color: #aab4ae !important; text-decoration: none !important; font-size: 15px; }
.amsmm-card li a:hover { color: #fff !important; }
.amsmm-card__cta { color: #22c55e !important; font-weight: 800; text-decoration: none !important; font-size: 15px; }

/* Feature sections */
.amsmm-feature { display: grid; grid-template-columns: 1fr 1.1fr; gap: 56px; align-items: center; }
.amsmm-feature.is-flip .amsmm-feature__art { order: 2; }
.amsmm-feature__art { display: flex; justify-content: center; padding: 34px; border-radius: 28px; background: radial-gradient(420px 320px at 50% 40%, color-mix(in srgb, var(--c) 22%, transparent), transparent 75%), #0b0e0c; border: 1px solid #ffffff12; }
.amsmm-feature__copy h2 { color: var(--c) !important; font-size: clamp(26px, 3vw, 38px) !important; font-weight: 800 !important; letter-spacing: -.02em; margin: 0 0 16px !important; line-height: 1.15 !important; }
.amsmm-feature__copy p { font-size: 17px; line-height: 1.75; color: #aab4ae; margin: 0 0 24px !important; }
.amsmm-mock { position: relative; width: 300px; height: 330px; border-radius: 30px; background: #fff; box-shadow: 0 30px 70px -24px #000; display: flex; flex-direction: column; align-items: center; padding-top: 60px; }
.amsmm-mock__avatar { width: 112px; height: 112px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg, #e5e9e7, #cfd6d2); color: #fff; box-shadow: 0 0 0 4px #fff, 0 0 0 7px var(--c); }
.amsmm-mock__avatar svg { width: 64px; height: 64px; }
.amsmm-mock__line { display: block; width: 120px; height: 12px; border-radius: 6px; background: #e8ecea; margin-top: 20px; }
.amsmm-mock__line.is-short { width: 80px; margin-top: 10px; }
.amsmm-mock__stats { display: flex; gap: 16px; margin-top: 20px; }
.amsmm-mock__stats i { width: 40px; height: 14px; border-radius: 7px; background: #e8ecea; }
.amsmm-mock__btn { margin-top: 20px; padding: 9px 46px; border-radius: 8px; background: #3b82f6; color: #fff; font-weight: 700; font-size: 14px; }
.amsmm-mock__badge { position: absolute; right: -26px; top: 120px; width: 74px; height: 74px; border-radius: 20px; display: grid; place-items: center; color: #fff; box-shadow: 0 16px 30px -10px #000a; }
.amsmm-mock__badge svg { width: 40px; height: 40px; }
.amsmm-mock__stat { position: absolute; left: -46px; top: 30px; display: flex; flex-direction: column; gap: 6px; padding: 16px 20px; border-radius: 16px; background: #fff; color: #0b0f0c; box-shadow: 0 16px 30px -10px #0006; }
.amsmm-mock__stat svg { width: 34px; height: 34px; color: var(--c); }
.amsmm-mock__stat b { font-size: 30px; line-height: 1; }
.amsmm-mock__trend { position: absolute; left: -30px; bottom: 50px; width: 64px; height: 64px; border-radius: 16px; background: #fff; color: #e11d48; display: grid; place-items: center; box-shadow: 0 16px 30px -10px #0006; }
.amsmm-mock__trend svg { width: 36px; height: 36px; }

/* Chips */
.amsmm-chips { display: flex; flex-wrap: wrap; gap: 12px; }
.amsmm-chips--center { justify-content: center; }
.amsmm-chips a { display: flex; flex-direction: column; gap: 3px; padding: 12px 18px; border-radius: 14px; background: #0f1311; border: 1.5px solid #ffffff1c; text-decoration: none !important; transition: border-color .15s, transform .15s; }
.amsmm-chips a:hover { border-color: var(--c, #22c55e); transform: translateY(-2px); }
.amsmm-chips b { color: #fff; font-size: 16px; }
.amsmm-chips small { color: #8f9a94; font-size: 13px; font-weight: 600; }

/* 5 steps */
.amsmm-five { list-style: none; margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; counter-reset: five; }
.amsmm-five li { counter-increment: five; position: relative; margin: 0; padding: 30px 18px 24px; text-align: center; border-radius: 18px; background: #0f1311; border: 1px solid #ffffff14; }
.amsmm-five li::before { content: counter(five); position: absolute; top: 14px; left: 14px; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: #22c55e; color: #03140a; font-weight: 800; font-size: 14px; }
.amsmm-five__ic { display: inline-grid; place-items: center; width: 62px; height: 62px; border-radius: 18px; background: #22c55e1f; color: #22c55e; margin-bottom: 14px; }
.amsmm-five__ic svg { width: 32px; height: 32px; }
.amsmm-five b { display: block; color: #fff; font-size: 18px; margin-bottom: 8px; }
.amsmm-five span:last-child { color: #aab4ae; font-size: 15px; line-height: 1.55; }

/* CTA band */
.amsmm-cta { text-align: center; border-radius: 28px; margin-top: 40px; background: linear-gradient(120deg, #052e16, #15803d 55%, #22c55e); }
.amsmm-cta h2 { color: #fff !important; font-size: clamp(28px, 3.4vw, 42px) !important; font-weight: 800 !important; margin: 0 0 12px !important; }
.amsmm-cta p { color: #e7f8ee; font-size: 18px; margin: 0 auto 28px !important; max-width: 700px; }
.amsmm-cta .amsmm-chips a { background: #fff; border-color: #fff; }
.amsmm-cta .amsmm-chips b { color: #14532d; }
.amsmm-cta .amsmm-chips small { color: #3f6b50; }

@media (max-width: 1024px) {
  .amsmm-tiles { grid-template-columns: repeat(3, 1fr); }
  .amsmm-five { grid-template-columns: repeat(2, 1fr); }
  .amsmm-feature { grid-template-columns: 1fr; gap: 28px; }
  .amsmm-feature.is-flip .amsmm-feature__art { order: 0; }
}
@media (max-width: 600px) {
  .amsmm-sec { padding: 40px 16px; }
  .amsmm-tiles, .amsmm-tiles--platforms { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .amsmm-ftile { font-size: 15px; gap: 10px; }
  .amsmm-ftile svg { width: 52px; height: 52px; }
  .amsmm-menu { position: fixed; left: 16px; right: 16px; top: auto; bottom: 16px; transform: none; width: auto; max-height: 70vh; overflow: auto; }
  .amsmm-menu::before { display: none; }
  .amsmm-five { grid-template-columns: 1fr; }
  .amsmm-mock { transform: scale(.85); }
  .amsmm-feature__art { padding: 24px 40px; overflow: hidden; }
}

/* ===== v3 product page: platform-coloured packages (Famety) + requirements notice ===== */
.amsmm-buy { --pc: #22c55e; --pc2: #15803d; }
.amsmm-buy--instagram { --pc: #e1306c; --pc2: #833ab4; }
.amsmm-buy--tiktok    { --pc: #2b2b2b; --pc2: #000; }
.amsmm-buy--youtube   { --pc: #ff0000; --pc2: #c00000; }
.amsmm-buy--facebook  { --pc: #1877f2; --pc2: #0b4fb3; }
.amsmm-buy--x         { --pc: #1a1a1a; --pc2: #000; }
.amsmm-buy--telegram  { --pc: #29a9eb; --pc2: #1688cc; }
.amsmm-buy--spotify   { --pc: #1db954; --pc2: #12873c; }
.single-product .amsmm-buy .amsmm-pack .amsmm-pack__top { background: linear-gradient(135deg, var(--pc), var(--pc2)) !important; }
.single-product .amsmm-buy .amsmm-pack .amsmm-pack__cta { background: var(--pc) !important; }
.single-product .amsmm-buy .amsmm-pack.is-active { box-shadow: 0 0 0 3px var(--pc), 0 20px 36px -14px #0b0f0c66; }
.single-product .amsmm-buy .amsmm-pack.is-active .amsmm-pack__top { background: linear-gradient(135deg, #1f2421, #0b0f0c) !important; }
.single-product .amsmm-buy .amsmm-pack.is-active .amsmm-pack__cta { background: #0b0f0c !important; }

.amsmm-notice { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; margin: 0 0 18px; border-radius: 12px; background: #e8f6fb; border: 1px solid #b8e2f2; color: #0c4a63; }
.amsmm-notice svg { flex: none; width: 22px; height: 22px; fill: #0e7aa5; margin-top: 1px; }
.amsmm-notice p { margin: 0 !important; font-size: 15px; line-height: 1.55; }
/* aspect-ratio tiles: stop min-content from widening the grid past the container */
.amsmm-tiles { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.amsmm-tiles--platforms { grid-template-columns: repeat(7, minmax(0, 1fr)); }
.amsmm-ftile, .amsmm-ptile { min-width: 0; }
.amsmm-tiles--platforms .amsmm-ftile { aspect-ratio: 1; font-size: 16px; }
.amsmm-tiles--platforms .amsmm-ftile svg { width: 64px; height: 64px; }
@media (max-width: 1024px) {
  .amsmm-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .amsmm-tiles--platforms { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .amsmm-tiles, .amsmm-tiles--platforms { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Digivora logo is a 520x128 PNG: keep it header-sized everywhere (Astra only sizes it on some templates). */
.site-header .custom-logo-link img,
.site-header .custom-logo,
.ast-site-identity img,
.site-logo-img img {
  width: auto !important;
  max-width: 190px !important;
  height: auto !important;
  max-height: 48px !important;
}
@media (max-width: 600px) {
  .site-header .custom-logo-link img, .site-header .custom-logo, .ast-site-identity img, .site-logo-img img { max-width: 150px !important; max-height: 38px !important; }
}

/* Platform cards: fixed columns so the help card can fill the rest of the last row. */
.amsmm-cards { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.amsmm-card--help { grid-column: span 3; flex-direction: row; gap: 22px; align-items: flex-start;
  background: radial-gradient(500px 260px at 0% 0%, #22c55e22, transparent 70%), #0f1311; border-color: #22c55e44; }
.amsmm-card--help .amsmm-card__ic { flex: none; background: linear-gradient(135deg, #22c55e, #15803d); }
.amsmm-card--help p { color: #aab4ae; font-size: 16px; line-height: 1.65; margin: 0 0 16px !important; }
.amsmm-card--help__list { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 0 0 22px !important; padding: 0 !important; }
.amsmm-card--help__list li { margin: 0; padding-left: 22px; position: relative; color: #e5ece7; font-size: 15px; }
.amsmm-card--help__list li::before { content: "✓"; position: absolute; left: 0; color: #22c55e; font-weight: 800; }
.amsmm-card--help__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.amsmm-card--help .amsmm-btn { padding: 13px 24px; font-size: 16px; }
@media (max-width: 1100px) {
  .amsmm-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .amsmm-card--help { grid-column: span 2; }
}
@media (max-width: 700px) {
  .amsmm-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .amsmm-card--help { grid-column: 1 / -1; flex-direction: column; }
}
@media (max-width: 460px) {
  .amsmm-cards { grid-template-columns: 1fr; }
}
/* Buttons outside the hero: --g was only defined on .amsmm-hero */
.amsmm-btn--primary { background: #22c55e; color: #03140a !important; }
.amsmm-home .amsmm-btn--ghost { border: 1.5px solid #ffffff40; color: #fff !important; }
