/*
Theme Name: Innotech SC Ultra Commerce
Theme URI: https://innotechsc.com/
Author: MD Mahadi Hasan
Author URI: https://innotechsc.com/
Description: A premium, modern and responsive WooCommerce theme designed by MakZoO LL.
Designed By: MD Mahadi Hasan
Company: MakZoO LLC.
Version: 5.4.1
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: innotech-SC
*/

/* The main CSS is intentionally self-contained in style.css so the theme remains styled
   even if an asset URL is cached or unavailable. */
:root{
 --isc-orange:#ff5a00;--isc-orange-2:#ff6a12;--isc-black:#111;
 --isc-text:#171717;--isc-muted:#707070;--isc-border:#e8e8e8;
 --isc-soft:#f6f6f6;--isc-radius:20px;--isc-shadow:0 12px 34px rgba(0,0,0,.08);
}
*,:before,:after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--isc-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55}
img{max-width:100%;height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit}
.isc-wrap{width:min(1240px,calc(100% - 40px));margin-inline:auto}
.isc-header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.97);border-bottom:1px solid #eee}
.isc-header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.isc-logo{display:flex;align-items:center;text-decoration:none}
.isc-logo img{width:155px;max-height:54px;object-fit:contain;display:block}
.isc-nav{display:flex;gap:24px;align-items:center}
.isc-nav a{text-decoration:none;font-size:14px;font-weight:700}
.isc-nav a:hover{color:var(--isc-orange)}
.isc-cart{display:flex;align-items:center;gap:6px;border:1px solid #ddd;border-radius:12px;padding:9px 12px;text-decoration:none;font-size:13px;font-weight:800}
.isc-cart-badge{background:var(--isc-orange);color:#fff;border-radius:999px;padding:1px 6px;font-size:10px}
.isc-mobile-btn{display:none;border:0;background:#111;color:#fff;border-radius:10px;padding:9px 12px;font-weight:800}
.isc-mobile-nav{display:none;padding:12px 0 18px;border-top:1px solid #eee}
.isc-mobile-nav a{display:block;padding:7px 0;text-decoration:none;font-weight:700}
.isc-main{min-height:60vh}
.isc-breadcrumb{padding:24px 0 8px;font-size:13px;color:#777}
.isc-breadcrumb a{text-decoration:none}
.isc-title{font-size:clamp(34px,4vw,54px);line-height:1.02;letter-spacing:-2px;margin:14px 0 28px}
.isc-section{padding:66px 0}
.isc-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.isc-section-title{font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-1.3px;margin:0}
.isc-view-all{color:var(--isc-orange);font-weight:900;text-decoration:none}

/* Homepage */
.isc-hero{padding:30px 0 20px}
.isc-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:20px}
.isc-hero-copy,.isc-hero-art{min-height:430px;border-radius:28px;overflow:hidden}
.isc-hero-copy{background:#111;color:#fff;padding:52px;display:flex;flex-direction:column;justify-content:center;position:relative}
.isc-eyebrow{align-self:flex-start;color:#ff6a18;border:1px solid rgba(255,90,0,.45);background:rgba(255,90,0,.09);border-radius:999px;padding:7px 12px;font-size:11px;font-weight:900;letter-spacing:.4px}
.isc-hero h1{font-size:clamp(48px,6vw,78px);line-height:.94;letter-spacing:-4px;margin:22px 0}
.isc-hero h1 .orange{color:var(--isc-orange)}
.isc-hero p{max-width:580px;color:#ddd;font-size:16px;margin:0 0 28px}
.isc-actions{display:flex;gap:10px;flex-wrap:wrap}
.isc-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:13px;padding:13px 19px;text-decoration:none;font-weight:900}
.isc-btn-primary{background:var(--isc-orange);color:#fff}.isc-btn-primary:hover{background:var(--isc-orange-2);color:#fff}
.isc-btn-white{background:#fff;color:#111}.isc-btn-white:hover{color:#111}
.isc-hero-copy:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;bottom:-110px;background:var(--isc-orange)}
.isc-hero-art{background:radial-gradient(circle at 50% 48%,#fff 0,#f1f1f1 58%,#e5e5e5 100%);display:flex;align-items:center;justify-content:center;position:relative}
.isc-orbit{position:absolute;width:320px;height:320px;border-radius:50%;border:1px solid rgba(255,90,0,.22)}
.isc-orbit:before{content:"";position:absolute;inset:38px;border-radius:50%;border:1px solid rgba(17,17,17,.08)}
.isc-sc-icon{width:174px;height:174px;border-radius:48px;background:#111;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 25px 60px rgba(0,0,0,.2);animation:iscFloat 3.6s ease-in-out infinite}
.isc-sc-icon:after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,90,0,.55);border-radius:39px}
.isc-sc-icon span{font-size:66px;line-height:1;font-weight:950;letter-spacing:-6px;color:#fff}
.isc-sc-icon span b{color:var(--isc-orange)}
@keyframes iscFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-15px) rotate(1deg)}}
.isc-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.isc-cat{min-height:190px;border-radius:22px;padding:27px;background:#f5f5f5;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.isc-cat:nth-child(2){background:#111;color:#fff}.isc-cat:nth-child(3){background:#fff2e9}
.isc-cat:after{content:"→";position:absolute;right:20px;top:18px;color:var(--isc-orange);font-size:23px;font-weight:900}
.isc-cat h3{margin:0 0 4px;font-size:24px}.isc-cat p{margin:0;color:#777}.isc-cat:nth-child(2) p{color:#aaa}

/* WooCommerce: use normal Woo loop markup, style it here. */
ul.products{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:18px!important;margin:0!important;padding:0!important;list-style:none!important;
}
ul.products:before,ul.products:after{display:none!important}
ul.products li.product{
 width:auto!important;float:none!important;clear:none!important;margin:0!important;padding:0!important;
 list-style:none!important;
}
ul.products li.product .isc-card{
 height:100%;border:1px solid var(--isc-border);border-radius:20px;overflow:hidden;background:#fff;
 transition:transform .2s ease,box-shadow .2s ease;
}
ul.products li.product:hover .isc-card{transform:translateY(-4px);box-shadow:var(--isc-shadow)}
.isc-media{height:270px;background:#f7f7f7;display:flex;align-items:center;justify-content:center;padding:16px;position:relative}
.isc-media img,ul.products li.product img{
 width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;
 object-position:center!important;margin:0!important;padding:0!important;display:block!important;
}
.isc-sale{position:absolute;top:13px;left:13px;background:var(--isc-orange);color:#fff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:950;z-index:3}
.isc-info{padding:16px 17px 19px}
.isc-name{font-size:15px;line-height:1.32;font-weight:850;margin:0 0 8px}
.isc-name a{text-decoration:none}
.isc-price{font-size:18px;font-weight:950}.isc-price del{font-size:12px;color:#999;margin-right:5px}.isc-price ins{text-decoration:none}
ul.products li.product .button{display:none}
.woocommerce span.onsale{display:none!important}
.woocommerce .star-rating{color:var(--isc-orange)}
.woocommerce .woocommerce-result-count{margin:0;color:#777}
.woocommerce .woocommerce-ordering{margin:0}
.woocommerce .woocommerce-ordering select{padding:9px 32px 9px 11px;border:1px solid #ddd;border-radius:10px;background:#fff}
.isc-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:15px}

/* Single product and standard Woo pages */
.woocommerce div.product{padding-top:10px}
.woocommerce div.product div.images img{object-fit:contain!important}
.woocommerce div.product .product_title{font-size:clamp(32px,4vw,52px);line-height:1.04;letter-spacing:-1.8px}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:#111;font-weight:950}
.woocommerce div.product form.cart .button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{
 background:#111;color:#fff;border-radius:12px;font-weight:850;padding:12px 18px
}
.woocommerce div.product form.cart .button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{
 background:var(--isc-orange);color:#fff
}
.woocommerce table.shop_table{border-radius:12px;overflow:hidden}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{
 border:1px solid #ddd;border-radius:10px;padding:11px
}

/* Footer */
.isc-footer{background:#111;color:#fff;margin-top:65px}
.isc-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding:55px 0 38px}
.isc-footer img{width:155px;filter:brightness(0) invert(1);margin-bottom:10px}
.isc-footer h3{margin:0 0 10px}.isc-footer p{color:#aaa;margin:6px 0}.isc-footer a{text-decoration:none;color:#bbb}.isc-footer a:hover{color:#fff}
.isc-footer-bottom{border-top:1px solid #292929;padding:19px 0;color:#8f8f8f;font-size:13px;display:flex;justify-content:space-between;gap:20px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:991px){
 .isc-nav{display:none}.isc-mobile-btn{display:block}
 .isc-hero-grid{grid-template-columns:1fr}
 ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .isc-footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
 .isc-wrap{width:calc(100% - 24px)}
 .isc-header-inner{height:66px}.isc-logo img{width:135px}
 .isc-mobile-nav.is-open{display:block}
 .isc-hero-copy{padding:35px 28px}.isc-hero h1{font-size:50px;letter-spacing:-2.5px}
 .isc-hero-copy,.isc-hero-art{min-height:380px}
 .isc-cats{grid-template-columns:1fr}
 ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .isc-media{height:185px;padding:11px}.isc-info{padding:12px}.isc-name{font-size:14px}
 .isc-toolbar{align-items:flex-start;flex-direction:column}
 .isc-footer-grid{grid-template-columns:1fr}.isc-footer-bottom{flex-direction:column}
}


/* V5: homepage product loop is not inside body.woocommerce, so these rules must be global. */
ul.products{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  float:none !important;
}
ul.products::before,ul.products::after{display:none !important;content:none !important}
ul.products li.product{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  float:none !important;
  clear:none !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
ul.products li.product::before,ul.products li.product::after{display:none !important}
ul.products li.product .isc-card{width:100% !important;min-width:0 !important}
ul.products li.product .isc-media{width:100% !important;height:270px !important}
ul.products li.product .isc-media img{
  width:100% !important;height:100% !important;max-width:100% !important;
  object-fit:contain !important;object-position:center !important;
}
@media(max-width:991px){
  ul.products{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media(max-width:680px){
  ul.products{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
  ul.products li.product .isc-media{height:185px !important}
}