/* Isolated product confirmation; the existing product page and ID form keep their own styles. */
:where([data-catalog-product]) #product-cart-success-modal {position:fixed;inset:0;display:grid;place-items:center;}
:where([data-catalog-product]) #product-cart-success-modal[hidden],
:where([data-catalog-product]) #product-cart-success-modal [hidden] {display:none!important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__backdrop {position:absolute;inset:0;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__mark {display:grid;place-items:center;}
:where([data-catalog-product]) #product-cart-success-modal {z-index: 12060 !important; box-sizing: border-box !important; padding: 14px !important; place-items: center !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__backdrop {background: rgba(2, 6, 18, .76) !important;  }
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__dialog {position: relative !important; isolation: isolate !important; box-sizing: border-box !important; width: min(430px, calc(100vw - 28px)) !important; max-width: 430px !important; max-height: min(86dvh, 680px) !important; overflow: hidden !important; border: 1px solid rgba(111, 139, 234, .30) !important; border-radius: 22px !important; background: radial-gradient(320px 190px at 100% 0%, rgba(92, 70, 255, .17), transparent 72%),
      radial-gradient(260px 150px at 0% 0%, rgba(23, 205, 150, .10), transparent 74%),
      linear-gradient(155deg, rgba(20, 29, 59, .995), rgba(7, 13, 30, .995)) !important; box-shadow: 0 34px 100px rgba(0, 0, 0, .64),
      0 0 38px rgba(70, 99, 255, .12),
      inset 0 1px 0 rgba(255, 255, 255, .08) !important; color: #fff !important; }
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__dialog::before {content: "" !important; position: absolute !important; z-index: -1 !important; inset: 0 !important; border-radius: inherit !important; background: linear-gradient(135deg, rgba(255, 255, 255, .055), transparent 35%, rgba(87, 98, 255, .045)) !important; pointer-events: none !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__close {position: absolute !important; z-index: 4 !important; top: 12px !important; right: 12px !important; width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; padding: 0 !important; border: 1px solid rgba(133, 153, 224, .22) !important; border-radius: 11px !important; background: rgba(7, 13, 31, .54) !important; color: rgba(226, 234, 255, .75) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important;   transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__close:hover {border-color: rgba(152, 177, 255, .52) !important; background: rgba(43, 61, 117, .38) !important; color: #fff !important; transform: translateY(-1px) !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__close svg {width: 19px !important; height: 19px !important; max-width: 19px !important; max-height: 19px !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__content {box-sizing: border-box !important; min-height: 0 !important; max-height: min(86dvh, 680px) !important; overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important; display: grid !important; gap: 14px !important; padding: 20px !important; scrollbar-width: thin !important; scrollbar-color: rgba(89, 120, 226, .68) rgba(7, 12, 29, .45) !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__content::-webkit-scrollbar {width: 6px !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__content::-webkit-scrollbar-track {background: rgba(5, 10, 25, .42) !important; border-radius: 999px !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__content::-webkit-scrollbar-thumb {border: 1px solid rgba(5, 10, 25, .42) !important; border-radius: 999px !important; background: linear-gradient(180deg, #5f8cff, #715be2) !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__head {display: grid !important; grid-template-columns: 48px minmax(0, 1fr) !important; align-items: center !important; gap: 12px !important; min-width: 0 !important; padding-right: 34px !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__mark {width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; border: 1px solid rgba(142, 255, 201, .30) !important; border-radius: 14px !important; background: radial-gradient(circle at 35% 20%, rgba(255, 255, 255, .30), transparent 43%),
      linear-gradient(145deg, #24e987, #10b963) !important; color: #fff !important; box-shadow: 0 12px 26px rgba(16, 185, 99, .27),
      inset 0 1px 0 rgba(255, 255, 255, .26) !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__mark svg {width: 25px !important; height: 25px !important; max-width: 25px !important; max-height: 25px !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__title {margin: 0 0 4px !important; color: #fff !important; font: 850 clamp(20px, 5.4vw, 25px)/1.12 "Segoe UI", Inter, Arial, sans-serif !important; letter-spacing: -.025em !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__copy {margin: 0 !important; color: rgba(211, 221, 249, .66) !important; font: 550 13px/1.48 "Segoe UI", Inter, Arial, sans-serif !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__card {box-sizing: border-box !important; display: grid !important; grid-template-columns: 90px minmax(0, 1fr) !important; align-items: stretch !important; gap: 13px !important; min-width: 0 !important; padding: 12px !important; border: 1px solid rgba(112, 139, 225, .18) !important; border-radius: 16px !important; background: linear-gradient(145deg, rgba(35, 46, 86, .58), rgba(13, 20, 45, .76)) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045) !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__card img {box-sizing: border-box !important; width: 90px !important; height: 90px !important; max-width: 90px !important; max-height: 90px !important; min-width: 90px !important; min-height: 90px !important; padding: 0 !important; object-fit: cover !important; object-position: center !important; border: 1px solid rgba(255, 255, 255, .08) !important; border-radius: 12px !important; background: transparent !important; display: block !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__meta {min-width: 0 !important; display: grid !important; grid-template-rows: auto auto 1fr !important; gap: 5px !important; align-content: stretch !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__name {display: -webkit-box !important; overflow: hidden !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; line-clamp: 2 !important; color: #fff !important; font: 820 16px/1.24 "Segoe UI", Inter, Arial, sans-serif !important; letter-spacing: -.016em !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__subtitle {display: -webkit-box !important; overflow: hidden !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 1 !important; line-clamp: 1 !important; color: rgba(168, 186, 230, .68) !important; font: 650 11.5px/1.35 "Segoe UI", Inter, Arial, sans-serif !important; text-transform: uppercase !important; letter-spacing: .035em !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__row {align-self: end !important; display: flex !important; align-items: end !important; justify-content: space-between !important; gap: 10px !important; flex-wrap: nowrap !important; min-width: 0 !important; margin-top: 4px !important; padding-top: 8px !important; border-top: 1px solid rgba(120, 143, 216, .14) !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__quantity {color: rgba(216, 225, 249, .70) !important; font: 720 12px/1.2 "Segoe UI", Inter, Arial, sans-serif !important; white-space: nowrap !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__price {min-width: 0 !important; color: #fff !important; font: 900 clamp(17px, 4.6vw, 21px)/1 "Segoe UI", Inter, Arial, sans-serif !important; letter-spacing: -.025em !important; white-space: nowrap !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__actions {display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 9px !important; min-width: 0 !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__button {box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; min-height: 48px !important; height: 48px !important; padding: 0 11px !important; border-radius: 13px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; color: #fff !important; font: 800 12.5px/1.15 "Segoe UI", Inter, Arial, sans-serif !important; letter-spacing: -.005em !important; white-space: normal !important; text-decoration: none !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__button--secondary {border: 1px solid rgba(126, 145, 210, .24) !important; background: linear-gradient(180deg, rgba(42, 54, 95, .56), rgba(20, 29, 60, .70)) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__button--primary {border: 1px solid rgba(139, 172, 255, .43) !important; background: radial-gradient(150px 48px at 50% 0%, rgba(255, 255, 255, .20), transparent 70%),
      linear-gradient(135deg, #5587ff, #405de2 60%, #654de1) !important; box-shadow: 0 12px 25px rgba(64, 93, 226, .25),
      inset 0 1px 0 rgba(255, 255, 255, .20) !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__button:active {transform: translateY(1px) scale(.992) !important;}
@keyframes storefront-success-enter { 
  from {opacity: 0; transform: translateY(10px) scale(.975);} 
  to {opacity: 1; transform: translateY(0) scale(1);} 
}
@media (max-height: 560px) and (orientation: landscape) {
:where([data-catalog-product]) #product-cart-success-modal {padding: 6px !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__dialog,
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__content {max-height: calc(100dvh - 12px) !important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__content {gap: 10px !important; padding: 13px !important;}
}
@media (prefers-reduced-motion: reduce) {
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__dialog {}
}

/* Same green and inward light as the product/category Add to Cart button. */
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__button--primary {
 position:relative;isolation:isolate;overflow:hidden;
 border:1px solid rgba(105,255,178,.52)!important;
 background:linear-gradient(180deg,#27df86 0%,#17bd67 100%)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.27)!important;
 color:#fff!important;filter:none!important;transform:none!important;
}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__button--primary::before {
 content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;
 background:radial-gradient(ellipse at 50% 100%,rgba(225,255,239,.34) 0%,rgba(171,255,209,.13) 38%,transparent 72%);
 pointer-events:none;
}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__button--primary span {position:relative;z-index:1;color:#fff;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__card img {object-fit:contain!important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__name {overflow-wrap:anywhere;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__row {flex-wrap:wrap!important;}
:where([data-catalog-product]) #product-cart-success-modal .product-cart-success__quantity {white-space:normal!important;overflow-wrap:anywhere;}
:where([data-catalog-product]) #product-cart-success-modal :is(button,a):focus-visible {outline:2px solid #fff;outline-offset:-4px;}
:where([data-catalog-product]) .product-cart-error {grid-column:1/-1;width:100%;margin:8px 0 0;color:#ffb1c2;font:600 13px/1.5 Inter,"Segoe UI",Arial,sans-serif;}
:where([data-catalog-product]) .product-cart-error[hidden] {display:none!important;}
@media(max-width:379px) {
 :where([data-catalog-product]) #product-cart-success-modal .product-cart-success__content {padding:16px!important;}
 :where([data-catalog-product]) #product-cart-success-modal .product-cart-success__head {grid-template-columns:40px minmax(0,1fr)!important;gap:9px!important;}
 :where([data-catalog-product]) #product-cart-success-modal .product-cart-success__mark {width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;}
 :where([data-catalog-product]) #product-cart-success-modal .product-cart-success__card {grid-template-columns:72px minmax(0,1fr)!important;gap:10px!important;}
 :where([data-catalog-product]) #product-cart-success-modal .product-cart-success__card img {width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;}
 :where([data-catalog-product]) #product-cart-success-modal .product-cart-success__actions {grid-template-columns:1fr!important;}
}