.hf-store {
  direction: rtl;
  color: var(--hf-color-text);
  min-block-size: 100%;
}
.hf-store--app { background: transparent; }
.hf-store--public { background: var(--hf-color-bg); }

.hf-store *, .hf-store *::before, .hf-store *::after { box-sizing: border-box; }
.hf-store a {}
.hf-store h1, .hf-store h2, .hf-store h3, .hf-store p { margin-block-start: 0; }
.hf-store .is-hidden, .hf-store [hidden] { display: none !important; }
.hf-store .is-disabled { opacity: .55; pointer-events: none; }
.hf-muted, .hf-store-lead, .hf-field-help { color: var(--hf-color-text-muted); }
.hf-card-kicker, .hf-store-eyebrow { color: var(--hf-color-primary); font-size: .8rem; font-weight: 500; letter-spacing: .01em; }

.hf-store-layout {
  inline-size: min(100%, 84rem);
  margin-inline: auto;
  display: block;
  padding: 1rem;
}
.hf-store-layout__nav { min-inline-size: 0; margin-block-end: 1rem; }
.hf-store-layout__main { min-inline-size: 0; }
.hf-store-page { inline-size: min(100%, 76rem); margin-inline: auto; padding: 1.25rem; }
.hf-store--app .hf-store-layout,
.hf-store--app .hf-store-page {
  inline-size: 100%;
  max-inline-size: 84rem;
  margin-inline: auto;
}
.hf-store--app .hf-store-layout { padding: 0; }
.hf-store-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-block-end: 1rem; }
.hf-store-hero h1 { margin-block-end: .375rem; line-height: 1.25; }
.hf-store-lead { max-inline-size: 48rem; margin-block-end: 0; line-height: 1.75; }

.hf-store-groups { position: static; display: flex; overflow-x: auto; gap: .375rem; padding: .375rem; border: 1px solid var(--hf-color-border); border-radius: var(--hf-radius-lg); background: var(--hf-color-surface); scrollbar-width: none; }
.hf-store-group { flex: 0 0 auto; display: flex; align-items: center; min-block-size: 2.375rem; padding-inline: .75rem; border: 1px solid transparent; border-radius: var(--hf-radius-md); text-decoration: none; color: var(--hf-color-text-muted); white-space: nowrap; transition: background var(--hf-motion-fast) var(--hf-ease), color var(--hf-motion-fast) var(--hf-ease), border-color var(--hf-motion-fast) var(--hf-ease); }
.hf-store-groups::-webkit-scrollbar { display: none; }
.hf-store-group:hover, .hf-store-group.is-active { color: var(--hf-color-primary); border-color: color-mix(in srgb, var(--hf-color-primary) 18%, var(--hf-color-border)); background: color-mix(in srgb, var(--hf-color-primary) 6%, var(--hf-color-surface)); }
.hf-store-groups-compact { display: none; margin-block-end: var(--hf-space-4); }
.hf-store-group-selector {
  inline-size: 100%;
  block-size: var(--hf-control-height);
  border: 1px solid var(--hf-color-border);
  border-radius: var(--hf-control-radius);
  background: var(--hf-color-surface);
  color: var(--hf-color-text);
  padding-inline: var(--hf-space-4);
  font-size: var(--hf-control-font-size);
}

.hf-store-section { margin-block-end: 1rem; }
.hf-store-product-grid, .hf-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.hf-product-card { position: relative; display: flex; flex-direction: column; min-block-size: 100%; overflow: hidden; padding: .875rem; transition: transform var(--hf-motion-normal) var(--hf-ease), box-shadow var(--hf-motion-normal) var(--hf-ease), border-color var(--hf-motion-normal) var(--hf-ease); }
.hf-product-card:hover { transform: translateY(-1px); box-shadow: var(--hf-shadow-card); border-color: color-mix(in srgb, var(--hf-color-primary) 18%, var(--hf-color-border)); }
.hf-product-card.is-featured::before { content: ''; position: absolute; inset-inline: 0; inset-block-start: 0; block-size: 3px; background: var(--hf-color-primary); }
.hf-product-card__header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--hf-space-3); }
.hf-product-card__description { color: var(--hf-color-text-muted); line-height: 1.8; }
.hf-product-card__features { list-style: none; padding: 0; margin: .625rem 0; display: grid; gap: .375rem; }
.hf-product-card__features li { display: flex; align-items: flex-start; gap: var(--hf-space-2); }
.hf-product-card__features li::before { content: '✓'; color: var(--hf-color-success); font-weight: 500; }
.hf-product-card__footer { margin-block-start: auto; padding-block-start: .625rem; border-block-start: 1px solid var(--hf-color-border); display: grid; gap: .625rem; }
.hf-product-price { display: flex; align-items: baseline; gap: var(--hf-space-2); }
.hf-product-price strong { font-size: 1.2rem; }
.hf-product-card__stock { color: var(--hf-color-warning); font-size: .85rem; }
.hf-store-empty, .hf-empty-state { text-align: center; padding-block: 3rem; }

.hf-config-layout, .hf-cart-layout, .hf-checkout-layout { display: grid; grid-template-columns: minmax(0, 1fr) 20rem; gap: 1rem; align-items: start; }
.hf-config-layout__form, .hf-cart-layout__items, .hf-checkout-layout__form { min-inline-size: 0; display: grid; gap: .875rem; }
.hf-config-layout__summary, .hf-cart-layout__summary, .hf-checkout-layout__summary { position: sticky; inset-block-start: calc(var(--hf-topbar-height) + var(--hf-space-4)); }
.hf-config-layout__summary { inline-size: min(100%, 20rem); justify-self: end; display: grid; gap: .75rem; }
.hf-config-layout__summary .hf-order-summary { padding: .875rem; border: 1px solid var(--hf-color-border); border-radius: var(--hf-radius-lg); background: var(--hf-color-surface); box-shadow: var(--hf-shadow-sm); }
.hf-config-section, .hf-checkout-section { display: grid; gap: .875rem; }
.hf-config-section h2, .hf-checkout-section h2 { margin: 0; }
.hf-config-options { display: grid; gap: .875rem; }
.hf-config-option { display: grid; gap: var(--hf-space-3); }
.hf-config-option__label { font-weight: 500; }
.hf-choice-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--hf-space-3); }
.hf-choice-grid--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hf-choice-card, .hf-domain-choice-card, .hf-gateway-card, .hf-paymethod-card {
  position: relative; min-block-size: 2.875rem; display: flex; align-items: center; gap: var(--hf-space-3); border: 1px solid var(--hf-color-border); border-radius: var(--hf-radius-md); padding: var(--hf-space-4); background: var(--hf-color-surface); cursor: pointer; transition: border-color var(--hf-motion-fast) var(--hf-ease), background var(--hf-motion-fast) var(--hf-ease), transform var(--hf-motion-fast) var(--hf-ease);
}
.hf-choice-card:has(input:checked), .hf-domain-choice-card:has(input:checked), .hf-gateway-card:has(input:checked), .hf-paymethod-card:has(input:checked) { border-color: var(--hf-color-primary); background: color-mix(in srgb, var(--hf-color-primary) 5%, var(--hf-color-surface)); }
.hf-choice-card input, .hf-domain-choice-card input, .hf-gateway-card input, .hf-paymethod-card input { accent-color: var(--hf-color-primary); }
.hf-choice-card span, .hf-paymethod-card span { display: grid; gap: var(--hf-space-1); }
.hf-choice-card small, .hf-paymethod-card small { color: var(--hf-color-text-muted); }
.hf-addon-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--hf-space-3); }
.hf-addon-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--hf-space-3); min-block-size: 2.875rem; border: 1px solid var(--hf-color-border); border-radius: var(--hf-radius-md); padding: var(--hf-space-4); cursor: pointer; }
.hf-addon-card input { accent-color: var(--hf-color-primary); }
.hf-addon-card span { display: grid; gap: var(--hf-space-1); }
.hf-addon-card small { color: var(--hf-color-text-muted); }
.hf-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.hf-field--wide { grid-column: 1 / -1; }
.hf-field--quantity { max-inline-size: 12rem; }

.hf-order-summary { display: grid; gap: .875rem; }
.hf-order-summary__head h2 { margin: var(--hf-space-1) 0 0; }
.hf-order-summary__body { display: grid; gap: .625rem; }
.hf-order-summary__note { margin: 0; color: var(--hf-color-text-muted); font-size: .86rem; line-height: 1.75; }
.hf-order-summary__native { overflow-wrap: anywhere; }
.hf-order-summary__fallback, .hf-summary-lines { margin: 0; display: grid; gap: var(--hf-space-3); }
.hf-order-summary__fallback > div, .hf-summary-lines > div { display: flex; justify-content: space-between; gap: var(--hf-space-4); }
.hf-summary-lines dt, .hf-summary-lines dd, .hf-order-summary__fallback dt, .hf-order-summary__fallback dd { margin: 0; }
.hf-summary-lines__discount dd { color: var(--hf-color-success); }
.hf-summary-total { border-block-start: 1px solid var(--hf-color-border); padding-block-start: var(--hf-space-4); display: flex; align-items: baseline; justify-content: space-between; gap: var(--hf-space-3); }
.hf-summary-total strong { font-size: 1.35rem; color: var(--hf-color-primary); }
.hf-btn--block { inline-size: 100%; }
.hf-btn--sm { padding-inline: var(--hf-space-3); }

.hf-domain-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--hf-space-4); }
.hf-domain-choice-card { align-items: flex-start; }
.hf-domain-choice-card__head { display: grid; gap: var(--hf-space-1); }
.hf-domain-inline-fields, .hf-domain-search-form__row { display: grid; grid-template-columns: minmax(0, 1fr) 10rem auto; gap: var(--hf-space-3); align-items: end; }
.hf-domain-search-form, .hf-domain-transfer-form { display: grid; gap: var(--hf-space-4); }
.hf-domain-search-form__prompt { color: var(--hf-color-text-muted); }
.hf-domain-results { display: grid; gap: var(--hf-space-3); margin-block: var(--hf-space-5); }
.hf-domain-result, .hf-domain-selected { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: var(--hf-space-4); }
.hf-domain-result__identity { display: grid; gap: var(--hf-space-1); min-inline-size: 0; }
.hf-domain-result__identity strong { direction: ltr; text-align: right; overflow-wrap: anywhere; }
.hf-domain-result__price { font-weight: 500; }
.hf-tld-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--hf-space-3); }
.hf-domain-config-list { display: grid; gap: var(--hf-space-5); }
.hf-domain-config-card { display: grid; gap: var(--hf-space-5); }
.hf-domain-config-card__header { display: flex; justify-content: space-between; gap: var(--hf-space-4); }
.hf-domain-config-card__header h2 { direction: ltr; text-align: right; margin-block-end: 0; }
.hf-domain-addon-options, .hf-domain-custom-fields, .hf-domain-nameservers { display: grid; gap: var(--hf-space-4); }
.hf-domain-addon-options h3, .hf-domain-custom-fields h3 { margin: 0; }
.hf-store-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--hf-space-3); margin-block-start: var(--hf-space-5); }
.hf-store-actions--end { justify-content: flex-end; }

.hf-cart-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--hf-space-4); padding: var(--hf-space-5); border: 1px solid var(--hf-color-border); border-radius: var(--hf-radius-lg); background: var(--hf-color-surface); box-shadow: var(--hf-shadow-sm); }
.hf-cart-item__head { display: flex; justify-content: space-between; gap: var(--hf-space-5); }
.hf-cart-item__head h3 { margin-block: var(--hf-space-1); }
.hf-cart-item__head p { margin-block-end: var(--hf-space-1); color: var(--hf-color-text-muted); }
.hf-cart-item__domain { direction: ltr; text-align: right; }
.hf-cart-item__price { flex: 0 0 auto; display: grid; align-content: start; justify-items: end; gap: var(--hf-space-1); }
.hf-cart-item__price span { color: var(--hf-color-text-muted); font-size: .84rem; }
.hf-cart-item__actions { display: flex; flex-direction: column; justify-content: center; gap: var(--hf-space-2); }
.hf-cart-meta { list-style: none; padding: 0; margin: var(--hf-space-3) 0 0; display: grid; gap: var(--hf-space-2); }
.hf-cart-meta li { display: flex; justify-content: space-between; gap: var(--hf-space-4); color: var(--hf-color-text-muted); }
.hf-cart-meta b { color: var(--hf-color-text); font-weight: 500; }
.hf-cart-qty { margin-block-start: var(--hf-space-3); display: grid; grid-template-columns: auto 7rem auto; gap: var(--hf-space-2); align-items: center; }
.hf-inline-form { margin: 0; }
.hf-promo-card { display: grid; gap: var(--hf-space-4); }
.hf-promo-toggle { min-block-size: 2.875rem; padding: 0; border: 0; background: transparent; color: var(--hf-color-primary); font: inherit; font-weight: 500; text-align: right; cursor: pointer; }
.hf-promo-body { border-block-start: 1px solid var(--hf-color-border); padding-block-start: var(--hf-space-4); }
.hf-inline-control { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--hf-space-3); }
.hf-promo-applied { display: flex; align-items: center; justify-content: space-between; gap: var(--hf-space-3); }
.hf-promo-applied > div { display: grid; gap: var(--hf-space-1); }
.hf-recurring-summary { border-block-start: 1px solid var(--hf-color-border); padding-block-start: var(--hf-space-4); }
.hf-recurring-summary h3 { }
.hf-recurring-summary ul { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--hf-space-2); }
.hf-recurring-summary li { display: flex; justify-content: space-between; gap: var(--hf-space-3); }
.hf-express-checkout, .hf-cart-extension, .hf-checkout-extension, .hf-result-extension { overflow-wrap: anywhere; }

.hf-checkout-subsection { border-block-start: 1px solid var(--hf-color-border); padding-block-start: var(--hf-space-5); display: grid; gap: var(--hf-space-4); }
.hf-checkout-subsection h3 { margin: 0; }
.hf-account-choice-grid, .hf-gateway-grid, .hf-existing-paymethods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--hf-space-3); }
.hf-gateway-card { min-block-size: 3.5rem; }
.hf-credit-choice { display: grid; gap: var(--hf-space-3); }
.hf-credit-choice p { margin: 0; }
.hf-checkout-total { display: flex; align-items: baseline; justify-content: space-between; gap: var(--hf-space-4); border-radius: var(--hf-radius-md); padding: var(--hf-space-4); background: color-mix(in srgb, var(--hf-color-success) 7%, var(--hf-color-surface)); }
.hf-checkout-total strong { font-size: 1.3rem; color: var(--hf-color-success); }
.hf-gateway-owned { max-inline-size: 100%; overflow: auto; }
.hf-local-card-fields { display: grid; gap: var(--hf-space-4); border-block-start: 1px solid var(--hf-color-border); padding-block-start: var(--hf-space-4); }
.hf-paymethod-card em { color: var(--hf-color-danger); font-size: .78rem; font-style: normal; }
.hf-toggle-field, .hf-check { min-block-size: 2.875rem; display: flex; align-items: flex-start; gap: var(--hf-space-3); cursor: pointer; }
.hf-toggle-field input, .hf-check input { margin-block-start: .2rem; accent-color: var(--hf-color-primary); }
.hf-toggle-field span { display: grid; gap: var(--hf-space-1); }
.hf-toggle-field small { color: var(--hf-color-text-muted); }
.hf-mobile-summary-toggle { display: none; min-block-size: 2.875rem; border: 0; background: transparent; color: var(--hf-color-primary); font: inherit; font-weight: 500; }
.hf-linked-auth { display: grid; gap: var(--hf-space-3); border-block-start: 1px solid var(--hf-color-border); padding-block-start: var(--hf-space-4); }
.hf-linked-auth__providers { display: flex; flex-wrap: wrap; gap: var(--hf-space-3); }
.hf-linked-auth__provider { min-inline-size: 0; }
.hf-captcha__challenge { display: flex; flex-wrap: wrap; align-items: center; gap: var(--hf-space-3); }
.hf-captcha__challenge img { border: 1px solid var(--hf-color-border); border-radius: var(--hf-radius-md); }

.hf-recommendations { margin-block-start: var(--hf-space-6); }
.hf-recommendations__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--hf-space-4); }
.hf-recommendation-card { display: grid; align-content: start; gap: var(--hf-space-3); padding: var(--hf-space-4); border: 1px solid var(--hf-color-border); border-radius: var(--hf-radius-md); }
.hf-recommendation-card h3, .hf-recommendation-card p { margin: 0; }
.hf-recommendation-card p { color: var(--hf-color-text-muted); }

.hf-store-result { inline-size: min(100% - 2rem, 48rem); margin-inline: auto; padding-block: clamp(3rem, 8vw, 7rem); text-align: center; }
.hf-store-result > p { color: var(--hf-color-text-muted); line-height: 1.9; }
.hf-result-icon { inline-size: 4.5rem; block-size: 4.5rem; margin-inline: auto; margin-block-end: var(--hf-space-5); display: grid; place-items: center; border-radius: 999px; background: color-mix(in srgb, var(--hf-color-primary) 10%, var(--hf-color-surface)); color: var(--hf-color-primary); font-size: 2rem; font-weight: 500; }
.hf-store-result--success .hf-result-icon { color: var(--hf-color-success); background: color-mix(in srgb, var(--hf-color-success) 10%, var(--hf-color-surface)); }
.hf-store-result--warning .hf-result-icon { color: var(--hf-color-warning); background: color-mix(in srgb, var(--hf-color-warning) 10%, var(--hf-color-surface)); }
.hf-store-result--danger .hf-result-icon { color: var(--hf-color-danger); background: color-mix(in srgb, var(--hf-color-danger) 10%, var(--hf-color-surface)); }
.hf-result-summary, .hf-result-message, .hf-validation-card { margin-block: var(--hf-space-5); text-align: right; }
.hf-result-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--hf-space-3); margin-block-start: var(--hf-space-5); }


/* Reference UI fidelity pass: product selection and order flow */
.hf-store-products-page {
  display: block;
  max-inline-size: 84rem;
}
.hf-store-products-page .hf-store-layout__nav {
  margin-block-end: var(--hf-space-5);
}
.hf-store-products-page .hf-store-layout__main {
  display: grid;
  gap: var(--hf-space-5);
}
.hf-store-toolbar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  padding: .875rem 1rem;
  border: 1px solid var(--hf-color-border);
  border-radius: var(--hf-radius-lg);
  background: linear-gradient(145deg, color-mix(in srgb, var(--hf-color-primary) 4%, var(--hf-color-surface)), var(--hf-color-surface) 58%);
  box-shadow: var(--hf-shadow-sm);
}
.hf-store-toolbar__intro { min-inline-size: 0; }
.hf-store-toolbar__intro h1 { margin: 0 0 var(--hf-space-2); line-height: 1.35; }
.hf-store-toolbar__cart { flex: 0 0 auto; }
.hf-store-plan-grid { gap: .75rem; align-items: stretch; }

.hf-store-products-page .hf-store-groups {
  gap: .375rem;
  padding: .375rem;
  scrollbar-width: thin;
  border-radius: var(--hf-radius-lg);
  background: color-mix(in srgb, var(--hf-color-surface) 94%, var(--hf-color-primary-soft));
  box-shadow: var(--hf-shadow-xs, 0 1px 2px rgba(20, 32, 70, .04));
}
.hf-store-products-page .hf-store-groups::-webkit-scrollbar { display: none; }
.hf-store-products-page .hf-store-group {
  min-block-size: 2.375rem;
  padding-inline: .75rem;
  font-size: .875rem;
  font-weight: 500;
}
.hf-store-products-page .hf-store-group.is-active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--hf-color-primary), color-mix(in srgb, var(--hf-color-primary) 78%, #7c6cff));
  box-shadow: 0 8px 18px color-mix(in srgb, var(--hf-color-primary) 20%, transparent);
}

.hf-product-card {
  padding: .875rem;
  border-radius: var(--hf-radius-lg);
  background: var(--hf-color-surface);
  box-shadow: var(--hf-shadow-sm);
}
.hf-product-card.is-featured {
  border-color: color-mix(in srgb, var(--hf-color-primary) 45%, var(--hf-color-border));
  box-shadow: 0 6px 18px color-mix(in srgb, var(--hf-color-primary) 8%, transparent);
}
.hf-product-card.is-featured::before {
  block-size: 2px;
  background: linear-gradient(90deg, transparent, var(--hf-color-primary), transparent);
}
.hf-product-card__header {
  align-items: center;
  justify-content: flex-start;
  gap: .75rem;
  min-block-size: 3.5rem;
}
.hf-product-card__visual {
  inline-size: 2.625rem;
  block-size: 2.625rem;
  flex: 0 0 2.625rem;
  display: grid;
  place-items: center;
  border-radius: var(--hf-radius-md);
  color: var(--hf-color-primary);
  background: linear-gradient(145deg, color-mix(in srgb, var(--hf-color-primary) 12%, #fff), color-mix(in srgb, var(--hf-color-primary) 4%, #fff));
}
.hf-product-card__visual .hf-icon { inline-size: 1.5rem; block-size: 1.5rem; }
.hf-product-card__heading { min-inline-size: 0; display: grid; gap: var(--hf-space-1); }
.hf-product-card__heading h2 { margin: 0; line-height: 1.5; color: var(--hf-color-text-strong, var(--hf-color-text)); }
.hf-product-card__stock { color: var(--hf-color-text-muted); font-size: .78rem; }
.hf-product-card__features {
  margin: .625rem 0;
  gap: .375rem;
}
.hf-product-card__feature {
  display: grid !important;
  grid-template-columns: 1.1rem minmax(0, 1fr);
  align-items: start;
  gap: var(--hf-space-2) !important;
  color: var(--hf-color-text-muted);
  font-size: .82rem;
  line-height: 1.55;
}
.hf-product-card__feature::before { content: none !important; }
.hf-product-card__feature-check {
  inline-size: 1.1rem;
  block-size: 1.1rem;
  display: grid;
  place-items: center;
  margin-block-start: .08rem;
  border-radius: 999px;
  color: var(--hf-color-success);
  background: color-mix(in srgb, var(--hf-color-success) 9%, transparent);
  font-size: .72rem;
  font-weight: 500;
}
.hf-product-card__feature-text { min-inline-size: 0; }
.hf-product-card__feature-text strong { margin-inline-start: .35rem; color: var(--hf-color-text); font-weight: 500; }
.hf-product-card__description {
  margin: .625rem 0;
  color: var(--hf-color-text-muted);
  font-size: .875rem;
  line-height: 1.9;
}
.hf-product-card__footer {
  gap: .625rem;
  padding-block-start: .625rem;
}
.hf-product-card__price-block { display: grid; gap: var(--hf-space-1); }
.hf-product-card__price-block > small { color: var(--hf-color-text-muted); font-size: .76rem; }
.hf-product-price { justify-content: flex-start; gap: var(--hf-space-2); }
.hf-product-price strong { font-size: 1.18rem; line-height: 1.35; }
.hf-product-price small { color: var(--hf-color-text-muted); font-size: .78rem; }
.hf-product-card .hf-btn--primary {
  border-color: transparent;
  background: linear-gradient(135deg, var(--hf-color-primary), color-mix(in srgb, var(--hf-color-primary) 76%, #7868ff));
  box-shadow: 0 5px 14px color-mix(in srgb, var(--hf-color-primary) 14%, transparent);
}

.hf-store-layout--configure .hf-config-section,
.hf-store-layout--cart .hf-cart-item,
.hf-checkout-payment {
  border-color: color-mix(in srgb, var(--hf-color-border) 88%, var(--hf-color-primary));
  border-radius: var(--hf-radius-lg);
  background: var(--hf-color-surface);
  box-shadow: 0 6px 22px rgba(39, 50, 105, .05);
}
.hf-store-layout--configure .hf-config-section,
.hf-checkout-section { padding: .875rem; }
.hf-store-layout--configure .hf-config-section h2,
.hf-checkout-section h2 { font-weight: 500; }
.hf-store-layout--configure .hf-choice-card,
.hf-checkout-section .hf-choice-card,
.hf-checkout-section .hf-gateway-card,
.hf-checkout-section .hf-paymethod-card {
  min-block-size: 3rem;
  border-radius: var(--hf-radius-md);
  background: color-mix(in srgb, var(--hf-color-surface) 97%, var(--hf-color-primary-soft));
}
.hf-store-layout--configure .hf-choice-card:has(input:checked),
.hf-checkout-section .hf-choice-card:has(input:checked),
.hf-checkout-section .hf-gateway-card:has(input:checked),
.hf-checkout-section .hf-paymethod-card:has(input:checked) {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--hf-color-primary) 10%, transparent);
}
.hf-store-layout--cart .hf-cart-item { padding: var(--hf-space-4) var(--hf-space-5); }
.hf-store-layout--cart .hf-cart-item__head h3 { }
.hf-store-layout--cart .hf-cart-item__price strong { font-size: 1rem; }
.hf-checkout-payment .hf-checkout-total {
  border: 1px solid color-mix(in srgb, var(--hf-color-success) 18%, var(--hf-color-border));
  background: linear-gradient(135deg, color-mix(in srgb, var(--hf-color-success) 8%, #fff), var(--hf-color-surface));
}

@media (max-width: 1100px) {
  .hf-store-product-grid, .hf-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hf-config-layout, .hf-cart-layout, .hf-checkout-layout { grid-template-columns: minmax(0, 1fr) 19rem; }
  .hf-choice-grid--cycles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 800px) {
  .hf-store { padding-block-end: env(safe-area-inset-bottom, 0); }
  .hf-store-toolbar { display: grid; align-items: stretch; padding: var(--hf-space-4); }
  .hf-store-toolbar__cart { inline-size: 100%; }
  .hf-product-card__visual { inline-size: 2.625rem; block-size: 2.625rem; flex-basis: 2.625rem; }
  .hf-store-layout { display: block; padding: var(--hf-space-4); }
  .hf-store-page { padding: var(--hf-space-4); }
  .hf-store-layout__nav { display: none; }
  .hf-store-groups-compact { display: block; }
  .hf-store-hero { align-items: flex-start; margin-block-end: var(--hf-space-5); }
  .hf-store-hero h1 { }
  .hf-store-product-grid, .hf-product-grid, .hf-config-layout, .hf-cart-layout, .hf-checkout-layout, .hf-domain-choice-grid, .hf-account-choice-grid, .hf-gateway-grid, .hf-existing-paymethods, .hf-recommendations__grid { grid-template-columns: 1fr; }
  .hf-config-layout__summary { position: static; }
  .hf-cart-layout__summary, .hf-checkout-layout__summary { position: sticky; inset-block-end: max(.5rem, env(safe-area-inset-bottom)); inset-block-start: auto; z-index: var(--hf-z-sticky); order: 2; }
  .hf-cart-layout__summary .hf-order-summary, .hf-checkout-layout__summary .hf-order-summary { box-shadow: var(--hf-shadow-md); }
  .hf-checkout-layout__summary .hf-summary-lines { display: none; }
  .hf-checkout-layout__summary.is-expanded .hf-summary-lines { display: grid; }
  .hf-mobile-summary-toggle { display: inline-flex; align-items: center; justify-content: center; }
  .hf-choice-grid, .hf-choice-grid--compact, .hf-addon-grid, .hf-form-grid { grid-template-columns: 1fr; }
  .hf-field--wide { grid-column: auto; }
  .hf-domain-inline-fields, .hf-domain-search-form__row { grid-template-columns: minmax(0, 1fr) auto; }
  .hf-domain-inline-fields > :first-child, .hf-domain-search-form__row > :first-child { grid-column: 1 / -1; }
  .hf-tld-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hf-domain-result, .hf-domain-selected { grid-template-columns: 1fr auto; }
  .hf-domain-result__action { grid-column: 1 / -1; }
  .hf-cart-item { grid-template-columns: 1fr; }
  .hf-cart-item__actions { flex-direction: row; justify-content: flex-start; }
  .hf-cart-item__head { align-items: flex-start; }
  .hf-cart-qty { grid-template-columns: auto minmax(0, 1fr); }
  .hf-cart-qty .hf-btn { grid-column: 1 / -1; }
  .hf-inline-control { grid-template-columns: 1fr; }
  .hf-promo-applied { align-items: flex-start; }
  .hf-store-actions--end { justify-content: stretch; }
  .hf-store-actions--end .hf-btn { flex: 1 1 auto; }
}

@media (max-width: 520px) {
  .hf-store-layout, .hf-store-page { padding-inline: var(--hf-space-3); }
  .hf-card, .hf-cart-item { padding: var(--hf-space-4); border-radius: var(--hf-radius-md); }
  .hf-store-product-grid, .hf-product-grid { grid-template-columns: 1fr; }
  .hf-domain-inline-fields, .hf-domain-search-form__row, .hf-domain-result, .hf-domain-selected { grid-template-columns: 1fr; }
  .hf-tld-grid { grid-template-columns: 1fr 1fr; }
  .hf-cart-item__head { display: grid; }
  .hf-cart-item__price { justify-items: start; }
  .hf-checkout-total, .hf-summary-total { align-items: flex-start; flex-direction: column; }
}