/* VORTIXLA OpenCart Store Skin - Direct Default Theme Override
   Upload this file to: /catalog/view/stylesheet/stylesheet.css
   This intentionally skins the active/default OpenCart storefront instead of installing a new theme.
*/
:root{
  --vx-bg:#050505;
  --vx-bg2:#0b0b0d;
  --vx-panel:#121214;
  --vx-panel2:#18181b;
  --vx-line:rgba(255,255,255,.12);
  --vx-orange:#ff5a00;
  --vx-orange2:#ff7a18;
  --vx-text:#f5f5f5;
  --vx-muted:rgba(255,255,255,.68);
}
html{scroll-behavior:smooth;}
body{
  background:
    radial-gradient(circle at 80% 0%, rgba(255,90,0,.18), transparent 32%),
    radial-gradient(circle at 12% 88%, rgba(255,90,0,.08), transparent 34%),
    linear-gradient(135deg,#050505,#0b0b0d 45%,#020202) !important;
  color:var(--vx-text) !important;
  font-family:Inter,Arial,Helvetica,sans-serif !important;
}
a{color:var(--vx-orange);}
a:hover{color:var(--vx-orange2);text-decoration:none;}
.container{max-width:1320px;}
/* Header / top bar */
#top,.navbar,.navbar-default,.navbar-expand-lg,.header-top,header{
  background:rgba(5,5,5,.92) !important;
  border-color:var(--vx-line) !important;
  color:var(--vx-text) !important;
}
#top a,#top .btn-link,.navbar a,header a{color:rgba(255,255,255,.82) !important;}
#top a:hover,.navbar a:hover,header a:hover{color:var(--vx-orange) !important;}
#logo img{max-height:64px;width:auto;filter:drop-shadow(0 0 18px rgba(255,90,0,.22));}
#search input,.search input,input.form-control,select.form-control,textarea.form-control{
  background:#0f0f12 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:#fff !important;
  border-radius:12px !important;
  box-shadow:none !important;
}
#search input::placeholder,input::placeholder,textarea::placeholder{color:rgba(255,255,255,.42) !important;}
#search .btn,.btn-default,.btn-light{
  background:#161619 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:12px !important;
}
#search .btn:hover,.btn-default:hover,.btn-light:hover{
  border-color:rgba(255,90,0,.65) !important;
  color:var(--vx-orange) !important;
}
#cart > .btn,#cart button{
  background:linear-gradient(135deg,var(--vx-orange),#d83a00) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:14px !important;
  font-weight:800 !important;
  box-shadow:0 0 28px rgba(255,90,0,.22) !important;
}
/* Navigation */
#menu,.navbar-collapse,.menu,.main-menu{
  background:rgba(10,10,12,.88) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:18px !important;
  box-shadow:0 18px 60px rgba(0,0,0,.35) !important;
}
#menu .nav > li > a,#menu a,.navbar-nav .nav-link,.nav > li > a{
  color:rgba(255,255,255,.82) !important;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}
#menu .nav > li > a:hover,#menu a:hover,.navbar-nav .nav-link:hover{
  color:var(--vx-orange) !important;
  background:rgba(255,90,0,.08) !important;
}
.dropdown-menu{
  background:#111114 !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:16px !important;
  box-shadow:0 24px 80px rgba(0,0,0,.55) !important;
}
.dropdown-menu a,.dropdown-item{color:rgba(255,255,255,.78) !important;}
.dropdown-menu a:hover,.dropdown-item:hover{background:rgba(255,90,0,.10) !important;color:var(--vx-orange) !important;}
/* Main layout */
main,#content{color:var(--vx-text) !important;}
h1,h2,h3,h4,h5,h6{
  color:#fff !important;
  font-weight:900 !important;
  letter-spacing:-.035em;
}
h1{font-size:clamp(2.3rem,5vw,4.8rem) !important;text-transform:uppercase;}
.breadcrumb{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:16px !important;
  padding:14px 18px !important;
}
.breadcrumb a{color:rgba(255,255,255,.62) !important;}
.breadcrumb > li + li:before{color:rgba(255,255,255,.26) !important;}
/* Panels / boxes */
.card,.panel,.well,.list-group-item,.box,.module,.product-layout,.product-thumb{
  background:rgba(18,18,20,.88) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:20px !important;
  color:#fff !important;
  box-shadow:0 18px 50px rgba(0,0,0,.30) !important;
}
.list-group a,.list-group-item a{color:rgba(255,255,255,.76) !important;}
.list-group a:hover,.list-group-item:hover{background:rgba(255,90,0,.08) !important;color:var(--vx-orange) !important;}
/* Product cards */
.product-thumb{
  overflow:hidden !important;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease !important;
  padding:0 !important;
}
.product-thumb:hover{
  transform:translateY(-5px);
  border-color:rgba(255,90,0,.60) !important;
  box-shadow:0 24px 80px rgba(255,90,0,.10),0 20px 60px rgba(0,0,0,.45) !important;
}
.product-thumb .image,.product-thumb .image a{
  background:linear-gradient(145deg,#1b1b1f,#070708) !important;
  border-radius:20px 20px 0 0 !important;
}
.product-thumb .image img{padding:16px;filter:drop-shadow(0 16px 28px rgba(0,0,0,.42));}
.product-thumb .caption{padding:22px !important;color:var(--vx-muted) !important;}
.product-thumb .caption h4,.product-thumb h4{font-size:18px !important;text-transform:uppercase;line-height:1.2;}
.product-thumb .caption h4 a{color:#fff !important;}
.product-thumb .caption h4 a:hover{color:var(--vx-orange) !important;}
.product-thumb .price,.price,.product-price{
  color:var(--vx-orange) !important;
  font-size:22px !important;
  font-weight:900 !important;
}
.price-old{color:rgba(255,255,255,.34) !important;}
.price-tax{color:rgba(255,255,255,.45) !important;}
.product-thumb .button-group,.button-group{
  background:#0d0d0f !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
}
.product-thumb .button-group button,.button-group button{
  background:transparent !important;
  color:rgba(255,255,255,.70) !important;
  border-color:rgba(255,255,255,.10) !important;
  font-weight:800 !important;
}
.product-thumb .button-group button:hover,.button-group button:hover{
  background:rgba(255,90,0,.12) !important;
  color:var(--vx-orange) !important;
}
/* Buttons */
.btn-primary,.btn-danger,.btn-warning,.btn-success,input[type="submit"]{
  background:linear-gradient(135deg,var(--vx-orange),#d83a00) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:14px !important;
  font-weight:900 !important;
  text-transform:uppercase;
  letter-spacing:.06em;
  box-shadow:0 0 30px rgba(255,90,0,.20) !important;
}
.btn-primary:hover,.btn-danger:hover,.btn-warning:hover,.btn-success:hover,input[type="submit"]:hover{
  filter:brightness(1.12);
  transform:translateY(-1px);
}
.btn-outline-primary{
  border-color:rgba(255,90,0,.72) !important;
  color:var(--vx-orange) !important;
}
.btn-outline-primary:hover{background:var(--vx-orange) !important;color:#fff !important;}
/* Tables / checkout */
table,.table{color:#fff !important;background:rgba(255,255,255,.03) !important;border-color:rgba(255,255,255,.10) !important;}
.table thead th{background:#111114 !important;border-color:rgba(255,255,255,.10) !important;color:#fff !important;}
.table td,.table th{border-color:rgba(255,255,255,.10) !important;}
.alert{border-radius:16px !important;border:1px solid rgba(255,255,255,.12) !important;}
.alert-info{background:rgba(255,90,0,.10) !important;color:#fff !important;border-color:rgba(255,90,0,.28) !important;}
/* Product page */
.thumbnails,.image-additional{background:transparent !important;}
.thumbnail{
  background:rgba(18,18,20,.9) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:18px !important;
}
.nav-tabs{border-color:rgba(255,255,255,.10) !important;}
.nav-tabs .nav-link,.nav-tabs li a{color:rgba(255,255,255,.64) !important;background:transparent !important;border-color:transparent !important;}
.nav-tabs .nav-link.active,.nav-tabs li.active a{color:var(--vx-orange) !important;background:rgba(255,90,0,.08) !important;border-color:rgba(255,90,0,.28) !important;}
.tab-content{background:rgba(255,255,255,.035) !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:0 0 18px 18px !important;padding:22px !important;}
/* Footer */
footer{
  background:#050505 !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  color:rgba(255,255,255,.56) !important;
  margin-top:80px !important;
  padding-top:48px !important;
}
footer h5{color:#fff !important;text-transform:uppercase;letter-spacing:.08em;}
footer a{color:rgba(255,255,255,.62) !important;}
footer a:hover{color:var(--vx-orange) !important;}
/* Small VORTIXLA brand badge */
body:before{
  content:"VORTIXLA SHOP";
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
  background:rgba(5,5,5,.82);
  border:1px solid rgba(255,90,0,.50);
  color:#ff5a00;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  padding:10px 12px;
  border-radius:999px;
  backdrop-filter:blur(10px);
  box-shadow:0 0 24px rgba(255,90,0,.16);
  pointer-events:none;
}
@media(max-width:767px){
  body:before{display:none;}
  #menu,.navbar-collapse{border-radius:14px !important;}
  h1{font-size:2.4rem !important;}
  .product-thumb .caption{padding:18px !important;}
}