/* SSK Store V3 — layout stability */
html{box-sizing:border-box;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit}
body{margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.ssk-mobile-drawer{display:none}
.ssk-main{display:block;min-height:1px}
.ssk-mobile-drawer a{line-height:1.35}
:root{--pink:#f21a86;--pink2:#ff4cab;--green:#63d86a;--dark:#08080c;--dark2:#111118;--panel:#14141c;--text:#f8f8fb;--muted:#a5a6b1;--line:rgba(255,255,255,.10);--bg:#08080c;--card:#121219;--radius:18px;--shadow:0 18px 50px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.45}img{max-width:100%;height:auto}a{color:inherit}.ssk-container{width:min(1240px,calc(100% - 40px));margin:auto}
/* V3 slider */
.ssk-slider{position:relative;min-height:500px;background:#07070b;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.09)}
.ssk-slider-track{position:relative;min-height:500px}
.ssk-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease;display:flex;align-items:stretch}
.ssk-slide.is-active{opacity:1;visibility:visible;position:relative}
.ssk-slide-bg{position:absolute;inset:0;background-color:#0a070d;background-size:cover;background-position:center;filter:saturate(1.05)}
.ssk-slide-inner{position:relative;z-index:2;min-height:500px;display:flex;align-items:center}
.ssk-slide-copy{width:min(680px,100%);padding:60px 0}
.ssk-slide-copy h1{font-size:clamp(42px,5.2vw,74px);line-height:1;letter-spacing:-3px;margin:16px 0 18px;max-width:760px}
.ssk-slide-copy p{color:#d0d0d8;font-size:17px;line-height:1.65;max-width:650px;margin:0}
.ssk-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(8,8,12,.65);color:#fff;font-size:32px;line-height:1;cursor:pointer;backdrop-filter:blur(10px)}
.ssk-slider-prev{left:22px}.ssk-slider-next{right:22px}
.ssk-slider-dots{position:absolute;z-index:5;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:8px}
.ssk-slider-dots button{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:#666;cursor:pointer}
.ssk-slider-dots button.is-active{width:28px;border-radius:99px;background:var(--pink);box-shadow:0 0 15px rgba(242,26,134,.55)}
.ssk-new-top{padding-top:52px;padding-bottom:52px}
.ssk-new-top .ssk-section-head{align-items:center}
.ssk-new-top .ssk-section-head p{margin:8px 0 0;color:#aeb0ba;font-size:13px}
.ssk-empty-products{grid-column:1/-1;padding:40px;border:1px dashed rgba(255,255,255,.14);border-radius:14px;text-align:center;color:#aaa}
.ssk-slider-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ssk-slide-admin-card{margin-top:0}
.ssk-slider-admin-preview{height:150px;border:1px dashed #cfd1d8;border-radius:10px;background:#f7f7f8;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:10px 0}
.ssk-slider-admin-preview img{width:100%;height:100%;object-fit:cover}
.ssk-slider-admin-preview span{color:#777}
.ssk-topbar{background:#050509;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:800}.ssk-topbar-inner{display:flex;justify-content:space-between;gap:20px;padding:9px 0}.ssk-topbar span:nth-child(3){color:#72df70}
.ssk-header{background:rgba(8,8,12,.90);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09);position:sticky;top:0;z-index:100}.ssk-header-main{min-height:92px;display:grid;grid-template-columns:250px 1fr auto;align-items:center;gap:22px}.ssk-brand{min-width:0}.ssk-brand a{text-decoration:none}.ssk-brand img,.ssk-admin-logo{display:block;width:var(--ssk-logo-width,220px);height:var(--ssk-logo-height,70px);max-width:100%;object-fit:contain;object-position:left center}.ssk-brand-text{display:flex;flex-direction:column}.ssk-brand-text strong{font-size:25px;color:#fff;letter-spacing:-1px}.ssk-brand-text small{font-size:9px;letter-spacing:1.3px;color:#9b9ca6}.ssk-search{height:52px;border:1px solid rgba(255,255,255,.12);border-radius:14px;display:flex;align-items:center;overflow:hidden;background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.ssk-search span{font-size:25px;color:#9b9ca6;padding:0 13px}.ssk-search input[type=search]{border:0;outline:0;flex:1;min-width:0;background:transparent;color:#fff;font-size:15px}.ssk-search input::placeholder{color:#858792}.ssk-search button{height:100%;border:0;background:linear-gradient(135deg,var(--pink),var(--pink2));color:#fff;font-weight:900;padding:0 25px}.ssk-head-actions{display:flex;gap:9px}.ssk-head-wa,.ssk-head-cart,.ssk-primary-btn,.ssk-outline-btn,.ssk-cart-wa,.ssk-single-wa{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;padding:0 18px;text-decoration:none;font-weight:900;white-space:nowrap}.ssk-head-wa{background:#65d96b;color:#fff}.ssk-head-cart{background:linear-gradient(135deg,var(--pink),#b90c67);color:#fff;box-shadow:0 8px 25px rgba(242,26,134,.22)}.ssk-cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:99px;background:#fff;color:var(--pink);font-size:12px;margin-left:7px}.ssk-nav-row{border-top:1px solid rgba(255,255,255,.06)}.ssk-nav{display:flex;align-items:center;justify-content:center;gap:34px;min-height:54px}.ssk-nav a{text-decoration:none;color:#ddd;font-size:13px;font-weight:900;position:relative}.ssk-nav a:hover,.ssk-nav a.active{color:#fff}.ssk-nav a.active:after,.ssk-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-18px;height:2px;background:var(--pink);box-shadow:0 0 12px var(--pink)}.ssk-menu-toggle{display:none}
.ssk-hero{position:relative;overflow:hidden;min-height:570px;background:#07070b;border-bottom:1px solid rgba(255,255,255,.08)}.ssk-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 72% 48%,rgba(242,26,134,.34),transparent 32%),radial-gradient(circle at 18% 20%,rgba(255,40,158,.12),transparent 30%);pointer-events:none}.ssk-hero-grid{position:relative;min-height:570px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px}.ssk-hero-copy{padding:55px 0}.ssk-eyebrow{display:inline-block;color:#ff3b9f;font-size:11px;font-weight:1000;letter-spacing:3px;text-transform:uppercase}.ssk-hero-badge{display:inline-flex;margin-top:20px;padding:9px 13px;border:1px solid rgba(255,255,255,.13);border-radius:99px;background:rgba(255,255,255,.06);color:#ff55ac;font-size:10px;font-weight:1000;letter-spacing:1.2px}.ssk-hero h1{font-size:clamp(48px,6vw,82px);line-height:.94;letter-spacing:-4px;margin:18px 0 22px;max-width:760px}.ssk-hero h1 em{font-style:normal;color:var(--pink);text-shadow:0 0 35px rgba(242,26,134,.35)}.ssk-hero p{color:#c4c4cd;font-size:17px;max-width:650px}.ssk-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.ssk-primary-btn{background:linear-gradient(135deg,var(--pink),var(--pink2));color:#fff;box-shadow:0 12px 30px rgba(242,26,134,.25)}.ssk-outline-btn{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.04);color:#fff}.ssk-outline-btn:hover{border-color:#72df70}.ssk-hero-orb{position:relative;height:450px;display:flex;align-items:center;justify-content:center}.ssk-orb-ring{width:350px;height:350px;border-radius:50%;border:1px solid rgba(255,38,155,.55);box-shadow:0 0 80px rgba(242,26,134,.22),inset 0 0 80px rgba(242,26,134,.10);background:radial-gradient(circle,rgba(255,28,151,.20),rgba(8,8,12,.1) 55%,transparent 70%)}.ssk-orb-core{position:absolute;width:210px;height:210px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 25%,#29202a,#08080c 70%);border:1px solid rgba(255,255,255,.16);box-shadow:0 25px 80px rgba(0,0,0,.55),0 0 45px rgba(242,26,134,.25)}.ssk-orb-core span{font-size:54px;font-weight:1000;color:#fff;letter-spacing:-4px}.ssk-orb-core b{color:var(--pink);letter-spacing:6px;font-size:13px}.ssk-hero-orb i{position:absolute;width:9px;height:9px;background:var(--pink);border-radius:50%;box-shadow:0 0 18px var(--pink)}.ssk-hero-orb i:nth-of-type(1){top:50px;right:110px}.ssk-hero-orb i:nth-of-type(2){bottom:55px;left:85px}.ssk-hero-orb i:nth-of-type(3){top:140px;left:35px;background:#72df70;box-shadow:0 0 18px #72df70}
.ssk-trust{background:rgba(14,14,20,.92);border-bottom:1px solid rgba(255,255,255,.08)}.ssk-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.ssk-trust-grid>div{min-height:105px;padding:22px 24px;display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-content:center;border-right:1px solid rgba(255,255,255,.08)}.ssk-trust-grid>div:last-child{border-right:0}.ssk-trust-grid strong{grid-row:span 2;color:var(--pink);font-size:25px}.ssk-trust-grid b{font-size:14px}.ssk-trust-grid span{font-size:11px;color:#8f909b}
.ssk-section{padding:70px 0}.ssk-dark-section{background:rgba(7,7,11,.82)}.ssk-products-section{background:rgba(11,11,16,.76)}.ssk-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.ssk-section-head h2{font-size:34px;letter-spacing:-1.5px;margin:5px 0 0}.ssk-section-head p{color:var(--muted)}.ssk-small-btn{border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:10px 14px;text-decoration:none;font-size:12px;font-weight:900;background:rgba(255,255,255,.04)}.ssk-small-btn:hover{border-color:var(--pink);color:#ff55ac}
.ssk-category-grid{display:grid;gap:16px}.neon-cols-2{grid-template-columns:repeat(2,1fr)}.neon-cols-3{grid-template-columns:repeat(3,1fr)}.neon-cols-4{grid-template-columns:repeat(4,1fr)}.neon-cols-5{grid-template-columns:repeat(5,1fr)}.ssk-category-card{background:#fff;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:12px;text-decoration:none;box-shadow:var(--shadow);transition:.22s;overflow:hidden}.ssk-category-card:hover{transform:translateY(-4px);border-color:rgba(242,26,134,.55);box-shadow:0 18px 55px rgba(0,0,0,.42),0 0 25px rgba(242,26,134,.12)}.ssk-category-image{aspect-ratio:1/1;border-radius:12px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#3a1230 0,#16121b 45%,#0b0b10 75%);overflow:hidden;border:1px solid rgba(242,26,134,.18)}.ssk-category-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}.ssk-category-image>span{font-size:45px;color:var(--pink)}.ssk-category-card strong{display:block;font-size:14px;margin-top:12px;color:#17131b}.ssk-category-card small{display:block;color:#555;font-size:10px;margin-top:3px}.ssk-category-card em{display:inline-flex;margin-top:10px;padding:6px 9px;border-radius:8px;background:rgba(242,26,134,.12);color:#ff55ac;font-style:normal;font-size:9px;font-weight:1000}
.ssk-products-grid{display:grid;gap:16px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.ssk-product-card{background:rgba(19,19,27,.96);border:1px solid rgba(255,255,255,.08);border-radius:15px;overflow:hidden;box-shadow:var(--shadow);min-width:0}.ssk-product-image{position:relative;display:block;aspect-ratio:1/1;background:#f7f7f8;overflow:hidden}.ssk-product-image img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .25s}.ssk-product-card:hover .ssk-product-image img{transform:scale(1.035)}.ssk-sale,.ssk-new-badge{position:absolute;top:10px;left:10px;padding:7px 10px;border-radius:99px;font-size:9px;font-weight:1000;color:#fff;background:var(--pink);z-index:2}.ssk-new-badge{background:#19191f;border:1px solid #ff3c9f;color:#ff55ac}.ssk-product-body{padding:14px}.ssk-product-cat{font-size:9px;color:#8e8f9a;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ssk-product-body h3{font-size:14px;line-height:1.35;margin:7px 0;min-height:40px}.ssk-product-body h3 a{text-decoration:none}.ssk-price{font-weight:1000;font-size:18px;color:#ff4aa8}.ssk-price del{color:#777984;font-size:12px;margin-right:5px}.ssk-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.ssk-wa-btn,.ssk-cart-btn{min-height:43px;border-radius:10px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:11px;font-weight:1000}.ssk-wa-btn{background:#65d96b;color:#fff}.ssk-cart-btn{background:linear-gradient(135deg,var(--pink),#b90c67);color:#fff;border:0}.ssk-wa-btn:hover,.ssk-cart-btn:hover{filter:brightness(1.05)}
.ssk-bestseller-strip{padding:55px 0;background:linear-gradient(100deg,rgba(242,26,134,.16),rgba(9,9,13,.9));border-top:1px solid rgba(242,26,134,.15);border-bottom:1px solid rgba(255,255,255,.08)}.ssk-bestseller-strip .ssk-container{display:flex;align-items:center;justify-content:space-between;gap:25px}.ssk-bestseller-strip h2{font-size:34px;margin:5px 0}.ssk-bestseller-strip p{color:#a7a8b2}
.ssk-wa-banner{background:linear-gradient(100deg,#e81780,#a80b5d);color:#fff;padding:45px 0}.ssk-wa-banner .ssk-container{display:flex;justify-content:space-between;align-items:center;gap:30px}.ssk-wa-banner span{font-size:11px;font-weight:1000;letter-spacing:2px}.ssk-wa-banner h2{font-size:30px;max-width:720px;margin:7px 0}.ssk-wa-banner p{color:#ffe2f1}.ssk-wa-banner a{background:#fff;color:#b30e64;padding:15px 20px;border-radius:12px;text-decoration:none;font-weight:1000;white-space:nowrap}
.ssk-footer{background:#050509;color:#fff;padding:50px 0 85px;border-top:1px solid rgba(255,255,255,.09)}.ssk-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.ssk-footer-brand{font-size:22px;font-weight:1000;color:#ff4aa8}.ssk-footer a{display:block;color:#b7b8c1;text-decoration:none;margin:8px 0;font-size:13px}.ssk-footer p{color:#858691}.ssk-footer h4{margin-top:0}.ssk-footer-bottom{border-top:1px solid #24242b;margin-top:30px;padding-top:20px;color:#72737d;font-size:12px}.ssk-mobile-bar{display:none}
.ssk-shop,.ssk-page{padding:48px 0}.ssk-page-head{margin-bottom:30px}.ssk-page-head h1{font-size:42px;margin:8px 0}.ssk-woo-wrap{width:100%}.ssk-woo-wrap ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0!important;padding:0!important}.ssk-woo-wrap ul.products:before,.ssk-woo-wrap ul.products:after{display:none!important}.ssk-woo-wrap ul.products li.product{width:auto!important;float:none!important;margin:0!important}.ssk-woo-card{background:rgba(19,19,27,.96);border:1px solid rgba(255,255,255,.08);border-radius:15px;overflow:hidden;padding-bottom:12px}.ssk-woo-card .woocommerce-loop-product__link{display:block;text-decoration:none}.ssk-woo-card .woocommerce-loop-product__title{font-size:14px!important;padding:0 14px!important;color:#fff}.ssk-woo-card .price{padding:0 14px;color:#ff4aa8!important;font-weight:1000}.ssk-woo-wa{margin:10px 14px 0}.ssk-single-wa{background:#65d96b;color:#fff;margin-top:12px}.ssk-cart-wa{background:#65d96b!important;color:#fff!important;float:right}.ssk-empty-page{text-align:center;padding:100px 0}.ssk-content{max-width:850px}.ssk-content img{height:auto}
.woocommerce div.product{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:55px}.woocommerce div.product div.images,.woocommerce div.product div.summary{width:auto!important;float:none!important}.woocommerce div.product div.images img{border-radius:16px}.woocommerce div.product .product_title{font-size:42px;line-height:1.08}.woocommerce div.product .price{color:#ff4aa8;font-weight:1000;font-size:25px}.woocommerce div.product form.cart{display:flex;gap:10px;flex-wrap:wrap}.woocommerce div.product form.cart .quantity input{min-height:48px}.woocommerce button.button,.woocommerce a.button{min-height:46px;border-radius:10px;padding:0 18px;background:linear-gradient(135deg,var(--pink),#b90c67);color:#fff;font-weight:800}.woocommerce .woocommerce-message{border-top-color:var(--pink)}.woocommerce-cart .cart-collaterals{width:35%}.woocommerce-cart .cart_totals{float:none;width:100%}.woocommerce-cart table.cart img{width:80px}.woocommerce-cart .shop_table{border-collapse:separate;border-spacing:0;background:rgba(19,19,27,.8)}.woocommerce-cart .cart_item td{padding:16px 10px}.woocommerce-cart .product-name a{text-decoration:none;font-weight:700}.woocommerce-cart .cart_totals h2,.woocommerce-cart .cart_totals th,.woocommerce-cart .cart_totals td{color:#fff}
.ssk-admin .ssk-admin-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;max-width:1200px}.ssk-admin-card{background:#fff;border:1px solid #ddd;border-radius:12px;padding:22px;margin-top:20px}.ssk-admin-card h2{margin-top:0}.ssk-admin-card label{font-weight:600}.ssk-admin-card input,.ssk-admin-card textarea{margin-top:7px}.ssk-admin-card hr{border:0;border-top:1px solid #eee;margin:25px 0}.ssk-bg-admin-preview img{width:100%;max-width:520px;height:160px;object-fit:cover;border-radius:8px}
@media(max-width:1050px){.ssk-header-main{grid-template-columns:200px 1fr auto}.ssk-nav{gap:22px}.ssk-nav a:nth-child(6){display:none}.ssk-woo-wrap ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}.neon-cols-5{grid-template-columns:repeat(4,1fr)}.ssk-hero-orb{height:380px}.ssk-orb-ring{width:300px;height:300px}}
@media(max-width:760px){body{padding-bottom:70px}.ssk-container{width:min(100% - 24px,640px)}.ssk-topbar-inner{font-size:9px;padding:7px 0;gap:9px;overflow:hidden;white-space:nowrap}.ssk-topbar-inner span:nth-child(4){display:none}.ssk-header-main{grid-template-columns:42px 1fr auto;min-height:76px;gap:8px}.ssk-menu-toggle{display:flex;width:42px;height:42px;border:1px solid rgba(242,26,134,.18);background:rgba(242,26,134,.08);color:#ff55ac;border-radius:11px;align-items:center;justify-content:center;font-size:20px}.ssk-brand{text-align:center}.ssk-brand img,.ssk-admin-logo{width:auto;height:auto;max-width:175px;max-height:52px;margin:auto}.ssk-search{grid-column:1/-1;order:5;height:46px;margin-bottom:10px}.ssk-head-actions{gap:6px}.ssk-head-wa{font-size:0;width:45px;padding:0}.ssk-head-wa:before{content:"WA";font-size:12px}.ssk-head-cart{font-size:0;width:48px;padding:0}.ssk-head-cart:before{content:"🛒";font-size:18px}.ssk-nav-row{display:none}.ssk-mobile-drawer{position:fixed;z-index:1002;top:0;left:-320px;width:290px;height:100dvh;background:#111118;display:flex;flex-direction:column;padding:20px;box-shadow:20px 0 50px rgba(0,0,0,.45);transition:left .25s}.ssk-mobile-drawer a{padding:15px 4px;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none;font-weight:800;color:#fff}.ssk-drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px}.ssk-drawer-close{border:0;background:none;color:#fff;font-size:28px}.ssk-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:1001;display:block;opacity:0;visibility:hidden;transition:.2s}.ssk-drawer-open .ssk-mobile-drawer{left:0}.ssk-drawer-open .ssk-drawer-overlay{opacity:1;visibility:visible}.ssk-hero{min-height:0}.ssk-hero-grid{grid-template-columns:1fr;min-height:auto;padding:42px 0 35px}.ssk-hero-copy{padding:0}.ssk-hero h1{font-size:48px;letter-spacing:-2.7px}.ssk-hero p{font-size:14px}.ssk-hero-actions{margin-top:22px}.ssk-hero-actions a{width:100%}.ssk-hero-orb{height:245px}.ssk-orb-ring{width:210px;height:210px}.ssk-orb-core{width:132px;height:132px}.ssk-orb-core span{font-size:34px}.ssk-orb-core b{font-size:8px;letter-spacing:3px}.ssk-trust-grid{grid-template-columns:1fr 1fr}.ssk-trust-grid>div{padding:16px 10px;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)}.ssk-section{padding:45px 0}.ssk-section-head{align-items:flex-start;flex-direction:column;gap:12px}.ssk-section-head h2{font-size:27px}.ssk-category-grid,.ssk-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.ssk-category-card{padding:8px;border-radius:13px}.ssk-category-card strong{font-size:12px}.ssk-category-card em{font-size:8px}.ssk-product-card{border-radius:13px}.ssk-product-body{padding:10px}.ssk-product-body h3{font-size:12px;min-height:34px}.ssk-price{font-size:16px}.ssk-card-actions{grid-template-columns:1fr;gap:6px}.ssk-card-actions a{min-height:45px}.ssk-bestseller-strip .ssk-container{align-items:flex-start;flex-direction:column}.ssk-bestseller-strip h2{font-size:28px}.ssk-wa-banner .ssk-container{flex-direction:column;align-items:flex-start}.ssk-wa-banner h2{font-size:25px}.ssk-wa-banner a{width:100%;text-align:center}.ssk-footer{padding-bottom:25px}.ssk-footer-grid{grid-template-columns:1fr 1fr}.ssk-mobile-bar{position:fixed;display:grid;grid-template-columns:1fr 1fr;gap:6px;bottom:0;left:0;right:0;background:rgba(8,8,12,.94);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.12);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:1000}.ssk-mobile-bar a{min-height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:12px;font-weight:1000;color:#fff;background:#65d96b}.ssk-mobile-bar a+ a{background:linear-gradient(135deg,var(--pink),#b90c67)}.ssk-shop,.ssk-page{padding:28px 0}.ssk-page-head h1{font-size:32px}.ssk-woo-wrap ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ssk-woo-card .woocommerce-loop-product__title{font-size:12px!important}.ssk-woo-card .price{font-size:15px}.ssk-woo-wa{margin:8px 10px 0}.woocommerce div.product{display:block}.woocommerce div.product div.summary{margin-top:24px}.woocommerce div.product .product_title{font-size:30px}.woocommerce div.product .price{font-size:22px}.woocommerce-cart .cart-collaterals{width:100%}.woocommerce-cart .cart_totals{margin-top:25px}.ssk-cart-wa{float:none;width:100%;margin-top:10px}.woocommerce-cart .actions{display:flex;flex-direction:column;gap:10px}.woocommerce-cart .coupon{display:none}}
@media(max-width:380px){.ssk-brand img,.ssk-admin-logo{max-width:155px}.ssk-hero h1{font-size:42px}.ssk-topbar-inner span:nth-child(2){display:none}.ssk-category-card strong{font-size:11px}.ssk-product-body h3{font-size:11px}}
.ssk-admin-logo-link{display:flex;align-items:center;justify-content:flex-start;min-width:0}.ssk-admin-logo{object-fit:contain;object-position:left center}.ssk-logo-admin-preview{min-height:100px;display:flex;align-items:center;justify-content:flex-start;padding:18px;background:#f7f7f8;border:1px dashed #cfd1d8;border-radius:10px;margin:12px 0}.ssk-logo-admin-preview img{max-width:320px;max-height:100px;object-fit:contain}.ssk-logo-admin-preview span{color:#777}.ssk-logo-size-grid{display:flex;gap:20px;flex-wrap:wrap}
@media(max-width:760px){
.ssk-mobile-drawer{display:flex}
.ssk-slider,.ssk-slider-track{min-height:440px}
.ssk-slide-inner{min-height:440px}
.ssk-slide-copy{padding:35px 0 50px}
.ssk-slide-copy h1{font-size:42px;letter-spacing:-2.2px;max-width:100%}
.ssk-slide-copy p{font-size:14px;line-height:1.5}
.ssk-slide-bg{background-position:center}
.ssk-slider-arrow{width:38px;height:38px;font-size:26px}
.ssk-slider-prev{left:10px}.ssk-slider-next{right:10px}
.ssk-slider-dots{bottom:13px}
.ssk-slider-dots button{width:8px;height:8px}
.ssk-slider-dots button.is-active{width:22px}
.ssk-slider-admin-grid{grid-template-columns:1fr}
}
/* V3.2 — Slider image brightness: no dark overlay */
.ssk-slide-bg{background-color:#0a070d;background-size:cover;background-position:center;filter:none!important}
.ssk-slide-bg:after{display:none!important}
.ssk-slide-copy{text-shadow:0 2px 16px rgba(0,0,0,.45)}
.ssk-slide-copy .ssk-eyebrow{color:#ff4ca7}
.ssk-new-top{background:#0d0d12!important}
.ssk-new-top .ssk-section-head h2,.ssk-new-top .ssk-section-head p{color:#fff}
.ssk-new-top .ssk-section-head a{color:#ff4ca7}
.ssk-small-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#fff!important;text-decoration:none!important;background:rgba(255,255,255,.04)}
.ssk-new-badge{position:absolute;top:12px;left:12px;background:#ff2d91;color:#fff;padding:7px 10px;border-radius:99px;font-size:10px;font-weight:900;box-shadow:0 0 18px rgba(255,45,145,.3)}
.ssk-quick-message{padding:50px 0;background:radial-gradient(circle at 80% 20%,rgba(196,20,114,.14),transparent 32%),#101015;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.ssk-quick-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:22px}
.ssk-quick-head h2{color:#fff;font-size:31px;margin:5px 0}
.ssk-quick-head p{color:#a9abb5;margin:0}
.ssk-quick-direct{background:#72d866;color:#fff;border-radius:11px;padding:13px 18px;text-decoration:none;font-weight:900;white-space:nowrap}
.ssk-quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.ssk-quick-item{min-height:72px;display:flex;align-items:center;gap:10px;padding:13px 14px;background:#17171e;border:1px solid rgba(255,255,255,.08);border-radius:13px;color:#fff;text-decoration:none;font-size:12px;font-weight:800;transition:.2s}
.ssk-quick-item:hover{transform:translateY(-2px);border-color:rgba(255,45,145,.55);box-shadow:0 0 22px rgba(255,45,145,.09)}
.ssk-quick-item span{font-size:16px;flex:0 0 auto}.ssk-quick-item b{margin-left:auto;color:#ff3e9a;font-size:18px}
.ssk-dark-section{background:#08080c!important}
.ssk-dark-section .ssk-section-head h2{color:#fff}
.ssk-dark-section .ssk-section-head a{color:#ff4ca7}
.ssk-dark-section .ssk-category-card{background:#111117;border-color:rgba(255,255,255,.08);color:#fff}
.ssk-dark-section .ssk-category-card small{color:#999}
.ssk-dark-section .ssk-category-card em{display:block;margin-top:10px;color:#ff4ca7;font-style:normal;font-size:10px;font-weight:900}
.ssk-slider-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ssk-slider-admin-form:before{content:"Önerilen slider görseli: 1600 × 650 px • Yatay görsel • JPG veya WebP";display:block;padding:13px 15px;background:#fff4f8;border-left:4px solid #c41472;border-radius:8px;margin-bottom:20px;font-weight:700}
@media(max-width:1000px){.ssk-quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
.ssk-quick-head{align-items:flex-start;flex-direction:column}
.ssk-quick-head h2{font-size:26px}
.ssk-quick-direct{width:100%;text-align:center}
.ssk-quick-grid{grid-template-columns:1fr}
.ssk-quick-item{min-height:58px}
.ssk-slider-admin-grid{grid-template-columns:1fr}
}
@media(min-width:761px){.ssk-mobile-drawer{display:none!important}.ssk-drawer-overlay{display:none!important}}
/* V3.4 — Category management rendering */
.ssk-category-card{align-items:stretch!important;text-align:var(--ssk-cat-align,center)!important}
.ssk-category-card .ssk-category-image{width:var(--ssk-cat-icon-size,100px)!important;height:var(--ssk-cat-icon-size,100px)!important;border-radius:var(--ssk-cat-icon-radius,18px)!important;overflow:hidden;flex:0 0 var(--ssk-cat-icon-size,100px)!important;align-self:center}
.ssk-category-card .ssk-category-image img{width:100%;height:100%;display:block}
.ssk-category-card.ssk-cat-style-circle .ssk-category-image{border-radius:50%!important}
.ssk-category-card.ssk-cat-style-square .ssk-category-image{border-radius:0!important}
.ssk-category-card.ssk-cat-style-rounded .ssk-category-image{border-radius:18px!important}
.ssk-category-card strong,.ssk-category-card small,.ssk-category-card em{width:100%}
.ssk-category-card small{line-height:1.4}
/* V3.4.1 — Ana sayfa kategori görünürlüğü */
#ssk-categories{display:block!important;visibility:visible!important;opacity:1!important}
#ssk-categories .ssk-category-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;width:100%}
#ssk-categories .ssk-category-card{display:flex!important;visibility:visible!important;opacity:1!important;min-width:0}
#ssk-categories .ssk-category-image{display:flex!important;visibility:visible!important;opacity:1!important}
.ssk-category-empty{display:flex;flex-direction:column;gap:7px;padding:28px;border:1px dashed rgba(255,255,255,.16);border-radius:14px;color:#a9abb5;text-align:center}
.ssk-category-empty strong{color:#fff;font-size:16px}
@media(max-width:1100px){#ssk-categories .ssk-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){#ssk-categories .ssk-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
/* V3.4.2 — robust homepage category rendering */
.ssk-home-categories{display:block!important;position:relative!important;visibility:visible!important;opacity:1!important;min-height:220px!important;z-index:1}
.ssk-home-categories .ssk-container{display:block!important}
.ssk-home-categories .ssk-category-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important}
.ssk-home-categories .ssk-category-card{display:flex!important;visibility:visible!important;opacity:1!important}
.ssk-home-categories .ssk-category-image{display:flex!important;visibility:visible!important;opacity:1!important}
@media(max-width:1100px){.ssk-home-categories .ssk-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:760px){.ssk-home-categories .ssk-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}
/* ============================================================
SSK STORE V3.6 — Approved dark / neon-pink category design
Existing layout is preserved; category presentation is enhanced.
============================================================ */
#ssk-categories.ssk-home-categories{
background:
radial-gradient(circle at 50% 18%,rgba(210,18,118,.08),transparent 34%),
#09090c !important;
padding:56px 0 42px !important;
display:block !important;
visibility:visible !important;
opacity:1 !important;
overflow:hidden;
}
#ssk-categories .ssk-container{max-width:1440px;margin:0 auto;padding:0 24px;}
#ssk-categories .ssk-category-heading{
display:flex;
align-items:center;
justify-content:center;
gap:18px;
margin:0 auto 34px;
width:100%;
}
#ssk-categories .ssk-category-heading h2{
margin:0;
color:#fff;
font-size:34px;
line-height:1.1;
font-weight:800;
letter-spacing:.3px;
text-align:center;
white-space:nowrap;
}
#ssk-categories .ssk-category-heading h2 span{color:#fff;}
#ssk-categories .ssk-category-heading h2::first-letter{}
#ssk-categories .ssk-category-heart{
color:#e21b88;
font-size:34px;
line-height:1;
font-weight:300;
}
#ssk-categories .ssk-category-line{
height:1px;
flex:1;
max-width:270px;
background:linear-gradient(90deg,transparent,#e21b88);
}
#ssk-categories .ssk-category-line:last-child{
background:linear-gradient(90deg,#e21b88,transparent);
}
#ssk-categories .ssk-category-viewport{
width:100%;
overflow:hidden;
}
#ssk-categories .ssk-category-grid{
display:grid !important;
grid-template-columns:repeat(8,minmax(0,1fr)) !important;
gap:14px !important;
width:100%;
align-items:stretch;
}
#ssk-categories .ssk-category-card{
min-width:0;
min-height:280px;
display:flex !important;
flex-direction:column;
align-items:center;
justify-content:flex-start;
overflow:hidden;
text-decoration:none !important;
color:#fff !important;
background:#0e0e12 !important;
border:1px solid rgba(236,25,137,.85) !important;
border-radius:18px !important;
box-shadow:0 10px 28px rgba(0,0,0,.26);
transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
#ssk-categories .ssk-category-card:hover{
transform:translateY(-5px);
border-color:#ff4cac !important;
box-shadow:0 16px 35px rgba(225,20,132,.18);
}
#ssk-categories .ssk-category-image{
width:100%;
height:205px;
min-height:205px;
display:flex !important;
align-items:center;
justify-content:center;
background:#fff;
border-radius:16px 16px 0 0;
overflow:hidden;
position:relative;
}
#ssk-categories .ssk-category-image img{
display:block;
width:100%;
height:100%;
max-width:100%;
max-height:100%;
padding:14px;
box-sizing:border-box;
}
#ssk-categories .ssk-category-placeholder{
width:74px;
height:74px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#17171c;
color:#e21b88;
font-size:32px;
}
#ssk-categories .ssk-category-name{
width:100%;
min-height:58px;
padding:17px 8px 7px;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
font-size:15px;
line-height:1.2;
font-weight:700;
color:#fff;
}
#ssk-categories .ssk-category-underline{
width:42px;
height:2px;
background:#e21b88;
margin:0 auto 14px;
border-radius:10px;
box-shadow:0 0 10px rgba(226,27,136,.45);
}
#ssk-categories .ssk-category-bottom{
display:flex;
justify-content:center;
margin-top:28px;
}
#ssk-categories .ssk-category-all{
display:inline-flex;
align-items:center;
justify-content:center;
gap:16px;
min-width:300px;
padding:13px 28px;
border:1px solid #e21b88;
border-radius:999px;
color:#fff !important;
text-decoration:none !important;
font-size:14px;
font-weight:800;
letter-spacing:.3px;
background:rgba(10,10,14,.55);
transition:.2s ease;
}
#ssk-categories .ssk-category-all:hover{
background:#e21b88;
box-shadow:0 0 24px rgba(226,27,136,.28);
}
#ssk-categories .ssk-category-all span{font-size:25px;line-height:12px;}
#ssk-categories .ssk-category-empty{
color:#aaa;
padding:32px;
text-align:center;
border:1px dashed rgba(226,27,136,.4);
border-radius:16px;
}
#ssk-categories .ssk-category-empty strong{display:block;color:#fff;margin-bottom:6px;}
@media(max-width:1250px){
#ssk-categories .ssk-category-grid{grid-template-columns:repeat(6,minmax(0,1fr)) !important;}
}
@media(max-width:980px){
#ssk-categories .ssk-category-grid{
display:flex !important;
overflow-x:auto;
scroll-snap-type:x mandatory;
padding:3px 2px 12px;
scrollbar-width:thin;
}
#ssk-categories .ssk-category-card{
flex:0 0 170px;
scroll-snap-align:start;
}
#ssk-categories .ssk-category-image{height:180px;min-height:180px;}
}
@media(max-width:600px){
#ssk-categories{padding:38px 0 30px !important;}
#ssk-categories .ssk-container{padding:0 12px;}
#ssk-categories .ssk-category-heading{gap:8px;margin-bottom:22px;}
#ssk-categories .ssk-category-heading h2{font-size:22px;}
#ssk-categories .ssk-category-heart{font-size:23px;}
#ssk-categories .ssk-category-line{max-width:45px;}
#ssk-categories .ssk-category-card{flex-basis:145px;min-height:238px;border-radius:14px !important;}
#ssk-categories .ssk-category-image{height:155px;min-height:155px;border-radius:12px 12px 0 0;}
#ssk-categories .ssk-category-name{font-size:13px;min-height:53px;padding:12px 5px 4px;}
#ssk-categories .ssk-category-underline{margin-bottom:11px;width:34px;}
#ssk-categories .ssk-category-all{min-width:0;width:90%;font-size:12px;padding:12px 16px;}
}
/* ============================================================
SSK STORE V3.7 — Homepage All Products
============================================================ */
#ssk-home-all-products{
background:#09090c!important;
padding:46px 0 58px!important;
display:block!important;
}
#ssk-home-all-products .ssk-container{max-width:1440px;margin:0 auto;padding:0 24px;}
#ssk-home-all-products .ssk-products-heading{
display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
margin-bottom:24px;
}
#ssk-home-all-products .ssk-products-heading h2{
margin:4px 0 5px;color:#fff;font-size:31px;line-height:1.1;font-weight:800;
}
#ssk-home-all-products .ssk-products-heading h2 span{color:#e21b88;}
#ssk-home-all-products .ssk-products-heading p{margin:0;color:#a7a7af;font-size:14px;}
#ssk-home-all-products .ssk-products-all-btn{
display:inline-flex;align-items:center;gap:10px;padding:11px 18px;
border:1px solid #e21b88;border-radius:999px;color:#fff!important;
text-decoration:none!important;font-weight:800;font-size:13px;
background:#0d0d11;transition:.2s ease;
}
#ssk-home-all-products .ssk-products-all-btn:hover{background:#e21b88;}
#ssk-home-all-products .ssk-home-products-grid{
display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;
}
#ssk-home-all-products .ssk-home-product-card{
background:#101014;border:1px solid rgba(226,27,136,.48);
border-radius:14px;overflow:hidden;min-width:0;
box-shadow:0 8px 24px rgba(0,0,0,.22);
transition:.2s ease;
}
#ssk-home-all-products .ssk-home-product-card:hover{
transform:translateY(-4px);border-color:#e21b88;
box-shadow:0 14px 30px rgba(226,27,136,.14);
}
#ssk-home-all-products .ssk-home-product-image{
position:relative;display:flex;align-items:center;justify-content:center;
height:230px;background:#fff;overflow:hidden;text-decoration:none!important;
}
#ssk-home-all-products .ssk-home-product-image img{
display:block;width:100%;height:100%;object-fit:contain;padding:10px;box-sizing:border-box;
}
#ssk-home-all-products .ssk-home-product-badge{
position:absolute;left:9px;top:9px;z-index:2;background:#e21b88;color:#fff;
padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;
}
#ssk-home-all-products .ssk-home-product-body{padding:12px 12px 13px;}
#ssk-home-all-products .ssk-home-product-title{
display:block;color:#fff!important;text-decoration:none!important;font-size:14px;
line-height:1.35;font-weight:700;min-height:38px;
}
#ssk-home-all-products .ssk-home-product-price{margin:9px 0 11px;color:#fff;font-size:15px;font-weight:800;}
#ssk-home-all-products .ssk-home-product-price del{color:#888;margin-right:5px;}
#ssk-home-all-products .ssk-home-product-price ins{text-decoration:none;color:#ff4aa8;}
#ssk-home-all-products .ssk-home-product-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
#ssk-home-all-products .ssk-home-product-cart,
#ssk-home-all-products .ssk-home-product-whatsapp{
display:flex;align-items:center;justify-content:center;min-height:34px;
border-radius:8px;text-decoration:none!important;font-size:11px;font-weight:800;
}
#ssk-home-all-products .ssk-home-product-cart{background:#c41472;color:#fff!important;}
#ssk-home-all-products .ssk-home-product-whatsapp{
background:#69d45d;color:#fff!important;
}
#ssk-home-all-products .ssk-products-empty{
padding:30px;text-align:center;color:#aaa;border:1px dashed rgba(226,27,136,.35);border-radius:14px;
}
@media(max-width:1200px){
#ssk-home-all-products .ssk-home-products-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media(max-width:850px){
#ssk-home-all-products .ssk-products-heading{align-items:flex-start;flex-direction:column;}
#ssk-home-all-products .ssk-home-products-grid{
display:flex;overflow-x:auto;gap:12px;padding:2px 2px 12px;scroll-snap-type:x mandatory;
}
#ssk-home-all-products .ssk-home-product-card{flex:0 0 190px;scroll-snap-align:start;}
#ssk-home-all-products .ssk-home-product-image{height:205px;}
}
@media(max-width:600px){
#ssk-home-all-products{padding:34px 0 42px!important;}
#ssk-home-all-products .ssk-container{padding:0 12px;}
#ssk-home-all-products .ssk-products-heading h2{font-size:24px;}
#ssk-home-all-products .ssk-home-product-card{flex-basis:175px;}
#ssk-home-all-products .ssk-home-product-image{height:185px;}
#ssk-home-all-products .ssk-home-product-actions{grid-template-columns:1fr;}
}
/* Hero polish */
.ssk-hero,.ssk-slider,.ssk-home-hero{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 70% 45%,rgba(225,20,132,.24),transparent 34%),
radial-gradient(circle at 30% 55%,rgba(225,20,132,.10),transparent 30%),
#08080c;
}
.ssk-hero::after,.ssk-slider::after,.ssk-home-hero::after{
content:"";
position:absolute;inset:0;pointer-events:none;
background:
radial-gradient(circle at 78% 25%,rgba(255,57,169,.16) 0 2px,transparent 3px),
radial-gradient(circle at 72% 70%,rgba(255,57,169,.10) 0 1px,transparent 2px);
opacity:.8;
}
/* ============================================================
SSK STORE V3.8.3 — precise side portrait alignment
The central store keeps its original 1240px content width.
Portraits occupy only the outside gutters and begin at y=0.
============================================================ */
body.ssk-neon-v38{
background:
radial-gradient(circle at 50% 15%,rgba(230,22,136,.10),transparent 30%),
#050507 !important;
}
/* The theme's main container is 1240px. Matching the side art width
to the actual outer gutter keeps the portraits perfectly beside it. */
body.ssk-neon-v38::before,
body.ssk-neon-v38::after{
content:"";
position:fixed;
top:0;
bottom:0;
width:max(0px,calc((100vw - 1240px) / 2));
min-width:0;
z-index:110;
pointer-events:none;
background-repeat:no-repeat;
background-color:#050507;
background-size:100% auto;
background-position:center top;
background-attachment:scroll;
opacity:.98;
}
body.ssk-neon-v38::before{
left:0;
background-image:
linear-gradient(90deg,rgba(5,5,7,0),rgba(5,5,7,.20)),
url("../images/ssk-side-woman.jpg");
}
body.ssk-neon-v38::after{
right:0;
background-image:
linear-gradient(270deg,rgba(5,5,7,0),rgba(5,5,7,.20)),
url("../images/ssk-side-man.jpg");
}
/* Header uses z-index:100 in the existing theme. The side portraits
intentionally sit at 110 so the portraits are actually visible
beside/around the header instead of being hidden behind it.
The real content container remains above them. */
body.ssk-neon-v38 .ssk-container,
body.ssk-neon-v38 .ssk-header-main,
body.ssk-neon-v38 .ssk-nav-inner,
body.ssk-neon-v38 .ssk-topbar-inner,
body.ssk-neon-v38 .ssk-section > .ssk-container{
position:relative;
z-index:120;
}
/* Never allow the portraits to cover the store's actual content. */
body.ssk-neon-v38 .ssk-container{
width:min(1240px,calc(100% - 40px));
margin-left:auto;
margin-right:auto;
}
/* WordPress admin bar stays above everything. */
body.admin-bar.ssk-neon-v38::before,
body.admin-bar.ssk-neon-v38::after{
top:32px;
}
/* At widths where the theme has no meaningful outer gutter, hide the
decorative portraits rather than squeezing or overlapping content. */
@media(max-width:1280px){
body.ssk-neon-v38::before,
body.ssk-neon-v38::after{
display:none!important;
}
}
@media(max-width:900px){
body.ssk-neon-v38{
background:#07070a!important;
}
}
/* ============================================================
SSK STORE V3.9 — reference layout
Desktop reference: woman | centered store | man
============================================================ */
body.ssk-neon-v38{
--ref-width:992px;
--ref-pink:#e21b88;
--ref-pink2:#ff3ca7;
background:#050507!important;
color:#fff;
}
body.ssk-neon-v38::before,
body.ssk-neon-v38::after{
content:"";position:fixed;top:0;bottom:0;width:270px;z-index:0;pointer-events:none;
background-repeat:no-repeat;background-color:#050507;background-size:270px auto;background-position:center top;
opacity:1;
}
body.ssk-neon-v38::before{
left:0;background-image:linear-gradient(90deg,rgba(5,5,7,0),rgba(5,5,7,.10)),url("../images/ssk-side-woman.jpg");
}
body.ssk-neon-v38::after{
right:0;background-image:linear-gradient(270deg,rgba(5,5,7,0),rgba(5,5,7,.10)),url("../images/ssk-side-man.jpg");
}
body.ssk-neon-v38 .ssk-container{width:min(var(--ref-width),calc(100% - 24px));margin-left:auto;margin-right:auto;}
body.ssk-neon-v38 .ssk-topbar{background:rgba(4,4,7,.96);position:relative;z-index:10;border-bottom:1px solid rgba(255,255,255,.08);}
body.ssk-neon-v38 .ssk-topbar-inner{min-height:34px;font-size:11px;font-weight:800;display:flex;justify-content:space-between;align-items:center;}
body.ssk-neon-v38 .ssk-header{position:relative;z-index:10;background:rgba(5,5,8,.96);backdrop-filter:none;border-bottom:1px solid rgba(255,255,255,.10);}
body.ssk-neon-v38 .ssk-header-main{min-height:64px;grid-template-columns:220px 1fr auto;gap:14px;}
body.ssk-neon-v38 .ssk-brand img,body.ssk-neon-v38 .ssk-admin-logo{width:210px;height:58px;object-fit:contain;}
body.ssk-neon-v38 .ssk-brand-text strong{font-size:25px;letter-spacing:-1.5px;}
body.ssk-neon-v38 .ssk-brand-text strong::after{content:"";}
body.ssk-neon-v38 .ssk-search{height:40px;border-radius:8px;background:#101014;border-color:rgba(255,255,255,.14);}
body.ssk-neon-v38 .ssk-search button{padding:0 20px;}
body.ssk-neon-v38 .ssk-head-wa,body.ssk-neon-v38 .ssk-head-cart{min-height:40px;border-radius:8px;padding:0 13px;font-size:13px;}
body.ssk-neon-v38 .ssk-nav-row{border-top:1px solid rgba(255,255,255,.07);}
body.ssk-neon-v38 .ssk-nav{min-height:43px;gap:27px;}
body.ssk-neon-v38 .ssk-nav a{font-size:12px;}
body.ssk-neon-v38 .ssk-nav a.active:after,body.ssk-neon-v38 .ssk-nav a:hover:after{bottom:-14px;height:2px;}
/* Slider: compact like the supplied reference. */
body.ssk-neon-v38 .ssk-slider{min-height:220px;border:1px solid rgba(226,27,136,.45);border-radius:13px;margin:14px auto 0;width:min(var(--ref-width),calc(100% - 24px));overflow:hidden;background:#08080c;}
body.ssk-neon-v38 .ssk-slider-track{min-height:220px;}
body.ssk-neon-v38 .ssk-slide{min-height:220px;}
body.ssk-neon-v38 .ssk-slide-bg{background-size:cover!important;background-position:center!important;}
body.ssk-neon-v38 .ssk-slide-inner{min-height:220px;display:flex;align-items:center;}
body.ssk-neon-v38 .ssk-slide-copy{max-width:48%;padding-left:34px;}
body.ssk-neon-v38 .ssk-slide-copy h1{font-size:31px;line-height:1.02;margin:8px 0;color:#fff;}
body.ssk-neon-v38 .ssk-slide-copy p{font-size:13px;color:#d5d5dc;margin:8px 0 13px;}
body.ssk-neon-v38 .ssk-slide-copy .ssk-primary-btn{min-height:34px;border-radius:7px;padding:0 14px;font-size:11px;}
body.ssk-neon-v38 .ssk-slide-copy .ssk-outline-btn{min-height:34px;border-radius:7px;padding:0 14px;font-size:11px;}
body.ssk-neon-v38 .ssk-slider-arrow{width:36px;height:36px;font-size:25px;background:rgba(5,5,8,.72);}
body.ssk-neon-v38 .ssk-slider-dots{bottom:9px;}
/* Categories directly below slider: 8 compact cards. */
body.ssk-neon-v38 #ssk-categories{background:#07070a!important;padding:18px 0 8px!important;}
body.ssk-neon-v38 #ssk-categories .ssk-container{width:min(var(--ref-width),calc(100% - 24px));}
body.ssk-neon-v38 #ssk-categories .ssk-category-heading{gap:10px;margin:0 0 12px;}
body.ssk-neon-v38 #ssk-categories .ssk-category-heading h2{font-size:18px;letter-spacing:.2px;}
body.ssk-neon-v38 #ssk-categories .ssk-category-heart{font-size:18px;}
body.ssk-neon-v38 #ssk-categories .ssk-category-line{max-width:80px;background:linear-gradient(90deg,transparent,#e21b88);}
body.ssk-neon-v38 #ssk-categories .ssk-category-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:9px!important;}
body.ssk-neon-v38 #ssk-categories .ssk-category-card{min-height:132px;padding:6px!important;border-radius:11px!important;background:#0c0c10!important;border:1px solid #d51a80!important;box-shadow:none;}
body.ssk-neon-v38 #ssk-categories .ssk-category-image{height:91px!important;min-height:91px!important;border-radius:7px!important;background:#0a0a0e!important;border:0!important;}
body.ssk-neon-v38 #ssk-categories .ssk-category-image img{padding:3px;}
body.ssk-neon-v38 #ssk-categories .ssk-category-name{font-size:10px;line-height:1.12;min-height:26px;padding:7px 2px 1px;font-weight:800;}
body.ssk-neon-v38 #ssk-categories .ssk-category-underline{width:22px;height:1px;margin:0 auto 3px;}
body.ssk-neon-v38 #ssk-categories .ssk-category-bottom{margin-top:9px;}
body.ssk-neon-v38 #ssk-categories .ssk-category-all{min-width:220px;padding:8px 16px;font-size:10px;}
/* All products immediately after categories: 6 cards. */
body.ssk-neon-v38 #ssk-home-all-products{background:#07070a!important;padding:12px 0 18px!important;}
body.ssk-neon-v38 #ssk-home-all-products .ssk-container{width:min(var(--ref-width),calc(100% - 24px));}
body.ssk-neon-v38 #ssk-home-all-products .ssk-products-heading{align-items:center;margin-bottom:12px;}
body.ssk-neon-v38 #ssk-home-all-products .ssk-products-heading h2{font-size:18px;margin:2px 0;}
body.ssk-neon-v38 #ssk-home-all-products .ssk-products-heading p{font-size:10px;}
body.ssk-neon-v38 #ssk-home-all-products .ssk-products-all-btn{padding:8px 12px;font-size:10px;}
body.ssk-neon-v38 #ssk-home-all-products .ssk-home-products-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;}
body.ssk-neon-v38 #ssk-home-all-products .ssk-home-product-card{border-radius:10px;background:#0d0d12;border:1px solid rgba(226,27,136,.42);}
body.ssk-neon-v38 #ssk-home-all-products .ssk-home-product-image{height:146px;border-radius:9px 9px 0 0;}
body.ssk-neon-v38 #ssk-home-all-products .ssk-home-product-image img{padding:5px;}
body.ssk-neon-v38 #ssk-home-all-products .ssk-home-product-body{padding:8px;}
body.ssk-neon-v38 #ssk-home-all-products .ssk-home-product-title{font-size:10px;line-height:1.25;min-height:28px;}
body.ssk-neon-v38 #ssk-home-all-products .ssk-home-product-price{font-size:12px;margin:6px 0 7px;}
body.ssk-neon-v38 #ssk-home-all-products .ssk-home-product-actions{gap:5px;}
body.ssk-neon-v38 #ssk-home-all-products .ssk-home-product-cart,body.ssk-neon-v38 #ssk-home-all-products .ssk-home-product-whatsapp{min-height:28px;border-radius:6px;font-size:9px;}
body.ssk-neon-v38 #ssk-home-all-products .ssk-home-product-badge{font-size:8px;padding:4px 6px;top:6px;left:6px;}
/* WhatsApp quick section kept compact and below the product grid. */
body.ssk-neon-v38 #ssk-quick-message{padding:18px 0;background:#09090d!important;}
body.ssk-neon-v38 #ssk-quick-message .ssk-quick-head h2{font-size:20px;}
body.ssk-neon-v38 #ssk-quick-message .ssk-quick-grid{gap:7px;}
body.ssk-neon-v38 #ssk-quick-message .ssk-quick-item{font-size:10px;padding:10px;}
/* No old duplicate hero/bestseller blocks are rendered in V3.9. */
@media(max-width:1280px){
body.ssk-neon-v38::before,body.ssk-neon-v38::after{display:none!important;}
body.ssk-neon-v38 .ssk-container,body.ssk-neon-v38 .ssk-slider{width:min(1100px,calc(100% - 24px));}
body.ssk-neon-v38 #ssk-categories .ssk-category-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
body.ssk-neon-v38 #ssk-home-all-products .ssk-home-products-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media(max-width:760px){
body.ssk-neon-v38 .ssk-header-main{grid-template-columns:44px 1fr auto;min-height:62px;}
body.ssk-neon-v38 .ssk-brand{display:flex;justify-content:center;}
body.ssk-neon-v38 .ssk-brand img,body.ssk-neon-v38 .ssk-admin-logo{width:145px;height:48px;}
body.ssk-neon-v38 .ssk-search{display:none;}
body.ssk-neon-v38 .ssk-head-wa{display:none;}
body.ssk-neon-v38 .ssk-nav-row{display:none;}
body.ssk-neon-v38 .ssk-slider{margin-top:8px;min-height:210px;}
body.ssk-neon-v38 .ssk-slide,.ssk-slide-track{min-height:210px;}
body.ssk-neon-v38 .ssk-slide-copy{max-width:68%;padding-left:16px;}
body.ssk-neon-v38 .ssk-slide-copy h1{font-size:23px;}
body.ssk-neon-v38 .ssk-slide-copy p{font-size:11px;}
body.ssk-neon-v38 #ssk-categories .ssk-category-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;}
body.ssk-neon-v38 #ssk-categories .ssk-category-card{min-height:112px;}
body.ssk-neon-v38 #ssk-categories .ssk-category-image{height:72px!important;min-height:72px!important;}
body.ssk-neon-v38 #ssk-home-all-products .ssk-home-products-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
body.ssk-neon-v38 #ssk-home-all-products .ssk-home-product-image{height:165px;}
body.ssk-neon-v38 #ssk-home-all-products .ssk-home-product-actions{grid-template-columns:1fr 1fr;}
}
@media(max-width:420px){
body.ssk-neon-v38 #ssk-categories .ssk-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
body.ssk-neon-v38 #ssk-home-all-products .ssk-home-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
body.ssk-neon-v38 #ssk-home-all-products .ssk-home-product-image{height:145px;}
}
/* ============================================================
SSK STORE V4.0 — PREMIUM REFERENCE LAYOUT
Centered store + left woman + right man, matching the approved
reference composition. Existing WooCommerce/admin functionality
remains intact.
============================================================ */
:root{
--ssk-v40-width:1400px;
--ssk-v40-pink:#ec1686;
--ssk-v40-pink-soft:#ff3da3;
--ssk-v40-black:#050507;
--ssk-v40-panel:#09090d;
--ssk-v40-card:#0c0c12;
}
html,body{background:#050507!important;}
body.ssk-premium-v40{
background:
radial-gradient(circle at 50% 14%,rgba(236,22,134,.08),transparent 26%),
#050507!important;
overflow-x:hidden;
}
/* The center column is intentionally compact, as in the approved
reference. The side portraits live outside it and never take layout space. */
body.ssk-premium-v40 .ssk-container{
width:min(var(--ssk-v40-width),calc(100% - 32px));
max-width:var(--ssk-v40-width)!important;
margin-left:auto;
margin-right:auto;
}
/* Side portraits: exact woman-left / man-right assignment. */
body.ssk-premium-v40::before,
body.ssk-premium-v40::after{
content:"";
position:fixed;
top:0;
bottom:0;
width:270px;
z-index:1;
pointer-events:none;
background-repeat:no-repeat;
background-position:top center;
background-size:270px auto;
background-color:#050507;
opacity:1;
}
body.ssk-premium-v40::before{
left:0;
background-image:
linear-gradient(90deg,rgba(5,5,7,0) 50%,rgba(5,5,7,.30) 100%),
url("../images/ssk-side-woman.jpg");
}
body.ssk-premium-v40::after{
right:0;
background-image:
linear-gradient(270deg,rgba(5,5,7,0) 50%,rgba(5,5,7,.30) 100%),
url("../images/ssk-side-man.jpg");
}
/* Actual store stays above the decorative sides. */
body.ssk-premium-v40 .ssk-topbar,
body.ssk-premium-v40 .ssk-header,
body.ssk-premium-v40 .ssk-main,
body.ssk-premium-v40 .ssk-footer{
position:relative;
z-index:10;
}
/* Centered dark "sheet" creates the clean reference look. */
body.ssk-premium-v40 .ssk-header,
body.ssk-premium-v40 .ssk-main,
body.ssk-premium-v40 .ssk-footer{
width:min(var(--ssk-v40-width),calc(100% - 32px));
margin-left:auto;
margin-right:auto;
}
body.ssk-premium-v40 .ssk-topbar{
width:min(var(--ssk-v40-width),calc(100% - 32px));
margin-left:auto;
margin-right:auto;
}
body.ssk-premium-v40 .ssk-topbar-inner,
body.ssk-premium-v40 .ssk-header-main,
body.ssk-premium-v40 .ssk-nav-row,
body.ssk-premium-v40 .ssk-slide-inner,
body.ssk-premium-v40 .ssk-section > .ssk-container,
body.ssk-premium-v40 .ssk-footer-grid{
width:100%;
}
/* Header */
body.ssk-premium-v40 .ssk-topbar-inner{
padding:8px 14px;
min-height:34px;
font-size:10px;
}
body.ssk-premium-v40 .ssk-header{
background:rgba(5,5,8,.96);
border:1px solid rgba(255,255,255,.08);
border-top:0;
}
body.ssk-premium-v40 .ssk-header-main{
min-height:76px;
grid-template-columns:220px minmax(0,1fr) auto;
gap:12px;
padding:0 14px;
}
body.ssk-premium-v40 .ssk-brand-text strong{
font-size:22px;
letter-spacing:-1.2px;
}
body.ssk-premium-v40 .ssk-search{
height:42px;
border-radius:9px;
}
body.ssk-premium-v40 .ssk-search button{padding:0 18px;}
body.ssk-premium-v40 .ssk-head-wa,
body.ssk-premium-v40 .ssk-head-cart{
min-height:42px;
border-radius:9px;
padding:0 14px;
font-size:13px;
}
body.ssk-premium-v40 .ssk-nav-row{
min-height:46px;
border-top:1px solid rgba(255,255,255,.07);
}
body.ssk-premium-v40 .ssk-nav{
min-height:46px;
gap:27px;
}
body.ssk-premium-v40 .ssk-nav a{
font-size:12px;
}
body.ssk-premium-v40 .ssk-nav a.active:after,
body.ssk-premium-v40 .ssk-nav a:hover:after{
bottom:-15px;
}
/* Slider */
body.ssk-premium-v40 .ssk-slider{
min-height:218px;
height:218px;
border:1px solid rgba(236,22,134,.55);
border-radius:12px;
margin-top:14px;
margin-bottom:12px;
background:
radial-gradient(circle at 75% 50%,rgba(236,22,134,.30),transparent 32%),
radial-gradient(circle at 35% 50%,rgba(236,22,134,.10),transparent 35%),
#07070b;
}
body.ssk-premium-v40 .ssk-slider-track,
body.ssk-premium-v40 .ssk-slide{
min-height:218px;
height:218px;
}
body.ssk-premium-v40 .ssk-slide-bg{
background-size:cover;
background-position:center;
}
body.ssk-premium-v40 .ssk-slide-inner{
min-height:218px;
align-items:center;
padding:0 58px;
}
body.ssk-premium-v40 .ssk-slide-copy{
width:58%;
padding:20px 0;
}
body.ssk-premium-v40 .ssk-slide-copy h1{
font-size:clamp(28px,3.3vw,46px);
letter-spacing:-2px;
margin:7px 0 8px;
}
body.ssk-premium-v40 .ssk-slide-copy p{
font-size:12px;
line-height:1.45;
max-width:420px;
}
body.ssk-premium-v40 .ssk-slide-copy .ssk-eyebrow{font-size:8px;letter-spacing:2px;}
body.ssk-premium-v40 .ssk-hero-actions{margin-top:12px;gap:7px;}
body.ssk-premium-v40 .ssk-primary-btn,
body.ssk-premium-v40 .ssk-outline-btn{
min-height:34px;
padding:0 12px;
border-radius:7px;
font-size:11px;
}
body.ssk-premium-v40 .ssk-slider-arrow{
width:34px;height:34px;font-size:25px;
}
body.ssk-premium-v40 .ssk-slider-prev{left:12px}
body.ssk-premium-v40 .ssk-slider-next{right:12px}
body.ssk-premium-v40 .ssk-slider-dots{bottom:8px;gap:5px}
body.ssk-premium-v40 .ssk-slider-dots button{width:6px;height:6px}
body.ssk-premium-v40 .ssk-slider-dots button.is-active{width:18px}
/* Categories: 8 compact cards */
body.ssk-premium-v40 #ssk-categories{
padding:10px 0 14px!important;
background:#050507!important;
}
body.ssk-premium-v40 #ssk-categories .ssk-category-heading{
gap:10px;
margin:0 auto 10px;
}
body.ssk-premium-v40 #ssk-categories .ssk-category-heading h2{
font-size:18px;
letter-spacing:.1px;
}
body.ssk-premium-v40 #ssk-categories .ssk-category-heart{font-size:17px;}
body.ssk-premium-v40 #ssk-categories .ssk-category-line{max-width:70px;}
body.ssk-premium-v40 #ssk-categories .ssk-category-grid{
grid-template-columns:repeat(8,minmax(0,1fr))!important;
gap:8px!important;
}
body.ssk-premium-v40 #ssk-categories .ssk-category-card{
min-height:145px;
border-radius:9px!important;
border-color:rgba(236,22,134,.78)!important;
box-shadow:none;
}
body.ssk-premium-v40 #ssk-categories .ssk-category-image{
height:112px;
min-height:112px;
border-radius:8px 8px 0 0;
}
body.ssk-premium-v40 #ssk-categories .ssk-category-image img{padding:6px;}
body.ssk-premium-v40 #ssk-categories .ssk-category-name{
min-height:32px;
padding:5px 3px 1px;
font-size:9px;
line-height:1.05;
}
body.ssk-premium-v40 #ssk-categories .ssk-category-underline{
width:24px;height:1px;margin-bottom:5px;
}
body.ssk-premium-v40 #ssk-categories .ssk-category-bottom{margin-top:8px;}
body.ssk-premium-v40 #ssk-categories .ssk-category-all{
min-width:190px;
padding:8px 16px;
font-size:9px;
}
/* All products: 6 compact cards */
body.ssk-premium-v40 #ssk-home-all-products{
padding:10px 0 24px!important;
background:#050507!important;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-products-heading{
margin-bottom:10px;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-products-heading h2{
font-size:20px;
margin:1px 0 3px;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-products-heading p{
font-size:9px;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-products-all-btn{
padding:7px 12px;
font-size:9px;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-products-grid{
grid-template-columns:repeat(6,minmax(0,1fr));
gap:8px;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-card{
border-radius:9px;
border-color:rgba(236,22,134,.45);
box-shadow:none;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-image{
height:135px;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-image img{padding:5px;}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-badge{
left:5px;top:5px;padding:4px 6px;font-size:8px;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-body{padding:7px 7px 8px;}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-title{
min-height:30px;font-size:9px;line-height:1.15;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-price{
margin:5px 0 6px;font-size:11px;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-actions{gap:4px;}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-cart,
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-whatsapp{
min-height:25px;border-radius:6px;font-size:8px;
}
/* Footer */
body.ssk-premium-v40 .ssk-footer{
background:#08080c;
border-top:1px solid rgba(236,22,134,.24);
}
/* Mobile: side artwork disappears; center becomes full width. */
@media(max-width:1280px){
body.ssk-premium-v40::before,
body.ssk-premium-v40::after{display:none!important;}
body.ssk-premium-v40 .ssk-header,
body.ssk-premium-v40 .ssk-main,
body.ssk-premium-v40 .ssk-footer,
body.ssk-premium-v40 .ssk-topbar{
width:100%;
}
}
@media(max-width:800px){
body.ssk-premium-v40 .ssk-container{
width:calc(100% - 24px)!important;
}
body.ssk-premium-v40 .ssk-header-main{
min-height:64px;
grid-template-columns:44px 1fr auto;
padding:0 12px;
}
body.ssk-premium-v40 .ssk-brand{
grid-column:2;
}
body.ssk-premium-v40 .ssk-search{display:none;}
body.ssk-premium-v40 .ssk-head-actions{grid-column:3;}
body.ssk-premium-v40 .ssk-head-wa{display:none;}
body.ssk-premium-v40 .ssk-head-cart{min-height:38px;padding:0 10px;}
body.ssk-premium-v40 .ssk-nav-row{display:none;}
body.ssk-premium-v40 .ssk-slider{
margin-top:10px;
height:210px;min-height:210px;
}
body.ssk-premium-v40 .ssk-slider-track,
body.ssk-premium-v40 .ssk-slide{height:210px;min-height:210px;}
body.ssk-premium-v40 .ssk-slide-inner{padding:0 30px;}
body.ssk-premium-v40 .ssk-slide-copy{width:100%;}
body.ssk-premium-v40 .ssk-slide-copy h1{font-size:31px;}
body.ssk-premium-v40 #ssk-categories .ssk-category-grid{
display:flex!important;overflow-x:auto;gap:7px!important;
}
body.ssk-premium-v40 #ssk-categories .ssk-category-card{
flex:0 0 105px;min-height:128px;
}
body.ssk-premium-v40 #ssk-categories .ssk-category-image{
height:94px;min-height:94px;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-products-grid{
display:flex!important;overflow-x:auto;gap:8px;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-card{
flex:0 0 165px;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-image{height:155px;}
}
/* High contrast / keyboard focus */
body.ssk-premium-v40 a:focus-visible,
body.ssk-premium-v40 button:focus-visible,
body.ssk-premium-v40 input:focus-visible{
outline:2px solid #fff!important;
outline-offset:2px;
}
/* ============================================================
SSK STORE V4.0.1 — FINAL SIDE ART + PRODUCT SCALE FIX
Exact approved assets:
left.png = woman / right.png = man
============================================================ */
/* Desktop reference frame */
@media(min-width:1281px){
body.ssk-premium-v40{
--ssk-v40-width:1400px;
overflow-x:hidden;
}
/* The side artwork starts at the very top and occupies the
outer gutters only. It never participates in layout. */
body.ssk-premium-v40::before,
body.ssk-premium-v40::after{
display:block!important;
position:fixed!important;
top:0!important;
bottom:0!important;
width:270px!important;
height:100vh!important;
z-index:1!important;
pointer-events:none!important;
background-repeat:no-repeat!important;
background-position:center top!important;
background-size:270px 1024px!important;
background-color:#050507!important;
opacity:1!important;
}
body.ssk-premium-v40::before{
left:0!important;
background-image:
linear-gradient(90deg,rgba(5,5,7,0) 54%,rgba(5,5,7,.20) 100%),
url("../images/ssk-side-woman.png")!important;
}
body.ssk-premium-v40::after{
right:0!important;
background-image:
linear-gradient(270deg,rgba(5,5,7,0) 54%,rgba(5,5,7,.20) 100%),
url("../images/ssk-side-man.png")!important;
}
/* Central store remains exactly centered between the portraits. */
body.ssk-premium-v40 .ssk-topbar,
body.ssk-premium-v40 .ssk-header,
body.ssk-premium-v40 .ssk-main,
body.ssk-premium-v40 .ssk-footer{
width:1400px!important;
max-width:1400px!important;
margin-left:auto!important;
margin-right:auto!important;
position:relative;
z-index:10;
}
body.ssk-premium-v40 .ssk-container{
width:1368px!important;
max-width:1368px!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* Product cards: restore a substantial desktop size.
Five columns prevents the six-column shrink seen in the screenshot. */
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-products-grid{
grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:10px!important;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-card{
min-width:0!important;
border-radius:12px!important;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-image{
height:225px!important;
min-height:225px!important;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-image img{
width:100%!important;
height:100%!important;
max-width:none!important;
max-height:none!important;
object-fit:contain!important;
padding:8px!important;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-body{
padding:11px 10px 12px!important;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-title{
min-height:42px!important;
font-size:14px!important;
line-height:1.28!important;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-price{
margin:8px 0 9px!important;
font-size:14px!important;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-actions{
gap:6px!important;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-cart,
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-whatsapp{
min-height:32px!important;
border-radius:7px!important;
font-size:10px!important;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-badge{
left:7px!important;
top:7px!important;
padding:5px 7px!important;
font-size:9px!important;
}
}
/* Large laptop: four comfortable columns instead of shrinking cards. */
@media(min-width:901px) and (max-width:1280px){
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-products-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:12px!important;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-image{
height:230px!important;
}
}
/* Tablet/mobile: keep the products touch-friendly and never force
six tiny cards into a narrow viewport. */
@media(max-width:900px){
body.ssk-premium-v40::before,
body.ssk-premium-v40::after{
display:none!important;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-products-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
overflow:visible!important;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-image{
height:210px!important;
min-height:210px!important;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-title{
font-size:14px!important;
min-height:42px!important;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-price{
font-size:14px!important;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-cart,
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-whatsapp{
min-height:34px!important;
font-size:10px!important;
}
}
@media(max-width:480px){
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-products-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:8px!important;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-image{
height:175px!important;
min-height:175px!important;
}
body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-title{
font-size:11px!important;
min-height:38px!important;
}
}
/* ============================================================
SSK STORE V4.0.3 — TRUE FULL-PAGE BACKGROUND LAYER
Background is no longer attached to body::before/after.
This prevents left-shift/stacking-context issues and keeps
the uploaded image centered across the complete viewport.
============================================================ */
html,body{
background:#050507!important;
}
body.ssk-premium-v40{
position:relative;
overflow-x:hidden;
}
/* Dedicated layer printed by functions.php */
.ssk-site-background{
position:fixed!important;
inset:0!important;
width:100vw!important;
height:100vh!important;
margin:0!important;
padding:0!important;
z-index:0!important;
pointer-events:none!important;
background-image:var(--ssk-bg-image)!important;
background-repeat:no-repeat!important;
background-position:center center!important;
background-size:cover!important;
background-attachment:fixed!important;
opacity:.48!important;
transform:none!important;
left:0!important;
top:0!important;
}
/* Readability veil */
.ssk-site-background::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
180deg,
rgba(5,5,9,.38) 0%, rgba(5,5,9,.50) 52%, rgba(7,7,11,.64) 100%
);
}
/* Every actual store section sits above the background layer. */
body.ssk-premium-v40 > *:not(.ssk-site-background),
body.ssk-premium-v40 .ssk-topbar,
body.ssk-premium-v40 .ssk-header,
body.ssk-premium-v40 .ssk-main,
body.ssk-premium-v40 .ssk-footer{
position:relative;
z-index:2;
}
/* The background must remain a full viewport layer even though the
store itself uses a narrower centered layout. */
body.ssk-premium-v40 .ssk-topbar,
body.ssk-premium-v40 .ssk-header,
body.ssk-premium-v40 .ssk-main,
body.ssk-premium-v40 .ssk-footer{
background:transparent;
}
/* Disable all historical side-portrait pseudo layers. */
body.ssk-premium-v40::before,
body.ssk-premium-v40::after,
body.ssk-neon-v38::before,
body.ssk-neon-v38::after{
content:none!important;
display:none!important;
}
/* On mobile use normal scrolling for smoother performance. */
@media(max-width:800px){
.ssk-site-background{
background-attachment:scroll!important;
background-position:center center!important;
opacity:.22!important;
}
}
/* V4.0.4 — background must be visible behind transparent site sections */
html body.ssk-premium-v40{
background-color:#050507!important;
}
html body.ssk-premium-v40 .ssk-site-background{
display:block!important;
visibility:visible!important;
opacity:.34!important;
}
html body.ssk-premium-v40 .ssk-main,
html body.ssk-premium-v40 .ssk-footer{
background-color:transparent!important;
}
/* Keep major content cards readable while exposing the uploaded image
in the page background around and between the sections. */
html body.ssk-premium-v40 .ssk-section{
background-color:rgba(7,7,11,.88);
}
@media(max-width:800px){
html body.ssk-premium-v40 .ssk-site-background{
opacity:.24!important;
}
}
/* ============================================================
SSK STORE V4.0.5 — BACKGROUND VISIBILITY
The uploaded 1920x1080 background remains centered and visible.
No position/size changes are made; only the darkness is reduced.
============================================================ */
html body.ssk-premium-v40 .ssk-site-background{
opacity:.48!important;
background-position:center center!important;
background-size:cover!important;
}
html body.ssk-premium-v40 .ssk-site-background::after{
background:linear-gradient(
180deg,
rgba(5,5,9,.38) 0%,
rgba(5,5,9,.50) 52%,
rgba(7,7,11,.64) 100%
)!important;
}
html body.ssk-premium-v40 .ssk-main,
html body.ssk-premium-v40 .ssk-footer{
background-color:transparent!important;
}
@media(max-width:800px){
html body.ssk-premium-v40 .ssk-site-background{
opacity:.34!important;
}
}
/* ============================================================
SSK STORE V4.0.6 — FULL BACKGROUND VISIBILITY
Show the uploaded 1920x1080 background at its real brightness.
Position and scaling remain centered/full-screen.
============================================================ */
html body.ssk-premium-v40 .ssk-site-background{
display:block!important;
visibility:visible!important;
opacity:1!important;
background-position:center center!important;
background-size:cover!important;
background-repeat:no-repeat!important;
}
/* No dark veil over the uploaded image. */
html body.ssk-premium-v40 .ssk-site-background::after{
display:none!important;
content:none!important;
background:transparent!important;
}
/* Let the uploaded background remain visible through the page.
Product/category cards retain their own backgrounds. */
html body.ssk-premium-v40 .ssk-main,
html body.ssk-premium-v40 .ssk-footer,
html body.ssk-premium-v40 .ssk-section{
background-color:transparent!important;
}
/* Keep header/topbar transparent so the background is visible there too. */
html body.ssk-premium-v40 .ssk-topbar,
html body.ssk-premium-v40 .ssk-header{
background-color:transparent!important;
}
/* Preserve readability of actual cards/content surfaces. */
html body.ssk-premium-v40 .ssk-product-card,
html body.ssk-premium-v40 .ssk-home-product-card,
html body.ssk-premium-v40 .ssk-category-card,
html body.ssk-premium-v40 .ssk-slider,
html body.ssk-premium-v40 .ssk-search,
html body.ssk-premium-v40 .ssk-cart-button,
html body.ssk-premium-v40 .ssk-whatsapp-button{
position:relative;
z-index:3;
}
@media(max-width:800px){
html body.ssk-premium-v40 .ssk-site-background{
opacity:1!important;
background-attachment:scroll!important;
background-position:center center!important;
}
}
/* ============================================================
SSK STORE V4.0.7 — PRODUCT PAGE BACKGROUND
Product detail pages:
- center/content area = pure black
- uploaded background remains visible only at left/right sides
- homepage and other pages keep their existing background
============================================================ */
/* Product pages use a black center canvas. */
html body.single-product.ssk-premium-v40{
background:#000!important;
overflow-x:hidden;
}
/* Hide the full-page background layer on product pages. */
html body.single-product.ssk-premium-v40 > .ssk-site-background{
display:none!important;
}
/* Re-create the uploaded 1920x1080 artwork as two side panels.
The image is positioned as a full viewport background in each panel,
so the woman/man at the sides remain visible while the center is black. */
html body.single-product.ssk-premium-v40::before,
html body.single-product.ssk-premium-v40::after{
content:""!important;
display:block!important;
position:fixed!important;
top:0!important;
bottom:0!important;
width:22vw!important;
max-width:420px!important;
min-width:180px!important;
z-index:0!important;
pointer-events:none!important;
background-image:var(--ssk-bg-image)!important;
background-repeat:no-repeat!important;
background-size:100vw 100vh!important;
background-color:#000!important;
opacity:1!important;
}
/* Left side of the uploaded image. */
html body.single-product.ssk-premium-v40::before{
left:0!important;
right:auto!important;
background-position:left center!important;
}
/* Right side of the uploaded image. */
html body.single-product.ssk-premium-v40::after{
right:0!important;
left:auto!important;
background-position:right center!important;
}
/* Product page content stays on top and has a clean black center. */
html body.single-product.ssk-premium-v40 .site,
html body.single-product.ssk-premium-v40 .ssk-main,
html body.single-product.ssk-premium-v40 .ssk-section,
html body.single-product.ssk-premium-v40 .site-main,
html body.single-product.ssk-premium-v40 .woocommerce,
html body.single-product.ssk-premium-v40 .product{
position:relative;
z-index:2;
}
/* The actual product/content canvas is black, while the outer
viewport margins expose the side artwork. */
html body.single-product.ssk-premium-v40 .ssk-main,
html body.single-product.ssk-premium-v40 .site-main{
background:#000!important;
}
/* Keep product cards/details readable without changing their layout. */
html body.single-product.ssk-premium-v40 .product,
html body.single-product.ssk-premium-v40 .summary,
html body.single-product.ssk-premium-v40 .woocommerce-tabs{
position:relative;
z-index:3;
}
/* On narrower screens, don't squeeze the product page. */
@media(min-width:1101px){
html body.single-product .ssk-related-premium .ssk-related-card{
max-width:222px!important;
justify-self:center!important;
}
}
@media(max-width:1100px){
html body.single-product.ssk-premium-v40::before,
html body.single-product.ssk-premium-v40::after{
width:16vw!important;
min-width:110px!important;
background-size:100vw 100vh!important;
}
}
@media(max-width:800px){
html body.single-product.ssk-premium-v40::before,
html body.single-product.ssk-premium-v40::after{
display:none!important;
}
html body.single-product.ssk-premium-v40{
background:#000!important;
}
}
/* ============================================================
SSK STORE V4.0.8 — MOBILE HOMEPAGE
Dedicated mobile layout; desktop/tablet rules remain untouched.
============================================================ */
@media (max-width: 767px){
html, body{
width:100%!important;
max-width:100%!important;
overflow-x:hidden!important;
margin:0!important;
padding:0!important;
}
/* Do not let the decorative desktop background squeeze the mobile page. */
body.ssk-premium-v40:not(.single-product) > .ssk-site-background{
position:fixed!important;
inset:0!important;
width:100vw!important;
height:100vh!important;
background-position:center center!important;
background-size:cover!important;
background-attachment:scroll!important;
opacity:.30!important;
}
body.ssk-premium-v40:not(.single-product)::before,
body.ssk-premium-v40:not(.single-product)::after{
display:none!important;
content:none!important;
}
/* Full-width mobile header. */
body.ssk-premium-v40 .ssk-topbar{
width:100%!important;
min-height:34px!important;
padding:7px 12px!important;
box-sizing:border-box!important;
text-align:center!important;
overflow:hidden!important;
}
body.ssk-premium-v40 .ssk-topbar *{
max-width:100%!important;
}
body.ssk-premium-v40 .ssk-header{
width:100%!important;
margin:0!important;
padding:10px 12px!important;
box-sizing:border-box!important;
}
body.ssk-premium-v40 .ssk-header-main{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:8px!important;
box-sizing:border-box!important;
}
/* Logo never pushes the search/cart off-screen. */
body.ssk-premium-v40 .custom-logo,
body.ssk-premium-v40 .site-logo img{
max-width:145px!important;
max-height:48px!important;
width:auto!important;
height:auto!important;
}
/* Hide non-essential desktop-only header elements. */
body.ssk-premium-v40 .header-search,
body.ssk-premium-v40 .desktop-search,
body.ssk-premium-v40 .header-actions .account-link{
max-width:100%!important;
}
/* Header controls remain tappable. */
body.ssk-premium-v40 .header-actions,
body.ssk-premium-v40 .ssk-header-actions{
display:flex!important;
align-items:center!important;
gap:6px!important;
flex-shrink:0!important;
}
body.ssk-premium-v40 .header-actions a,
body.ssk-premium-v40 .ssk-header-actions a,
body.ssk-premium-v40 button{
min-height:40px!important;
min-width:40px!important;
}
/* Navigation becomes a horizontal scroll row rather than wrapping. */
body.ssk-premium-v40 .ssk-nav,
body.ssk-premium-v40 .site-navigation,
body.ssk-premium-v40 nav{
width:100%!important;
max-width:100%!important;
overflow-x:auto!important;
overflow-y:hidden!important;
-webkit-overflow-scrolling:touch!important;
scrollbar-width:none!important;
white-space:nowrap!important;
}
body.ssk-premium-v40 .ssk-nav::-webkit-scrollbar,
body.ssk-premium-v40 .site-navigation::-webkit-scrollbar,
body.ssk-premium-v40 nav::-webkit-scrollbar{
display:none!important;
}
body.ssk-premium-v40 .ssk-nav ul,
body.ssk-premium-v40 .site-navigation ul,
body.ssk-premium-v40 nav ul{
display:flex!important;
flex-wrap:nowrap!important;
width:max-content!important;
min-width:100%!important;
gap:8px!important;
margin:0!important;
padding:8px 12px!important;
}
/* Homepage hero/slider: fit the phone width without desktop-height overflow. */
body.home.ssk-premium-v40 .ssk-slider,
body.home.ssk-premium-v40 .ssk-hero,
body.home.ssk-premium-v40 .ssk-home-hero{
width:100%!important;
max-width:100%!important;
min-height:210px!important;
height:auto!important;
margin:0!important;
border-radius:0!important;
overflow:hidden!important;
}
body.home.ssk-premium-v40 .ssk-slider img,
body.home.ssk-premium-v40 .ssk-hero img,
body.home.ssk-premium-v40 .ssk-home-hero img{
max-width:100%!important;
}
/* Slider text/buttons scale down and never overflow. */
body.home.ssk-premium-v40 .ssk-slider h1,
body.home.ssk-premium-v40 .ssk-slider h2,
body.home.ssk-premium-v40 .ssk-hero h1,
body.home.ssk-premium-v40 .ssk-hero h2{
font-size:22px!important;
line-height:1.12!important;
margin:0 0 8px!important;
max-width:90%!important;
}
body.home.ssk-premium-v40 .ssk-slider p,
body.home.ssk-premium-v40 .ssk-hero p{
font-size:13px!important;
line-height:1.35!important;
max-width:92%!important;
}
body.home.ssk-premium-v40 .ssk-slider .ssk-slider-content,
body.home.ssk-premium-v40 .ssk-hero .ssk-hero-content{
padding:20px 16px!important;
width:100%!important;
box-sizing:border-box!important;
}
/* Categories: two compact cards per row, no desktop 8-column squeeze. */
body.home.ssk-premium-v40 #ssk-categories{
width:100%!important;
padding:30px 12px 34px!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
body.home.ssk-premium-v40 #ssk-categories .ssk-container{
width:100%!important;
max-width:none!important;
padding:0!important;
margin:0!important;
}
body.home.ssk-premium-v40 #ssk-categories .ssk-category-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
width:100%!important;
overflow:visible!important;
padding:0!important;
}
body.home.ssk-premium-v40 #ssk-categories .ssk-category-card{
width:100%!important;
min-width:0!important;
min-height:205px!important;
border-radius:13px!important;
}
body.home.ssk-premium-v40 #ssk-categories .ssk-category-image{
width:100%!important;
height:145px!important;
min-height:145px!important;
}
body.home.ssk-premium-v40 #ssk-categories .ssk-category-name{
font-size:14px!important;
min-height:45px!important;
padding:9px 5px 3px!important;
}
body.home.ssk-premium-v40 #ssk-categories .ssk-category-heading{
gap:6px!important;
margin-bottom:18px!important;
}
body.home.ssk-premium-v40 #ssk-categories .ssk-category-heading h2{
font-size:20px!important;
white-space:normal!important;
}
body.home.ssk-premium-v40 #ssk-categories .ssk-category-line{
max-width:28px!important;
}
/* All products: two columns with readable product images. */
body.home.ssk-premium-v40 #ssk-home-all-products{
width:100%!important;
padding:30px 12px 38px!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-container{
width:100%!important;
max-width:none!important;
padding:0!important;
margin:0!important;
}
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-products-heading{
width:100%!important;
margin-bottom:18px!important;
gap:12px!important;
}
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-products-heading h2{
font-size:28px!important;
line-height:1.15!important;
}
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-products-heading p{
font-size:14px!important;
}
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-products-all-btn{
width:100%!important;
box-sizing:border-box!important;
min-height:40px!important;
}
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-home-products-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
width:100%!important;
overflow:visible!important;
padding:0!important;
}
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-card{
width:100%!important;
min-width:0!important;
border-radius:12px!important;
}
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-image{
width:100%!important;
height:185px!important;
min-height:185px!important;
}
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-image img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
padding:8px!important;
}
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-body{
padding:9px!important;
}
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-title{
font-size:14px!important;
line-height:1.3!important;
min-height:32px!important;
}
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-price{
font-size:14px!important;
margin:7px 0 8px!important;
}
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-actions{
display:grid!important;
grid-template-columns:1fr!important;
gap:5px!important;
}
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-cart,
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-whatsapp{
min-height:34px!important;
font-size:10px!important;
}
/* WhatsApp quick message area: full-width and easy to tap. */
body.home.ssk-premium-v40 .ssk-quick-messages,
body.home.ssk-premium-v40 .ssk-whatsapp-quick,
body.home.ssk-premium-v40 .ssk-quick-message{
width:100%!important;
max-width:none!important;
box-sizing:border-box!important;
padding:24px 12px!important;
}
/* Prevent any long text/URLs from breaking the layout. */
body.home.ssk-premium-v40 h1,
body.home.ssk-premium-v40 h2,
body.home.ssk-premium-v40 h3,
body.home.ssk-premium-v40 p,
body.home.ssk-premium-v40 a,
body.home.ssk-premium-v40 span{
overflow-wrap:anywhere;
word-break:normal;
}
/* Footer stacks cleanly. */
body.home.ssk-premium-v40 footer,
body.home.ssk-premium-v40 .ssk-footer{
width:100%!important;
max-width:none!important;
box-sizing:border-box!important;
}
}
/* Small phones */
@media (max-width:390px){
body.home.ssk-premium-v40 #ssk-categories .ssk-category-image{
height:130px!important;
min-height:130px!important;
}
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-image{
height:165px!important;
min-height:165px!important;
}
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-card{
border-radius:10px!important;
}
}
/* ============================================================
SSK STORE V4.0.9 — MOBILE HOMEPAGE POSITION FIX
Fixes the vertical displacement of slider/categories/products.
The mobile homepage starts directly after the compact header.
Desktop and product-page layouts are untouched.
============================================================ */
@media (max-width:767px){
/* Hard reset of the mobile page flow. */
html body.ssk-premium-v40{
margin:0!important;
padding:0!important;
min-height:100%!important;
overflow-x:hidden!important;
}
html body.ssk-premium-v40 .ssk-topbar{
position:relative!important;
top:auto!important;
width:100%!important;
max-width:none!important;
height:34px!important;
min-height:34px!important;
margin:0!important;
padding:0 10px!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
html body.ssk-premium-v40 .ssk-topbar-inner{
width:100%!important;
max-width:none!important;
height:34px!important;
min-height:34px!important;
margin:0!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
html body.ssk-premium-v40 .ssk-topbar-inner span{
font-size:9px!important;
line-height:1!important;
white-space:nowrap!important;
}
/* Compact mobile header; remove sticky offset from the page flow. */
html body.ssk-premium-v40 .ssk-header{
position:relative!important;
top:auto!important;
width:100%!important;
max-width:none!important;
height:64px!important;
min-height:64px!important;
margin:0!important;
padding:0!important;
border-left:0!important;
border-right:0!important;
border-radius:0!important;
box-sizing:border-box!important;
}
html body.ssk-premium-v40 .ssk-header-main{
width:100%!important;
max-width:none!important;
height:64px!important;
min-height:64px!important;
margin:0!important;
padding:0 10px!important;
display:grid!important;
grid-template-columns:42px minmax(0,1fr) auto!important;
align-items:center!important;
gap:8px!important;
box-sizing:border-box!important;
}
html body.ssk-premium-v40 .ssk-menu-toggle{
display:flex!important;
width:40px!important;
height:40px!important;
min-width:40px!important;
min-height:40px!important;
margin:0!important;
padding:0!important;
align-items:center!important;
justify-content:center!important;
}
html body.ssk-premium-v40 .ssk-brand{
width:100%!important;
min-width:0!important;
height:54px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
}
html body.ssk-premium-v40 .ssk-admin-logo,
html body.ssk-premium-v40 .ssk-brand img{
width:auto!important;
max-width:145px!important;
height:auto!important;
max-height:48px!important;
margin:0 auto!important;
object-fit:contain!important;
}
html body.ssk-premium-v40 .ssk-head-actions{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:5px!important;
min-width:0!important;
margin:0!important;
}
html body.ssk-premium-v40 .ssk-head-wa{
display:none!important;
}
html body.ssk-premium-v40 .ssk-head-cart{
display:inline-flex!important;
width:auto!important;
min-width:62px!important;
height:38px!important;
min-height:38px!important;
padding:0 8px!important;
margin:0!important;
font-size:10px!important;
border-radius:8px!important;
}
/* The desktop nav is hidden; it must not leave any vertical space. */
html body.ssk-premium-v40 .ssk-nav-row{
display:none!important;
height:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
}
/* Main content starts immediately after the 34px topbar + 64px header. */
html body.ssk-premium-v40 .ssk-main{
display:block!important;
width:100%!important;
max-width:none!important;
height:auto!important;
min-height:0!important;
margin:0!important;
padding:0!important;
position:relative!important;
top:auto!important;
transform:none!important;
box-sizing:border-box!important;
}
/* Slider is fixed to the mobile viewport width, with no inherited
440/500px desktop height and no extra top margin. */
html body.ssk-premium-v40 .ssk-slider{
display:block!important;
position:relative!important;
width:100%!important;
max-width:none!important;
height:210px!important;
min-height:210px!important;
max-height:210px!important;
margin:0!important;
padding:0!important;
border-left:0!important;
border-right:0!important;
border-radius:0!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
html body.ssk-premium-v40 .ssk-slider-track,
html body.ssk-premium-v40 .ssk-slide{
width:100%!important;
height:210px!important;
min-height:210px!important;
max-height:210px!important;
margin:0!important;
padding:0!important;
}
html body.ssk-premium-v40 .ssk-slide-inner{
width:100%!important;
max-width:none!important;
height:210px!important;
min-height:210px!important;
margin:0!important;
padding:0 22px!important;
box-sizing:border-box!important;
}
html body.ssk-premium-v40 .ssk-slide-copy{
width:100%!important;
max-width:82%!important;
margin:0!important;
padding:0!important;
}
html body.ssk-premium-v40 .ssk-slide-copy h1{
font-size:24px!important;
line-height:1.12!important;
letter-spacing:-.8px!important;
margin:4px 0 7px!important;
}
html body.ssk-premium-v40 .ssk-slide-copy p{
font-size:11px!important;
line-height:1.35!important;
margin:0!important;
max-width:100%!important;
}
html body.ssk-premium-v40 .ssk-hero-actions{
display:flex!important;
flex-wrap:wrap!important;
gap:6px!important;
margin:10px 0 0!important;
}
html body.ssk-premium-v40 .ssk-primary-btn,
html body.ssk-premium-v40 .ssk-outline-btn{
min-height:32px!important;
height:32px!important;
padding:0 9px!important;
font-size:9px!important;
border-radius:7px!important;
}
html body.ssk-premium-v40 .ssk-slider-arrow{
width:32px!important;
height:32px!important;
min-width:32px!important;
min-height:32px!important;
top:50%!important;
}
/* Category section follows the slider immediately. */
html body.ssk-premium-v40 #ssk-categories{
display:block!important;
width:100%!important;
max-width:none!important;
margin:0!important;
padding:24px 12px 28px!important;
box-sizing:border-box!important;
}
html body.ssk-premium-v40 #ssk-categories .ssk-container{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
}
html body.ssk-premium-v40 #ssk-categories .ssk-category-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
width:100%!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
}
/* Products follow categories without inherited horizontal-scroll
offsets from the previous mobile implementation. */
html body.ssk-premium-v40 #ssk-home-all-products{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:28px 12px 38px!important;
box-sizing:border-box!important;
}
html body.ssk-premium-v40 #ssk-home-all-products .ssk-container{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
}
html body.ssk-premium-v40 #ssk-home-all-products .ssk-home-products-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
width:100%!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
}
html body.ssk-premium-v40 #ssk-home-all-products .ssk-home-product-card{
width:100%!important;
min-width:0!important;
margin:0!important;
}
/* Remove accidental top offsets on quick support. */
html body.ssk-premium-v40 .ssk-quick-message{
margin:0!important;
width:100%!important;
box-sizing:border-box!important;
}
}
/* ============================================================
SSK STORE V4.1.0 — MOBILE HEADER FLOW FIX
Root cause fixed: the desktop search form was not hidden on
mobile. It entered a new grid row and pushed the slider and
every section downward. Mobile header is now exactly one row.
============================================================ */
@media (max-width:767px){
html body.ssk-premium-v40 .ssk-header{
height:64px!important;
min-height:64px!important;
max-height:64px!important;
overflow:hidden!important;
}
html body.ssk-premium-v40 .ssk-header-main{
height:64px!important;
min-height:64px!important;
max-height:64px!important;
display:grid!important;
grid-template-columns:42px minmax(0,1fr) auto!important;
grid-template-rows:64px!important;
align-items:center!important;
gap:8px!important;
overflow:hidden!important;
}
/* This was the actual source of the vertical displacement. */
html body.ssk-premium-v40 .ssk-search{
display:none!important;
width:0!important;
height:0!important;
min-height:0!important;
max-height:0!important;
margin:0!important;
padding:0!important;
border:0!important;
overflow:hidden!important;
}
html body.ssk-premium-v40 .ssk-menu-toggle{
grid-column:1!important;
grid-row:1!important;
}
html body.ssk-premium-v40 .ssk-brand{
grid-column:2!important;
grid-row:1!important;
}
html body.ssk-premium-v40 .ssk-head-actions{
grid-column:3!important;
grid-row:1!important;
}
/* Force the nav/header and main to have no accidental vertical
margins from desktop rules. */
html body.ssk-premium-v40 .ssk-nav-row{
display:none!important;
position:absolute!important;
width:0!important;
height:0!important;
min-height:0!important;
max-height:0!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
}
html body.ssk-premium-v40 .ssk-mobile-drawer{
top:98px!important;
}
html body.ssk-premium-v40 .ssk-main{
margin-top:0!important;
padding-top:0!important;
transform:none!important;
}
html body.ssk-premium-v40 .ssk-slider{
margin-top:0!important;
}
html body.ssk-premium-v40 #ssk-categories,
html body.ssk-premium-v40 #ssk-home-all-products{
margin-top:0!important;
}
}
/* SSK Store V4.1.2 — slider controls must remain clickable. */
.ssk-slider .ssk-slider-arrow,
.ssk-slider .ssk-slider-dots{
z-index:20!important;
pointer-events:auto!important;
}
.ssk-slider .ssk-slide-bg,
.ssk-slider::after{
pointer-events:none!important;
}
.ssk-slider .ssk-slide:not(.is-active){
pointer-events:none!important;
}
.ssk-slider .ssk-slide.is-active{
pointer-events:auto!important;
}
/* ============================================================
SSK STORE V4.1.5 — POPÜLER KATEGORİLER CAROUSEL
Existing card styling is preserved; only the viewport/controls
are added around it.
============================================================ */
#ssk-categories .ssk-category-carousel{
position:relative;
width:100%;
display:flex;
align-items:center;
gap:10px;
box-sizing:border-box;
}
#ssk-categories .ssk-category-viewport{
flex:1 1 auto;
min-width:0;
width:auto;
overflow:hidden !important;
position:relative;
padding:3px 1px 12px;
box-sizing:border-box;
}
#ssk-categories .ssk-category-grid{
display:flex !important;
flex-wrap:nowrap !important;
gap:14px !important;
width:max-content !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
transition:transform .35s ease;
will-change:transform;
}
#ssk-categories .ssk-category-card{
flex:0 0 calc((100% - 84px) / 7) !important;
width:calc((100% - 84px) / 7) !important;
min-width:0 !important;
max-width:none !important;
box-sizing:border-box !important;
}
#ssk-categories .ssk-category-arrow{
flex:0 0 40px;
width:40px;
height:40px;
padding:0;
margin:0;
border:1px solid rgba(226,27,136,.9);
border-radius:50%;
background:#101015;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
line-height:1;
cursor:pointer;
z-index:10;
box-shadow:0 8px 22px rgba(0,0,0,.3);
transition:background .2s ease,border-color .2s ease,opacity .2s ease,transform .2s ease;
}
#ssk-categories .ssk-category-arrow:hover:not(:disabled){
background:#e21b88;
border-color:#ff4cac;
transform:scale(1.06);
}
#ssk-categories .ssk-category-arrow:disabled{
opacity:.28;
cursor:default;
}
#ssk-categories .ssk-category-arrow:focus-visible{
outline:2px solid #fff;
outline-offset:2px;
}
/* On a normal desktop, 7 cards are visible so the existing 8th
category can actually be reached with the arrows. */
@media(max-width:1250px) and (min-width:981px){
#ssk-categories .ssk-category-card{
flex-basis:calc((100% - 60px) / 6) !important;
width:calc((100% - 60px) / 6) !important;
}
}
@media(max-width:980px){
#ssk-categories .ssk-category-carousel{
gap:7px;
}
#ssk-categories .ssk-category-arrow{
flex-basis:36px;
width:36px;
height:36px;
font-size:27px;
}
#ssk-categories .ssk-category-grid{
gap:10px !important;
}
#ssk-categories .ssk-category-card{
flex-basis:calc((100% - 30px) / 4) !important;
width:calc((100% - 30px) / 4) !important;
}
}
@media(max-width:600px){
#ssk-categories .ssk-category-carousel{
gap:6px;
}
#ssk-categories .ssk-category-arrow{
flex-basis:32px;
width:32px;
height:32px;
font-size:24px;
}
#ssk-categories .ssk-category-grid{
gap:9px !important;
}
#ssk-categories .ssk-category-card{
flex-basis:calc((100% - 9px) / 2) !important;
width:calc((100% - 9px) / 2) !important;
}
#ssk-categories .ssk-category-viewport{
padding-left:0;
padding-right:0;
}
}
/* ============================================================
SSK STORE V4.1.12 — POPÜLER KATEGORİLER UYUMLU BOYUT
Existing carousel/layout is preserved; cards are enlarged for
the wide desktop homepage without changing functionality.
============================================================ */
#ssk-categories .ssk-category-carousel{
width:100% !important;
box-sizing:border-box !important;
}
#ssk-categories .ssk-category-viewport{
flex:1 1 auto !important;
min-width:0 !important;
overflow:hidden !important;
}
#ssk-categories .ssk-category-grid{
display:flex !important;
flex-wrap:nowrap !important;
width:max-content !important;
max-width:none !important;
gap:10px !important;
align-items:stretch !important;
}
#ssk-categories .ssk-category-card{
flex:0 0 145px !important;
width:145px !important;
max-width:145px !important;
min-width:145px !important;
min-height:215px !important;
height:215px !important;
padding:0 !important;
border-radius:14px !important;
}
#ssk-categories .ssk-category-image{
width:100% !important;
height:160px !important;
min-height:160px !important;
max-height:160px !important;
border-radius:13px 13px 0 0 !important;
}
#ssk-categories .ssk-category-image img{
width:100% !important;
height:100% !important;
padding:10px !important;
}
#ssk-categories .ssk-category-name{
width:100% !important;
min-height:48px !important;
height:48px !important;
padding:9px 5px 3px !important;
font-size:12px !important;
line-height:1.18 !important;
}
#ssk-categories .ssk-category-underline{
width:28px !important;
height:2px !important;
margin:0 auto 8px !important;
}
#ssk-categories .ssk-category-arrow{
flex:0 0 38px !important;
width:38px !important;
height:38px !important;
font-size:27px !important;
}
/* Tablet */
@media(max-width:1250px) and (min-width:769px){
#ssk-categories .ssk-category-card{
flex-basis:132px !important;
width:132px !important;
max-width:132px !important;
min-width:132px !important;
min-height:202px !important;
height:202px !important;
}
#ssk-categories .ssk-category-image{
height:150px !important;
min-height:150px !important;
max-height:150px !important;
}
#ssk-categories .ssk-category-name{font-size:11px !important;}
}
/* Mobile: keep the cards compact but comfortably tappable. */
@media(max-width:768px){
#ssk-categories .ssk-category-carousel{gap:6px !important;}
#ssk-categories .ssk-category-grid{gap:8px !important;}
#ssk-categories .ssk-category-card{
flex-basis:128px !important;
width:128px !important;
max-width:128px !important;
min-width:128px !important;
min-height:188px !important;
height:188px !important;
}
#ssk-categories .ssk-category-image{
height:136px !important;
min-height:136px !important;
max-height:136px !important;
}
#ssk-categories .ssk-category-name{
min-height:44px !important;
height:44px !important;
font-size:11px !important;
}
#ssk-categories .ssk-category-arrow{
flex:0 0 34px !important;
width:34px !important;
height:34px !important;
font-size:24px !important;
}
}
@media(max-width:480px){
#ssk-categories .ssk-category-card{
flex-basis:118px !important;
width:118px !important;
max-width:118px !important;
min-width:118px !important;
}
}
/* ============================================================
SSK STORE V4.1.7 — SEPET / WHATSAPP TÜRKÇE DÜZELTMESİ
============================================================ */
.woocommerce-cart .woocommerce-cart-form__contents th,
.woocommerce-cart .cart_totals th,
.woocommerce-cart .cart_totals td,
.woocommerce-cart .cart_totals h2{
color:#fff;
}
.woocommerce-cart .cart_totals .checkout-button,
.woocommerce-cart a.checkout-button{
background:#65d96b !important;
color:#fff !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
min-height:52px !important;
border-radius:10px !important;
font-weight:900 !important;
text-decoration:none !important;
box-shadow:0 8px 24px rgba(101,217,107,.18) !important;
}
.woocommerce-cart .cart_totals .checkout-button:before,
.woocommerce-cart a.checkout-button:before{
content:'☘';
font-size:18px;
line-height:1;
}
.woocommerce-cart .cart_totals .checkout-button:hover,
.woocommerce-cart a.checkout-button:hover{filter:brightness(1.06);}
/* WooCommerce's default cart table often renders headings uppercase via CSS;
keep the translated Turkish words readable. */
.woocommerce-cart .shop_table th{text-transform:none;}
/* SSK Store V4.1.8 — Cart WhatsApp primary action */
body.woocommerce-cart .ssk-cart-wa-primary,
body.woocommerce-cart .wc-proceed-to-checkout .ssk-cart-wa-primary{
background:#65d96b !important;
color:#fff !important;
border:1px solid #65d96b !important;
border-radius:10px !important;
min-height:46px !important;
padding:0 18px !important;
font-weight:900 !important;
text-decoration:none !important;
box-shadow:0 8px 24px rgba(101,217,107,.18) !important;
}
body.woocommerce-cart .ssk-cart-wa-primary:hover{
background:#55c95b !important;
color:#fff !important;
}
/* ============================================================
SSK Store V4.1.10 — Yeni Ürünler page grid stability
Scope is limited to .ssk-new-products-page so the homepage,
WooCommerce shop and other templates remain unchanged.
============================================================ */
.ssk-new-products-page{
width:100%;
padding:58px 0 82px;
}
.ssk-new-products-page > .ssk-container{
width:min(1240px,calc(100% - 40px));
margin:0 auto;
}
.ssk-new-products-page .ssk-page-head{
width:100%;
max-width:820px;
margin:0 auto 36px;
text-align:center;
}
.ssk-new-products-page .ssk-page-head h1{
margin:9px 0 12px;
color:#fff;
font-size:clamp(34px,4vw,54px);
line-height:1.05;
letter-spacing:-1.5px;
}
.ssk-new-products-page .ssk-page-head p{
margin:0;
color:#bdbdc7;
font-size:16px;
}
.ssk-new-products-page .ssk-new-products-grid{
display:grid !important;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:16px;
width:100%;
margin:0;
padding:0;
align-items:stretch;
}
.ssk-new-products-page .ssk-home-product-card{
display:flex;
flex-direction:column;
min-width:0;
height:100%;
overflow:hidden;
background:rgba(16,16,20,.98);
border:1px solid rgba(226,27,136,.42);
border-radius:14px;
box-shadow:0 8px 24px rgba(0,0,0,.22);
transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.ssk-new-products-page .ssk-home-product-card:hover{
transform:translateY(-3px);
border-color:#e21b88;
box-shadow:0 14px 30px rgba(226,27,136,.14);
}
.ssk-new-products-page .ssk-home-product-image{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:230px;
min-height:230px;
margin:0;
padding:0;
overflow:hidden;
background:#fff;
text-decoration:none !important;
}
.ssk-new-products-page .ssk-home-product-image img{
display:block;
width:100%;
height:100%;
max-width:none;
object-fit:contain;
padding:10px;
margin:0;
}
.ssk-new-products-page .ssk-home-product-badge{
position:absolute;
left:9px;
top:9px;
z-index:2;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:24px;
padding:4px 8px;
border-radius:999px;
background:#e21b88;
color:#fff;
font-size:10px;
line-height:1;
font-weight:900;
}
.ssk-new-products-page .ssk-home-product-body{
display:flex;
flex:1 1 auto;
flex-direction:column;
min-width:0;
padding:12px 12px 13px;
}
.ssk-new-products-page .ssk-home-product-title{
display:block;
min-height:40px;
color:#fff !important;
text-decoration:none !important;
font-size:14px;
line-height:1.35;
font-weight:700;
}
.ssk-new-products-page .ssk-home-product-price{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:5px;
min-height:25px;
margin:9px 0 11px;
color:#fff;
font-size:15px;
line-height:1.2;
font-weight:800;
}
.ssk-new-products-page .ssk-home-product-price del{
color:#888;
margin-right:2px;
}
.ssk-new-products-page .ssk-home-product-price ins{
color:#ff4aa8;
text-decoration:none;
}
.ssk-new-products-page .ssk-home-product-actions{
display:grid;
grid-template-columns:1fr 1fr;
gap:7px;
width:100%;
margin-top:auto;
}
.ssk-new-products-page .ssk-home-product-cart,
.ssk-new-products-page .ssk-home-product-whatsapp{
display:flex;
align-items:center;
justify-content:center;
min-width:0;
min-height:36px;
padding:0 8px;
border-radius:8px;
text-decoration:none !important;
font-size:11px;
line-height:1;
font-weight:800;
white-space:nowrap;
}
.ssk-new-products-page .ssk-home-product-cart{
background:#c41472;
color:#fff !important;
}
.ssk-new-products-page .ssk-home-product-whatsapp{
background:#69d45d;
color:#fff !important;
}
.ssk-new-products-page .ssk-products-empty{
grid-column:1/-1;
padding:40px;
text-align:center;
color:#aaa;
border:1px dashed rgba(226,27,136,.35);
border-radius:14px;
}
@media(max-width:1200px){
.ssk-new-products-page .ssk-new-products-grid{
grid-template-columns:repeat(4,minmax(0,1fr));
}
}
@media(max-width:900px){
.ssk-new-products-page .ssk-new-products-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
}
.ssk-new-products-page .ssk-home-product-image{
height:210px;
min-height:210px;
}
}
@media(max-width:760px){
.ssk-new-products-page{
padding:42px 0 70px;
}
.ssk-new-products-page > .ssk-container{
width:min(100% - 24px,640px);
}
.ssk-new-products-page .ssk-page-head{
margin-bottom:28px;
}
.ssk-new-products-page .ssk-page-head h1{
font-size:32px;
}
.ssk-new-products-page .ssk-page-head p{
font-size:14px;
}
.ssk-new-products-page .ssk-new-products-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
.ssk-new-products-page .ssk-home-product-image{
height:185px;
min-height:185px;
}
.ssk-new-products-page .ssk-home-product-body{
padding:10px;
}
.ssk-new-products-page .ssk-home-product-title{
min-height:38px;
font-size:13px;
}
.ssk-new-products-page .ssk-home-product-actions{
grid-template-columns:1fr;
}
}
@media(max-width:420px){
.ssk-new-products-page .ssk-home-product-image{
height:165px;
min-height:165px;
}
.ssk-new-products-page .ssk-home-product-price{
font-size:14px;
}
}
/* ============================================================
SSK Store V4.1.11 — Desktop store frame widened
Keeps the existing layout/components intact; only expands the
desktop canvas so the homepage uses more horizontal space.
============================================================ */
@media(min-width:1281px){
html body.ssk-premium-v40 .ssk-topbar,
html body.ssk-premium-v40 .ssk-header,
html body.ssk-premium-v40 .ssk-main,
html body.ssk-premium-v40 .ssk-footer{
width:min(1400px,calc(100% - 48px))!important;
max-width:1400px!important;
}
html body.ssk-premium-v40 .ssk-container{
width:min(1368px,calc(100% - 24px))!important;
max-width:1368px!important;
}
html body.ssk-premium-v40 .ssk-slider{
width:100%!important;
max-width:none!important;
}
}
/* ============================================================
SSK STORE V4.1.14 — ANA SAYFA 15 ÜRÜN + SAYFALAMA
Sadece ana sayfadaki "Tüm Ürünler" bölümünü etkiler.
============================================================ */
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-home-products-pagination{
display:flex!important;
justify-content:center!important;
align-items:center!important;
gap:10px!important;
margin:30px auto 6px!important;
width:100%!important;
flex-wrap:wrap!important;
}
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-home-page-link{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:46px!important;
height:46px!important;
min-width:46px!important;
padding:0!important;
border:1px solid rgba(239,37,151,.8)!important;
border-radius:12px!important;
background:linear-gradient(180deg,#19131b 0%,#0e0e13 100%)!important;
color:#fff!important;
font-size:16px!important;
font-weight:900!important;
line-height:1!important;
box-shadow:0 5px 16px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06)!important;
text-decoration:none!important;
box-sizing:border-box!important;
transition:all .18s ease!important;
}
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-home-page-link:hover{
background:linear-gradient(180deg,#ed2997 0%,#b70f70 100%)!important;
color:#fff!important;
border-color:#ff4aad!important;
transform:translateY(-2px)!important;
box-shadow:0 7px 18px rgba(225,24,141,.28)!important;
}
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-home-page-link.is-current{
background:linear-gradient(180deg,#ef2a99 0%,#c10f76 100%)!important;
color:#fff!important;
border-color:#ff63b7!important;
box-shadow:0 0 20px rgba(225,24,141,.38), inset 0 1px 0 rgba(255,255,255,.16)!important;
}
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-home-page-prev,
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-home-page-next{
font-size:28px!important;
}
@media (max-width:767px){
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-home-products-pagination{
gap:7px!important;
margin-top:22px!important;
}
body.home.ssk-premium-v40 #ssk-home-all-products .ssk-home-page-link{
width:40px!important;
min-width:40px!important;
height:40px!important;
border-radius:8px!important;
font-size:14px!important;
}
}
/* ============================================================
SSK STORE V4.1.15 — ANA SAYFA SAYFALAMA SON TASARIM
Belirgin, kutulu ve kolay tıklanabilir sayfa numaraları.
Yalnızca #ssk-home-all-products sayfalamasını etkiler.
============================================================ */
#ssk-home-all-products .ssk-home-products-pagination{
display:flex !important;
justify-content:center !important;
align-items:center !important;
gap:12px !important;
width:100% !important;
margin:34px auto 20px !important;
padding:0 !important;
flex-wrap:wrap !important;
list-style:none !important;
}
#ssk-home-all-products .ssk-home-products-pagination .ssk-home-page-link{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
flex:0 0 54px !important;
width:54px !important;
min-width:54px !important;
height:54px !important;
min-height:54px !important;
margin:0 !important;
padding:0 !important;
box-sizing:border-box !important;
border:2px solid #d51a86 !important;
border-radius:14px !important;
background:#111017 !important;
color:#fff !important;
font-size:19px !important;
font-weight:900 !important;
line-height:1 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:0 4px 14px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08) !important;
transition:transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease !important;
cursor:pointer !important;
}
#ssk-home-all-products .ssk-home-products-pagination .ssk-home-page-link:hover,
#ssk-home-all-products .ssk-home-products-pagination .ssk-home-page-link:focus-visible{
background:#d51a86 !important;
border-color:#ff5bb5 !important;
color:#fff !important;
text-decoration:none !important;
transform:translateY(-3px) !important;
box-shadow:0 8px 22px rgba(213,26,134,.35) !important;
outline:none !important;
}
#ssk-home-all-products .ssk-home-products-pagination .ssk-home-page-link.is-current{
background:linear-gradient(135deg,#ff2da1 0%,#c20d76 100%) !important;
border-color:#ff67bd !important;
color:#fff !important;
font-size:20px !important;
box-shadow:0 0 0 3px rgba(213,26,134,.18), 0 8px 24px rgba(213,26,134,.38), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
#ssk-home-all-products .ssk-home-products-pagination .ssk-home-page-prev,
#ssk-home-all-products .ssk-home-products-pagination .ssk-home-page-next{
font-size:31px !important;
font-weight:900 !important;
}
@media (max-width:767px){
#ssk-home-all-products .ssk-home-products-pagination{
gap:8px !important;
margin-top:26px !important;
margin-bottom:16px !important;
}
#ssk-home-all-products .ssk-home-products-pagination .ssk-home-page-link{
flex-basis:46px !important;
width:46px !important;
min-width:46px !important;
height:46px !important;
min-height:46px !important;
border-radius:11px !important;
font-size:17px !important;
}
#ssk-home-all-products .ssk-home-products-pagination .ssk-home-page-link.is-current{
font-size:18px !important;
}
#ssk-home-all-products .ssk-home-products-pagination .ssk-home-page-prev,
#ssk-home-all-products .ssk-home-products-pagination .ssk-home-page-next{
font-size:26px !important;
}
}
/* SSK Store V4.1.16 — Popular category cards: white background */
.ssk-category-card{background:#fff !important;color:#17131b;}
.ssk-category-card strong{color:#17131b !important;}
.ssk-category-card small{color:#555 !important;}
/* SSK Store V4.1.18 — Homepage POPÜLER KATEGORİLER slider cards: white */
#ssk-categories .ssk-category-card,
body.ssk-neon-v38 #ssk-categories .ssk-category-card{
background:#ffffff !important;
color:#17131b !important;
border-color:#d51a80 !important;
box-shadow:0 8px 22px rgba(0,0,0,.16) !important;
}
#ssk-categories .ssk-category-image,
body.ssk-neon-v38 #ssk-categories .ssk-category-image{
background:#ffffff !important;
border-color:#eeeeee !important;
}
#ssk-categories .ssk-category-name,
body.ssk-neon-v38 #ssk-categories .ssk-category-name{
color:#17131b !important;
}
#ssk-categories .ssk-category-placeholder,
body.ssk-neon-v38 #ssk-categories .ssk-category-placeholder{
background:#f4f4f4 !important;
color:#d51a80 !important;
}
#ssk-categories .ssk-category-card:hover,
body.ssk-neon-v38 #ssk-categories .ssk-category-card:hover{
background:#ffffff !important;
border-color:#ff4cac !important;
box-shadow:0 14px 30px rgba(225,20,132,.20) !important;
}
/* SSK Store V4.1.19 — Force white background on homepage POPÜLER KATEGORİLER cards. */
body #ssk-categories.ssk-home-categories .ssk-category-card.ssk-cat-style-card {
background-color:#fff !important;
background-image:none !important;
color:#17131b !important;
border-color:#d51a80 !important;
}
body #ssk-categories.ssk-home-categories .ssk-category-card.ssk-cat-style-card .ssk-category-image {
background-color:#fff !important;
background-image:none !important;
}
body #ssk-categories.ssk-home-categories .ssk-category-card.ssk-cat-style-card .ssk-category-name {
color:#17131b !important;
}
body #ssk-categories.ssk-home-categories .ssk-category-card.ssk-cat-style-card:hover {
background-color:#fff !important;
}
/* ============================================================
SSK STORE V4.1.31 — POPÜLER KATEGORİLER DAİRESEL TASARIM
Ana sayfadaki POPÜLER KATEGORİLER slider kartları:
- Görsel alanı gerçek daire
- Beyaz dairesel yüzey + pembe çerçeve
- Kategori adı dairenin altında
- Carousel yapısı korunur
============================================================ */
html body.ssk-premium-v40 #ssk-categories .ssk-category-grid{
display:grid!important;
grid-template-columns:repeat(8,minmax(145px,1fr))!important;
gap:14px!important;
align-items:start!important;
}
html body.ssk-premium-v40 #ssk-categories .ssk-category-card{
width:145px!important;
min-width:145px!important;
height:auto!important;
min-height:0!important;
padding:0!important;
margin:0 auto!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:flex-start!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
overflow:visible!important;
color:#fff!important;
text-decoration:none!important;
}
html body.ssk-premium-v40 #ssk-categories .ssk-category-card:hover{
transform:translateY(-4px)!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
html body.ssk-premium-v40 #ssk-categories .ssk-category-image{
width:145px!important;
height:145px!important;
min-height:145px!important;
flex:0 0 145px!important;
margin:0!important;
padding:8px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:50%!important;
overflow:hidden!important;
background:#fff!important;
border:2px solid #f21a86!important;
box-shadow:0 5px 18px rgba(242,26,134,.16)!important;
}
html body.ssk-premium-v40 #ssk-categories .ssk-category-image img{
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
padding:0!important;
object-fit:contain!important;
object-position:center!important;
display:block!important;
mix-blend-mode:normal!important;
}
html body.ssk-premium-v40 #ssk-categories .ssk-category-placeholder{
color:#f21a86!important;
font-size:42px!important;
line-height:1!important;
}
html body.ssk-premium-v40 #ssk-categories .ssk-category-name{
width:145px!important;
min-height:38px!important;
margin:10px 0 0!important;
padding:0 4px!important;
display:flex!important;
align-items:flex-start!important;
justify-content:center!important;
text-align:center!important;
color:#fff!important;
font-size:12px!important;
font-weight:900!important;
line-height:1.15!important;
}
html body.ssk-premium-v40 #ssk-categories .ssk-category-underline{
display:none!important;
}
html body.ssk-premium-v40 #ssk-categories .ssk-category-viewport{
overflow:hidden!important;
}
html body.ssk-premium-v40 #ssk-categories .ssk-category-arrow{
z-index:5!important;
width:42px!important;
height:42px!important;
min-width:42px!important;
border-radius:50%!important;
border:1px solid #f21a86!important;
background:#0b0b10!important;
color:#fff!important;
font-size:28px!important;
line-height:1!important;
box-shadow:0 0 16px rgba(242,26,134,.16)!important;
}
html body.ssk-premium-v40 #ssk-categories .ssk-category-arrow:hover{
background:#f21a86!important;
color:#fff!important;
transform:scale(1.06)!important;
}
@media(max-width:1100px){
html body.ssk-premium-v40 #ssk-categories .ssk-category-grid{
grid-template-columns:repeat(6,minmax(135px,1fr))!important;
gap:12px!important;
}
html body.ssk-premium-v40 #ssk-categories .ssk-category-card,
html body.ssk-premium-v40 #ssk-categories .ssk-category-image{
width:135px!important;
}
html body.ssk-premium-v40 #ssk-categories .ssk-category-image{
height:135px!important;
min-height:135px!important;
flex-basis:135px!important;
}
}
@media(max-width:760px){
html body.ssk-premium-v40 #ssk-categories .ssk-category-grid{
grid-template-columns:repeat(2,minmax(130px,1fr))!important;
gap:16px 10px!important;
}
html body.ssk-premium-v40 #ssk-categories .ssk-category-card,
html body.ssk-premium-v40 #ssk-categories .ssk-category-image{
width:130px!important;
}
html body.ssk-premium-v40 #ssk-categories .ssk-category-image{
height:130px!important;
min-height:130px!important;
flex-basis:130px!important;
}
html body.ssk-premium-v40 #ssk-categories .ssk-category-name{
width:130px!important;
font-size:11px!important;
}
}
/* ============================================================
SSK STORE V4.1.32 — POPÜLER KATEGORİLER: 8 KARTLIK TEK SATIR
Masaüstünde aynı anda yalnızca 8 kategori gösterilir.
Diğer kategoriler mevcut slider oklarıyla yatay olarak açılır.
============================================================ */
html body.ssk-premium-v40 #ssk-categories .ssk-category-viewport{
width:100%!important;
overflow:hidden!important;
}
html body.ssk-premium-v40 #ssk-categories .ssk-category-grid{
display:flex!important;
flex-wrap:nowrap!important;
flex-direction:row!important;
align-items:flex-start!important;
justify-content:flex-start!important;
gap:14px!important;
width:max-content!important;
min-width:max-content!important;
grid-template-columns:none!important;
grid-template-rows:none!important;
transform:translate3d(0,0,0);
transition:transform .28s ease;
}
html body.ssk-premium-v40 #ssk-categories .ssk-category-card{
flex:0 0 145px!important;
width:145px!important;
min-width:145px!important;
max-width:145px!important;
}
@media(max-width:1250px){
html body.ssk-premium-v40 #ssk-categories .ssk-category-card{
flex-basis:140px!important;
width:140px!important;
min-width:140px!important;
max-width:140px!important;
}
html body.ssk-premium-v40 #ssk-categories .ssk-category-image{
width:140px!important;
height:140px!important;
min-height:140px!important;
flex-basis:140px!important;
}
html body.ssk-premium-v40 #ssk-categories .ssk-category-name{width:140px!important;}
}
@media(max-width:760px){
html body.ssk-premium-v40 #ssk-categories .ssk-category-grid{
gap:10px!important;
}
html body.ssk-premium-v40 #ssk-categories .ssk-category-card{
flex-basis:145px!important;
width:145px!important;
min-width:145px!important;
max-width:145px!important;
}
html body.ssk-premium-v40 #ssk-categories .ssk-category-image{
width:145px!important;
height:145px!important;
min-height:145px!important;
flex-basis:145px!important;
}
html body.ssk-premium-v40 #ssk-categories .ssk-category-name{width:145px!important;}
}
/* ============================================================
SSK STORE V4.1.33 — POPÜLER KATEGORİLER / CIRCULAR CARDS
Circular visual treatment matching the requested homepage design.
============================================================ */
#ssk-categories .ssk-category-grid{
display:flex!important;
flex-wrap:nowrap!important;
gap:14px!important;
width:max-content!important;
max-width:none!important;
margin:0!important;
padding:0!important;
}
#ssk-categories .ssk-category-card{
flex:0 0 calc((100% - 98px)/8)!important;
width:calc((100% - 98px)/8)!important;
min-width:0!important;
max-width:none!important;
min-height:0!important;
height:auto!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
color:#fff!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:flex-start!important;
text-align:center!important;
overflow:visible!important;
text-decoration:none!important;
}
#ssk-categories .ssk-category-card:hover{
transform:none!important;
background:transparent!important;
border-color:transparent!important;
box-shadow:none!important;
}
#ssk-categories .ssk-category-image{
width:clamp(118px,8.2vw,156px)!important;
height:clamp(118px,8.2vw,156px)!important;
min-height:0!important;
flex:0 0 auto!important;
aspect-ratio:1/1!important;
border-radius:50%!important;
overflow:hidden!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:#fff!important;
border:2px solid #f21a86!important;
box-shadow:0 0 0 4px rgba(242,26,134,.08),0 0 24px rgba(242,26,134,.24)!important;
transition:transform .22s ease,box-shadow .22s ease!important;
}
#ssk-categories .ssk-category-image img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center!important;
padding:8px!important;
box-sizing:border-box!important;
display:block!important;
background:#fff!important;
}
#ssk-categories .ssk-category-placeholder{
width:100%!important;
height:100%!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:50%!important;
background:#f7f7f9!important;
color:#e21b88!important;
font-size:42px!important;
}
#ssk-categories .ssk-category-card:hover .ssk-category-image{
transform:translateY(-4px) scale(1.035)!important;
box-shadow:0 0 0 4px rgba(242,26,134,.10),0 0 34px rgba(242,26,134,.42)!important;
}
#ssk-categories .ssk-category-name{
width:100%!important;
min-height:0!important;
margin:14px 0 0!important;
padding:0 3px!important;
color:#fff!important;
font-size:13px!important;
line-height:1.2!important;
font-weight:900!important;
text-align:center!important;
white-space:normal!important;
overflow:visible!important;
}
#ssk-categories .ssk-category-underline{
display:none!important;
}
#ssk-categories .ssk-category-viewport{
padding:8px 2px 18px!important;
}
#ssk-categories .ssk-category-carousel{gap:12px!important;}
#ssk-categories .ssk-category-arrow{
flex:0 0 42px!important;
width:42px!important;
height:42px!important;
border-radius:50%!important;
background:#0d0d12!important;
border:1px solid #e21b88!important;
color:#fff!important;
box-shadow:0 0 18px rgba(242,26,134,.15)!important;
}
#ssk-categories .ssk-category-bottom{margin-top:4px!important;}
@media(max-width:1250px) and (min-width:981px){
#ssk-categories .ssk-category-card{
flex-basis:calc((100% - 84px)/7)!important;
width:calc((100% - 84px)/7)!important;
}
#ssk-categories .ssk-category-image{width:128px!important;height:128px!important;}
}
@media(max-width:980px){
#ssk-categories .ssk-category-card{
flex-basis:calc((100% - 42px)/4)!important;
width:calc((100% - 42px)/4)!important;
}
#ssk-categories .ssk-category-image{width:110px!important;height:110px!important;}
#ssk-categories .ssk-category-name{font-size:12px!important;}
}
@media(max-width:600px){
#ssk-categories .ssk-category-card{
flex-basis:calc((100% - 9px)/2)!important;
width:calc((100% - 9px)/2)!important;
}
#ssk-categories .ssk-category-image{width:112px!important;height:112px!important;}
#ssk-categories .ssk-category-name{font-size:12px!important;margin-top:10px!important;}
}
/* ============================================================
SSK STORE V4.1.34 — POPÜLER KATEGORİLER: GERÇEK DAİRE KARTLAR
The white rectangular card background is removed entirely.
Only the circular category visual remains, with the label below.
Exactly 8 circles fit in the desktop viewport; more are reached
with the existing carousel arrows.
============================================================ */
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-viewport{
overflow:hidden!important;
padding:10px 0 18px!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-grid{
display:flex!important;
flex-wrap:nowrap!important;
gap:14px!important;
width:max-content!important;
max-width:none!important;
align-items:flex-start!important;
transform:translate3d(0,0,0);
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-card{
flex:0 0 calc((100vw - 2 * 0px - 7 * 14px) / 8)!important;
width:calc((100vw - 2 * 0px - 7 * 14px) / 8)!important;
min-width:0!important;
max-width:none!important;
height:auto!important;
min-height:0!important;
padding:0!important;
margin:0!important;
background:transparent!important;
background-color:transparent!important;
background-image:none!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
overflow:visible!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:flex-start!important;
color:#fff!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-card:hover{
background:transparent!important;
background-color:transparent!important;
border:0!important;
box-shadow:none!important;
transform:none!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-image{
width:min(100%,156px)!important;
height:auto!important;
aspect-ratio:1/1!important;
min-height:0!important;
flex:0 0 auto!important;
padding:7px!important;
box-sizing:border-box!important;
border-radius:50%!important;
background:#fff!important;
border:2px solid #f21a86!important;
box-shadow:0 0 0 3px rgba(242,26,134,.08),0 0 24px rgba(242,26,134,.25)!important;
overflow:hidden!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-image img{
width:100%!important;
height:100%!important;
padding:0!important;
object-fit:contain!important;
object-position:center!important;
display:block!important;
background:#fff!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-placeholder{
width:100%!important;
height:100%!important;
border-radius:50%!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:#f7f7f9!important;
color:#f21a86!important;
font-size:38px!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-name{
width:100%!important;
min-height:38px!important;
height:auto!important;
margin:10px 0 0!important;
padding:0 2px!important;
color:#fff!important;
text-align:center!important;
font-size:12px!important;
font-weight:900!important;
line-height:1.18!important;
white-space:normal!important;
overflow:visible!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-underline{display:none!important;}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-arrow{
flex:0 0 42px!important;
width:42px!important;
height:42px!important;
min-width:42px!important;
border-radius:50%!important;
}
@media(max-width:1250px) and (min-width:761px){
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-card{
flex-basis:calc((100% - 5 * 12px) / 6)!important;
width:calc((100% - 5 * 12px) / 6)!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-image{max-width:140px!important;}
}
@media(max-width:760px){
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-card{
flex-basis:calc((100vw - 2 * 12px - 1 * 10px) / 2)!important;
width:calc((100vw - 2 * 12px - 1 * 10px) / 2)!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-image{max-width:132px!important;}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-name{font-size:11px!important;}
}
/* ============================================================
SSK STORE V4.1.35 — POPÜLER KATEGORİLER: BÜYÜK DAİRE + İKONLU ETİKET
Mevcut carousel yapısı korunur; yalnızca görsel ve etiket sunumu güçlendirilir.
============================================================ */
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-viewport{
overflow:hidden!important;
padding:14px 4px 24px!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-grid{
gap:18px!important;
align-items:flex-start!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-card{
flex:0 0 184px!important;
width:184px!important;
min-width:184px!important;
max-width:184px!important;
padding:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-image{
width:184px!important;
height:184px!important;
max-width:184px!important;
max-height:184px!important;
padding:6px!important;
border-radius:50%!important;
background:#fff!important;
border:3px solid #ff1b91!important;
box-shadow:0 0 0 4px rgba(255,27,145,.08),0 0 28px rgba(255,27,145,.34),inset 0 0 18px rgba(255,27,145,.06)!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-image img{
width:100%!important;
height:100%!important;
padding:0!important;
object-fit:contain!important;
object-position:center!important;
border-radius:50%!important;
background:#fff!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-card:hover .ssk-category-image{
transform:translateY(-6px) scale(1.035)!important;
box-shadow:0 0 0 4px rgba(255,27,145,.12),0 0 38px rgba(255,27,145,.52),inset 0 0 18px rgba(255,27,145,.08)!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-name{
position:relative!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
width:100%!important;
min-height:44px!important;
margin:12px 0 0!important;
padding:8px 12px!important;
border:1.5px solid #ff1b91!important;
border-radius:999px!important;
background:rgba(8,8,14,.88)!important;
color:#fff!important;
box-shadow:0 0 14px rgba(255,27,145,.18),inset 0 0 10px rgba(255,27,145,.06)!important;
font-size:12px!important;
line-height:1.15!important;
font-weight:900!important;
text-align:center!important;
white-space:normal!important;
overflow:visible!important;
text-shadow:0 1px 8px rgba(255,27,145,.18)!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-name::before{
content:'♡'!important;
flex:0 0 24px!important;
width:24px!important;
height:24px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:50%!important;
background:linear-gradient(135deg,#ff1b91,#c30b67)!important;
border:1px solid rgba(255,255,255,.35)!important;
color:#fff!important;
font-size:14px!important;
line-height:1!important;
box-shadow:0 0 10px rgba(255,27,145,.32)!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-bottom{margin-top:10px!important;}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-arrow{
width:46px!important;
height:46px!important;
min-width:46px!important;
flex-basis:46px!important;
border:1.5px solid #ff1b91!important;
background:rgba(8,8,14,.92)!important;
box-shadow:0 0 18px rgba(255,27,145,.24)!important;
font-size:25px!important;
}
@media(max-width:1250px) and (min-width:761px){
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-card{
flex-basis:174px!important;width:174px!important;min-width:174px!important;max-width:174px!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-image{
width:174px!important;height:174px!important;max-width:174px!important;max-height:174px!important;
}
}
@media(max-width:760px){
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-card{
flex-basis:158px!important;width:158px!important;min-width:158px!important;max-width:158px!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-image{
width:158px!important;height:158px!important;max-width:158px!important;max-height:158px!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-name{
min-height:40px!important;font-size:11px!important;padding:7px 8px!important;gap:5px!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-name::before{
flex-basis:21px!important;width:21px!important;height:21px!important;font-size:12px!important;
}
}
/* ============================================================
SSK STORE V4.1.36 — POPÜLER KATEGORİLER: BÜYÜK DAİRE + İKONLU ETİKET
Final override for homepage category carousel.
- No rectangular card/background
- Large circular white image with neon-pink ring
- Clear icon pill under each circle
- 8 circles visible on desktop; arrows overlay the row
============================================================ */
html body #ssk-categories.ssk-home-categories .ssk-category-carousel{
position:relative!important;
display:block!important;
width:100%!important;
padding:0!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-viewport{
width:100%!important;
max-width:none!important;
overflow:hidden!important;
padding:12px 0 18px!important;
box-sizing:border-box!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-grid{
display:flex!important;
flex-wrap:nowrap!important;
align-items:flex-start!important;
gap:8px!important;
width:max-content!important;
max-width:none!important;
max-height:none!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
transform:translate3d(0,0,0);
}
html body #ssk-categories.ssk-home-categories .ssk-category-card{
flex:0 0 145px!important;
width:145px!important;
min-width:145px!important;
max-width:145px!important;
height:auto!important;
min-height:0!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
overflow:visible!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
text-decoration:none!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-card:hover{
background:transparent!important;
border:0!important;
box-shadow:none!important;
transform:none!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-image{
width:145px!important;
height:145px!important;
min-width:145px!important;
min-height:145px!important;
max-width:145px!important;
max-height:145px!important;
flex:0 0 145px!important;
padding:5px!important;
box-sizing:border-box!important;
border-radius:50%!important;
overflow:hidden!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:#fff!important;
border:3px solid #ff1b91!important;
box-shadow:0 0 0 3px rgba(255,27,145,.10),0 0 24px rgba(255,27,145,.38),inset 0 0 14px rgba(255,27,145,.06)!important;
transition:transform .22s ease,box-shadow .22s ease!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-image img{
width:100%!important;
height:100%!important;
padding:0!important;
margin:0!important;
object-fit:contain!important;
object-position:center!important;
border-radius:50%!important;
background:#fff!important;
display:block!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-card:hover .ssk-category-image{
transform:scale(1.045)!important;
box-shadow:0 0 0 4px rgba(255,27,145,.12),0 0 34px rgba(255,27,145,.55),inset 0 0 16px rgba(255,27,145,.08)!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-name{
width:calc(100% - 6px)!important;
min-width:0!important;
min-height:42px!important;
height:auto!important;
margin:10px 3px 0!important;
padding:6px 7px!important;
box-sizing:border-box!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
border:1.5px solid #ff1b91!important;
border-radius:999px!important;
background:rgba(7,7,12,.94)!important;
color:#fff!important;
box-shadow:0 0 13px rgba(255,27,145,.22),inset 0 0 8px rgba(255,27,145,.08)!important;
font-size:11px!important;
line-height:1.12!important;
font-weight:900!important;
text-align:center!important;
white-space:normal!important;
overflow:visible!important;
text-shadow:0 1px 7px rgba(255,27,145,.18)!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-name::before{
content:'♡'!important;
flex:0 0 23px!important;
width:23px!important;
height:23px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:50%!important;
background:linear-gradient(135deg,#ff1b91,#c20b66)!important;
border:1px solid rgba(255,255,255,.4)!important;
color:#fff!important;
font-size:14px!important;
line-height:1!important;
box-shadow:0 0 10px rgba(255,27,145,.35)!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-underline{display:none!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-arrow{
position:absolute!important;
top:50%!important;
transform:translateY(-50%)!important;
z-index:20!important;
width:46px!important;
height:46px!important;
min-width:46px!important;
flex:0 0 46px!important;
border-radius:50%!important;
border:1.5px solid #ff1b91!important;
background:rgba(7,7,12,.94)!important;
color:#fff!important;
font-size:28px!important;
box-shadow:0 0 18px rgba(255,27,145,.30)!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-prev{left:-8px!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-next{right:-8px!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-arrow:hover:not(:disabled){
transform:translateY(-50%) scale(1.08)!important;
background:#e21b88!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-bottom{margin-top:8px!important;}
@media(max-width:1100px) and (min-width:761px){
html body #ssk-categories.ssk-home-categories .ssk-category-card{flex-basis:138px!important;width:138px!important;min-width:138px!important;max-width:138px!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-image{width:138px!important;height:138px!important;min-width:138px!important;min-height:138px!important;max-width:138px!important;max-height:138px!important;flex-basis:138px!important;}
}
@media(max-width:760px){
html body #ssk-categories.ssk-home-categories .ssk-category-viewport{padding:10px 0 16px!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-grid{gap:10px!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-card{flex-basis:150px!important;width:150px!important;min-width:150px!important;max-width:150px!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-image{width:150px!important;height:150px!important;min-width:150px!important;min-height:150px!important;max-width:150px!important;max-height:150px!important;flex-basis:150px!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-name{font-size:10px!important;min-height:38px!important;padding:5px 6px!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-name::before{width:21px!important;height:21px!important;flex-basis:21px!important;font-size:12px!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-arrow{width:38px!important;height:38px!important;min-width:38px!important;font-size:23px!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-prev{left:0!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-next{right:0!important;}
}
/* ============================================================
SSK STORE V4.1.38 — POPÜLER KATEGORİLER / PREMIUM DAİRELER
Final override: large circles, transparent section, visible pink labels,
precise alignment and stable 8-item desktop carousel.
============================================================ */
html body #ssk-categories.ssk-home-categories{
overflow:visible!important;
}
html body #ssk-categories.ssk-home-categories .ssk-container{
width:min(1500px,calc(100vw - 40px))!important;
max-width:1500px!important;
margin-left:auto!important;
margin-right:auto!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-carousel{
position:relative!important;
display:block!important;
width:100%!important;
padding:0 56px!important;
box-sizing:border-box!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-viewport{
width:100%!important;
height:auto!important;
max-width:none!important;
overflow:hidden!important;
padding:16px 0 10px!important;
box-sizing:border-box!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-grid{
display:flex!important;
flex-wrap:nowrap!important;
align-items:flex-start!important;
justify-content:flex-start!important;
gap:10px!important;
width:max-content!important;
min-width:max-content!important;
max-width:none!important;
padding:0!important;
margin:0!important;
transform:translate3d(0,0,0);
transition:transform .28s ease!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-card{
flex:0 0 160px!important;
width:160px!important;
min-width:160px!important;
max-width:160px!important;
height:auto!important;
min-height:0!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
background-color:transparent!important;
box-shadow:none!important;
overflow:visible!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:flex-start!important;
text-align:center!important;
text-decoration:none!important;
opacity:1!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-image{
width:160px!important;
height:160px!important;
min-width:160px!important;
min-height:160px!important;
max-width:160px!important;
max-height:160px!important;
flex:0 0 160px!important;
padding:5px!important;
margin:0!important;
box-sizing:border-box!important;
border-radius:50%!important;
overflow:hidden!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:#fff!important;
border:3px solid #ff1493!important;
box-shadow:0 0 0 3px rgba(255,20,147,.10),0 0 28px rgba(255,20,147,.58),inset 0 0 12px rgba(255,20,147,.10)!important;
opacity:1!important;
transition:transform .22s ease,box-shadow .22s ease!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-image img{
width:100%!important;
height:100%!important;
min-width:0!important;
min-height:0!important;
max-width:100%!important;
max-height:100%!important;
margin:0!important;
padding:0!important;
object-fit:contain!important;
object-position:center center!important;
border-radius:50%!important;
background:transparent!important;
display:block!important;
opacity:1!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-placeholder{
width:100%!important;
height:100%!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:50%!important;
background:#f5f5f7!important;
color:#ff1493!important;
font-size:44px!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-card:hover .ssk-category-image{
transform:translateY(-4px) scale(1.045)!important;
box-shadow:0 0 0 4px rgba(255,20,147,.14),0 0 38px rgba(255,20,147,.72),inset 0 0 16px rgba(255,20,147,.12)!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-name{
width:160px!important;
min-width:160px!important;
max-width:160px!important;
min-height:44px!important;
height:44px!important;
margin:12px 0 0!important;
padding:5px 8px!important;
box-sizing:border-box!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
border:2px solid #ff1493!important;
border-radius:999px!important;
background:rgba(10,3,12,.96)!important;
color:#ff4aaa!important;
opacity:1!important;
visibility:visible!important;
font-family:"Arial Black","Trebuchet MS",Arial,sans-serif!important;
font-size:12px!important;
line-height:1.08!important;
font-weight:900!important;
letter-spacing:.15px!important;
text-align:center!important;
white-space:normal!important;
overflow:hidden!important;
text-shadow:0 0 7px rgba(255,20,147,.75)!important;
box-shadow:0 0 14px rgba(255,20,147,.36),inset 0 0 9px rgba(255,20,147,.10)!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-name::before{
content:'♥'!important;
flex:0 0 25px!important;
width:25px!important;
height:25px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:50%!important;
background:linear-gradient(135deg,#ff3aa5,#d40070)!important;
border:1px solid rgba(255,255,255,.65)!important;
color:#fff!important;
font-family:Arial,sans-serif!important;
font-size:12px!important;
line-height:1!important;
box-shadow:0 0 12px rgba(255,20,147,.65)!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-underline{
display:none!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-arrow{
position:absolute!important;
top:92px!important;
transform:none!important;
z-index:40!important;
width:46px!important;
height:46px!important;
min-width:46px!important;
min-height:46px!important;
padding:0!important;
margin:0!important;
border-radius:50%!important;
border:2px solid #ff1493!important;
background:rgba(5,5,10,.96)!important;
color:#ff4aaa!important;
font-family:Arial,sans-serif!important;
font-size:29px!important;
font-weight:900!important;
line-height:42px!important;
box-shadow:0 0 20px rgba(255,20,147,.42)!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-prev{left:4px!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-next{right:4px!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-arrow:hover:not(:disabled){
transform:scale(1.08)!important;
background:#ff1493!important;
color:#fff!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-arrow:disabled{
opacity:.38!important;
cursor:default!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-bottom{
margin-top:18px!important;
}
@media(max-width:1450px) and (min-width:1101px){
html body #ssk-categories.ssk-home-categories .ssk-category-card,
html body #ssk-categories.ssk-home-categories .ssk-category-image,
html body #ssk-categories.ssk-home-categories .ssk-category-name{
width:145px!important;min-width:145px!important;max-width:145px!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-image{height:145px!important;min-height:145px!important;max-height:145px!important;flex-basis:145px!important;}
}
@media(max-width:1100px) and (min-width:761px){
html body #ssk-categories.ssk-home-categories .ssk-category-carousel{padding:0 48px!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-card,
html body #ssk-categories.ssk-home-categories .ssk-category-image,
html body #ssk-categories.ssk-home-categories .ssk-category-name{
width:138px!important;min-width:138px!important;max-width:138px!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-image{height:138px!important;min-height:138px!important;max-height:138px!important;flex-basis:138px!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-name{font-size:11px!important;height:42px!important;min-height:42px!important;}
}
@media(max-width:760px){
html body #ssk-categories.ssk-home-categories .ssk-container{width:calc(100vw - 20px)!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-carousel{padding:0 42px!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-grid{gap:12px!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-card,
html body #ssk-categories.ssk-home-categories .ssk-category-image,
html body #ssk-categories.ssk-home-categories .ssk-category-name{
width:132px!important;min-width:132px!important;max-width:132px!important;
}
html body #ssk-categories.ssk-home-categories .ssk-category-image{height:132px!important;min-height:132px!important;max-height:132px!important;flex-basis:132px!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-name{font-size:10px!important;height:40px!important;min-height:40px!important;padding:4px 5px!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-name::before{width:21px!important;height:21px!important;flex-basis:21px!important;font-size:11px!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-arrow{top:78px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;font-size:23px!important;line-height:34px!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-prev{left:0!important;}
html body #ssk-categories.ssk-home-categories .ssk-category-next{right:0!important;}
}
/* ============================================================
SSK STORE V4.1.39 — POPÜLER KATEGORİLER FINAL CLEAN LAYOUT
Fixes the previous conflicting card rules. The homepage
category cards are transparent, circular and evenly aligned;
labels are bright pink pill buttons and remain readable.
============================================================ */
html body.home #ssk-categories.ssk-home-categories .ssk-category-carousel{
display:flex !important;
align-items:center !important;
gap:8px !important;
width:100% !important;
overflow:visible !important;
}
html body.home #ssk-categories.ssk-home-categories .ssk-category-viewport{
flex:1 1 auto !important;
width:auto !important;
min-width:0 !important;
overflow:hidden !important;
padding:12px 0 8px !important;
background:transparent !important;
}
html body.home #ssk-categories.ssk-home-categories .ssk-category-grid{
display:flex !important;
flex-wrap:nowrap !important;
align-items:flex-start !important;
gap:5px !important;
width:max-content !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
transform:translate3d(0,0,0);
transition:transform .32s ease !important;
}
html body.home #ssk-categories.ssk-home-categories .ssk-category-card.ssk-cat-style-card{
flex:0 0 142px !important;
width:142px !important;
min-width:142px !important;
max-width:142px !important;
height:auto !important;
min-height:0 !important;
padding:0 !important;
margin:0 !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:flex-start !important;
gap:0 !important;
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
color:#fff !important;
text-decoration:none !important;
overflow:visible !important;
}
html body.home #ssk-categories.ssk-home-categories .ssk-category-card.ssk-cat-style-card:hover{
background:transparent !important;
border:0 !important;
box-shadow:none !important;
transform:none !important;
}
html body.home #ssk-categories.ssk-home-categories .ssk-category-card .ssk-category-image{
width:142px !important;
height:142px !important;
min-width:142px !important;
min-height:142px !important;
max-width:142px !important;
max-height:142px !important;
flex:0 0 142px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:50% !important;
overflow:hidden !important;
box-sizing:border-box !important;
padding:4px !important;
background:#fff !important;
border:3px solid #ff1590 !important;
box-shadow:0 0 0 2px rgba(255,255,255,.92),0 0 14px rgba(255,20,144,.75),0 0 30px rgba(255,20,144,.35) !important;
}
html body.home #ssk-categories.ssk-home-categories .ssk-category-card .ssk-category-image img{
display:block !important;
width:100% !important;
height:100% !important;
max-width:none !important;
max-height:none !important;
padding:0 !important;
margin:0 !important;
object-fit:contain !important;
border-radius:50% !important;
background:transparent !important;
}
html body.home #ssk-categories.ssk-home-categories .ssk-category-card .ssk-category-placeholder{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
height:100% !important;
border-radius:50% !important;
background:#f4f4f4 !important;
color:#ff1590 !important;
font-size:42px !important;
}
/* Visible, premium category label */
html body.home #ssk-categories.ssk-home-categories .ssk-category-card .ssk-category-name{
position:relative !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
box-sizing:border-box !important;
width:142px !important;
min-width:142px !important;
max-width:142px !important;
min-height:38px !important;
height:auto !important;
margin:12px 0 0 !important;
padding:7px 8px 7px 31px !important;
border:1.5px solid #ff1590 !important;
border-radius:999px !important;
background:rgba(10,8,14,.92) !important;
color:#ff4cad !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:12px !important;
line-height:1.12 !important;
font-weight:900 !important;
letter-spacing:.1px !important;
text-align:center !important;
text-shadow:0 0 8px rgba(255,35,153,.85) !important;
white-space:normal !important;
overflow-wrap:anywhere !important;
z-index:3 !important;
box-shadow:0 0 10px rgba(255,20,144,.28),inset 0 0 12px rgba(255,20,144,.08) !important;
}
html body.home #ssk-categories.ssk-home-categories .ssk-category-card .ssk-category-name::before{
content:'♥' !important;
position:absolute !important;
left:7px !important;
top:50% !important;
transform:translateY(-50%) !important;
width:21px !important;
height:21px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:50% !important;
background:#ff1590 !important;
color:#fff !important;
font-size:11px !important;
line-height:1 !important;
text-shadow:none !important;
box-shadow:0 0 8px rgba(255,20,144,.75) !important;
}
html body.home #ssk-categories.ssk-home-categories .ssk-category-card .ssk-category-underline{
display:none !important;
}
html body.home #ssk-categories.ssk-home-categories .ssk-category-arrow{
flex:0 0 38px !important;
width:38px !important;
min-width:38px !important;
height:38px !important;
min-height:38px !important;
margin:0 !important;
padding:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border:1.5px solid #ff1590 !important;
border-radius:50% !important;
background:rgba(8,7,12,.92) !important;
color:#fff !important;
font-size:28px !important;
line-height:1 !important;
box-shadow:0 0 12px rgba(255,20,144,.3) !important;
z-index:5 !important;
}
html body.home #ssk-categories.ssk-home-categories .ssk-category-arrow:not(:disabled):hover{
background:#ff1590 !important;
color:#fff !important;
box-shadow:0 0 18px rgba(255,20,144,.65) !important;
}
html body.home #ssk-categories.ssk-home-categories .ssk-category-arrow:disabled{
opacity:.28 !important;
cursor:default !important;
}
@media (max-width:1250px) and (min-width:769px){
html body.home #ssk-categories.ssk-home-categories .ssk-category-grid{gap:5px !important;}
html body.home #ssk-categories.ssk-home-categories .ssk-category-card.ssk-cat-style-card,
html body.home #ssk-categories.ssk-home-categories .ssk-category-card .ssk-category-name{width:136px !important;min-width:136px !important;max-width:136px !important;}
html body.home #ssk-categories.ssk-home-categories .ssk-category-card .ssk-category-image{width:136px !important;height:136px !important;min-width:136px !important;min-height:136px !important;max-width:136px !important;max-height:136px !important;flex-basis:136px !important;}
}
@media (max-width:768px){
html body.home #ssk-categories.ssk-home-categories .ssk-category-carousel{gap:5px !important;}
html body.home #ssk-categories.ssk-home-categories .ssk-category-grid{gap:8px !important;}
html body.home #ssk-categories.ssk-home-categories .ssk-category-card.ssk-cat-style-card,
html body.home #ssk-categories.ssk-home-categories .ssk-category-card .ssk-category-name{width:132px !important;min-width:132px !important;max-width:132px !important;}
html body.home #ssk-categories.ssk-home-categories .ssk-category-card .ssk-category-image{width:132px !important;height:132px !important;min-width:132px !important;min-height:132px !important;max-width:132px !important;max-height:132px !important;flex-basis:132px !important;}
html body.home #ssk-categories.ssk-home-categories .ssk-category-card .ssk-category-name{font-size:11px !important;min-height:36px !important;padding-left:29px !important;}
html body.home #ssk-categories.ssk-home-categories .ssk-category-arrow{flex-basis:34px !important;width:34px !important;min-width:34px !important;height:34px !important;min-height:34px !important;font-size:24px !important;}
}
@media (max-width:480px){
html body.home #ssk-categories.ssk-home-categories .ssk-category-card.ssk-cat-style-card,
html body.home #ssk-categories.ssk-home-categories .ssk-category-card .ssk-category-name{width:118px !important;min-width:118px !important;max-width:118px !important;}
html body.home #ssk-categories.ssk-home-categories .ssk-category-card .ssk-category-image{width:118px !important;height:118px !important;min-width:118px !important;min-height:118px !important;max-width:118px !important;max-height:118px !important;flex-basis:118px !important;}
}
/* =========================================================
V4.1.42 — Premium WooCommerce single-product layout
Keeps the existing theme intact and only refines product pages.
========================================================= */
body.single-product #main,
body.single-product main,
body.single-product .site-main{min-width:0;overflow:visible;}
body.single-product .ssk-page,
body.single-product .ssk-shop{padding:34px 0 70px;}
body.single-product .ssk-container{width:min(100% - 36px, 1420px);margin-inline:auto;}
body.single-product .woocommerce{width:100%;}
body.single-product .woocommerce div.product{
width:100%;
max-width:1420px;
margin:0 auto;
display:grid;
grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
gap:42px;
align-items:start;
}
body.single-product .woocommerce div.product div.images,
body.single-product .woocommerce div.product div.summary{
width:100%!important;
max-width:none!important;
float:none!important;
margin:0!important;
min-width:0;
}
body.single-product .woocommerce div.product div.images{
position:relative;
padding:16px;
border:1px solid rgba(226,27,136,.45);
border-radius:22px;
background:rgba(255,255,255,.035);
box-shadow:0 18px 55px rgba(0,0,0,.30), inset 0 0 0 1px rgba(255,255,255,.025);
overflow:hidden;
}
body.single-product .woocommerce div.product div.images:before{
content:"";
position:absolute;inset:0;pointer-events:none;
background:radial-gradient(circle at 50% 0,rgba(242,26,134,.09),transparent 42%);
}
body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__wrapper{margin:0!important;}
body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__image{
margin:0!important;
background:#fff;
border-radius:15px;
overflow:hidden;
}
body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__image img{
display:block!important;
width:100%!important;
height:auto!important;
max-height:700px;
object-fit:contain!important;
object-position:center;
margin:0 auto!important;
border-radius:15px!important;
box-shadow:none!important;
}
body.single-product .woocommerce div.product div.images .flex-control-thumbs{
display:grid!important;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:10px;
margin:12px 0 0!important;
padding:0!important;
}
body.single-product .woocommerce div.product div.images .flex-control-thumbs li{
width:auto!important;
float:none!important;
margin:0!important;
list-style:none!important;
border:1px solid rgba(226,27,136,.28);
border-radius:10px;
overflow:hidden;
background:#fff;
}
body.single-product .woocommerce div.product div.images .flex-control-thumbs img{
display:block!important;
width:100%!important;
height:82px!important;
object-fit:contain!important;
opacity:.72;
margin:0!important;
}
body.single-product .woocommerce div.product div.images .flex-control-thumbs .flex-active{opacity:1;}
body.single-product .woocommerce div.product div.summary{
position:relative;
padding:28px 30px 30px;
border:1px solid rgba(226,27,136,.28);
border-radius:22px;
background:linear-gradient(180deg,rgba(17,17,23,.92),rgba(9,9,13,.86));
box-shadow:0 18px 55px rgba(0,0,0,.28);
}
body.single-product .woocommerce div.product .product_title{
margin:0 0 14px!important;
color:#fff;
font-size:clamp(30px,3vw,46px)!important;
line-height:1.08!important;
letter-spacing:-1.3px;
font-weight:1000;
}
body.single-product .woocommerce div.product .price{
display:block;
margin:0 0 24px!important;
color:#ff4aa8!important;
font-size:28px!important;
line-height:1.2;
font-weight:1000;
}
body.single-product .woocommerce div.product .price del{color:#777984;font-size:.62em;margin-right:8px;opacity:.9;}
body.single-product .woocommerce div.product .price ins{text-decoration:none;color:#ff4aa8;}
body.single-product .woocommerce div.product form.cart{
display:flex!important;
align-items:center;
gap:10px;
margin:0 0 18px!important;
padding:16px;
border:1px solid rgba(255,255,255,.08);
border-radius:14px;
background:rgba(255,255,255,.025);
}
body.single-product .woocommerce div.product form.cart .quantity{margin:0!important;}
body.single-product .woocommerce div.product form.cart .quantity input.qty{
width:64px!important;
min-height:48px!important;
border:1px solid rgba(255,255,255,.15)!important;
border-radius:10px!important;
background:#fff!important;
color:#111!important;
font-weight:900;
}
body.single-product .woocommerce div.product form.cart .single_add_to_cart_button{
min-height:48px!important;
margin:0!important;
border-radius:10px!important;
padding:0 22px!important;
background:linear-gradient(135deg,#e21b88,#b90c67)!important;
box-shadow:0 8px 24px rgba(226,27,136,.22);
}
body.single-product .ssk-single-wa{
width:100%;
min-height:52px;
margin:0 0 20px!important;
border-radius:12px;
background:#65d96b!important;
color:#fff!important;
box-shadow:0 8px 24px rgba(101,217,107,.15);
}
body.single-product .woocommerce div.product .product_meta{
margin-top:8px;
padding-top:18px;
border-top:1px solid rgba(255,255,255,.08);
color:#a9aab2;
font-size:12px;
}
body.single-product .woocommerce div.product .product_meta a{color:#ff55ac;text-decoration:none;font-weight:800;}
body.single-product .woocommerce-tabs{
max-width:1420px;
margin:36px auto 0!important;
padding:26px 30px;
border:1px solid rgba(226,27,136,.22);
border-radius:20px;
background:rgba(9,9,13,.75);
}
body.single-product .woocommerce-tabs ul.tabs{margin:0 0 22px!important;padding:0!important;display:flex;gap:8px;}
body.single-product .woocommerce-tabs ul.tabs:before{display:none!important;}
body.single-product .woocommerce-tabs ul.tabs li{border:1px solid rgba(226,27,136,.28)!important;background:rgba(255,255,255,.03)!important;border-radius:10px!important;margin:0!important;padding:0!important;}
body.single-product .woocommerce-tabs ul.tabs li a{display:block;padding:10px 16px;color:#fff!important;font-weight:900;}
body.single-product .woocommerce-tabs .panel{color:#c8c8cf;line-height:1.7;}
body.single-product .related.products,
body.single-product .up-sells.products{max-width:1420px;margin:44px auto 0!important;}
body.single-product .related.products h2,
body.single-product .up-sells.products h2{color:#fff;font-size:26px;margin-bottom:18px;}
@media(max-width:1050px){
body.single-product .woocommerce div.product{grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);gap:24px;}
body.single-product .woocommerce div.product div.summary{padding:24px;}
body.single-product .woocommerce div.product .product_title{font-size:34px!important;}
}
@media(max-width:760px){
body.single-product .ssk-shop,body.single-product .ssk-page{padding:18px 0 86px;}
body.single-product .ssk-container{width:min(100% - 20px,640px);}
body.single-product .woocommerce div.product{display:block!important;width:100%;margin:0!important;}
body.single-product .woocommerce div.product div.images{padding:8px;border-radius:16px;margin:0 0 16px!important;}
body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__image{border-radius:10px;}
body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__image img{max-height:none!important;}
body.single-product .woocommerce div.product div.images .flex-control-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:8px!important;}
body.single-product .woocommerce div.product div.images .flex-control-thumbs img{height:64px!important;}
body.single-product .woocommerce div.product div.summary{padding:20px 16px;border-radius:16px;}
body.single-product .woocommerce div.product .product_title{font-size:23px!important;letter-spacing:-.5px;line-height:1.12!important;margin-bottom:14px!important;}
body.single-product .woocommerce div.product .price{font-size:22px!important;margin-bottom:16px!important;}
body.single-product .woocommerce div.product form.cart{padding:10px;gap:8px;}
body.single-product .woocommerce div.product form.cart .quantity input.qty{width:58px!important;}
body.single-product .woocommerce div.product form.cart .single_add_to_cart_button{flex:1;min-width:0;padding:0 14px!important;}
body.single-product .ssk-single-wa{min-height:50px;}
body.single-product .woocommerce-tabs{margin-top:20px!important;padding:18px 14px;border-radius:16px;}
body.single-product .woocommerce-tabs ul.tabs{overflow:auto;white-space:nowrap;padding-bottom:4px!important;}
body.single-product .woocommerce-tabs ul.tabs li a{padding:9px 12px;font-size:12px;}
body.single-product .related.products,body.single-product .up-sells.products{margin-top:28px!important;}
}
/* =========================================================
V4.1.43 — Professional single product refinement
- Fully Turkish WooCommerce labels
- Stable gallery height / no visual overflow
- Full-width tabs and related products
- Cleaner product information hierarchy
========================================================= */
html body.single-product .woocommerce div.product div.images{
align-self:start!important;
min-height:0!important;
height:auto!important;
overflow:hidden!important;
}
html body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__wrapper,
html body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__image{
width:100%!important;
max-width:100%!important;
}
html body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__image{
min-height:520px!important;
max-height:650px!important;
height:650px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
html body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__image img{
width:100%!important;
height:100%!important;
max-height:620px!important;
object-fit:contain!important;
object-position:center!important;
}
html body.single-product .woocommerce div.product div.summary{
min-height:520px;
display:flex;
flex-direction:column;
justify-content:flex-start;
}
html body.single-product .woocommerce div.product .product_title{
max-width:100%;
text-wrap:balance;
}
html body.single-product .woocommerce div.product .product_meta{
margin-top:auto!important;
line-height:1.8;
}
html body.single-product .woocommerce-tabs{
width:100%!important;
max-width:1420px!important;
float:none!important;
clear:both!important;
margin:44px auto 0!important;
box-sizing:border-box!important;
}
html body.single-product .woocommerce-tabs .panel{
margin:0!important;
max-width:1050px;
}
html body.single-product .related.products,
html body.single-product .up-sells.products{
width:100%!important;
max-width:1420px!important;
float:none!important;
clear:both!important;
display:block!important;
box-sizing:border-box!important;
margin:52px auto 0!important;
}
html body.single-product .related.products ul.products,
html body.single-product .up-sells.products ul.products{
width:100%!important;
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:18px!important;
margin:0!important;
padding:0!important;
}
html body.single-product .related.products ul.products li.product,
html body.single-product .up-sells.products ul.products li.product{
width:auto!important;
float:none!important;
margin:0!important;
clear:none!important;
}
html body.single-product .related.products h2,
html body.single-product .up-sells.products h2{
margin:0 0 22px!important;
font-size:30px!important;
line-height:1.15!important;
letter-spacing:-.5px;
}
html body.single-product .woocommerce-tabs ul.tabs li a{
white-space:nowrap;
}
@media(max-width:1050px){
html body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__image{
height:560px!important;
min-height:460px!important;
}
html body.single-product .woocommerce div.product div.summary{min-height:460px;}
html body.single-product .related.products ul.products,
html body.single-product .up-sells.products ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:760px){
html body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__image{
height:auto!important;
min-height:0!important;
max-height:none!important;
aspect-ratio:1/1;
}
html body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__image img{
height:100%!important;
max-height:none!important;
}
html body.single-product .woocommerce div.product div.summary{min-height:0;}
html body.single-product .woocommerce-tabs{margin-top:24px!important;}
html body.single-product .related.products,
html body.single-product .up-sells.products{margin-top:34px!important;}
html body.single-product .related.products ul.products,
html body.single-product .up-sells.products ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
html body.single-product .related.products h2,
html body.single-product .up-sells.products h2{font-size:24px!important;}
}
/* =========================================================
V4.1.44 — PREMIUM PRODUCT PAGE REDESIGN
========================================================= */
html body.single-product{background:
radial-gradient(circle at 8% 24%,rgba(242,26,134,.08),transparent 28%),
radial-gradient(circle at 92% 46%,rgba(242,26,134,.07),transparent 26%),
#07070b!important;
}
html body.single-product .ssk-shop,
html body.single-product .ssk-page{padding:18px 0 90px!important;}
html body.single-product .ssk-container{width:min(100% - 48px,1460px)!important;}
html body.single-product .ssk-woo-wrap{width:100%;}
/* Breadcrumb */
html body.single-product .ssk-product-breadcrumb{
width:min(100% - 48px,1460px);
margin:0 auto 16px;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:8px;
color:#8f919c;
font-size:12px;
font-weight:700;
}
html body.single-product .ssk-product-breadcrumb a{color:#c7c8cf;text-decoration:none;transition:.2s ease;}
html body.single-product .ssk-product-breadcrumb a:hover{color:#ff4aa8;}
html body.single-product .ssk-product-breadcrumb span{color:#575963;}
html body.single-product .ssk-product-breadcrumb .current{max-width:48ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8f919c;}
/* Main two-column commerce stage */
html body.single-product .woocommerce div.product{
grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr)!important;
gap:30px!important;
align-items:stretch!important;
}
html body.single-product .woocommerce div.product div.images{
padding:14px!important;
border:1px solid rgba(255,255,255,.10)!important;
border-radius:24px!important;
background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
box-shadow:0 28px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
html body.single-product .woocommerce div.product div.images:after{
content:'BÜYÜK GÖRÜNTÜLEME';
position:absolute;right:26px;top:24px;z-index:3;
padding:7px 10px;border:1px solid rgba(0,0,0,.12);border-radius:99px;
background:rgba(255,255,255,.88);color:#28252b;font-size:9px;font-weight:1000;letter-spacing:1px;
pointer-events:none;
}
html body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__image{
height:590px!important;min-height:590px!important;max-height:590px!important;
border-radius:17px!important;background:#fff!important;
box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)!important;
}
html body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__image img{
width:100%!important;height:100%!important;max-height:560px!important;
object-fit:contain!important;padding:16px!important;
}
html body.single-product .woocommerce div.product div.images .flex-control-thumbs{
grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important;margin-top:10px!important;
}
html body.single-product .woocommerce div.product div.images .flex-control-thumbs li{
height:78px;border:1px solid rgba(255,255,255,.10)!important;border-radius:12px!important;background:#fff!important;
transition:.2s ease;cursor:pointer;
}
html body.single-product .woocommerce div.product div.images .flex-control-thumbs li:hover{border-color:#ff4aa8!important;transform:translateY(-2px);}
html body.single-product .woocommerce div.product div.images .flex-control-thumbs img{height:76px!important;padding:4px;}
/* Summary card */
html body.single-product .woocommerce div.product div.summary{
min-height:590px!important;
padding:34px 36px 30px!important;
border:1px solid rgba(255,255,255,.10)!important;
border-radius:24px!important;
background:linear-gradient(155deg,rgba(20,20,28,.98),rgba(9,9,14,.96))!important;
box-shadow:0 28px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
html body.single-product .ssk-product-kicker{
display:flex;align-items:center;gap:8px;margin:0 0 13px;
font-size:10px;font-weight:1000;letter-spacing:1.8px;text-transform:uppercase;color:#ff4aa8;
}
html body.single-product .ssk-product-kicker b{color:#4f5059;font-weight:700;}
html body.single-product .ssk-product-kicker em{font-style:normal;color:#9c9da7;letter-spacing:.7px;}
html body.single-product .woocommerce div.product .product_title{
font-size:clamp(34px,3.2vw,52px)!important;line-height:1.04!important;letter-spacing:-1.8px!important;
margin:0 0 18px!important;font-weight:950!important;
}
html body.single-product .woocommerce div.product .price{
display:flex!important;align-items:baseline;gap:9px;flex-wrap:wrap;
margin:0 0 22px!important;font-size:31px!important;line-height:1!important;color:#ff4aa8!important;
}
html body.single-product .woocommerce div.product .price del{font-size:16px!important;color:#70727d!important;margin:0!important;}
html body.single-product .woocommerce div.product .price ins{color:#ff4aa8!important;font-weight:1000!important;}
html body.single-product .woocommerce div.product .price .woocommerce-Price-currencySymbol{font-size:.72em;}
html body.single-product .woocommerce div.product .woocommerce-product-details__short-description{
margin:0 0 22px!important;color:#bfc0c8!important;font-size:14px!important;line-height:1.72!important;
padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.08);
}
/* Trust cards */
html body.single-product .ssk-product-trust{
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
margin:0 0 20px;
}
html body.single-product .ssk-product-trust>div{
min-width:0;display:flex;align-items:flex-start;gap:8px;padding:11px 10px;
border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025);
}
html body.single-product .ssk-product-trust .icon{
flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;border-radius:7px;
background:rgba(242,26,134,.12);color:#ff4aa8;font-size:11px;font-weight:1000;
}
html body.single-product .ssk-product-trust strong{display:block;color:#f4f4f7;font-size:10px;line-height:1.2;white-space:nowrap;}
html body.single-product .ssk-product-trust small{display:block;margin-top:3px;color:#777984;font-size:8px;line-height:1.25;}
/* Purchase area */
html body.single-product .woocommerce div.product form.cart{
display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;gap:10px!important;
padding:0!important;margin:0 0 12px!important;border:0!important;background:transparent!important;
}
html body.single-product .woocommerce div.product form.cart .quantity{width:82px!important;}
html body.single-product .woocommerce div.product form.cart .quantity input.qty{
width:82px!important;height:58px!important;min-height:58px!important;border-radius:12px!important;
border:1px solid rgba(255,255,255,.12)!important;background:#fff!important;color:#111!important;font-size:16px!important;
}
html body.single-product .woocommerce div.product form.cart .single_add_to_cart_button{
width:100%!important;height:58px!important;min-height:58px!important;border:0!important;border-radius:12px!important;
background:linear-gradient(135deg,#f21a86,#c10d6c)!important;color:#fff!important;font-size:15px!important;font-weight:1000!important;
letter-spacing:.1px;box-shadow:0 12px 30px rgba(242,26,134,.22)!important;
transition:transform .18s ease,box-shadow .18s ease!important;
}
html body.single-product .woocommerce div.product form.cart .single_add_to_cart_button:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(242,26,134,.30)!important;}
html body.single-product .ssk-single-wa{
min-height:58px!important;height:58px!important;margin:0 0 20px!important;border-radius:12px!important;
background:linear-gradient(135deg,#73db67,#55bf4e)!important;color:#071007!important;
font-size:14px!important;font-weight:1000!important;box-shadow:0 12px 28px rgba(89,203,80,.16)!important;
}
html body.single-product .ssk-single-wa:before{content:'WhatsApp';margin-right:7px;font-weight:1000;}
/* Meta becomes a clean information area */
html body.single-product .woocommerce div.product .product_meta{
margin-top:auto!important;padding:18px 0 0!important;border-top:1px solid rgba(255,255,255,.08)!important;
color:#92939d!important;font-size:12px!important;line-height:2!important;
}
html body.single-product .woocommerce div.product .product_meta .sku_wrapper,
html body.single-product .woocommerce div.product .product_meta .posted_in,
html body.single-product .woocommerce div.product .product_meta .tagged_as{display:block!important;}
html body.single-product .woocommerce div.product .product_meta .sku_wrapper:before{content:'Ürün Kodu ';color:#e4e4e9;font-weight:800;}
html body.single-product .woocommerce div.product .product_meta .posted_in:before{content:'Kategoriler ';color:#e4e4e9;font-weight:800;}
html body.single-product .woocommerce div.product .product_meta .tagged_as:before{content:'Etiketler ';color:#e4e4e9;font-weight:800;}
html body.single-product .woocommerce div.product .product_meta .sku_wrapper{font-size:0;}
html body.single-product .woocommerce div.product .product_meta .sku_wrapper:after{font-size:12px;color:#92939d;}
html body.single-product .woocommerce div.product .product_meta .sku_wrapper .sku{font-size:12px;}
html body.single-product .woocommerce div.product .product_meta a{color:#ff4aa8!important;text-decoration:none!important;font-weight:800!important;}
/* Description and reviews */
html body.single-product .woocommerce-tabs{
margin:30px auto 0!important;padding:0!important;border:0!important;background:transparent!important;max-width:1460px!important;
}
html body.single-product .woocommerce-tabs ul.tabs{
margin:0!important;padding:0!important;display:flex;gap:8px;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:10px!important;
}
html body.single-product .woocommerce-tabs ul.tabs li{
border:0!important;border-radius:10px!important;background:transparent!important;
}
html body.single-product .woocommerce-tabs ul.tabs li a{
padding:11px 16px!important;border-radius:10px;color:#999ba5!important;font-size:12px;font-weight:900!important;
}
html body.single-product .woocommerce-tabs ul.tabs li.active a{background:rgba(242,26,134,.12)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(242,26,134,.24);}
html body.single-product .woocommerce-tabs .panel{
margin:16px 0 0!important;padding:32px 36px!important;max-width:none!important;
border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(15,15,21,.80);
color:#c7c8d0!important;line-height:1.8!important;font-size:14px!important;
}
html body.single-product .woocommerce-tabs .panel h2{margin:0 0 20px!important;color:#fff!important;font-size:22px!important;}
html body.single-product .woocommerce-tabs .panel p:last-child{margin-bottom:0;}
/* Related products as a real merchandising section */
html body.single-product .related.products,
html body.single-product .up-sells.products{
margin:44px auto 0!important;max-width:1460px!important;padding:0!important;
}
html body.single-product .related.products h2,
html body.single-product .up-sells.products h2{
position:relative;margin:0 0 20px!important;padding-left:15px;font-size:25px!important;line-height:1.2!important;
}
html body.single-product .related.products h2:before,
html body.single-product .up-sells.products h2:before{content:'';position:absolute;left:0;top:2px;bottom:2px;width:4px;border-radius:99px;background:#f21a86;}
html body.single-product .related.products ul.products,
html body.single-product .up-sells.products ul.products{
grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;
}
html body.single-product .related.products ul.products li.product,
html body.single-product .up-sells.products ul.products li.product{
padding:12px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;
background:#111118!important;box-shadow:none!important;transition:.2s ease;
}
html body.single-product .related.products ul.products li.product:hover,
html body.single-product .up-sells.products ul.products li.product:hover{transform:translateY(-3px);border-color:rgba(242,26,134,.35)!important;}
html body.single-product .related.products ul.products li.product img,
html body.single-product .up-sells.products ul.products li.product img{border-radius:11px!important;background:#fff;}
@media(max-width:1100px){
html body.single-product .woocommerce div.product{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)!important;gap:20px!important;}
html body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__image{height:520px!important;min-height:520px!important;max-height:520px!important;}
html body.single-product .woocommerce div.product div.summary{min-height:520px!important;padding:28px!important;}
html body.single-product .ssk-product-trust{grid-template-columns:1fr;}
html body.single-product .ssk-product-trust>div{padding:9px 10px;}
}
@media(max-width:760px){
html body.single-product .ssk-shop,html body.single-product .ssk-page{padding:10px 0 80px!important;}
html body.single-product .ssk-container,html body.single-product .ssk-product-breadcrumb{width:min(100% - 20px,640px)!important;}
html body.single-product .ssk-product-breadcrumb{margin-bottom:10px;font-size:10px;gap:6px;}
html body.single-product .woocommerce div.product{display:block!important;}
html body.single-product .woocommerce div.product div.images{padding:8px!important;border-radius:17px!important;margin-bottom:12px!important;}
html body.single-product .woocommerce div.product div.images:after{right:17px;top:17px;font-size:7px;padding:6px 8px;}
html body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__image{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1/1!important;}
html body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__image img{height:100%!important;max-height:none!important;padding:10px!important;}
html body.single-product .woocommerce div.product div.images .flex-control-thumbs{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;}
html body.single-product .woocommerce div.product div.images .flex-control-thumbs li{height:58px!important;}
html body.single-product .woocommerce div.product div.images .flex-control-thumbs img{height:56px!important;}
html body.single-product .woocommerce div.product div.summary{min-height:0!important;padding:22px 17px!important;border-radius:17px!important;}
html body.single-product .woocommerce div.product .product_title{font-size:29px!important;letter-spacing:-1px!important;}
html body.single-product .woocommerce div.product .price{font-size:25px!important;}
html body.single-product .ssk-product-trust{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;}
html body.single-product .ssk-product-trust>div{display:block;text-align:center;padding:9px 5px;}
html body.single-product .ssk-product-trust .icon{margin:0 auto 5px;}
html body.single-product .ssk-product-trust strong{font-size:8px;white-space:normal;}
html body.single-product .ssk-product-trust small{display:none;}
html body.single-product .woocommerce div.product form.cart{grid-template-columns:68px minmax(0,1fr)!important;}
html body.single-product .woocommerce div.product form.cart .quantity,html body.single-product .woocommerce div.product form.cart .quantity input.qty{width:68px!important;}
html body.single-product .woocommerce div.product form.cart .single_add_to_cart_button{font-size:13px!important;}
html body.single-product .ssk-single-wa{font-size:13px!important;}
html body.single-product .woocommerce-tabs .panel{padding:22px 17px!important;font-size:13px!important;}
html body.single-product .related.products ul.products,html body.single-product .up-sells.products ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
html body.single-product .related.products ul.products li.product,html body.single-product .up-sells.products ul.products li.product{padding:8px!important;}
}
/* =========================================================
* SSK Store 4.1.45 — Premium related-products merchandising
* Cleaner cards, consistent image proportions and Turkish UI.
* ========================================================= */
html body.single-product .related.products,
html body.single-product .up-sells.products{
width:min(1420px,calc(100% - 40px))!important;
max-width:1420px!important;
margin:58px auto 0!important;
padding:28px 0 6px!important;
border-top:1px solid rgba(242,26,134,.18)!important;
}
html body.single-product .related.products h2,
html body.single-product .up-sells.products h2{
position:relative!important;
margin:0 0 7px!important;
padding:0 0 0 17px!important;
color:#fff!important;
font-size:28px!important;
line-height:1.15!important;
letter-spacing:-.5px!important;
font-weight:1000!important;
text-align:left!important;
}
html body.single-product .related.products h2:before,
html body.single-product .up-sells.products h2:before{
content:''!important;
position:absolute!important;
left:0!important;
top:1px!important;
bottom:1px!important;
width:4px!important;
border-radius:999px!important;
background:linear-gradient(180deg,#ff4aa8,#b90c67)!important;
}
html body.single-product .related.products h2:after,
html body.single-product .up-sells.products h2:after{
content:'Bu ürüne benzer ürünleri keşfedin';
display:block;
margin:8px 0 24px 17px;
color:#8f909a;
font-size:12px;
line-height:1.4;
font-weight:600;
letter-spacing:.1px;
}
html body.single-product .related.products ul.products,
html body.single-product .up-sells.products ul.products{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:20px!important;
margin:0!important;
padding:0!important;
}
html body.single-product .related.products ul.products li.product,
html body.single-product .up-sells.products ul.products li.product{
position:relative!important;
width:auto!important;
min-width:0!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
border:1px solid rgba(255,255,255,.085)!important;
border-radius:18px!important;
background:linear-gradient(180deg,#15151d 0%,#0f0f15 100%)!important;
box-shadow:0 12px 35px rgba(0,0,0,.22)!important;
transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
html body.single-product .related.products ul.products li.product:hover,
html body.single-product .up-sells.products ul.products li.product:hover{
transform:translateY(-5px)!important;
border-color:rgba(242,26,134,.38)!important;
box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 0 1px rgba(242,26,134,.06)!important;
}
html body.single-product .related.products ul.products li.product .ssk-woo-card,
html body.single-product .up-sells.products ul.products li.product .ssk-woo-card{
display:flex!important;
flex-direction:column!important;
height:100%!important;
padding:0 0 14px!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
}
html body.single-product .related.products ul.products li.product .woocommerce-loop-product__link,
html body.single-product .up-sells.products ul.products li.product .woocommerce-loop-product__link{
display:flex!important;
flex-direction:column!important;
text-decoration:none!important;
}
html body.single-product .related.products ul.products li.product img,
html body.single-product .up-sells.products ul.products li.product img{
display:block!important;
width:100%!important;
height:245px!important;
min-height:245px!important;
max-height:245px!important;
margin:0!important;
padding:18px!important;
object-fit:contain!important;
object-position:center!important;
border:0!important;
border-radius:0!important;
background:#fff!important;
box-sizing:border-box!important;
}
html body.single-product .related.products ul.products li.product .woocommerce-loop-product__title,
html body.single-product .up-sells.products ul.products li.product .woocommerce-loop-product__title{
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;
overflow:hidden!important;
min-height:42px!important;
margin:15px 16px 7px!important;
padding:0!important;
color:#fff!important;
font-size:14px!important;
line-height:1.45!important;
font-weight:900!important;
text-align:left!important;
letter-spacing:-.1px!important;
}
html body.single-product .related.products ul.products li.product .price,
html body.single-product .up-sells.products ul.products li.product .price{
display:flex!important;
align-items:baseline!important;
flex-wrap:wrap!important;
gap:6px!important;
min-height:30px!important;
margin:0 16px 12px!important;
padding:0!important;
color:#ff4aa8!important;
font-size:18px!important;
line-height:1.25!important;
font-weight:1000!important;
}
html body.single-product .related.products ul.products li.product .price del,
html body.single-product .up-sells.products ul.products li.product .price del{
color:#70717b!important;
font-size:12px!important;
font-weight:700!important;
opacity:1!important;
}
html body.single-product .related.products ul.products li.product .price ins,
html body.single-product .up-sells.products ul.products li.product .price ins{
color:#ff4aa8!important;
text-decoration:none!important;
}
html body.single-product .related.products ul.products li.product .button,
html body.single-product .up-sells.products ul.products li.product .button,
html body.single-product .related.products ul.products li.product .ssk-woo-wa,
html body.single-product .up-sells.products ul.products li.product .ssk-woo-wa{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:calc(100% - 32px)!important;
min-height:43px!important;
margin:0 16px 8px!important;
padding:0 12px!important;
border:0!important;
border-radius:11px!important;
box-sizing:border-box!important;
text-decoration:none!important;
font-size:12px!important;
line-height:1.15!important;
font-weight:1000!important;
transition:transform .18s ease,filter .18s ease!important;
}
html body.single-product .related.products ul.products li.product .button,
html body.single-product .up-sells.products ul.products li.product .button{
color:#fff!important;
background:linear-gradient(135deg,#e21b88,#b90c67)!important;
box-shadow:0 7px 18px rgba(226,27,136,.18)!important;
}
html body.single-product .related.products ul.products li.product .ssk-woo-wa,
html body.single-product .up-sells.products ul.products li.product .ssk-woo-wa{
color:#102010!important;
background:#8fe16f!important;
box-shadow:0 7px 18px rgba(143,225,111,.12)!important;
}
html body.single-product .related.products ul.products li.product .button:hover,
html body.single-product .up-sells.products ul.products li.product .button:hover,
html body.single-product .related.products ul.products li.product .ssk-woo-wa:hover,
html body.single-product .up-sells.products ul.products li.product .ssk-woo-wa:hover{
filter:brightness(1.06)!important;
transform:translateY(-1px)!important;
}
html body.single-product .related.products ul.products li.product .onsale,
html body.single-product .up-sells.products ul.products li.product .onsale{
top:12px!important;
right:12px!important;
left:auto!important;
z-index:4!important;
min-width:52px!important;
min-height:52px!important;
margin:0!important;
padding:0 7px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:999px!important;
background:#b8b600!important;
color:#fff!important;
font-size:10px!important;
line-height:1.1!important;
font-weight:1000!important;
text-transform:none!important;
}
html body.single-product .related.products ul.products li.product .star-rating,
html body.single-product .up-sells.products ul.products li.product .star-rating{display:none!important;}
@media(max-width:1050px){
html body.single-product .related.products ul.products,
html body.single-product .up-sells.products ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;}
html body.single-product .related.products ul.products li.product img,
html body.single-product .up-sells.products ul.products li.product img{height:220px!important;min-height:220px!important;max-height:220px!important;}
}
@media(max-width:760px){
html body.single-product .related.products,
html body.single-product .up-sells.products{width:calc(100% - 20px)!important;margin-top:34px!important;padding-top:22px!important;}
html body.single-product .related.products h2,
html body.single-product .up-sells.products h2{font-size:22px!important;padding-left:13px!important;}
html body.single-product .related.products h2:after,
html body.single-product .up-sells.products h2:after{margin-left:13px;font-size:10px;margin-bottom:17px;}
html body.single-product .related.products ul.products,
html body.single-product .up-sells.products ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
html body.single-product .related.products ul.products li.product,
html body.single-product .up-sells.products ul.products li.product{border-radius:14px!important;}
html body.single-product .related.products ul.products li.product img,
html body.single-product .up-sells.products ul.products li.product img{height:175px!important;min-height:175px!important;max-height:175px!important;padding:12px!important;}
html body.single-product .related.products ul.products li.product .woocommerce-loop-product__title,
html body.single-product .up-sells.products ul.products li.product .woocommerce-loop-product__title{font-size:12px!important;line-height:1.35!important;min-height:33px!important;margin:11px 11px 6px!important;}
html body.single-product .related.products ul.products li.product .price,
html body.single-product .up-sells.products ul.products li.product .price{font-size:15px!important;min-height:25px!important;margin:0 11px 9px!important;gap:4px!important;}
html body.single-product .related.products ul.products li.product .price del,
html body.single-product .up-sells.products ul.products li.product .price del{font-size:10px!important;}
html body.single-product .related.products ul.products li.product .button,
html body.single-product .up-sells.products ul.products li.product .button,
html body.single-product .related.products ul.products li.product .ssk-woo-wa,
html body.single-product .up-sells.products ul.products li.product .ssk-woo-wa{width:calc(100% - 22px)!important;min-height:38px!important;margin-left:11px!important;margin-right:11px!important;font-size:10px!important;border-radius:9px!important;}
html body.single-product .related.products ul.products li.product .onsale,
html body.single-product .up-sells.products ul.products li.product .onsale{top:8px!important;right:8px!important;min-width:42px!important;min-height:42px!important;font-size:8px!important;}
}
/* =========================================================
* SSK Store 4.1.47 — Compact premium related products
* Compact merchandising cards: smaller visual footprint,
* consistent image area, aligned typography and actions.
* ========================================================= */
html body.single-product .ssk-related-premium{
width:min(980px,calc(100% - 32px));
margin:48px auto 0;
padding:28px 0 10px;
border-top:1px solid rgba(255,255,255,.08);
box-sizing:border-box;
clear:both;
position:relative;
}
html body.single-product .ssk-related-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
margin-bottom:16px;
}
html body.single-product .ssk-related-heading{min-width:0;}
html body.single-product .ssk-related-eyebrow{
display:inline-flex;
align-items:center;
min-height:20px;
padding:0 8px;
border:1px solid rgba(242,26,134,.25);
border-radius:999px;
color:#ff62b1;
background:rgba(242,26,134,.06);
font-size:8px;
font-weight:900;
letter-spacing:1.2px;
}
html body.single-product .ssk-related-head h2{
margin:6px 0 3px!important;
padding:0!important;
color:#fff!important;
font-size:25px!important;
line-height:1.12!important;
letter-spacing:-.4px!important;
font-weight:900!important;
}
html body.single-product .ssk-related-head h2:before,
html body.single-product .ssk-related-head h2:after{display:none!important;content:none!important;}
html body.single-product .ssk-related-head p{
margin:0!important;
color:#7f8089!important;
font-size:10px!important;
line-height:1.4!important;
font-weight:500!important;
}
html body.single-product .ssk-related-rule{
flex:1 1 auto;
max-width:420px;
height:1px;
background:linear-gradient(90deg,rgba(242,26,134,.24),rgba(255,255,255,.025));
}
html body.single-product .ssk-related-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px;
width:100%;
margin:0!important;
padding:0!important;
box-sizing:border-box;
}
html body.single-product .ssk-related-card{
min-width:0;
display:flex;
flex-direction:column;
overflow:hidden;
border:1px solid rgba(255,255,255,.075);
border-radius:11px;
background:#101015;
box-shadow:0 7px 18px rgba(0,0,0,.16);
transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
html body.single-product .ssk-related-card:hover{
transform:translateY(-2px);
border-color:rgba(242,26,134,.32);
box-shadow:0 11px 24px rgba(0,0,0,.24);
}
html body.single-product .ssk-related-media{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:148px;
padding:10px;
overflow:hidden;
box-sizing:border-box;
background:#fff;
text-decoration:none;
}
html body.single-product .ssk-related-image{
display:block!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
margin:0!important;
object-fit:contain!important;
object-position:center!important;
border:0!important;
border-radius:0!important;
transition:transform .2s ease;
}
html body.single-product .ssk-related-card:hover .ssk-related-image{transform:scale(1.025);}
html body.single-product .ssk-related-sale{
position:absolute;
top:7px;
left:7px;
z-index:3;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:23px;
padding:0 7px;
border-radius:999px;
background:#b7b500;
color:#fff;
font-size:7px;
font-weight:900;
box-shadow:0 3px 8px rgba(0,0,0,.16);
}
html body.single-product .ssk-related-view{display:none!important;}
html body.single-product .ssk-related-content{
display:flex;
flex:1;
flex-direction:column;
min-width:0;
padding:9px 10px 10px;
box-sizing:border-box;
}
html body.single-product .ssk-related-category{
height:13px;
overflow:hidden;
color:#777983;
font-size:7px;
font-weight:800;
line-height:1.25;
text-transform:uppercase;
letter-spacing:.45px;
white-space:nowrap;
text-overflow:ellipsis;
}
html body.single-product .ssk-related-content h3{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
height:32px;
min-height:32px;
margin:4px 0 6px!important;
padding:0!important;
overflow:hidden;
font-size:11px!important;
line-height:1.42!important;
font-weight:800!important;
letter-spacing:0!important;
}
html body.single-product .ssk-related-content h3 a{
color:#f1f1f4!important;
text-decoration:none!important;
}
html body.single-product .ssk-related-content h3 a:hover{color:#ff5daf!important;}
html body.single-product .ssk-related-price{
display:flex;
align-items:baseline;
flex-wrap:wrap;
gap:4px;
height:20px;
min-height:20px;
margin-bottom:7px;
color:#ff4aa8!important;
font-size:14px!important;
line-height:1.2!important;
font-weight:900!important;
}
html body.single-product .ssk-related-price del{
color:#6d6e77!important;
font-size:8px!important;
font-weight:600!important;
}
html body.single-product .ssk-related-price ins{
color:#ff4aa8!important;
text-decoration:none!important;
}
html body.single-product .ssk-related-actions{
display:grid;
grid-template-columns:1fr 1fr;
gap:5px;
margin-top:auto;
}
html body.single-product .ssk-related-actions a{
display:flex;
align-items:center;
justify-content:center;
min-height:30px;
padding:0 4px;
border-radius:7px;
box-sizing:border-box;
text-decoration:none!important;
font-size:8px;
line-height:1;
font-weight:900;
transition:filter .15s ease,transform .15s ease;
}
html body.single-product .ssk-related-cart{
color:#fff!important;
background:#d4147c;
}
html body.single-product .ssk-related-wa{
color:#102010!important;
background:#8fe16f;
}
html body.single-product .ssk-related-actions a:hover{
filter:brightness(1.07);
transform:translateY(-1px);
}
@media(max-width:1050px){
html body.single-product .ssk-related-premium{width:min(900px,calc(100% - 28px));}
html body.single-product .ssk-related-media{height:138px;}
}
@media(max-width:760px){
html body.single-product .ssk-related-premium{
width:calc(100% - 20px);
margin-top:32px;
padding-top:22px;
}
html body.single-product .ssk-related-head{display:block;margin-bottom:13px;}
html body.single-product .ssk-related-head h2{font-size:21px!important;margin-top:5px!important;}
html body.single-product .ssk-related-head p{font-size:9px!important;}
html body.single-product .ssk-related-rule{display:none;}
html body.single-product .ssk-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
html body.single-product .ssk-related-media{height:132px;padding:9px;}
html body.single-product .ssk-related-content{padding:8px 8px 9px;}
html body.single-product .ssk-related-category{font-size:7px;height:12px;}
html body.single-product .ssk-related-content h3{font-size:10px!important;line-height:1.35!important;height:29px;min-height:29px;margin:4px 0 5px!important;}
html body.single-product .ssk-related-price{font-size:13px!important;height:18px;min-height:18px;margin-bottom:6px;gap:3px;}
html body.single-product .ssk-related-price del{font-size:8px!important;}
html body.single-product .ssk-related-actions{gap:4px;}
html body.single-product .ssk-related-actions a{min-height:29px;font-size:7px;}
html body.single-product .ssk-related-sale{top:6px;left:6px;min-height:21px;padding:0 6px;font-size:7px;}
}
/* =========================================================
* SSK Store 4.1.48 — Single product lower section correction
* Prevent WooCommerce grid inheritance from placing tabs/related
* content inside the right product column. Keep the merchandising
* cards compact and aligned across the full product width.
* ========================================================= */
html body.single-product .woocommerce div.product > .woocommerce-tabs,
html body.single-product .woocommerce div.product > .ssk-related-premium,
html body.single-product .woocommerce div.product > .up-sells.products,
html body.single-product .woocommerce div.product > .related.products{
grid-column:1 / -1!important;
width:100%!important;
min-width:0!important;
float:none!important;
clear:both!important;
box-sizing:border-box!important;
}
/* Clean WooCommerce tab artifacts / stray pseudo-elements. */
html body.single-product .woocommerce-tabs ul.tabs:before,
html body.single-product .woocommerce-tabs ul.tabs:after,
html body.single-product .woocommerce-tabs ul.tabs li:before,
html body.single-product .woocommerce-tabs ul.tabs li:after{
display:none!important;
content:none!important;
}
html body.single-product .woocommerce-tabs ul.tabs li{
margin:0!important;
padding:0!important;
background:transparent!important;
}
html body.single-product .woocommerce-tabs ul.tabs li a:before,
html body.single-product .woocommerce-tabs ul.tabs li a:after{
display:none!important;
content:none!important;
}
html body.single-product .woocommerce-tabs{
margin:18px auto 0!important;
max-width:1200px!important;
}
html body.single-product .woocommerce-tabs .panel{
margin-top:14px!important;
}
/* Full-width, compact related-products merchandising row. */
html body.single-product .ssk-related-premium{
grid-column:1 / -1!important;
width:min(1200px,100%)!important;
max-width:1200px!important;
margin:30px auto 0!important;
padding:24px 0 8px!important;
}
html body.single-product .ssk-related-head{
justify-content:center!important;
text-align:center!important;
margin-bottom:14px!important;
}
html body.single-product .ssk-related-heading{
width:100%!important;
}
html body.single-product .ssk-related-eyebrow{
min-height:18px!important;
padding:0 8px!important;
font-size:7px!important;
}
html body.single-product .ssk-related-head h2{
margin:5px 0 2px!important;
font-size:23px!important;
}
html body.single-product .ssk-related-head p{
font-size:9px!important;
}
html body.single-product .ssk-related-rule{
display:none!important;
}
html body.single-product .ssk-related-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:12px!important;
align-items:stretch!important;
}
html body.single-product .ssk-related-card{
width:100%!important;
min-width:0!important;
max-width:none!important;
border-radius:12px!important;
}
html body.single-product .ssk-related-media{
height:150px!important;
min-height:150px!important;
max-height:150px!important;
padding:8px!important;
}
html body.single-product .ssk-related-image{
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
}
html body.single-product .ssk-related-content{
min-height:132px!important;
padding:8px 9px 9px!important;
}
html body.single-product .ssk-related-category{
font-size:7px!important;
height:12px!important;
}
html body.single-product .ssk-related-content h3{
font-size:10px!important;
line-height:1.35!important;
height:28px!important;
min-height:28px!important;
margin:4px 0 5px!important;
}
html body.single-product .ssk-related-price{
height:19px!important;
min-height:19px!important;
margin-bottom:6px!important;
font-size:13px!important;
}
html body.single-product .ssk-related-price del{font-size:8px!important;}
html body.single-product .ssk-related-actions{gap:4px!important;}
html body.single-product .ssk-related-actions a{
min-height:30px!important;
height:30px!important;
font-size:7px!important;
border-radius:7px!important;
}
html body.single-product .ssk-related-sale{
top:6px!important;
left:6px!important;
min-height:22px!important;
padding:0 6px!important;
font-size:7px!important;
}
@media(max-width:900px){
html body.single-product .ssk-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:760px){
html body.single-product .woocommerce div.product > .woocommerce-tabs,
html body.single-product .woocommerce div.product > .ssk-related-premium,
html body.single-product .woocommerce div.product > .up-sells.products,
html body.single-product .woocommerce div.product > .related.products{
grid-column:auto!important;
}
html body.single-product .woocommerce-tabs{margin-top:16px!important;}
html body.single-product .ssk-related-premium{
width:calc(100% - 20px)!important;
margin-top:24px!important;
padding-top:20px!important;
}
html body.single-product .ssk-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
html body.single-product .ssk-related-media{height:132px!important;min-height:132px!important;max-height:132px!important;}
html body.single-product .ssk-related-content{min-height:125px!important;}
}
/* =========================================================
* SSK Store 4.1.49 — Ultra compact related products
* Small, sharp merchandising cards with yellow title badges.
* Use the original/full attachment source so CSS downscaling
* stays crisp instead of forcing WooCommerce thumbnail files.
* ========================================================= */
html body.single-product .ssk-related-premium{
width:min(1080px,calc(100% - 32px))!important;
max-width:1080px!important;
margin:34px auto 0!important;
padding:24px 0 12px!important;
}
html body.single-product .ssk-related-head{
margin-bottom:14px!important;
text-align:center!important;
}
html body.single-product .ssk-related-eyebrow{
min-height:18px!important;
padding:0 9px!important;
font-size:8px!important;
letter-spacing:1px!important;
}
html body.single-product .ssk-related-head h2{
margin:5px 0 2px!important;
font-size:24px!important;
line-height:1.1!important;
}
html body.single-product .ssk-related-head p{
font-size:10px!important;
color:#a5a5ae!important;
}
html body.single-product .ssk-related-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:12px!important;
align-items:start!important;
}
html body.single-product .ssk-related-card{
width:100%!important;
max-width:245px!important;
justify-self:center!important;
border:1px solid rgba(255,255,255,.09)!important;
border-radius:10px!important;
background:#0d0d12!important;
box-shadow:0 5px 16px rgba(0,0,0,.18)!important;
}
html body.single-product .ssk-related-media{
height:112px!important;
min-height:112px!important;
max-height:112px!important;
padding:6px!important;
background:#fff!important;
border-radius:9px 9px 0 0!important;
}
html body.single-product .ssk-related-image{
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center!important;
image-rendering:auto!important;
filter:none!important;
}
html body.single-product .ssk-related-card:hover .ssk-related-image{transform:none!important;}
html body.single-product .ssk-related-sale{
top:5px!important;
left:5px!important;
min-height:20px!important;
padding:0 6px!important;
border-radius:5px!important;
background:#b6b300!important;
color:#fff!important;
font-size:8px!important;
box-shadow:0 2px 6px rgba(0,0,0,.2)!important;
}
html body.single-product .ssk-related-content{
min-height:128px!important;
padding:7px 8px 8px!important;
}
html body.single-product .ssk-related-category{
height:12px!important;
font-size:7px!important;
color:#8d8d96!important;
}
/* Product name: yellow merchandising badge, fixed height and crisp text. */
html body.single-product .ssk-related-content h3{
height:36px!important;
min-height:36px!important;
margin:5px 0 7px!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
overflow:hidden!important;
border:1px solid rgba(255,220,40,.5)!important;
border-radius:5px!important;
background:linear-gradient(180deg,#fff52b 0%,#e4d900 100%)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 2px 7px rgba(218,204,0,.12)!important;
text-align:center!important;
}
html body.single-product .ssk-related-content h3 a{
display:-webkit-box!important;
width:100%!important;
max-height:28px!important;
padding:2px 5px!important;
overflow:hidden!important;
color:#111!important;
font-size:9px!important;
line-height:1.35!important;
font-weight:900!important;
text-align:center!important;
text-shadow:none!important;
-webkit-line-clamp:2!important;
-webkit-box-orient:vertical!important;
}
html body.single-product .ssk-related-content h3 a:hover{color:#000!important;}
html body.single-product .ssk-related-price{
justify-content:center!important;
height:18px!important;
min-height:18px!important;
margin:0 0 6px!important;
font-size:12px!important;
line-height:1!important;
gap:4px!important;
}
html body.single-product .ssk-related-price del{font-size:8px!important;color:#73737b!important;}
html body.single-product .ssk-related-price ins{font-size:13px!important;color:#ff4aa8!important;}
html body.single-product .ssk-related-actions{
grid-template-columns:1fr 1fr!important;
gap:4px!important;
}
html body.single-product .ssk-related-actions a{
min-height:27px!important;
height:27px!important;
padding:0 3px!important;
border-radius:6px!important;
font-size:7px!important;
font-weight:900!important;
}
@media(max-width:900px){
html body.single-product .ssk-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:760px){
html body.single-product .ssk-related-premium{width:calc(100% - 18px)!important;margin-top:24px!important;padding-top:20px!important;}
html body.single-product .ssk-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
html body.single-product .ssk-related-card{max-width:none!important;}
html body.single-product .ssk-related-media{height:108px!important;min-height:108px!important;max-height:92px!important;}
html body.single-product .ssk-related-content{min-height:124px!important;padding:7px!important;}
html body.single-product .ssk-related-content h3{height:34px!important;min-height:34px!important;}
html body.single-product .ssk-related-content h3 a{font-size:8px!important;}
}
/* =========================================================
* SSK Store 4.1.50 — Related Products / Clean Premium Cards
* Final override: compact cards, sharp product imagery and a
* dedicated yellow product-name label. No legacy loop styles.
* ========================================================= */
html body.single-product .woocommerce div.product > .ssk-related-premium{
display:block!important;
grid-column:1 / -1!important;
grid-row:auto!important;
float:none!important;
clear:both!important;
width:100%!important;
max-width:1180px!important;
min-width:0!important;
box-sizing:border-box!important;
margin:42px auto 0!important;
padding:28px 0 18px!important;
position:relative!important;
z-index:4!important;
}
html body.single-product .ssk-related-premium .ssk-related-head{
display:block!important;
width:100%!important;
margin:0 0 18px!important;
padding:0!important;
text-align:center!important;
}
html body.single-product .ssk-related-premium .ssk-related-eyebrow{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
height:22px!important;
min-height:22px!important;
padding:0 12px!important;
border:1px solid rgba(255,210,0,.35)!important;
border-radius:999px!important;
background:rgba(255,214,0,.08)!important;
color:#ffe100!important;
font-size:9px!important;
font-weight:900!important;
letter-spacing:1.6px!important;
}
html body.single-product .ssk-related-premium .ssk-related-head h2{
margin:8px 0 3px!important;
padding:0!important;
color:#fff!important;
font-size:27px!important;
line-height:1.1!important;
font-weight:1000!important;
letter-spacing:-.6px!important;
}
html body.single-product .ssk-related-premium .ssk-related-head p{
margin:0!important;
color:#a8a8b2!important;
font-size:10px!important;
line-height:1.35!important;
font-weight:600!important;
}
html body.single-product .ssk-related-premium .ssk-related-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:14px!important;
width:100%!important;
margin:0!important;
padding:0!important;
align-items:stretch!important;
}
html body.single-product .ssk-related-premium .ssk-related-card{
display:flex!important;
flex-direction:column!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
min-height:0!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
border:1px solid rgba(226,27,136,.30)!important;
border-radius:12px!important;
background:#0c0c11!important;
box-shadow:0 8px 24px rgba(0,0,0,.22)!important;
box-sizing:border-box!important;
transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
html body.single-product .ssk-related-premium .ssk-related-card:hover{
transform:translateY(-3px)!important;
border-color:rgba(226,27,136,.65)!important;
box-shadow:0 14px 32px rgba(0,0,0,.32)!important;
}
html body.single-product .ssk-related-premium .ssk-related-media{
position:relative!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
height:132px!important;
min-height:132px!important;
max-height:132px!important;
margin:0!important;
padding:8px!important;
overflow:hidden!important;
background:#fff!important;
border:0!important;
border-radius:11px 11px 0 0!important;
box-sizing:border-box!important;
}
html body.single-product .ssk-related-premium .ssk-related-image{
display:block!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
margin:0!important;
padding:0!important;
object-fit:contain!important;
object-position:center!important;
transform:none!important;
filter:none!important;
image-rendering:auto!important;
}
html body.single-product .ssk-related-premium .ssk-related-sale{
position:absolute!important;
top:7px!important;
left:7px!important;
z-index:2!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
height:22px!important;
min-height:22px!important;
padding:0 8px!important;
border:0!important;
border-radius:6px!important;
background:#c9b900!important;
color:#fff!important;
font-size:8px!important;
font-weight:1000!important;
line-height:1!important;
box-shadow:0 3px 9px rgba(0,0,0,.22)!important;
}
html body.single-product .ssk-related-premium .ssk-related-content{
display:flex!important;
flex:1 1 auto!important;
flex-direction:column!important;
width:100%!important;
min-height:0!important;
margin:0!important;
padding:9px!important;
background:#0c0c11!important;
box-sizing:border-box!important;
}
html body.single-product .ssk-related-premium .ssk-related-title-box{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
height:42px!important;
min-height:42px!important;
max-height:42px!important;
margin:0 0 8px!important;
padding:4px 7px!important;
overflow:hidden!important;
box-sizing:border-box!important;
border:1px solid rgba(255,221,25,.78)!important;
border-radius:6px!important;
background:linear-gradient(180deg,#ffe82a 0%,#d8c400 100%)!important;
color:#080808!important;
text-align:center!important;
text-decoration:none!important;
font-size:10px!important;
line-height:1.2!important;
font-weight:1000!important;
letter-spacing:-.1px!important;
-webkit-line-clamp:2!important;
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
text-shadow:none!important;
}
html body.single-product .ssk-related-premium .ssk-related-title-box:hover{
color:#000!important;
background:#ffed3b!important;
text-decoration:none!important;
}
html body.single-product .ssk-related-premium .ssk-related-price{
display:flex!important;
align-items:baseline!important;
justify-content:center!important;
flex-wrap:wrap!important;
gap:5px!important;
width:100%!important;
height:22px!important;
min-height:22px!important;
margin:0 0 8px!important;
padding:0!important;
color:#fff!important;
font-size:13px!important;
line-height:1!important;
font-weight:900!important;
}
html body.single-product .ssk-related-premium .ssk-related-price del{
color:#777982!important;
font-size:9px!important;
font-weight:700!important;
}
html body.single-product .ssk-related-premium .ssk-related-price ins{
color:#ff4eaa!important;
font-size:14px!important;
font-weight:1000!important;
text-decoration:none!important;
}
html body.single-product .ssk-related-premium .ssk-related-actions{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:5px!important;
width:100%!important;
margin-top:auto!important;
padding:0!important;
}
html body.single-product .ssk-related-premium .ssk-related-actions a{
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-width:0!important;
min-height:30px!important;
height:30px!important;
margin:0!important;
padding:0 4px!important;
border:0!important;
border-radius:7px!important;
color:#fff!important;
text-decoration:none!important;
font-size:8px!important;
line-height:1!important;
font-weight:1000!important;
box-sizing:border-box!important;
white-space:nowrap!important;
}
html body.single-product .ssk-related-premium .ssk-related-cart{
background:linear-gradient(135deg,#d20b78,#a90b61)!important;
}
html body.single-product .ssk-related-premium .ssk-related-wa{
background:linear-gradient(135deg,#83df62,#62c948)!important;
color:#081006!important;
}
html body.single-product .ssk-related-premium .ssk-related-actions a:hover{
transform:translateY(-1px)!important;
filter:brightness(1.07)!important;
}
@media(max-width:1100px){
html body.single-product .ssk-related-premium .ssk-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:760px){
html body.single-product .woocommerce div.product > .ssk-related-premium{
width:calc(100% - 20px)!important;
max-width:none!important;
margin:28px auto 0!important;
padding:20px 0 12px!important;
}
html body.single-product .ssk-related-premium .ssk-related-head h2{font-size:22px!important;}
html body.single-product .ssk-related-premium .ssk-related-head p{font-size:9px!important;}
html body.single-product .ssk-related-premium .ssk-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
html body.single-product .ssk-related-premium .ssk-related-media{height:118px!important;min-height:118px!important;max-height:118px!important;padding:6px!important;}
html body.single-product .ssk-related-premium .ssk-related-content{padding:7px!important;}
html body.single-product .ssk-related-premium .ssk-related-title-box{height:40px!important;min-height:40px!important;max-height:40px!important;font-size:8px!important;}
html body.single-product .ssk-related-premium .ssk-related-price{font-size:11px!important;height:19px!important;min-height:19px!important;margin-bottom:6px!important;}
html body.single-product .ssk-related-premium .ssk-related-price ins{font-size:12px!important;}
html body.single-product .ssk-related-premium .ssk-related-actions a{height:28px!important;min-height:28px!important;font-size:7px!important;}
}
/* =========================================================
* SSK Store 4.1.51 — Related Products structural reset
* The related section is rendered outside .product. These rules
* intentionally own the entire component and override legacy
* WooCommerce/theme card styles.
* ========================================================= */
html body.single-product .ssk-related-premium{
display:block!important;
width:min(920px,calc(100% - 48px))!important;
max-width:920px!important;
min-width:0!important;
margin:40px auto 34px!important;
padding:24px 0 6px!important;
clear:both!important;
float:none!important;
position:relative!important;
box-sizing:border-box!important;
border-top:1px solid rgba(255,255,255,.09)!important;
}
html body.single-product .ssk-related-premium .ssk-related-head{
display:block!important;
width:100%!important;
margin:0 0 20px!important;
padding:0!important;
text-align:center!important;
}
html body.single-product .ssk-related-premium .ssk-related-eyebrow{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
height:20px!important;
min-height:20px!important;
padding:0 10px!important;
border:0!important;
border-radius:5px!important;
background:transparent!important;
color:#ffe100!important;
font-size:9px!important;
font-weight:1000!important;
letter-spacing:1.4px!important;
}
html body.single-product .ssk-related-premium .ssk-related-head h2{
margin:5px 0 4px!important;
padding:0!important;
color:#fff!important;
font-size:27px!important;
line-height:1.1!important;
font-weight:1000!important;
letter-spacing:-.6px!important;
}
html body.single-product .ssk-related-premium .ssk-related-head h2:before,
html body.single-product .ssk-related-premium .ssk-related-head h2:after{display:none!important;content:none!important;}
html body.single-product .ssk-related-premium .ssk-related-head p{
margin:0!important;
color:#92939d!important;
font-size:11px!important;
line-height:1.4!important;
font-weight:600!important;
}
html body.single-product .ssk-related-premium .ssk-related-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:12px!important;
width:100%!important;
margin:0!important;
padding:0!important;
list-style:none!important;
box-sizing:border-box!important;
}
html body.single-product .ssk-related-premium .ssk-related-card{
display:flex!important;
flex-direction:column!important;
width:100%!important;
max-width:none!important;
min-width:0!important;
height:100%!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
box-sizing:border-box!important;
border:1px solid rgba(255,255,255,.10)!important;
border-radius:10px!important;
background:#0d0d12!important;
box-shadow:0 8px 22px rgba(0,0,0,.20)!important;
transform:none!important;
}
html body.single-product .ssk-related-premium .ssk-related-card:hover{
transform:translateY(-2px)!important;
border-color:rgba(242,26,134,.55)!important;
}
html body.single-product .ssk-related-premium .ssk-related-media{
display:flex!important;
position:relative!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
height:104px!important;
min-height:104px!important;
max-height:104px!important;
margin:0!important;
padding:7px!important;
overflow:hidden!important;
box-sizing:border-box!important;
background:#fff!important;
border:0!important;
border-radius:9px 9px 0 0!important;
}
html body.single-product .ssk-related-premium .ssk-related-image{
display:block!important;
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:108px!important;
margin:auto!important;
padding:0!important;
object-fit:contain!important;
object-position:center!important;
transform:none!important;
image-rendering:auto!important;
}
html body.single-product .ssk-related-premium .ssk-related-sale{
position:absolute!important;
top:7px!important;
left:7px!important;
z-index:3!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
height:20px!important;
min-height:20px!important;
padding:0 7px!important;
border-radius:5px!important;
background:#c8b800!important;
color:#fff!important;
font-size:7px!important;
font-weight:1000!important;
line-height:1!important;
}
html body.single-product .ssk-related-premium .ssk-related-content{
display:flex!important;
flex:1 1 auto!important;
flex-direction:column!important;
width:100%!important;
min-width:0!important;
min-height:0!important;
margin:0!important;
padding:7px!important;
box-sizing:border-box!important;
background:#0d0d12!important;
}
html body.single-product .ssk-related-premium .ssk-related-title-box{
display:-webkit-box!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
height:34px!important;
min-height:34px!important;
max-height:34px!important;
margin:0 0 7px!important;
padding:3px 5px!important;
overflow:hidden!important;
box-sizing:border-box!important;
border:1px solid #ffe100!important;
border-radius:5px!important;
background:linear-gradient(180deg,#ffe82a 0%,#d5c000 100%)!important;
color:#050505!important;
text-align:center!important;
text-decoration:none!important;
font-size:8px!important;
line-height:1.1!important;
font-weight:1000!important;
text-shadow:none!important;
-webkit-line-clamp:2!important;
-webkit-box-orient:vertical!important;
}
html body.single-product .ssk-related-premium .ssk-related-title-box:hover{
color:#000!important;
background:#ffed3b!important;
}
html body.single-product .ssk-related-premium .ssk-related-price{
display:flex!important;
align-items:baseline!important;
justify-content:center!important;
flex-wrap:wrap!important;
gap:4px!important;
width:100%!important;
height:18px!important;
min-height:18px!important;
margin:0 0 6px!important;
padding:0!important;
color:#ff4eaa!important;
font-size:13px!important;
line-height:1!important;
font-weight:1000!important;
}
html body.single-product .ssk-related-premium .ssk-related-price del{
color:#70717a!important;
font-size:8px!important;
font-weight:700!important;
}
html body.single-product .ssk-related-premium .ssk-related-price ins{
color:#ff4eaa!important;
font-size:12px!important;
font-weight:1000!important;
text-decoration:none!important;
}
html body.single-product .ssk-related-premium .ssk-related-actions{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:4px!important;
width:100%!important;
margin-top:auto!important;
padding:0!important;
}
html body.single-product .ssk-related-premium .ssk-related-actions a{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
height:24px!important;
min-height:24px!important;
margin:0!important;
padding:0 3px!important;
border:0!important;
border-radius:6px!important;
box-sizing:border-box!important;
color:#fff!important;
text-decoration:none!important;
font-size:6.5px!important;
line-height:1!important;
font-weight:1000!important;
white-space:nowrap!important;
}
html body.single-product .ssk-related-premium .ssk-related-cart{background:linear-gradient(135deg,#d20b78,#a90b61)!important;}
html body.single-product .ssk-related-premium .ssk-related-wa{background:linear-gradient(135deg,#82df62,#61c848)!important;color:#071006!important;}
@media(max-width:1100px){
html body.single-product .ssk-related-premium .ssk-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:760px){
html body.single-product .ssk-related-premium{
width:calc(100% - 20px)!important;
margin:30px auto 30px!important;
padding:22px 0 4px!important;
}
html body.single-product .ssk-related-premium .ssk-related-head h2{font-size:22px!important;}
html body.single-product .ssk-related-premium .ssk-related-head p{font-size:9px!important;}
html body.single-product .ssk-related-premium .ssk-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
html body.single-product .ssk-related-premium .ssk-related-media{height:108px!important;min-height:108px!important;max-height:108px!important;padding:6px!important;}
html body.single-product .ssk-related-premium .ssk-related-image{max-height:94px!important;}
html body.single-product .ssk-related-premium .ssk-related-content{padding:6px!important;}
html body.single-product .ssk-related-premium .ssk-related-title-box{height:36px!important;min-height:36px!important;max-height:36px!important;font-size:8px!important;}
html body.single-product .ssk-related-premium .ssk-related-price{font-size:11px!important;height:18px!important;min-height:18px!important;}
html body.single-product .ssk-related-premium .ssk-related-price ins{font-size:11px!important;}
html body.single-product .ssk-related-premium .ssk-related-actions a{height:26px!important;min-height:26px!important;font-size:7px!important;}
}
/* ============================================================
SSK STORE V4.1.53 — RELATED PRODUCT IMAGE PARITY
Match related-product image area to homepage product cards.
Homepage desktop image area: 135px.
============================================================ */
html body.single-product .ssk-related-premium .ssk-related-media{
height:146px!important;
min-height:146px!important;
max-height:146px!important;
padding:5px!important;
box-sizing:border-box!important;
}
html body.single-product .ssk-related-premium .ssk-related-image{
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:136px!important;
object-fit:contain!important;
display:block!important;
margin:auto!important;
}
@media(max-width:800px){
html body.single-product .ssk-related-premium .ssk-related-media{
height:155px!important;
min-height:155px!important;
max-height:155px!important;
}
html body.single-product .ssk-related-premium .ssk-related-image{
max-height:145px!important;
}
}
/* SSK 4.1.55 - Ana sayfa kategori bazlı ürün sıraları */
.ssk-home-category-products{padding:28px 0 12px}
.ssk-category-products-heading{margin-bottom:18px}
.ssk-category-products-heading h2{margin:2px 0 4px}
.ssk-category-products-heading p{margin:0;color:rgba(255,255,255,.62)}
.ssk-category-products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.ssk-category-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.ssk-category-products{padding:22px 0 8px}.ssk-category-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ssk-category-products-heading .ssk-products-all-btn{font-size:11px}}
.ssk-home-cat-row-setting{border:1px solid #e3e3e3;background:#fafafa;padding:12px 14px;margin:10px 0;border-radius:8px}
.ssk-home-cat-row-setting p{margin:8px 0}
/* SSK Store V4.1.56 — Kategori ürün sıraları yatay grid düzeltmesi */
html body .ssk-home-category-products .ssk-category-products-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:15px!important;
width:100%!important;
align-items:stretch!important;
}
html body .ssk-home-category-products .ssk-category-products-grid > .ssk-home-product-card{
display:flex!important;
flex-direction:column!important;
width:auto!important;
min-width:0!important;
max-width:none!important;
margin:0!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image{
display:flex!important;
width:100%!important;
height:180px!important;
align-items:center!important;
justify-content:center!important;
overflow:hidden!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
padding:8px!important;
box-sizing:border-box!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-body{
flex:1 1 auto!important;
}
@media(max-width:1100px){
html body .ssk-home-category-products .ssk-category-products-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
}
@media(max-width:700px){
html body .ssk-home-category-products .ssk-category-products-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:12px!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image{height:155px!important;}
}
/* ============================================================
SSK STORE V4.1.57 — KATEGORİ ÜRÜN SIRALARI / GERÇEK YATAY DİZİLİM
Ürün sayısı az olsa bile kartların devleşmesini engeller.
============================================================ */
html body.home.ssk-premium-v40 .ssk-home-category-products .ssk-category-products-grid,
html body .ssk-home-category-products .ssk-category-products-grid{
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
align-items:stretch!important;
justify-content:flex-start!important;
gap:14px!important;
width:100%!important;
max-width:100%!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
html body.home.ssk-premium-v40 .ssk-home-category-products .ssk-category-products-grid > .ssk-home-product-card,
html body .ssk-home-category-products .ssk-category-products-grid > .ssk-home-product-card{
flex:0 0 calc((100% - 42px) / 4)!important;
width:calc((100% - 42px) / 4)!important;
min-width:0!important;
max-width:calc((100% - 42px) / 4)!important;
box-sizing:border-box!important;
}
html body.home.ssk-premium-v40 .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image,
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image{
height:135px!important;
min-height:135px!important;
max-height:135px!important;
}
html body.home.ssk-premium-v40 .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image img,
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
}
html body.home.ssk-premium-v40 .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-title,
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-title{
display:-webkit-box!important;
-webkit-line-clamp:2!important;
-webkit-box-orient:vertical!important;
overflow:hidden!important;
}
@media(max-width:1100px){
html body .ssk-home-category-products .ssk-category-products-grid > .ssk-home-product-card{
flex-basis:var(--ssk-category-card-width,220px)!important;
width:var(--ssk-category-card-width,220px)!important;
max-width:var(--ssk-category-card-width,220px)!important;
}
}
@media(max-width:700px){
html body .ssk-home-category-products .ssk-category-products-grid{
flex-wrap:nowrap!important;
overflow-x:auto!important;
scrollbar-width:none!important;
padding-bottom:6px!important;
}
html body .ssk-home-category-products .ssk-category-products-grid::-webkit-scrollbar{display:none!important}
html body .ssk-home-category-products .ssk-category-products-grid > .ssk-home-product-card{
flex:0 0 calc((100% - 12px) / 2)!important;
width:calc((100% - 12px) / 2)!important;
max-width:calc((100% - 12px) / 2)!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image{
height:155px!important;min-height:155px!important;max-height:155px!important;
}
}
/* ============================================================
SSK STORE V4.1.58 — KATEGORİ ÜRÜNLERİ PROFESYONEL SLIDER
Ana sayfadaki ürün kartlarıyla aynı görsel dil + masaüstü slider.
============================================================ */
html body .ssk-home-category-products .ssk-category-product-carousel{
position:relative!important;
width:100%!important;
max-width:100%!important;
box-sizing:border-box!important;
padding:0 38px!important;
}
html body .ssk-home-category-products .ssk-category-product-viewport{
width:100%!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
html body .ssk-home-category-products .ssk-category-products-grid{
display:flex!important;
flex-wrap:nowrap!important;
gap:14px!important;
width:max-content!important;
max-width:none!important;
margin:0!important;
padding:0!important;
transition:transform .48s cubic-bezier(.22,.61,.36,1)!important;
will-change:transform;
}
html body .ssk-home-category-products .ssk-category-products-grid > .ssk-home-product-card{
flex:0 0 var(--ssk-category-card-width,220px)!important;
width:auto!important;
min-width:0!important;
max-width:none!important;
box-sizing:border-box!important;
}
/* Desktop: four cards exactly matching the homepage card proportions. */
html body .ssk-home-category-products .ssk-category-products-grid > .ssk-home-product-card{
flex-basis:var(--ssk-category-card-width,220px)!important;
width:var(--ssk-category-card-width,220px)!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-card{
background:#101014!important;
border:1px solid rgba(226,27,136,.48)!important;
border-radius:14px!important;
overflow:hidden!important;
box-shadow:0 8px 24px rgba(0,0,0,.22)!important;
transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-card:hover{
transform:translateY(-4px)!important;
border-color:#e21b88!important;
box-shadow:0 14px 30px rgba(226,27,136,.14)!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image{
position:relative!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
height:135px!important;
min-height:135px!important;
max-height:135px!important;
background:#fff!important;
overflow:hidden!important;
text-decoration:none!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image img{
display:block!important;
width:100%!important;
height:100%!important;
object-fit:contain!important;
padding:8px!important;
box-sizing:border-box!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-badge{
position:absolute!important;
left:7px!important;
top:7px!important;
z-index:2!important;
background:#e21b88!important;
color:#fff!important;
padding:5px 7px!important;
border-radius:999px!important;
font-size:9px!important;
line-height:1!important;
font-weight:900!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-body{
padding:10px 10px 11px!important;
min-height:112px!important;
box-sizing:border-box!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-title{
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;
overflow:hidden!important;
min-height:36px!important;
color:#fff!important;
text-decoration:none!important;
font-size:12px!important;
line-height:1.28!important;
font-weight:800!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-price{
margin:7px 0 8px!important;
color:#fff!important;
font-size:13px!important;
line-height:1.15!important;
font-weight:800!important;
white-space:nowrap!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-price del{color:#888!important;margin-right:4px!important;}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-price ins{text-decoration:none!important;color:#ff4aa8!important;}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-actions{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:5px!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-cart,
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-whatsapp{
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-height:29px!important;
border-radius:7px!important;
text-decoration:none!important;
font-size:9px!important;
line-height:1!important;
font-weight:800!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-cart{background:#c41472!important;color:#fff!important;}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-whatsapp{background:#69d45d!important;color:#fff!important;}
html body .ssk-home-category-products .ssk-category-product-arrow{
position:absolute!important;
top:50%!important;
transform:translateY(-50%)!important;
z-index:8!important;
width:34px!important;
height:34px!important;
padding:0!important;
border:1px solid rgba(226,27,136,.75)!important;
border-radius:50%!important;
background:#0b0b10!important;
color:#fff!important;
font-size:25px!important;
line-height:30px!important;
text-align:center!important;
cursor:pointer!important;
box-shadow:0 5px 16px rgba(0,0,0,.35)!important;
transition:.2s ease!important;
}
html body .ssk-home-category-products .ssk-category-product-arrow:hover:not(:disabled){background:#e21b88!important;border-color:#ff53b0!important;}
html body .ssk-home-category-products .ssk-category-product-arrow:disabled{opacity:.28!important;cursor:default!important;}
html body .ssk-home-category-products .ssk-category-product-prev{left:0!important;}
html body .ssk-home-category-products .ssk-category-product-next{right:0!important;}
html body .ssk-home-category-products .ssk-category-product-dots{
display:flex!important;
justify-content:center!important;
gap:5px!important;
min-height:10px!important;
margin-top:10px!important;
}
html body .ssk-home-category-products .ssk-category-product-dot{
width:6px!important;height:6px!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.28)!important;
}
html body .ssk-home-category-products .ssk-category-product-dot.is-active{background:#e21b88!important;transform:scale(1.2);}
@media(max-width:1100px){
html body .ssk-home-category-products .ssk-category-products-grid > .ssk-home-product-card{
flex-basis:calc((100% - 28px) / 3)!important;
width:calc((100% - 28px) / 3)!important;
}
}
@media(max-width:700px){
html body .ssk-home-category-products .ssk-category-product-carousel{padding:0 30px!important;}
html body .ssk-home-category-products .ssk-category-products-grid > .ssk-home-product-card{
flex-basis:calc((100% - 12px) / 2)!important;
width:calc((100% - 12px) / 2)!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image{
height:155px!important;min-height:155px!important;max-height:155px!important;
}
html body .ssk-home-category-products .ssk-category-product-arrow{width:30px!important;height:30px!important;font-size:22px!important;line-height:26px!important;}
html body .ssk-home-category-products .ssk-category-product-prev{left:-1px!important;}
html body .ssk-home-category-products .ssk-category-product-next{right:-1px!important;}
}
/* ============================================================
SSK STORE V4.1.59 — KATEGORİ SLIDER SON DÜZELTME
Görsel ölçüsü Mağazanın Tüm Ürünleri ile aynı masaüstü ölçüdedir.
============================================================ */
html body .ssk-home-category-products .ssk-category-product-carousel{overflow:visible!important;}
html body .ssk-home-category-products .ssk-category-products-grid{align-items:stretch!important;}
html body .ssk-home-category-products .ssk-category-products-grid > .ssk-home-product-card{height:auto!important;}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image{
height:225px!important;
min-height:225px!important;
max-height:225px!important;
background:#fff!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image img{
width:100%!important;
height:100%!important;
max-width:none!important;
max-height:none!important;
object-fit:contain!important;
padding:8px!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-title{
font-size:14px!important;
line-height:1.28!important;
min-height:42px!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-price{
font-size:14px!important;
margin:8px 0 9px!important;
}
@media(max-width:1200px){
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image{
height:205px!important;min-height:205px!important;max-height:205px!important;
}
}
@media(max-width:700px){
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image{
height:165px!important;min-height:165px!important;max-height:165px!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-title{font-size:11px!important;min-height:34px!important;}
}
/* ============================================================
SSK STORE V4.1.60 — KATEGORİ ÜRÜN SLIDER / FINAL DESKTOP FIX
- Görsel alanı Mağazamız > Tüm Ürünler ile aynı: 230px desktop
- Slider sayfaları viewport genişliğine göre kayar; boş sayfa oluşmaz
- Kartlar eşit ölçüdedir
============================================================ */
html body .ssk-home-category-products .ssk-category-product-carousel{
position:relative!important;
width:100%!important;
max-width:100%!important;
padding:0 42px!important;
box-sizing:border-box!important;
overflow:visible!important;
}
html body .ssk-home-category-products .ssk-category-product-viewport{
width:100%!important;
max-width:100%!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
html body .ssk-home-category-products .ssk-category-products-grid{
display:flex!important;
flex-wrap:nowrap!important;
align-items:stretch!important;
gap:15px!important;
width:max-content!important;
max-width:none!important;
margin:0!important;
padding:0!important;
transform:translate3d(var(--ssk-category-offset,0px),0,0)!important;
transition:transform .48s cubic-bezier(.22,.61,.36,1)!important;
will-change:transform!important;
}
html body .ssk-home-category-products .ssk-category-products-grid > .ssk-home-product-card{
flex:0 0 var(--ssk-category-card-width)!important;
width:var(--ssk-category-card-width)!important;
min-width:var(--ssk-category-card-width)!important;
max-width:var(--ssk-category-card-width)!important;
height:auto!important;
box-sizing:border-box!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image{
height:230px!important;
min-height:230px!important;
max-height:230px!important;
width:100%!important;
background:#fff!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image img{
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
padding:10px!important;
box-sizing:border-box!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-body{
min-height:130px!important;
display:flex!important;
flex-direction:column!important;
box-sizing:border-box!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-title{
min-height:38px!important;
max-height:38px!important;
font-size:13px!important;
line-height:1.3!important;
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;
overflow:hidden!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-price{
min-height:22px!important;
margin:8px 0!important;
}
html body .ssk-home-category-products .ssk-category-product-arrow{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:36px!important;
height:36px!important;
top:50%!important;
transform:translateY(-50%)!important;
}
html body .ssk-home-category-products .ssk-category-product-prev{left:0!important;}
html body .ssk-home-category-products .ssk-category-product-next{right:0!important;}
@media(max-width:1200px) and (min-width:701px){
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image{
height:205px!important;min-height:205px!important;max-height:205px!important;
}
}
@media(max-width:700px){
html body .ssk-home-category-products .ssk-category-product-carousel{padding:0 30px!important;}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image{
height:185px!important;min-height:185px!important;max-height:185px!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-title{font-size:11px!important;}
html body .ssk-home-category-products .ssk-category-product-arrow{width:30px!important;height:30px!important;}
}
/* ============================================================
SSK STORE V4.1.61 — KATEGORİ SLIDER FINAL
Tüm Ürünler kartının masaüstü görsel alanı ile birebir uyum.
Slider transform'u CSS değişkeni ile kontrol edilir; inline
transform !important çakışması yoktur.
============================================================ */
html body.home.ssk-premium-v40 .ssk-home-category-products .ssk-category-product-carousel,
html body .ssk-home-category-products .ssk-category-product-carousel{
position:relative!important;
width:100%!important;
max-width:100%!important;
padding:0 42px!important;
box-sizing:border-box!important;
}
html body .ssk-home-category-products .ssk-category-product-viewport{
width:100%!important;
max-width:100%!important;
overflow:hidden!important;
box-sizing:border-box!important;
position:relative!important;
}
html body .ssk-home-category-products .ssk-category-products-grid{
display:flex!important;
flex-wrap:nowrap!important;
align-items:stretch!important;
justify-content:flex-start!important;
gap:15px!important;
width:max-content!important;
max-width:none!important;
margin:0!important;
padding:0!important;
transform:translate3d(var(--ssk-category-offset,0px),0,0)!important;
transition:transform .48s cubic-bezier(.22,.61,.36,1)!important;
will-change:transform!important;
}
html body .ssk-home-category-products .ssk-category-products-grid > .ssk-home-product-card{
flex:0 0 var(--ssk-category-card-width)!important;
width:var(--ssk-category-card-width)!important;
min-width:var(--ssk-category-card-width)!important;
max-width:var(--ssk-category-card-width)!important;
margin:0!important;
overflow:hidden!important;
box-sizing:border-box!important;
background:#101014!important;
border:1px solid rgba(226,27,136,.48)!important;
border-radius:14px!important;
box-shadow:0 8px 24px rgba(0,0,0,.22)!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image{
position:relative!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
height:230px!important;
min-height:230px!important;
max-height:230px!important;
background:#fff!important;
overflow:hidden!important;
text-decoration:none!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image img{
display:block!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
padding:10px!important;
box-sizing:border-box!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-badge{
position:absolute!important;
left:9px!important;
top:9px!important;
z-index:3!important;
background:#e21b88!important;
color:#fff!important;
padding:6px 9px!important;
border-radius:999px!important;
font-size:10px!important;
line-height:1!important;
font-weight:900!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-body{
padding:12px 12px 13px!important;
min-height:132px!important;
display:flex!important;
flex-direction:column!important;
box-sizing:border-box!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-title{
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;
overflow:hidden!important;
color:#fff!important;
text-decoration:none!important;
font-size:14px!important;
line-height:1.35!important;
font-weight:700!important;
min-height:38px!important;
max-height:38px!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-price{
margin:9px 0 11px!important;
min-height:20px!important;
color:#fff!important;
font-size:15px!important;
font-weight:800!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-price del{color:#888!important;margin-right:5px!important;}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-price ins{text-decoration:none!important;color:#ff4aa8!important;}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-actions{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:7px!important;
margin-top:auto!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-cart,
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-whatsapp{
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-height:34px!important;
border-radius:8px!important;
text-decoration:none!important;
font-size:11px!important;
font-weight:800!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-cart{background:#c41472!important;color:#fff!important;}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-whatsapp{background:#69d45d!important;color:#fff!important;}
html body .ssk-home-category-products .ssk-category-product-arrow{
position:absolute!important;
z-index:10!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:38px!important;
height:38px!important;
top:50%!important;
margin:0!important;
padding:0!important;
transform:translateY(-50%)!important;
border:1px solid rgba(226,27,136,.9)!important;
border-radius:50%!important;
background:#08080c!important;
color:#fff!important;
font-size:26px!important;
line-height:1!important;
font-family:Arial,sans-serif!important;
cursor:pointer!important;
box-shadow:none!important;
}
html body .ssk-home-category-products .ssk-category-product-arrow:hover:not(:disabled){background:#e21b88!important;color:#fff!important;}
html body .ssk-home-category-products .ssk-category-product-arrow:disabled{opacity:.28!important;cursor:default!important;}
html body .ssk-home-category-products .ssk-category-product-prev{left:0!important;}
html body .ssk-home-category-products .ssk-category-product-next{right:0!important;}
html body .ssk-home-category-products .ssk-category-product-dots{
display:flex!important;
justify-content:center!important;
align-items:center!important;
gap:6px!important;
min-height:16px!important;
margin:12px auto 0!important;
}
html body .ssk-home-category-products .ssk-category-product-dot{
width:7px!important;
height:7px!important;
min-width:7px!important;
padding:0!important;
border:0!important;
border-radius:50%!important;
background:rgba(255,255,255,.25)!important;
cursor:pointer!important;
}
html body .ssk-home-category-products .ssk-category-product-dot.is-active{background:#e21b88!important;transform:scale(1.25)!important;}
@media(max-width:1200px) and (min-width:701px){
html body .ssk-home-category-products .ssk-category-product-carousel{padding:0 36px!important;}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image{
height:205px!important;min-height:205px!important;max-height:205px!important;
}
}
@media(max-width:700px){
html body .ssk-home-category-products .ssk-category-product-carousel{padding:0 30px!important;}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image{
height:185px!important;min-height:185px!important;max-height:185px!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-title{font-size:11px!important;min-height:34px!important;max-height:34px!important;}
html body .ssk-home-category-products .ssk-category-product-arrow{width:32px!important;height:32px!important;font-size:22px!important;}
}
/* SSK Store V4.1.62 — kategori ürün sıraları kompakt başlık / 5'li masaüstü vitrin */
html body .ssk-home-category-products{
padding:18px 0 6px!important;
}
html body .ssk-home-category-products .ssk-category-products-heading-compact{
margin:0 0 10px!important;
min-height:38px!important;
align-items:center!important;
gap:12px!important;
}
html body .ssk-home-category-products .ssk-category-products-heading-compact > div{
display:flex!important;
align-items:center!important;
min-width:0!important;
}
html body .ssk-home-category-products .ssk-category-products-heading-compact h2{
margin:0!important;
font-size:25px!important;
line-height:1.05!important;
letter-spacing:-.3px!important;
}
html body .ssk-home-category-products .ssk-category-products-heading-compact .ssk-products-all-btn{
margin-left:auto!important;
font-size:11px!important;
padding:7px 11px!important;
white-space:nowrap!important;
}
html body .ssk-home-category-products .ssk-category-product-carousel{margin-top:0!important;}
html body .ssk-home-category-products .ssk-category-product-dots{margin:7px auto 0!important;min-height:10px!important;}
html body .ssk-home-category-products .ssk-category-product-arrow{width:34px!important;height:34px!important;font-size:23px!important;}
@media(max-width:1100px) and (min-width:701px){
html body .ssk-home-category-products{padding:16px 0 5px!important;}
html body .ssk-home-category-products .ssk-category-products-heading-compact h2{font-size:22px!important;}
}
@media(max-width:700px){
html body .ssk-home-category-products{padding:14px 0 4px!important;}
html body .ssk-home-category-products .ssk-category-products-heading-compact{min-height:32px!important;margin-bottom:8px!important;}
html body .ssk-home-category-products .ssk-category-products-heading-compact h2{font-size:19px!important;}
html body .ssk-home-category-products .ssk-category-products-heading-compact .ssk-products-all-btn{font-size:10px!important;padding:6px 9px!important;}
}
/* SSK Store V4.1.63 — Kategori ürün kartlarını masaüstünde büyüt */
@media(min-width:1101px){
html body .ssk-home-category-products .ssk-category-products-grid > .ssk-home-product-card{
flex-basis:245px!important;
width:245px!important;
max-width:245px!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image{
height:230px!important;
min-height:230px!important;
max-height:230px!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-body{
padding:12px 12px 13px!important;
min-height:118px!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-title{
font-size:14px!important;
line-height:1.35!important;
min-height:38px!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-price{
font-size:15px!important;
}
html body .ssk-home-category-products .ssk-category-product-carousel{
padding-left:42px!important;
padding-right:42px!important;
}
}
/* SSK Store V4.1.64 — kategori ürün görsellerini masaüstünde belirgin büyüt */
@media(min-width:1101px){
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image{
height:300px!important;min-height:300px!important;max-height:300px!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image img{
width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
object-fit:contain!important;padding:6px!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-body{
min-height:145px!important;padding:13px 13px 14px!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-title{
font-size:14px!important;line-height:1.4!important;min-height:40px!important;max-height:40px!important;
}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-price{font-size:16px!important;margin:10px 0 12px!important;}
}
/* ============================================================
SSK STORE V4.1.65 — KATEGORİ SLIDER FINAL RESPONSIVE
============================================================ */
html body .ssk-home-category-products .ssk-category-product-carousel{
position:relative!important;
overflow:visible!important;
padding:0 44px!important;
}
html body .ssk-home-category-products .ssk-category-product-viewport{
overflow:hidden!important;
width:100%!important;
position:relative!important;
touch-action:pan-y!important;
}
html body .ssk-home-category-products .ssk-category-products-grid{
display:flex!important;
flex-wrap:nowrap!important;
gap:16px!important;
justify-content:flex-start!important;
align-items:stretch!important;
width:max-content!important;
max-width:none!important;
margin:0!important;
padding:0!important;
transform:translate3d(0,0,0);
transition:transform .55s cubic-bezier(.22,.61,.36,1)!important;
will-change:transform;
}
html body .ssk-home-category-products .ssk-category-products-grid>.ssk-home-product-card{
flex:0 0 var(--ssk-category-card-width)!important;
width:var(--ssk-category-card-width)!important;
min-width:var(--ssk-category-card-width)!important;
max-width:var(--ssk-category-card-width)!important;
box-sizing:border-box!important;
}
html body .ssk-home-category-products .ssk-category-product-arrow{
position:absolute!important;
top:50%!important;
transform:translateY(-50%)!important;
z-index:20!important;
width:34px!important;height:34px!important;
min-width:34px!important;padding:0!important;
display:flex!important;align-items:center!important;justify-content:center!important;
border-radius:50%!important;
font-size:25px!important;line-height:1!important;
cursor:pointer!important;
}
html body .ssk-home-category-products .ssk-category-product-prev{left:2px!important;}
html body .ssk-home-category-products .ssk-category-product-next{right:2px!important;}
html body .ssk-home-category-products .ssk-category-product-arrow:disabled{
opacity:.32!important;pointer-events:none!important;
}
html body .ssk-home-category-products .ssk-category-product-dots{
display:flex!important;justify-content:center!important;align-items:center!important;
gap:6px!important;margin:12px 0 0!important;min-height:10px!important;
}
html body .ssk-home-category-products .ssk-category-product-dot{
width:7px!important;height:7px!important;padding:0!important;border:0!important;
border-radius:50%!important;opacity:.42!important;cursor:pointer!important;
}
html body .ssk-home-category-products .ssk-category-product-dot.is-active{
opacity:1!important;transform:scale(1.18)!important;
}
@media (max-width:1100px){
html body .ssk-home-category-products .ssk-category-product-carousel{padding:0 38px!important;}
}
@media (max-width:700px){
html body .ssk-home-category-products .ssk-category-product-carousel{padding:0 34px!important;}
html body .ssk-home-category-products .ssk-category-products-grid{gap:12px!important;}
html body .ssk-home-category-products .ssk-category-product-arrow{width:30px!important;height:30px!important;min-width:30px!important;font-size:22px!important;}
html body .ssk-home-category-products .ssk-category-product-prev{left:0!important;}
html body .ssk-home-category-products .ssk-category-product-next{right:0!important;}
html body .ssk-home-category-products .ssk-category-products-grid .ssk-home-product-image{height:230px!important;min-height:230px!important;max-height:230px!important;}
}
/* SSK V4.1.66 slider alignment fix */
html body .ssk-home-category-products .ssk-category-product-viewport{overflow:hidden!important;}
html body .ssk-home-category-products .ssk-category-products-grid{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;width:max-content!important;max-width:none!important;gap:16px!important;transform:translate3d(0,0,0);transition:transform .55s cubic-bezier(.22,.61,.36,1)!important;}
@media (max-width:700px){html body .ssk-home-category-products .ssk-category-products-grid{gap:12px!important;}}
/* ============================================================
SSK STORE V4.1.69 — POPÜLER KATEGORİLER GERÇEK VIEWPORT DÜZELTMESİ
Oklar carousel dışına taşmaz; viewport, oklar dahil toplam alanı
aşmaz. Track yalnızca viewport içinde hareket eder.
============================================================ */
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-carousel{
position:relative!important;
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin:0!important;
padding:0!important;
box-sizing:border-box!important;
overflow:visible!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-viewport{
position:relative!important;
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin:0!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-arrow{
position:absolute!important;
top:50%!important;
z-index:30!important;
transform:translateY(-50%)!important;
margin:0!important;
width:42px!important;
height:42px!important;
min-width:42px!important;
max-width:42px!important;
padding:0!important;
box-sizing:border-box!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-arrow.ssk-category-prev{
left:12px!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-arrow.ssk-category-next{
right:12px!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-arrow:hover{
transform:translateY(-50%) scale(1.06)!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-grid{
box-sizing:border-box!important;
margin:0!important;
padding:0!important;
}
@media(max-width:760px){
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-arrow{
width:36px!important;
height:36px!important;
min-width:36px!important;
max-width:36px!important;
}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-arrow.ssk-category-prev{left:6px!important;}
html body.ssk-premium-v40 #ssk-categories.ssk-home-categories .ssk-category-arrow.ssk-category-next{right:6px!important;}
}
/* V4.1.70 — Popular Categories: reserve space for navigation arrows */
#ssk-categories .ssk-category-carousel{
position:relative !important;
width:100% !important;
max-width:100% !important;
min-width:0 !important;
padding:0 56px !important;
box-sizing:border-box !important;
overflow:visible !important;
}
#ssk-categories .ssk-category-viewport{
width:100% !important;
max-width:100% !important;
min-width:0 !important;
overflow:hidden !important;
box-sizing:border-box !important;
}
#ssk-categories .ssk-category-grid{
overflow:visible !important;
}
#ssk-categories .ssk-category-arrow{
position:absolute !important;
top:50% !important;
transform:translateY(-50%) !important;
z-index:20 !important;
width:42px !important;
height:42px !important;
min-width:42px !important;
margin:0 !important;
pointer-events:auto !important;
}
#ssk-categories .ssk-category-prev{left:8px !important;}
#ssk-categories .ssk-category-next{right:8px !important;}
@media(max-width:760px){
#ssk-categories .ssk-category-carousel{padding:0 44px !important;}
#ssk-categories .ssk-category-prev{left:5px !important;}
#ssk-categories .ssk-category-next{right:5px !important;}
#ssk-categories .ssk-category-arrow{width:36px !important;height:36px !important;min-width:36px !important;}
}
/* V4.1.125 — Premium header logo and top messaging */
.ssk-built-in-logo{display:block;width:220px;height:64px;max-width:100%;object-fit:contain;object-position:left center;}
.ssk-topbar-inner{align-items:center;}
.ssk-topbar-inner span{display:inline-flex;align-items:center;gap:5px;line-height:1.2;}
.ssk-topbar-inner span b{font-weight:850;}
.ssk-topbar-inner span:nth-child(2) b{color:#f4f4f7;}
.ssk-topbar-inner span:nth-child(3) b{color:#ff63b4;}
.ssk-topbar-inner span:nth-child(4) b{color:#72df70;}
.ssk-nav-whatsapp{color:#72df70!important;}
.ssk-nav-whatsapp:after{background:#72df70!important;box-shadow:0 0 12px #72df70!important;}
@media(max-width:760px){.ssk-built-in-logo{width:165px;height:52px;margin:auto;}.ssk-topbar-inner span:nth-child(3){display:none;}.ssk-topbar-inner span{font-size:9px;}.ssk-topbar-inner span:nth-child(2){display:inline-flex;}.ssk-topbar-inner span:nth-child(4){display:inline-flex;}}