/* High-fidelity desktop polish for Iranigram catalog checkout.
   Loaded only by catalog package picker; all selectors are catalog-scoped. */

@media (min-width: 900px) {
  /* Desktop is a true full-width page, not a widened mobile shell. */
  .ir-app.ir-app--catalog-landing {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .dark .ir-app.ir-app--catalog-landing {
    background: #111827 !important;
  }

  .ir-app--catalog-landing > nav:first-child {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
  }

  .dark .ir-app--catalog-landing > nav:first-child {
    background: #1f2937;
    border-bottom-color: #374151;
  }

  .ir-app--catalog-landing > nav:first-child .ir-navbar-inner {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;
    margin-inline: auto;
  }

  .ir-app--catalog-landing > main {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
    background: linear-gradient(180deg, #fff 0, #fff 260px, #f8fafc 260px, #f8fafc 100%);
  }

  .dark .ir-app--catalog-landing > main {
    background: linear-gradient(180deg, #111827 0, #111827 260px, #0f172a 260px, #0f172a 100%);
  }

  /* Hero has no enclosing card on desktop. */
  .ir-app--catalog-landing .ir-landing-hero {
    width: min(1180px, calc(100% - 48px));
    max-width: 1180px;
    margin: 0 auto !important;
    padding: 56px 24px 30px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .ir-app--catalog-landing .ir-landing-hero__inner {
    max-width: 1040px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .ir-app--catalog-landing .ir-landing-hero__title {
    margin-top: 0 !important;
    font-size: clamp(2.15rem, 3.35vw, 3rem) !important;
    line-height: 1.3 !important;
  }

  .ir-app--catalog-landing .ir-landing-hero__subtitle {
    max-width: 850px !important;
    margin-top: 12px !important;
    font-size: .92rem !important;
    line-height: 1.9 !important;
  }

  /* Replace the two oversized metric pills with compact trust chips. */
  .ir-app--catalog-landing .ir-landing-metrics {
    display: none !important;
  }

  .ir-hero-proof-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 24px auto 0;
  }

  .ir-hero-proof-chip {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: 8px;
    padding: 7px 13px;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    background: rgba(255,255,255,.86);
    color: #475569;
    font-size: .69rem;
    font-weight: 800;
    box-shadow: 0 4px 16px rgba(15,23,42,.035);
  }

  .dark .ir-hero-proof-chip {
    border-color: #374151;
    background: rgba(31,41,55,.88);
    color: #d1d5db;
  }

  .ir-hero-proof-chip__icon {
    display: grid;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    place-items: center;
    color: #f59e0b;
  }

  .ir-hero-proof-chip__icon svg {
    width: 17px;
    height: 17px;
  }

  /* Main checkout still uses focused cards, but the page itself is borderless. */
  .ir-app--catalog-landing #order-form {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 24px 0 0 !important;
  }

  /* Physical desktop order: main form on the right, summary sidebar on the left. */
  .ir-app--catalog-landing #ir-catalog-landing.ir-checkout-layout {
    grid-template-columns: minmax(0, 1fr) 326px !important;
    gap: 24px !important;
  }

  .ir-app--catalog-landing #ir-catalog-landing.ir-checkout-layout > .ir-order-card__body {
    grid-column: 1 !important;
    padding: 26px !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 34px rgba(15,23,42,.05) !important;
  }

  .ir-app--catalog-landing #ir-catalog-landing.ir-checkout-layout > .ir-checkout-side {
    grid-column: 2 !important;
  }

  .ir-app--catalog-landing #ir-catalog-landing.ir-checkout-layout > :not(.ir-checkout-side):not(.ir-order-card__body) {
    grid-column: 1 !important;
  }

  .ir-checkout-side-card {
    padding: 20px !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 34px rgba(15,23,42,.055) !important;
  }

  /* Selected package in sidebar: text on right, icon on left as in reference. */
  .ir-checkout-selected {
    grid-template-columns: minmax(0,1fr) 48px !important;
    gap: 12px !important;
    padding: 14px !important;
  }

  .ir-checkout-selected-body {
    grid-column: 1;
    grid-row: 1;
    text-align: right;
  }

  .ir-checkout-selected-mark {
    grid-column: 2;
    grid-row: 1;
    width: 46px !important;
    height: 46px !important;
    color: transparent !important;
    font-size: 0 !important;
    background-color: #fff7d6 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 25px 25px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22c4.4 0 8-3.1 8-7.2 0-3.1-1.7-5.3-4.4-7.8.1 2-1 3.5-2.3 4.5.2-4-2-7.3-5.2-9.5.2 3.9-4.1 6-4.1 11.5C4 18.2 7.6 22 12 22Z'/%3E%3Cpath d='M9.5 17.5c0 1.5 1.1 2.5 2.5 2.5s2.5-1 2.5-2.5c0-1.4-.8-2.3-2.5-3.8-1.7 1.5-2.5 2.4-2.5 3.8Z'/%3E%3C/svg%3E") !important;
  }

  .ir-checkout-selected-qty {
    grid-column: 1 / -1 !important;
    text-align: right;
  }

  /* FAQ: borderless section and an opened answer spans the full row. */
  .ir-faq-wrap {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;
    margin-inline: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .ir-faq-wrap > section {
    margin-top: 28px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  .ir-faq-wrap [data-ir-faq-accordion] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px 14px !important;
  }

  .ir-faq-wrap [data-ir-faq-accordion] > details {
    margin: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
  }

  .ir-faq-wrap [data-ir-faq-accordion] > details[open] {
    grid-column: 1 / -1;
  }
}

/* Money is always rendered physically as: NUMBER + تومان in an RTL page. */
.ir-money-inline {
  display: inline-flex !important;
  direction: rtl !important;
  unicode-bidi: isolate !important;
  flex-direction: row !important;
  align-items: baseline;
  gap: .28em;
  white-space: nowrap;
}

.ir-money-number {
  direction: ltr;
  unicode-bidi: isolate;
}

.ir-money-currency {
  direction: rtl;
  unicode-bidi: isolate;
}

/* Package cards — exact five-icon visual language from the approved mockup. */
.ir-package-card-main::before {
  content: "" !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 24px 24px !important;
}

[data-package-grid] > [data-package-card]:nth-child(1) .ir-package-card-main::before {
  background-color: #f8fafc !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 8 5 5 5-5'/%3E%3Cpath d='m7 13 5 5 5-5'/%3E%3C/svg%3E") !important;
}

[data-package-grid] > [data-package-card]:nth-child(2) .ir-package-card-main::before {
  background-color: #f7fee7 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2365a30d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 4c-8 0-14 4-14 10 0 3 2 6 6 6 6 0 8-8 8-16Z'/%3E%3Cpath d='M4 20c3-5 7-8 12-10'/%3E%3C/svg%3E") !important;
}

[data-package-grid] > [data-package-card]:nth-child(3) .ir-package-card-main::before {
  background-color: #fffbeb !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22c4.4 0 8-3.1 8-7.2 0-3.1-1.7-5.3-4.4-7.8.1 2-1 3.5-2.3 4.5.2-4-2-7.3-5.2-9.5.2 3.9-4.1 6-4.1 11.5C4 18.2 7.6 22 12 22Z'/%3E%3Cpath d='M9.5 17.5c0 1.5 1.1 2.5 2.5 2.5s2.5-1 2.5-2.5c0-1.4-.8-2.3-2.5-3.8-1.7 1.5-2.5 2.4-2.5 3.8Z'/%3E%3C/svg%3E") !important;
}

[data-package-grid] > [data-package-card]:nth-child(4) .ir-package-card-main::before {
  background-color: #f0f9ff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230284c7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 7 4 4 5-7 5 7 4-4-2 11H5L3 7Z'/%3E%3Cpath d='M5 18h14'/%3E%3C/svg%3E") !important;
}

[data-package-grid] > [data-package-card]:nth-child(5) .ir-package-card-main::before {
  background-color: #faf5ff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239333ea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 3-4 6 10 12L22 9l-4-6H6Z'/%3E%3Cpath d='M2 9h20'/%3E%3Cpath d='m9 3 3 18 3-18'/%3E%3C/svg%3E") !important;
}

.ir-package-original-price {
  display: block;
  min-height: 1.2em;
  margin-bottom: 4px;
  color: #94a3b8;
  font-size: .63rem;
  font-weight: 700;
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}

@media (min-width: 900px) {
  [data-package-card] {
    min-height: 268px !important;
    padding: 16px 13px 13px !important;
  }

  .ir-package-card-main {
    padding-top: 34px !important;
  }

  .ir-package-card-main::before {
    width: 46px !important;
    height: 46px !important;
    border-radius: 14px !important;
    background-size: 27px 27px !important;
  }

  .ir-package-card-main [data-package-label] {
    margin-top: 3px;
    font-size: .8rem !important;
  }

  .ir-package-card-main [data-package-quantity] {
    margin-top: 9px !important;
    font-size: 1.18rem !important;
  }

  .ir-package-card-main small {
    margin-top: 4px !important;
    font-size: .6rem !important;
  }

  .ir-package-card-price [data-package-total] {
    font-size: .9rem !important;
  }

  .ir-package-card-cta {
    min-height: 38px !important;
    border-radius: 10px !important;
  }
}