/* XShopDigital v2.22.2 — ambient glow, depth and motion layer */
:root{
  --xsd-red:#DD0200;
  --xsd-cherry:#55100D;
  --xsd-coffee:#1A0706;
  --xsd-glow-soft:rgba(221,2,0,.12);
  --xsd-glow-med:rgba(221,2,0,.22);
  --xsd-glow-hot:rgba(255,42,34,.34);
}

.xsd-dark-premium{background:#111317;color:#f5f3f2;overflow-x:hidden}

/* Ambient page atmosphere */
.xsd-dark-premium main,
.xsd-dark-premium .page-content,
.xsd-dark-premium .account-main{position:relative;isolation:isolate}
.xsd-dark-premium main::before,
.xsd-dark-premium .page-content::before{
  content:"";position:fixed;inset:90px 0 auto auto;width:42vw;height:42vw;max-width:680px;max-height:680px;
  background:radial-gradient(circle,rgba(221,2,0,.055),rgba(85,16,13,.025) 42%,transparent 72%);
  filter:blur(16px);pointer-events:none;z-index:-1;transform:translate(25%,-20%);
}

/* Header polish */
.xsd-dark-premium .mock-header{position:sticky;top:0;z-index:80;backdrop-filter:blur(18px) saturate(1.16);-webkit-backdrop-filter:blur(18px) saturate(1.16)}
.xsd-dark-premium .mock-header::after{content:"";position:absolute;left:8%;right:8%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(221,2,0,.58),transparent);opacity:.55;filter:drop-shadow(0 0 7px rgba(221,2,0,.46));pointer-events:none}
.xsd-dark-premium .mock-header nav a{position:relative}
.xsd-dark-premium .mock-header nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:-9px;height:2px;border-radius:20px;background:linear-gradient(90deg,#9d0806,#ff342e);box-shadow:0 0 10px rgba(221,2,0,.55);transition:left .22s ease,right .22s ease,opacity .22s ease;opacity:0}
.xsd-dark-premium .mock-header nav a:hover::after,.xsd-dark-premium .mock-header nav a.active::after{left:15%;right:15%;opacity:1}

/* Hero — retain title styling, enhance atmosphere only */
.xsd-dark-premium .mock-hero{overflow:hidden}
.xsd-dark-premium .mock-hero .mock-hero-grid::after{content:"";position:absolute;right:5%;top:11%;width:40%;height:72%;background:conic-gradient(from 220deg at 50% 50%,transparent,rgba(221,2,0,.055),transparent 25%,rgba(221,2,0,.035),transparent 55%);filter:blur(18px);animation:xsdAurora 11s linear infinite;pointer-events:none;z-index:-1}
.xsd-dark-premium .mock-hero-art{animation:xsdHeroFloat 6.8s ease-in-out infinite}
.xsd-dark-premium .mock-hero-art::after{content:"";position:absolute;left:50%;bottom:2%;width:62%;height:10%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(221,2,0,.38),rgba(85,16,13,.12) 45%,transparent 72%);filter:blur(13px);opacity:.82;z-index:-1}
@keyframes xsdHeroFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}
@keyframes xsdAurora{to{transform:rotate(360deg)}}

/* Section edge glow */
.xsd-dark-premium .mock-section{position:relative}
.xsd-dark-premium .mock-section::before{content:"";position:absolute;left:4%;right:4%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(221,2,0,.16),transparent);pointer-events:none}
.xsd-dark-premium .mock-section-heading h2,.xsd-dark-premium .commerce-page-header h1{letter-spacing:-.025em;text-shadow:0 1px 0 rgba(0,0,0,.3)}

/* Interactive glow cards. Pointer coordinates are provided by effects-v2222.js */
.xsd-dark-premium .mock-product-card,
.xsd-dark-premium .mock-category-tile,
.xsd-dark-premium .mock-service-card,
.xsd-dark-premium .mock-price-card,
.xsd-dark-premium .mock-review-card,
.xsd-dark-premium .subscription-card,
.xsd-dark-premium .commerce-product-hero,
.xsd-dark-premium .checkout-form-card,
.xsd-dark-premium .order-summary,
.xsd-dark-premium .info-panel,
.xsd-dark-premium .tld-card,
.xsd-dark-premium .service-image-card,
.xsd-dark-premium .portfolio-card,
.xsd-dark-premium .quick-contact-card,
.xsd-dark-premium .support-topic,
.xsd-dark-premium .rich-card,
.xsd-dark-premium .detail-card{
  position:relative;isolation:isolate;overflow:hidden;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease,background-color .28s ease;
}
.xsd-dark-premium .mock-product-card::after,
.xsd-dark-premium .mock-category-tile::after,
.xsd-dark-premium .mock-service-card::after,
.xsd-dark-premium .mock-price-card::after,
.xsd-dark-premium .mock-review-card::after,
.xsd-dark-premium .subscription-card::after,
.xsd-dark-premium .commerce-product-hero::after,
.xsd-dark-premium .checkout-form-card::after,
.xsd-dark-premium .order-summary::after,
.xsd-dark-premium .info-panel::after,
.xsd-dark-premium .tld-card::after,
.xsd-dark-premium .service-image-card::after,
.xsd-dark-premium .portfolio-card::after,
.xsd-dark-premium .quick-contact-card::after,
.xsd-dark-premium .support-topic::after,
.xsd-dark-premium .rich-card::after,
.xsd-dark-premium .detail-card::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:0;transition:opacity .25s ease;
  background:radial-gradient(260px circle at var(--xsd-pointer-x,50%) var(--xsd-pointer-y,50%),rgba(221,2,0,.13),rgba(85,16,13,.045) 42%,transparent 72%);
}
.xsd-dark-premium .mock-product-card:hover,
.xsd-dark-premium .mock-category-tile:hover,
.xsd-dark-premium .mock-service-card:hover,
.xsd-dark-premium .mock-price-card:hover,
.xsd-dark-premium .mock-review-card:hover,
.xsd-dark-premium .subscription-card:hover,
.xsd-dark-premium .tld-card:hover,
.xsd-dark-premium .service-image-card:hover,
.xsd-dark-premium .portfolio-card:hover,
.xsd-dark-premium .quick-contact-card:hover,
.xsd-dark-premium .support-topic:hover{
  transform:translateY(-5px);border-color:rgba(221,2,0,.42)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.30),0 0 0 1px rgba(221,2,0,.06),0 0 28px rgba(221,2,0,.08)!important;
}
.xsd-dark-premium .mock-product-card:hover::after,
.xsd-dark-premium .mock-category-tile:hover::after,
.xsd-dark-premium .mock-service-card:hover::after,
.xsd-dark-premium .mock-price-card:hover::after,
.xsd-dark-premium .mock-review-card:hover::after,
.xsd-dark-premium .subscription-card:hover::after,
.xsd-dark-premium .commerce-product-hero:hover::after,
.xsd-dark-premium .checkout-form-card:hover::after,
.xsd-dark-premium .order-summary:hover::after,
.xsd-dark-premium .info-panel:hover::after,
.xsd-dark-premium .tld-card:hover::after,
.xsd-dark-premium .service-image-card:hover::after,
.xsd-dark-premium .portfolio-card:hover::after,
.xsd-dark-premium .quick-contact-card:hover::after,
.xsd-dark-premium .support-topic:hover::after,
.xsd-dark-premium .rich-card:hover::after,
.xsd-dark-premium .detail-card:hover::after{opacity:1}

/* Product-media illumination */
.xsd-dark-premium .mock-product-media,.xsd-dark-premium .product-detail-media{position:relative;overflow:hidden}
.xsd-dark-premium .mock-product-media::after,.xsd-dark-premium .product-detail-media::after{content:"";position:absolute;inset:auto 10% -26% 10%;height:55%;border-radius:50%;background:radial-gradient(ellipse,rgba(221,2,0,.16),transparent 68%);filter:blur(18px);pointer-events:none;transition:opacity .28s ease,transform .28s ease;opacity:.55}
.xsd-dark-premium .mock-product-card:hover .mock-product-media::after{opacity:1;transform:scale(1.08)}
.xsd-dark-premium .mock-product-card img,.xsd-dark-premium .product-detail-media img{transition:transform .36s cubic-bezier(.2,.8,.2,1),filter .36s ease}
.xsd-dark-premium .mock-product-card:hover img{transform:scale(1.035);filter:saturate(1.08) contrast(1.035) drop-shadow(0 0 10px rgba(221,2,0,.08))}

/* Premium button shine */
.xsd-dark-premium .btn,
.xsd-dark-premium button[type="submit"],
.xsd-dark-premium .mock-hero-actions a,
.xsd-dark-premium .product-card-actions a,
.xsd-dark-premium .product-card-actions button,
.xsd-dark-premium .commerce-primary-action{
  position:relative;overflow:hidden;isolation:isolate;transition:transform .18s ease,box-shadow .24s ease,border-color .24s ease;
}
.xsd-dark-premium .btn::after,
.xsd-dark-premium button[type="submit"]::after,
.xsd-dark-premium .mock-hero-actions a::after,
.xsd-dark-premium .product-card-actions a::after,
.xsd-dark-premium .product-card-actions button::after,
.xsd-dark-premium .commerce-primary-action::after{
  content:"";position:absolute;top:-60%;bottom:-60%;width:32%;left:-48%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transition:left .52s ease;pointer-events:none;z-index:2;
}
.xsd-dark-premium .btn:hover::after,
.xsd-dark-premium button[type="submit"]:hover::after,
.xsd-dark-premium .mock-hero-actions a:hover::after,
.xsd-dark-premium .product-card-actions a:hover::after,
.xsd-dark-premium .product-card-actions button:hover::after,
.xsd-dark-premium .commerce-primary-action:hover::after{left:118%}
.xsd-dark-premium .btn:hover,.xsd-dark-premium button[type="submit"]:hover,.xsd-dark-premium .commerce-primary-action:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.28),0 0 20px rgba(221,2,0,.16)}

/* Luminous icon micro-interactions */
.xsd-dark-premium .category-icon,.xsd-dark-premium .service-icon,.xsd-dark-premium .round-icon,.xsd-dark-premium .feature-icon{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.xsd-dark-premium .mock-category-tile:hover .category-icon,.xsd-dark-premium .mock-service-card:hover .service-icon,.xsd-dark-premium .mock-feature-item:hover .feature-icon{transform:translateY(-2px) scale(1.035);border-color:rgba(255,53,45,.62)!important;box-shadow:0 0 0 1px rgba(221,2,0,.08),0 0 26px rgba(221,2,0,.16),inset 0 0 22px rgba(221,2,0,.08)!important}

/* FAQ / tabs / filters */
.xsd-dark-premium .mock-faq,.xsd-dark-premium .mock-tab-row button,.xsd-dark-premium .product-tab-btn{transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease}
.xsd-dark-premium .mock-faq:hover,.xsd-dark-premium .mock-tab-row button:hover,.xsd-dark-premium .product-tab-btn:hover{border-color:rgba(221,2,0,.30)!important;box-shadow:inset 0 0 22px rgba(221,2,0,.035)}

/* Search focus glow */
.xsd-dark-premium input:focus,.xsd-dark-premium select:focus,.xsd-dark-premium textarea:focus{outline:none!important;border-color:rgba(221,2,0,.65)!important;box-shadow:0 0 0 3px rgba(221,2,0,.10),0 0 18px rgba(221,2,0,.06)!important}
.xsd-dark-premium .mock-header-search:focus-within{box-shadow:0 0 0 1px rgba(221,2,0,.28),0 8px 26px rgba(0,0,0,.22),0 0 22px rgba(221,2,0,.08)}

/* Footer ambient line */
.xsd-dark-premium .mock-footer{position:relative;overflow:hidden}
.xsd-dark-premium .mock-footer::before{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(221,2,0,.62),transparent);box-shadow:0 0 16px rgba(221,2,0,.20);opacity:.65}
.xsd-dark-premium .mock-footer::after{content:"";position:absolute;width:520px;height:180px;left:50%;top:-135px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(221,2,0,.09),transparent 70%);filter:blur(12px);pointer-events:none}

/* Reveal animation uses JS-added classes; no hiding without JS. */
.js .xsd-dark-premium .xsd-reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .62s cubic-bezier(.2,.8,.2,1),transform .62s cubic-bezier(.2,.8,.2,1)}
.js .xsd-dark-premium .xsd-reveal-ready.xsd-in-view{opacity:1;transform:none}

@media(max-width:760px){
  .xsd-dark-premium .mock-product-card:hover,.xsd-dark-premium .mock-category-tile:hover,.xsd-dark-premium .mock-service-card:hover,.xsd-dark-premium .subscription-card:hover{transform:none}
  .xsd-dark-premium .mock-hero-art{animation-duration:7.5s}
}
@media(prefers-reduced-motion:reduce){
  .xsd-dark-premium *, .xsd-dark-premium *::before,.xsd-dark-premium *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
  .js .xsd-dark-premium .xsd-reveal-ready{opacity:1!important;transform:none!important}
}


/* v2.26.1 product image cleanup overrides */
.xsd-dark-premium .mock-product-media::after,.xsd-dark-premium .product-detail-media::after{content:none!important;display:none!important;}
.xsd-dark-premium .mock-product-card:hover img{transform:none;filter:none!important;}
.xsd-dark-premium .mock-product-card img,.xsd-dark-premium .product-detail-media img{transition:none!important;}