.dropship-content { max-width: 1240px; margin-inline: auto; padding: clamp(1rem, 3vw, 2.5rem); }
.dropship-landing-hero { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: clamp(2rem, 5vw, 5rem); padding: 2rem 0 3rem; }
.dropship-kicker { margin: 0 0 1rem; color: var(--accent); font-size: .67rem; font-weight: 750; letter-spacing: .15em; }
.dropship-landing-hero h1 { margin: 0; font-size: clamp(2.8rem, 4.8vw, 4.8rem); font-weight: 750; letter-spacing: -.055em; line-height: 1.02; }
.dropship-landing-hero h1 span { color: var(--accent); }
.dropship-landing-hero-copy > p:not(.dropship-kicker) { max-width: 42ch; margin: 1.4rem 0; color: var(--muted); font-size: 1rem; line-height: 1.7; }
.dropship-landing-hero-copy > .dropship-landing-hero-note { font-size: .72rem !important; line-height: 1.6; }
.dropship-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem 1.5rem; margin: 1.7rem 0 0; }
.dropship-actions .btn, .dropship-next .btn { min-height: 46px; gap: 1rem; width: auto; }
.dropship-text-link { color: var(--text); font-size: .82rem; text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; gap: .65rem; }
.dropship-text-link:hover, .dropship-more a:hover { color: var(--accent); }
.dropship-order-preview { border: 1px solid var(--card-line); border-radius: 20px; padding: 1.4rem; background: radial-gradient(ellipse at 10% 0, var(--accent-faint), transparent 75%), var(--surface); box-shadow: 0 20px 65px #0003; }
.dropship-preview-top { display: flex; justify-content: space-between; gap: 1rem; color: var(--muted); font-size: .57rem; font-weight: 700; letter-spacing: .09em; padding-bottom: 1.25rem; }
.dropship-preview-top > span:last-child { letter-spacing: 0; font-weight: 500; }
.dropship-preview-item { display: flex; align-items: center; gap: .9rem; margin-bottom: 1.2rem; }
.dropship-preview-item strong { font-size: .84rem; }
.dropship-preview-item p { color: var(--muted); font-size: .73rem; margin: .45rem 0 0; }
.dropship-package { flex: none; display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid var(--card-line); border-radius: 13px; color: var(--accent); background: var(--accent-faint); }
.dropship-package svg { width: 36px; height: 36px; }
.dropship-label-preview { display: flex; justify-content: space-between; gap: 1rem; padding: 1.2rem; border: 1px dashed var(--accent-soft); border-radius: 12px; background: var(--bg); }
.dropship-label-preview > div { display: grid; gap: .45rem; }
.dropship-label-preview > div > span { color: var(--muted); font-size: .55rem; letter-spacing: .15em; }
.dropship-label-preview strong { font-size: 1.1rem; }
.dropship-label-preview p { color: var(--muted); font-size: .7rem; line-height: 1.5; margin: 0; }
.dropship-label-format { flex: none; align-self: center; color: var(--muted); font: .66rem/1.8 var(--mono); text-align: center; }
.dropship-label-format b { color: var(--accent); letter-spacing: .1em; }
.dropship-preview-flow { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; padding: 0; margin: 1.4rem 0 1rem; }
.dropship-preview-flow li { display: grid; gap: .5rem; padding-top: .8rem; border-top: 1px solid var(--card-line); font-size: .68rem; }
.dropship-preview-flow li > span { color: var(--accent); font: .63rem var(--mono); }
.dropship-preview-caption { margin: 0; font-size: .65rem; line-height: 1.6; color: var(--muted); }
.dropship-process, .dropship-questions { margin-top: 1rem; padding-block: 2.2rem; border-top: 1px solid var(--line); scroll-margin-top: 7rem; }
.dropship-section-heading h2, .dropship-ready h2, .dropship-next h2 { margin: 0; font-size: clamp(1.5rem, 2.6vw, 2.1rem); letter-spacing: -.04em; line-height: 1.15; }
.dropship-section-heading .dropship-kicker { margin-bottom: .7rem; }
.dropship-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; list-style: none; padding: 0; margin: 2rem 0 0; }
.dropship-step-number { display: inline-grid; place-items: center; width: 32px; height: 32px; border: 1px solid var(--card-line); border-radius: 50%; color: var(--accent); font: .68rem var(--mono); }
.dropship-steps h3 { margin: .9rem 0 .5rem; font-size: .9rem; }
.dropship-steps p, .dropship-ready p { color: var(--muted); font-size: .8rem; line-height: 1.7; margin: 0; }
.dropship-steps p strong { color: var(--text); font-weight: 500; }
.dropship-ready { display: grid; grid-template-columns: .9fr 1.1fr; gap: 2rem; padding: 1.8rem; margin: 1rem 0 2rem; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; }
.dropship-ready > div > p:last-child { margin-top: .8rem; max-width: 35ch; }
.dropship-ready ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 1.1rem; }
.dropship-ready li { display: flex; gap: .8rem; }
.dropship-ready li > span { color: var(--accent); font-size: .8rem; }
.dropship-ready li strong { font-size: .8rem; }
.dropship-ready li p { margin-top: .3rem; font-size: .74rem; }
.dropship-questions { display: grid; grid-template-columns: .8fr 1.2fr; gap: 2rem; }
.dropship-faqs details { border-bottom: 1px solid var(--line); }
.dropship-faqs summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 0; list-style: none; cursor: pointer; font-size: .85rem; font-weight: 600; }
.dropship-faqs summary::-webkit-details-marker { display: none; }
.dropship-faqs summary > span { color: var(--accent); }
.dropship-faqs details[open] summary > span { transform: rotate(45deg); }
.dropship-faqs p { margin: 0 0 1rem; color: var(--muted); font-size: .8rem; line-height: 1.7; }
.dropship-faqs p a { color: var(--accent); }
.dropship-next { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 2rem; margin-top: 1rem; border: 1px solid var(--card-line); border-radius: 16px; background: linear-gradient(100deg, var(--accent-faint), transparent 85%); }
.dropship-next p { margin: .6rem 0 0; font-size: .8rem; color: var(--muted); }
.dropship-next .btn { flex: none; }
.dropship-more { display: flex; flex-wrap: wrap; gap: 1.5rem 3rem; margin-top: 1.5rem; padding: 0 .1rem 1rem; }
.dropship-more a { display: grid; gap: .4rem; text-decoration: none; font-size: .7rem; color: var(--muted); }
.dropship-more strong { color: var(--text); font-size: .78rem; font-weight: 600; }
.dropship-content a:focus-visible, .dropship-content summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; border-radius: 4px; }
.dropship-vouches { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.5rem 0; margin-bottom: 1.5rem; border-block: 1px solid var(--line); color: var(--text); text-decoration: none; }
.dropship-vouches .dropship-kicker { display: block; margin-bottom: .6rem; }
.dropship-vouches h2 { margin: 0; font-size: clamp(1.15rem, 2vw, 1.5rem); letter-spacing: -.025em; }
.dropship-vouches-link { display: inline-flex; align-items: center; gap: .7rem; flex: none; color: var(--accent); font-size: .85rem; font-weight: 650; }
.dropship-vouches:hover .dropship-vouches-link { text-decoration: underline; text-underline-offset: 5px; }
@media (max-width: 850px) {
  .dropship-landing-hero { grid-template-columns: 1fr; gap: 1.5rem; padding-top: 1rem; }
  .dropship-landing-hero-copy > p:not(.dropship-kicker) { max-width: 56ch; }
  .dropship-order-preview { max-width: 560px; }
  .dropship-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dropship-ready, .dropship-questions { grid-template-columns: 1fr; }
}
@media (max-width: 500px) {
  .dropship-landing-hero h1 { font-size: 2.8rem; }
  .dropship-landing-hero-copy > p:not(.dropship-kicker) { font-size: .88rem; }
  .dropship-order-preview { padding: 1rem; border-radius: 14px; }
  .dropship-steps { grid-template-columns: 1fr; gap: 1.5rem; }
  .dropship-steps li { display: grid; grid-template-columns: 32px minmax(0, 1fr); column-gap: .8rem; }
  .dropship-step-number { grid-column: 1; grid-row: 1 / 3; }
  .dropship-steps h3 { grid-column: 2; margin: .35rem 0 .5rem; }
  .dropship-steps p { grid-column: 2; }
  .dropship-ready { padding: 1.2rem; }
  .dropship-next { flex-direction: column; align-items: flex-start; padding: 1.4rem; }
  .dropship-vouches { flex-direction: column; align-items: flex-start; }
}
