.drd-ssl-showcase {
  --drd-ssl-heading: #181818;
  --drd-ssl-text: #5b5c77;
  --drd-ssl-muted: #5b5c77;
  --drd-ssl-accent: #d20c55;
  --drd-ssl-accent-hover: #b70847;
  --drd-ssl-accent-soft: #fff0f5;
  --drd-ssl-accent-ink: #a20a41;
  --drd-ssl-border: #e6e2e6;
  --drd-ssl-surface: #fff;
  color: var(--drd-ssl-text);
  font: inherit;
}
.drd-ssl-showcase *, .drd-ssl-showcase *::before, .drd-ssl-showcase *::after { box-sizing: border-box; }
.drd-ssl-showcase .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.drd-ssl-showcase [hidden] { display: none !important; }
.drd-ssl-showcase__heading { margin: 0 0 22px; color: var(--drd-ssl-heading); }
.drd-ssl-showcase__test { padding: 10px 14px; background: #fff8e9; color: #75561f; }
.drd-ssl-showcase__toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 22px;
  padding: 14px;
  border: 1px solid var(--drd-ssl-border);
  border-radius: 12px;
  background: var(--drd-ssl-surface);
  margin-bottom: 22px;
}
.drd-ssl-showcase__selects, .drd-ssl-showcase__search-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.drd-ssl-showcase .drd-ssl-showcase__control { display: block; margin: 0; }
.drd-ssl-showcase .drd-ssl-showcase__control select,
.drd-ssl-showcase .drd-ssl-showcase__control input[type="search"] {
  display: block;
  width: auto;
  min-width: 116px;
  height: 40px;
  margin: 0;
  padding: 8px 15px;
  border: 1px solid var(--drd-ssl-border);
  border-radius: 20px;
  background: #fff;
  color: var(--drd-ssl-heading);
  font: inherit;
  font-size: .87em;
  line-height: 1.2;
}
.drd-ssl-showcase .drd-ssl-showcase__control input[type="search"] { min-width: 190px; }
.drd-ssl-showcase .drd-ssl-showcase__control input[type="search"]::placeholder { color: var(--drd-ssl-muted); opacity: 1; }
.drd-ssl-showcase :is(button.drd-ssl-showcase__clear, button.drd-ssl-showcase__more, a.drd-ssl-showcase__choose) {
  border: 0;
  border-radius: 8px;
  background: var(--drd-ssl-accent);
  color: #fff;
  font: inherit;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}
.drd-ssl-showcase__clear { min-height: 40px; padding: 8px 18px; border-radius: 20px; font-size: .84em; }
.drd-ssl-showcase__more { display: block; min-height: 44px; margin: 24px auto 0; padding: 10px 22px; }
.drd-ssl-showcase__choose {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  padding: 9px 18px;
  text-align: center;
  font-size: .88em;
}
.drd-ssl-showcase :is(button.drd-ssl-showcase__clear, button.drd-ssl-showcase__more, a.drd-ssl-showcase__choose):is(:hover, :focus-visible) {
  background: var(--drd-ssl-accent-hover);
  color: #fff;
  text-decoration: none;
}
.drd-ssl-showcase :is(select, input, button, a):focus-visible,
.drd-ssl-showcase__table-scroll:focus-visible { outline: 2px solid var(--drd-ssl-accent); outline-offset: 2px; }
.drd-ssl-showcase__count { margin: 0 0 12px; color: var(--drd-ssl-muted); font-size: .85em; }
.drd-ssl-showcase__grid {
  display: grid;
  grid-template-columns: repeat(var(--drd-ssl-columns, 4), minmax(0, 1fr));
  gap: 20px;
}
:where(.drd-ssl-showcase[data-columns="1"]) { --drd-ssl-columns: 1; }
:where(.drd-ssl-showcase[data-columns="2"]) { --drd-ssl-columns: 2; }
:where(.drd-ssl-showcase[data-columns="3"]) { --drd-ssl-columns: 3; }
:where(.drd-ssl-showcase[data-columns="4"]) { --drd-ssl-columns: 4; }
.drd-ssl-showcase__card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 290px;
  padding: 20px;
  border: 1px solid var(--drd-ssl-border);
  border-radius: 16px;
  background: var(--drd-ssl-surface);
}
.drd-ssl-showcase__card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; min-height: 34px; margin-bottom: 14px; }
.drd-ssl-showcase__identity { min-width: 0; }
.drd-ssl-showcase__image { display: block; max-width: 150px; max-height: 42px; width: auto; height: auto; object-fit: contain; object-position: left center; }
.drd-ssl-showcase__provider-mark { display: block; color: var(--drd-ssl-heading); font-size: .85em; font-weight: 800; letter-spacing: -.01em; overflow-wrap: anywhere; }
.drd-ssl-showcase__badge { flex: 0 0 auto; border-radius: 999px; padding: 5px 11px; background: var(--drd-ssl-accent-soft); color: var(--drd-ssl-accent-ink); font-size: .72em; font-weight: 800; }
.drd-ssl-showcase__title { margin: 0 0 14px; color: var(--drd-ssl-heading); font-size: 1.04em; font-weight: 750; line-height: 1.35; overflow-wrap: anywhere; }
.drd-ssl-showcase__price-line { margin: 0 0 17px; }
.drd-ssl-showcase__price { display: block; color: var(--drd-ssl-heading); font-size: 1.75em; font-weight: 800; line-height: 1.1; font-variant-numeric: tabular-nums; }
.drd-ssl-showcase__term { display: block; margin-top: 4px; color: var(--drd-ssl-muted); font-size: .78em; }
.drd-ssl-showcase__facts { margin: 0 0 22px; padding: 0; list-style: none; color: var(--drd-ssl-text); font-size: .86em; }
.drd-ssl-showcase__facts li { position: relative; padding-left: 24px; margin-bottom: 6px; }
.drd-ssl-showcase__facts li::before { content: ''; position: absolute; inset-inline-start: 0; top: 1px; width: 15px; height: 15px; border-radius: 50%; background: var(--drd-ssl-accent-soft); }
.drd-ssl-showcase__facts li::after { content: ''; position: absolute; inset-inline-start: 4px; top: 4px; width: 8px; height: 8px; background: var(--drd-ssl-accent-ink); clip-path: polygon(0 54%, 13% 42%, 37% 66%, 88% 10%, 100% 21%, 38% 91%); }
.drd-ssl-showcase__card .drd-ssl-showcase__choose { width: 100%; margin-top: auto; }
.drd-ssl-showcase__table-scroll { width: 100%; overflow-x: auto; border: 1px solid var(--drd-ssl-border); border-radius: 12px; }
.drd-ssl-showcase__table { width: 100%; min-width: 780px; border-collapse: collapse; background: var(--drd-ssl-surface); color: var(--drd-ssl-text); }
.drd-ssl-showcase__table th, .drd-ssl-showcase__table td { padding: 15px 18px; border-bottom: 1px solid var(--drd-ssl-border); vertical-align: middle; text-align: left; }
.drd-ssl-showcase__table thead th { background: #fff4f8; font-size: .8em; font-weight: 800; color: var(--drd-ssl-heading); }
.drd-ssl-showcase__table tbody tr:last-child th, .drd-ssl-showcase__table tbody tr:last-child td { border-bottom: 0; }
.drd-ssl-showcase__table tbody tr:nth-child(even) { background: #fcfafb; }
.drd-ssl-showcase__table-name { display: flex; align-items: center; gap: 12px; min-width: 180px; font-weight: 700; }
.drd-ssl-showcase__table-name .drd-ssl-showcase__image { max-width: 68px; max-height: 35px; }
.drd-ssl-showcase__table-name .drd-ssl-showcase__provider-mark { max-width: 70px; font-size: .72em; }
.drd-ssl-showcase__table .drd-ssl-showcase__price { font-size: 1.15em; }
.drd-ssl-showcase__table .drd-ssl-showcase__choose { white-space: nowrap; }
.drd-ssl-showcase__none, .drd-ssl-showcase__empty, .drd-ssl-showcase-note { padding: 22px; border: 1px solid var(--drd-ssl-border); border-radius: 12px; background: #fff; color: var(--drd-ssl-text); }
.drd-ssl-showcase .drd-ssl-showcase__none button { margin-left: 8px; padding: 0; border: 0; background: none; color: var(--drd-ssl-accent-ink); text-decoration: underline; cursor: pointer; }
.drd-ssl-showcase .drd-ssl-showcase__none button:is(:hover, :focus-visible) { color: var(--drd-ssl-accent-hover); }
@media (max-width: 1024px) { .drd-ssl-showcase { --drd-ssl-columns: 2; } }
@media (max-width: 680px) {
  .drd-ssl-showcase { --drd-ssl-columns: 1; }
  .drd-ssl-showcase__toolbar, .drd-ssl-showcase__selects, .drd-ssl-showcase__search-actions { align-items: stretch; }
  .drd-ssl-showcase__selects, .drd-ssl-showcase__search-actions { width: 100%; }
  .drd-ssl-showcase .drd-ssl-showcase__control { flex: 1 1 140px; }
  .drd-ssl-showcase .drd-ssl-showcase__control select, .drd-ssl-showcase .drd-ssl-showcase__control input[type="search"] { width: 100%; min-width: 0; }
  .drd-ssl-showcase__card { min-height: 260px; }
}
/* Domain entry remains in the native checkout; no nested purchase form. */
.drd-ssl-checkout-fields .description { display:block; margin-top:8px; color:#5B5C77; font-size:.9em; }
.drd-ssl-checkout-fields input.input-text { width:100%; }
.drd-ssl-checkout-fields input:focus-visible { outline:2px solid #D20C55; outline-offset:3px; }
.drd-ssl-showcase [aria-disabled="true"] { opacity:.65; cursor:wait; }
.drd-ssl-showcase__cart-message { padding:12px 0; color:var(--drd-ssl-text); }
.drd-ssl-showcase__cart-message a { color:var(--drd-ssl-accent); text-decoration:underline; }
