@font-face {
  font-family: 'SMK Shop Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/font-0.woff2) format('truetype');
}
@font-face {
  font-family: 'SMK Shop Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/font-1.woff2) format('truetype');
}
@font-face {
  font-family: 'SMK Shop Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(fonts/font-2.woff2) format('truetype');
}
@font-face {
  font-family: 'SMK Shop Jakarta';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/font-3.woff2) format('truetype');
}
@font-face {
  font-family: 'SMK Shop Jakarta';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/font-4.woff2) format('truetype');
}
@font-face {
  font-family: 'SMK Shop Jakarta';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/font-5.woff2) format('truetype');
}
@font-face {
  font-family: 'SMK Shop Jakarta';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/font-6.woff2) format('truetype');
}

#smk-shop{--blue:#3645ac;--pink:#e91e63;--ink:#1f2124;--muted:#707380;--line:#e9eaf0;color:var(--ink);background:#fff;font:15px/1.7 'SMK Shop Jakarta',Arial,sans-serif;min-height:100vh}#smk-shop *{box-sizing:border-box}#smk-shop a{color:var(--blue);text-decoration:none}#smk-shop button,#smk-shop input,#smk-shop select{font:inherit}#smk-shop button,#smk-shop a{touch-action:manipulation}#smk-shop button{cursor:pointer}#smk-shop :focus-visible{outline:3px solid #e91e6370;outline-offset:4px}#smk-shop h1,#smk-shop h2,#smk-shop h3{font-family:'SMK Shop Lato',Arial,sans-serif;line-height:1.16;letter-spacing:-.025em}#smk-shop h1{font-size:50px;font-weight:900;margin:24px 0}#smk-shop h2{font-size:34px;margin:0 0 20px}#smk-shop h3{font-size:23px;margin:12px 0}#smk-shop p{margin:0 0 18px}#smk-shop .wrap{max-width:1200px;margin:auto;padding:0 28px}#smk-shop .gradient{background:linear-gradient(105deg,var(--blue),var(--pink));background-clip:text;-webkit-text-fill-color:transparent}#smk-shop .hero{text-align:center;position:relative;overflow:hidden;padding:64px 24px 46px;background:radial-gradient(ellipse at 90% 90%,#e91e6308,transparent 45%),radial-gradient(ellipse at 10% 40%,#3645ac08,transparent 42%)}#smk-shop .hero h1{max-width:850px;margin:25px auto 20px}#smk-shop .hero p{max-width:740px;margin:0 auto 26px;color:#656573;font-size:16px}#smk-shop .eyebrow{display:inline-block;border-radius:30px;background:#f3f3f5;padding:5px 14px;font-size:13px;font-weight:600}#smk-shop .btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:0;border-radius:22px;padding:11px 22px;color:white;background:linear-gradient(110deg,var(--blue),var(--pink));font-weight:600;font-size:14px;transition:transform .2s,box-shadow .2s}#smk-shop .btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3645ac24}#smk-shop .btn.secondary{background:#f3f4fa;color:var(--blue)}#smk-shop .benefits{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin:30px 0 0;font-size:13px}#smk-shop .benefits span:before{content:'✓';display:inline-grid;place-items:center;width:19px;height:19px;background:var(--blue);color:white;border-radius:50%;margin-right:9px;font-size:12px}#smk-shop .catalog{padding-top:48px;padding-bottom:70px}#smk-shop .heading-row{display:flex;justify-content:space-between;align-items:center;gap:20px}#smk-shop .heading-row h2{margin-bottom:7px}#smk-shop .muted{color:var(--muted);font-size:13px}#smk-shop .tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:25px 0}#smk-shop .filters{display:flex;gap:7px;flex-wrap:wrap;flex:1}#smk-shop .chip{border:1px solid var(--line);background:white;padding:8px 15px;border-radius:20px;font-size:12px;color:#5b5d6a}#smk-shop .chip.active{background:var(--blue);border-color:var(--blue);color:white}#smk-shop input,#smk-shop select{border:1px solid #dedfe8;border-radius:10px;padding:10px 12px;background:#fff;max-width:100%;color:var(--ink)}#smk-shop .tools input{width:190px;font-size:12px}#smk-shop .tools select{font-size:12px;width:160px}#smk-shop .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}#smk-shop .card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column}#smk-shop .card:hover{box-shadow:0 15px 35px #1f214012;transform:translateY(-4px)}#smk-shop .card-picture{display:block;background:#f7f7fa;position:relative;aspect-ratio:1.33;overflow:hidden}#smk-shop .card-picture img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}#smk-shop .badge{position:absolute;top:14px;left:14px;background:white;border-radius:20px;padding:3px 10px;font-size:10px;color:var(--pink);box-shadow:0 2px 8px #00000009}#smk-shop .card-body{padding:22px;flex:1;display:flex;flex-direction:column}#smk-shop .category{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);font-weight:700}#smk-shop .card h3{font-size:22px;color:var(--ink);min-height:51px;margin:9px 0 16px}#smk-shop .price{font-size:19px;font-weight:700;color:var(--ink);margin:0}#smk-shop .price p{margin:0}#smk-shop .price del{font-size:12px;color:#9293a0;font-weight:400;margin-right:8px}#smk-shop ins{text-decoration:none}#smk-shop .screen-reader-text{display:none}#smk-shop .card .btn{margin-top:18px;width:100%;background:#f4f5fb;color:var(--blue);border-radius:10px}#smk-shop .card:hover .btn{background:var(--blue);color:white}#smk-shop .pagination{display:flex;gap:9px;justify-content:center;margin-top:35px}#smk-shop .pagination a{padding:8px 17px;border:1px solid var(--line);border-radius:9px}#smk-shop .pagination a.current{background:var(--blue);color:white}#smk-shop .breadcrumb{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0;font-size:13px}#smk-shop .detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:10px 0 55px}#smk-shop .detail h1{font-size:42px;margin:12px 0 22px}#smk-shop .main-image{width:100%;border:1px solid var(--line);border-radius:20px;background:#f8f8fa;aspect-ratio:1;object-fit:contain}#smk-shop .thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}#smk-shop .thumbs button{padding:0;border:1px solid var(--line);border-radius:8px;background:white;overflow:hidden}#smk-shop .thumbs img{width:62px;height:62px;object-fit:cover;display:block}#smk-shop .short{font-size:14px;color:#666976;margin:25px 0}#smk-shop .short p{margin-bottom:14px}#smk-shop .buybox{background:#f7f8fc;border:1px solid var(--line);border-radius:15px;padding:22px;margin-top:22px}#smk-shop label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}#smk-shop .buybox select{width:100%;margin-bottom:13px}#smk-shop .buyline{display:flex;gap:10px;margin-top:16px}#smk-shop .buyline input{width:75px}#smk-shop .buyline .btn{flex:1}#smk-shop .description{border-top:1px solid var(--line);padding:40px 0 55px;max-width:900px}#smk-shop .description h2{font-size:28px}#smk-shop .description h3{margin:25px 0 15px}#smk-shop .description img{max-width:100%;height:auto}#smk-shop table{border-collapse:collapse;width:100%;font-size:14px}#smk-shop td,#smk-shop th{padding:12px;border-bottom:1px solid var(--line);text-align:left}#smk-shop .legal{max-width:900px;padding-bottom:70px;overflow-wrap:anywhere}#smk-shop .legal h1{font-size:40px}#smk-shop .legal h2{font-size:26px;margin-top:30px}#smk-shop .legal h3{font-size:22px}#smk-shop .service-links{margin:35px 0 0;display:flex;flex-wrap:wrap;gap:16px;font-size:12px}#smk-shop .notice{border-radius:10px;padding:14px 18px;background:#f4f5fb;color:#555d82;font-size:13px;margin:20px 0}#smk-shop .cart-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:35px;padding-bottom:70px}#smk-shop .cart-row{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:22px 0}#smk-shop .cart-row img{width:80px;height:80px;border-radius:10px;object-fit:contain}#smk-shop .cart-row .info{flex:1}#smk-shop .cart-row input{width:70px}#smk-shop .textbutton{background:none;border:0;padding:5px 0;color:var(--blue);font-size:12px}#smk-shop .summary{background:#f7f8fc;border-radius:16px;padding:26px;align-self:start}#smk-shop .sumline{display:flex;justify-content:space-between;gap:20px;padding:10px 0}#smk-shop .sumline.total{font-weight:700;border-top:1px solid #ddd;margin:12px 0;font-size:20px}#smk-shop .summary .btn{width:100%}#smk-shop .empty{text-align:center;padding:70px 20px}#smk-shop .formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}#smk-shop .formgrid input{width:100%}#smk-shop .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:20;background:#1f2124;color:white;padding:15px 23px;border-radius:12px;box-shadow:0 5px 25px #0003;font-size:14px;max-width:90vw}#smk-shop .toast a{color:#ff91b6;margin-left:15px}#smk-shop .faq{margin:20px 0 40px}#smk-shop details{border-bottom:1px solid var(--line);padding:17px 0}#smk-shop summary{cursor:pointer;font-weight:600}#smk-shop details p{margin-top:12px;color:var(--muted)}@media(max-width:900px){#smk-shop .grid{grid-template-columns:repeat(2,minmax(0,1fr))}#smk-shop .detail{gap:28px}#smk-shop .detail h1{font-size:34px}#smk-shop .tools .filters{flex-basis:100%}#smk-shop .cart-layout{grid-template-columns:1fr}}@media(max-width:600px){#smk-shop .wrap{padding:0 20px}#smk-shop .hero{padding:40px 20px 32px}#smk-shop h1{font-size:35px}#smk-shop .hero p{font-size:14px}#smk-shop .benefits{gap:12px;font-size:11px}#smk-shop h2{font-size:28px}#smk-shop .grid{grid-template-columns:1fr;gap:20px}#smk-shop .catalog{padding-top:32px}#smk-shop .card h3{min-height:0}#smk-shop .card-picture{aspect-ratio:1.4}#smk-shop .tools input,#smk-shop .tools select{width:calc(50% - 5px)}#smk-shop .detail{grid-template-columns:1fr;gap:28px}#smk-shop .detail h1{font-size:35px}#smk-shop .breadcrumb{font-size:11px;padding:22px 0}#smk-shop .formgrid{grid-template-columns:1fr}#smk-shop .cart-row{flex-wrap:wrap;gap:12px}#smk-shop .cart-row img{width:55px;height:55px}#smk-shop .cart-row .info{min-width:160px}#smk-shop .heading-row{align-items:flex-start}#smk-shop .heading-row .btn{padding:9px 12px;font-size:11px}}
#smk-shop .references{display:flex;gap:40px;align-items:center;overflow:auto;padding-top:25px;padding-bottom:25px;border-bottom:1px solid var(--line);scrollbar-width:thin}#smk-shop .references img{width:110px;height:45px;object-fit:contain;flex-shrink:0;opacity:.65;filter:grayscale(1)}
/* Compact product cards across catalog, categories and related products. */
#smk-shop .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#smk-shop .card{border-radius:12px}
#smk-shop .card-picture{aspect-ratio:1.6}
#smk-shop .card-body{padding:16px}
#smk-shop .card h3{font-size:19px;min-height:44px;margin:7px 0 11px}
#smk-shop .card .price{font-size:16px;line-height:1.5}
#smk-shop .card .muted{font-size:11px;line-height:1.6}
#smk-shop .card .btn{margin-top:13px;padding:8px 12px;font-size:12px;border-radius:8px}
#smk-shop .card .badge{top:10px;left:10px;padding:2px 8px}
@media(max-width:1000px) and (min-width:701px){#smk-shop .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
 #smk-shop .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #smk-shop .card-picture{aspect-ratio:1.4}
 #smk-shop .card-body{padding:12px}
 #smk-shop .card h3{font-size:16px;min-height:38px;margin:6px 0 10px;overflow-wrap:anywhere}
 #smk-shop .card .price{font-size:13px}
 #smk-shop .card .price del{font-size:10px}
 #smk-shop .card .category{font-size:8px;letter-spacing:.08em}
 #smk-shop .card .muted{font-size:10px}
 #smk-shop .card .btn{font-size:10px;padding:8px 5px;gap:5px;margin-top:11px}
}
@media(max-width:350px){#smk-shop .grid{gap:10px}#smk-shop .card-body{padding:9px}#smk-shop .card .price{font-size:12px}}