/* PareshMart Articles plugin — storefront-only styles */
.wk-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px}
.wk-article-card{background:var(--wk-surface);border:2px solid var(--wk-border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.wk-article-image{display:block;aspect-ratio:16/9;background:var(--wk-bg);overflow:hidden}
.wk-article-image img{width:100%;height:100%;object-fit:cover}
.wk-article-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--wk-muted)}
.wk-article-body{padding:18px}.wk-article-body h2{font-size:19px;line-height:1.55;margin:8px 0}.wk-article-body h2 a:hover{color:var(--wk-purple-ink)}
.wk-article-body p{color:var(--wk-muted);font-size:13px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.wk-article-cat{font-size:11px;font-weight:900;color:var(--wk-purple-ink);background:var(--wk-purple-soft);padding:5px 9px;border-radius:999px}
.wk-article-meta{font-size:11px;color:var(--wk-muted);margin-top:12px;font-weight:700}
.wk-article-cats{display:flex;gap:7px;flex-wrap:wrap}.wk-article-cats a{padding:7px 11px;border:1px solid var(--wk-border);border-radius:999px;font-size:12px;font-weight:800}.wk-article-cats a:hover{border-color:var(--wk-purple);color:var(--wk-purple-ink)}
.wk-article-pagination{display:flex;gap:7px;justify-content:center;margin-top:28px}.wk-article-pagination a{min-width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--wk-border);border-radius:9px;font-weight:800}.wk-article-pagination a.active{background:var(--wk-purple);color:#fff;border-color:var(--wk-purple)}
.wk-article-single{padding:36px 0 50px}.wk-article-breadcrumb{font-size:12px;color:var(--wk-muted);margin-bottom:22px}.wk-article-breadcrumb a{color:var(--wk-purple-ink);font-weight:800}.wk-article-header{max-width:850px;margin:0 auto 24px}.wk-article-header h1{font-size:clamp(30px,5vw,48px);line-height:1.35;font-weight:900;letter-spacing:-.5px}.wk-article-cover{max-width:1000px;margin:0 auto 32px;border-radius:18px;overflow:hidden;background:var(--wk-bg)}.wk-article-cover img{width:100%;max-height:540px;object-fit:cover}
.wk-article-content{max-width:820px;margin:0 auto;font-size:17px;line-height:2.2}.wk-article-content h2,.wk-article-content h3{margin:28px 0 10px;line-height:1.5}.wk-article-content p{margin:0 0 18px}.wk-article-content img{border-radius:12px;margin:20px auto}.wk-article-content a{color:var(--wk-purple-ink);font-weight:800;text-decoration:underline}.wk-article-content blockquote{margin:22px 0;padding:14px 18px;border-right:4px solid var(--wk-purple);background:var(--wk-purple-soft);border-radius:10px}
.wk-article-tags{max-width:820px;margin:28px auto 0;display:flex;flex-wrap:wrap;gap:8px}.wk-article-tags a{font-size:12px;font-weight:800;padding:7px 10px;border-radius:999px;background:var(--wk-bg);border:1px solid var(--wk-border);color:var(--wk-purple-ink)}
.wk-article-comments{max-width:820px;margin:48px auto 0;padding-top:30px;border-top:2px solid var(--wk-border)}.wk-article-comments h2{margin-bottom:18px}.wk-comment{padding:15px 0;border-bottom:1px solid var(--wk-border)}.wk-comment-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.wk-comment-head span{font-size:11px;color:var(--wk-muted)}.wk-comment-form{margin-top:24px;padding:20px;background:var(--wk-bg);border-radius:14px;display:grid;gap:12px}
@media(max-width:900px){.wk-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wk-article-content{font-size:16px}}
@media(max-width:600px){.wk-article-grid{grid-template-columns:1fr;gap:14px}.wk-article-single{padding-top:22px}.wk-article-header h1{font-size:29px}.wk-article-content{font-size:15px;line-height:2}.wk-article-cover{border-radius:12px}.wk-article-cats{width:100%}}

/* Archive card normalization: article cards share the same visual rhythm as product cards. */
body.pm-storefront .wk-article-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
body.pm-storefront .wk-article-card{height:100%;border:1px solid var(--wk-border);border-radius:18px;background:var(--wk-surface);box-shadow:0 10px 28px color-mix(in srgb,var(--wk-text) 6%,transparent);overflow:hidden}
body.pm-storefront .wk-article-card .wk-article-image{aspect-ratio:1/1;overflow:hidden;background:var(--wk-bg)}
body.pm-storefront .wk-article-card .wk-article-body{min-height:185px;display:flex;flex-direction:column;padding:15px}
body.pm-storefront .wk-article-card .wk-article-title{font-size:14px;line-height:1.8}
body.pm-storefront .wk-article-card .wk-article-excerpt{font-size:10px;line-height:1.9}
body.pm-storefront .wk-article-card .wk-article-meta{font-size:9px;color:var(--wk-text-muted)}
@media(max-width:1200px){body.pm-storefront .wk-article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){body.pm-storefront .wk-article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:520px){body.pm-storefront .wk-article-grid{grid-template-columns:1fr}body.pm-storefront .wk-article-card .wk-article-body{min-height:0}}

/* ========================================================================
   Articles vNext — shared with the storefront UI system
   ======================================================================== */
body.pm-storefront .sb-article-page{background:var(--wk-bg);}
body.pm-storefront .sb-article-breadcrumb{margin-bottom:22px;}
body.pm-storefront .sb-single-layout{grid-template-columns:minmax(0,1fr) 270px;gap:32px;align-items:start;}
body.pm-storefront .sb-article-single{min-width:0;padding:28px 0 56px;}
body.pm-storefront .sb-article-header{max-width:900px;margin-bottom:24px;}
body.pm-storefront .sb-article-header h1{margin:10px 0 13px;font-size:clamp(28px,3.4vw,44px);line-height:1.45;letter-spacing:-.45px;}
body.pm-storefront .sb-article-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--wk-muted);font-size:12px;}
body.pm-storefront .sb-article-meta-row i{font-style:normal;opacity:.55;}
body.pm-storefront .sb-article-cover{margin:0 0 30px;border:1px solid var(--wk-border);border-radius:22px;overflow:hidden;background:var(--wk-bg);box-shadow:0 12px 34px color-mix(in srgb,var(--wk-text) 6%,transparent);}
body.pm-storefront .sb-article-cover img{display:block;width:100%;max-height:560px;object-fit:cover;}
body.pm-storefront .sb-article-content{max-width:860px;font-size:17px;line-height:2.15;color:var(--wk-text);}
body.pm-storefront .sb-article-content h2{margin:36px 0 13px;font-size:25px;line-height:1.5;}
body.pm-storefront .sb-article-content h3{margin:30px 0 11px;font-size:20px;line-height:1.55;}
body.pm-storefront .sb-article-content p{margin:0 0 20px;}
body.pm-storefront .sb-article-content ul,
body.pm-storefront .sb-article-content ol{padding-inline-start:24px;margin:0 0 22px;}
body.pm-storefront .sb-article-content li{margin-bottom:8px;}
body.pm-storefront .sb-article-content blockquote{margin:26px 0;padding:17px 20px;border-inline-start:4px solid var(--wk-purple);border-radius:13px;background:var(--wk-purple-soft);}
body.pm-storefront .sb-article-content img{display:block;max-width:100%;height:auto;margin:24px auto;border-radius:16px;}
body.pm-storefront .sb-article-content table{display:block;width:100%;overflow:auto;border-collapse:collapse;margin:22px 0;}
body.pm-storefront .sb-article-content :is(th,td){padding:10px 12px;border:1px solid var(--wk-border);}
body.pm-storefront .sb-article-content a{color:var(--wk-purple-ink);}
body.pm-storefront .sb-article-tags{max-width:860px;margin:30px 0 0;padding-top:20px;border-top:1px solid var(--wk-border);display:flex;flex-wrap:wrap;gap:8px;}
body.pm-storefront .sb-article-tags a{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid var(--wk-border);border-radius:999px;background:var(--wk-surface);color:var(--wk-purple-ink);text-decoration:none;font-size:11px;font-weight:900;}
body.pm-storefront .sb-article-tags a:hover{border-color:var(--wk-purple);background:var(--wk-purple-soft);}

body.pm-storefront .sb-single-sidebar{position:sticky;top:98px;display:grid;gap:18px;}
body.pm-storefront .sb-side-card{padding:17px;border:1px solid var(--wk-border);border-radius:18px;background:var(--wk-surface);box-shadow:0 10px 26px color-mix(in srgb,var(--wk-text) 5%,transparent);}
body.pm-storefront .sb-side-card-head{padding-bottom:11px;margin-bottom:5px;border-bottom:1px solid var(--wk-border);}
body.pm-storefront .sb-side-card-head h2{margin:5px 0 0;font-size:16px;line-height:1.5;}
body.pm-storefront .sb-side-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--wk-border);color:var(--wk-text);text-decoration:none;}
body.pm-storefront .sb-side-item:last-child{border-bottom:0;}
body.pm-storefront .sb-side-item img,
body.pm-storefront .sb-side-item-placeholder{width:62px;height:62px;flex:0 0 62px;border-radius:12px;object-fit:cover;background:var(--wk-bg);display:grid;place-items:center;color:var(--wk-muted);}
body.pm-storefront .sb-side-item strong{display:block;font-size:12px;line-height:1.75;}
body.pm-storefront .sb-side-item small{display:block;margin-top:4px;color:var(--wk-muted);font-size:10px;}
body.pm-storefront .sb-side-item:hover strong{color:var(--wk-purple-ink);}
body.pm-storefront .sb-side-categories{display:grid;gap:3px;margin-top:9px;}
body.pm-storefront .sb-side-categories a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 9px;border-radius:10px;color:var(--wk-text);text-decoration:none;font-size:12px;}
body.pm-storefront .sb-side-categories a:hover{background:var(--wk-purple-soft);color:var(--wk-purple-ink);}
body.pm-storefront .sb-side-categories .wk-ui-icon{width:14px;height:14px;flex:none;}

body.pm-storefront .sb-article-comments{max-width:860px;margin:52px 0 0;padding-top:28px;border-top:1px solid var(--wk-border);}
body.pm-storefront .sb-comments-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:20px;}
body.pm-storefront .sb-comments-head h2{margin:5px 0 0;font-size:23px;line-height:1.5;}
body.pm-storefront .sb-comments-count{min-width:34px;height:34px;padding:0 9px;display:inline-grid;place-items:center;border-radius:999px;background:var(--wk-purple-soft);color:var(--wk-purple-ink);font-size:11px;font-weight:900;}
body.pm-storefront .sb-comments-list{display:grid;gap:0;}
body.pm-storefront .sb-comment-item{display:flex;gap:12px;padding:18px 0;border-bottom:1px solid var(--wk-border);}
body.pm-storefront .sb-comment-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:var(--wk-purple-soft);color:var(--wk-purple-ink);}
body.pm-storefront .sb-comment-main{min-width:0;flex:1;}
body.pm-storefront .sb-comment-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;}
body.pm-storefront .sb-comment-head strong{font-size:13px;}
body.pm-storefront .sb-comment-head time{font-size:10px;color:var(--wk-muted);}
body.pm-storefront .sb-comment-body{font-size:13px;line-height:2;color:var(--wk-text);}
body.pm-storefront .sb-comments-empty{padding:28px 18px;text-align:center;border:1px dashed var(--wk-border);border-radius:16px;background:var(--wk-bg);}
body.pm-storefront .sb-comments-empty-icon{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 10px;border-radius:50%;background:var(--wk-surface);color:var(--wk-purple-ink);}
body.pm-storefront .sb-comments-empty strong{display:block;font-size:14px;}
body.pm-storefront .sb-comments-empty p{margin:4px 0 0;font-size:11px;color:var(--wk-muted);}
body.pm-storefront .sb-comment-form{margin-top:24px;padding:20px;border:1px solid var(--wk-border);border-radius:18px;background:var(--wk-bg);}
body.pm-storefront .sb-comment-form-head h3{margin:0;font-size:17px;}
body.pm-storefront .sb-comment-form-head p{margin:4px 0 0;color:var(--wk-muted);font-size:11px;}
body.pm-storefront .sb-comment-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;}
body.pm-storefront .sb-comment-form label{display:grid;gap:7px;}
body.pm-storefront .sb-comment-form label>span{font-size:11px;font-weight:900;}
body.pm-storefront .sb-comment-form .wk-input,
body.pm-storefront .sb-comment-form .wk-textarea{padding: 10px;font-size:13px;border-radius:11px;}
body.pm-storefront .sb-comment-form-message{margin-top:12px;}
body.pm-storefront .sb-comment-form-actions{display:flex;justify-content:flex-start;margin-top:14px;}
body.pm-storefront .sb-comment-form-actions .wk-btn{min-height:44px;border-radius:12px;padding-inline:16px;font-size:12px;display:inline-flex;align-items:center;gap:7px;}

@media(max-width:1000px){
  body.pm-storefront .sb-single-layout{grid-template-columns:1fr;gap:20px;}
  body.pm-storefront .sb-single-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px){
  body.pm-storefront .sb-article-single{padding-top:12px;}
  body.pm-storefront .sb-article-header h1{font-size:25px;}
  body.pm-storefront .sb-article-meta-row{font-size:11px;gap:6px;}
  body.pm-storefront .sb-article-cover{margin-bottom:22px;border-radius:17px;}
  body.pm-storefront .sb-article-content{font-size:15px;line-height:2.05;}
  body.pm-storefront .sb-article-content h2{font-size:21px;margin-top:30px;}
  body.pm-storefront .sb-article-content h3{font-size:18px;margin-top:25px;}
  body.pm-storefront .sb-single-sidebar{grid-template-columns:1fr;}
  body.pm-storefront .sb-article-comments{margin-top:40px;padding-top:24px;}
  body.pm-storefront .sb-comment-form-grid{grid-template-columns:1fr;}
}
@media(max-width:480px){
  body.pm-storefront .sb-article-header h1{font-size:22px;}
  body.pm-storefront .sb-article-meta-row{font-size:10px;}
  body.pm-storefront .sb-article-content{font-size:14px;}
  body.pm-storefront .sb-article-content h2{font-size:19px;}
  body.pm-storefront .sb-article-content h3{font-size:17px;}
  body.pm-storefront .sb-comment-item{gap:9px;}
  body.pm-storefront .sb-comment-avatar{width:36px;height:36px;flex-basis:36px;}
  body.pm-storefront .sb-comment-head strong{font-size:12px;}
  body.pm-storefront .sb-comment-body{font-size:12px;}
  body.pm-storefront .sb-side-card{padding:14px;}
}