/* BrandiMark Post Showcase — all selectors are scoped to .bmps-root */
.bmps-root,
.bmps-root *{box-sizing:border-box}
.bmps-root{position:relative;isolation:isolate;overflow:hidden;width:100%;padding:var(--bmps-pad-d,96px) 0;background:var(--bmps-bg,#020304);color:var(--bmps-card-title,#fff);font-family:var(--bmps-fa-font,'IRANYekanX',Tahoma,sans-serif);font-synthesis:none}
.bmps-root a{color:inherit;text-decoration:none}
.bmps-root img{max-width:100%;height:auto}
.bmps-root .bmps-latin,.bmps-root [lang="en"]{font-family:var(--bmps-en-font,Inter,Manrope,Arial,sans-serif);letter-spacing:-.02em}
.bmps-root .bmps-persian{font-family:var(--bmps-fa-font,'IRANYekanX',Tahoma,sans-serif)}
.bmps-network{position:absolute;z-index:-4;inset:0;pointer-events:none;opacity:var(--bmps-grid-opacity,.16);background-image:linear-gradient(to right,var(--bmps-grid,#A9C0DF) 1px,transparent 1px),linear-gradient(to bottom,var(--bmps-grid,#A9C0DF) 1px,transparent 1px);background-size:var(--bmps-grid-size,38px) var(--bmps-grid-size,38px);mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.45) 70%,transparent)}
.bmps-network::before{content:"";position:absolute;left:-8%;right:-8%;top:7%;height:1px;background:var(--bmps-grid,#A9C0DF);transform:rotate(6deg);transform-origin:center;box-shadow:0 0 18px color-mix(in srgb,var(--bmps-grid,#A9C0DF) 35%,transparent)}
.bmps-root.bmps-no-network .bmps-network{display:none}
.bmps-glow{position:absolute;z-index:-3;width:420px;height:420px;border-radius:50%;pointer-events:none;filter:blur(90px);opacity:.09;background:var(--bmps-accent,#A9C0DF)}
.bmps-glow-one{top:-230px;right:-150px}
.bmps-glow-two{left:-230px;bottom:-260px}
.bmps-container{position:relative;z-index:1;width:min(calc(100% - 40px),var(--bmps-container,1240px));margin-inline:auto}
.bmps-header{width:min(100%,var(--bmps-header-width,980px));margin:0 auto clamp(34px,5vw,64px)}
.bmps-header.is-right{text-align:right;margin-right:0;margin-left:auto}
.bmps-header.is-center{text-align:center}
.bmps-header.is-left{text-align:left;margin-left:0;margin-right:auto}
.bmps-kicker{display:inline-flex;align-items:center;gap:11px;max-width:100%;margin-bottom:14px;color:var(--bmps-subtitle,#B8BEC7);font-size:var(--bmps-subtitle-d,16px);font-weight:var(--bmps-subtitle-weight,500);line-height:1.8}
.bmps-kicker-icon{display:inline-grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--bmps-accent,#A9C0DF) 30%,transparent);border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--bmps-accent,#A9C0DF) 17%,transparent),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 25px rgba(0,0,0,.28)}
.bmps-kicker-icon img{display:block;width:22px;height:22px;object-fit:contain}
.bmps-kicker-default{font-size:17px;color:var(--bmps-accent,#A9C0DF)}
.bmps-section-title{max-width:100%;margin:0;color:var(--bmps-title,#fff);font-size:clamp(24px,var(--bmps-title-d,64px),9vw);font-weight:var(--bmps-title-weight,800);line-height:1.22;letter-spacing:-.045em;text-wrap:balance}
.bmps-grid{display:grid;grid-template-columns:repeat(var(--bmps-cols-d,3),minmax(0,1fr));gap:var(--bmps-gap-d,24px);align-items:stretch}
.bmps-card{position:relative;min-width:0;overflow:hidden;display:flex;flex-direction:column;background:var(--bmps-card-bg,rgba(13,16,20,.78));border:1px solid var(--bmps-card-border,rgba(169,192,223,.18));border-radius:var(--bmps-card-radius,24px);box-shadow:0 20px var(--bmps-shadow,22px) rgba(0,0,0,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease,background .32s ease}
.bmps-media{position:relative;isolation:isolate;display:block;overflow:hidden;aspect-ratio:var(--bmps-image-ratio,16/10);margin:10px 10px 0;border-radius:var(--bmps-image-radius,18px);background:linear-gradient(145deg,#12171e,#07090c)}
.bmps-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.bmps-media-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(to top,rgba(0,0,0,calc(var(--bmps-overlay,.7)*.55)),transparent 62%);pointer-events:none}
.bmps-image-placeholder{position:absolute;inset:0;display:grid;place-content:center;gap:2px;text-align:center;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--bmps-accent,#A9C0DF) 28%,transparent),transparent 44%),linear-gradient(145deg,#10151b,#040506)}
.bmps-image-placeholder::before,.bmps-image-placeholder::after{content:"";position:absolute;inset:17%;border:1px solid color-mix(in srgb,var(--bmps-accent,#A9C0DF) 20%,transparent);border-radius:28px;transform:rotate(15deg)}
.bmps-image-placeholder::after{transform:rotate(-15deg)}
.bmps-image-placeholder b{position:relative;z-index:1;font-family:var(--bmps-en-font,Inter,sans-serif);font-size:52px;line-height:1;color:var(--bmps-accent,#A9C0DF)}
.bmps-image-placeholder small{position:relative;z-index:1;font-family:var(--bmps-en-font,Inter,sans-serif);font-size:9px;letter-spacing:.24em;color:#fff}
.bmps-featured-badge{position:absolute;z-index:2;top:13px;right:13px;padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(3,5,7,.72);color:#fff;font-size:11px;font-weight:600;backdrop-filter:blur(10px)}
.bmps-card-body{display:flex;flex:1;min-width:0;flex-direction:column;padding:22px}
.bmps-category-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.bmps-category{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border:1px solid color-mix(in srgb,var(--bmps-accent,#A9C0DF) 24%,transparent);border-radius:999px;background:color-mix(in srgb,var(--bmps-accent,#A9C0DF) 9%,transparent);color:var(--bmps-accent,#A9C0DF);font-size:11px;font-weight:600;line-height:1.5;transition:background .25s ease,color .25s ease,border-color .25s ease}
.bmps-category:hover,.bmps-category:focus-visible{background:var(--bmps-accent,#A9C0DF);color:#071018;border-color:var(--bmps-accent,#A9C0DF)}
.bmps-card-title{margin:0;color:var(--bmps-card-title,#fff);font-size:var(--bmps-card-title-d,23px);font-weight:var(--bmps-card-title-weight,700);line-height:1.55;letter-spacing:-.025em;text-wrap:balance}
.bmps-card-title a{transition:color .25s ease}
.bmps-card-title a:hover,.bmps-card-title a:focus-visible{color:var(--bmps-accent,#A9C0DF)}
.bmps-excerpt{margin:11px 0 0;color:var(--bmps-excerpt,#AEB5BF);font-size:var(--bmps-excerpt-d,15px);font-weight:var(--bmps-excerpt-weight,400);line-height:1.95}
.bmps-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-top:auto;padding-top:20px}
.bmps-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px 13px;min-width:0;color:var(--bmps-meta,#8F98A6);font-size:var(--bmps-meta-d,13px);font-weight:var(--bmps-meta-weight,400);line-height:1.6}
.bmps-meta-item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.bmps-meta-icon{color:var(--bmps-accent,#A9C0DF);font-family:Arial,sans-serif;font-size:13px}
.bmps-author-avatar{display:block;width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid color-mix(in srgb,var(--bmps-accent,#A9C0DF) 35%,transparent)}
.bmps-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 14px;border-radius:13px;background:var(--bmps-button-bg,#A9C0DF);color:var(--bmps-button-text,#071018)!important;font-size:var(--bmps-button-d,14px);font-weight:var(--bmps-button-weight,600);line-height:1.4;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.bmps-button i{font-family:Arial,sans-serif;font-size:15px;font-style:normal;transition:transform .25s ease}
.bmps-button:hover,.bmps-button:focus-visible{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 10px 28px color-mix(in srgb,var(--bmps-accent,#A9C0DF) 24%,transparent)}
.bmps-button:hover i{transform:translate(-2px,-2px)}
.bmps-empty{padding:28px;border:1px dashed var(--bmps-card-border);border-radius:18px;text-align:center;color:var(--bmps-subtitle)}
.bmps-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:38px}
.bmps-page-number{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--bmps-card-border);border-radius:12px;background:var(--bmps-card-bg);color:var(--bmps-card-title);font-size:13px;transition:.25s ease}
.bmps-page-number:hover,.bmps-page-number.current{border-color:var(--bmps-accent);background:var(--bmps-accent);color:#071018}
.bmps-root :focus-visible{outline:2px solid var(--bmps-accent,#A9C0DF);outline-offset:3px}

/* Hover options */
.bmps-hover-none .bmps-card{transition:none}
.bmps-hover-lift .bmps-card:hover{transform:translateY(-7px);background:var(--bmps-card-bg-hover);border-color:color-mix(in srgb,var(--bmps-accent,#A9C0DF) 42%,transparent);box-shadow:0 28px calc(var(--bmps-shadow,22px) + 12px) rgba(0,0,0,.3)}
.bmps-hover-glow .bmps-card:hover{background:var(--bmps-card-bg-hover);border-color:var(--bmps-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--bmps-accent) 20%,transparent),0 25px 70px color-mix(in srgb,var(--bmps-accent) 16%,transparent)}
.bmps-hover-zoom .bmps-card:hover .bmps-image{transform:scale(1.065)}
.bmps-hover-border .bmps-card::before{content:"";position:absolute;z-index:5;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,transparent 25%,var(--bmps-accent),transparent 75%);background-size:250% 100%;opacity:0;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .25s ease}
.bmps-hover-border .bmps-card:hover::before{opacity:1;animation:bmps-border-flow 1.7s linear infinite}
@keyframes bmps-border-flow{to{background-position:250% 0}}
.bmps-has-load-animation .bmps-card{animation:bmps-card-in .55s both;animation-delay:calc(var(--bmps-index,1)*70ms)}
@keyframes bmps-card-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* Template 1: glass grid */
.bmps-root.template-1 .bmps-card::after{content:"";position:absolute;inset:0 18% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);pointer-events:none}

/* Template 2: editorial cards */
.bmps-root.template-2 .bmps-grid{column-gap:clamp(22px,3vw,44px);row-gap:48px}
.bmps-root.template-2 .bmps-card{overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.bmps-root.template-2 .bmps-card::before{content:"";position:absolute;right:0;left:0;bottom:-24px;height:1px;background:linear-gradient(90deg,transparent,var(--bmps-card-border),transparent)}
.bmps-root.template-2 .bmps-media{margin:0;border-radius:var(--bmps-image-radius);box-shadow:0 20px 50px rgba(0,0,0,.28)}
.bmps-root.template-2 .bmps-card-body{padding:19px 2px 0}
.bmps-root.template-2 .bmps-category{padding-inline:0;border:0;background:transparent;border-radius:0}
.bmps-root.template-2 .bmps-card-title{font-size:calc(var(--bmps-card-title-d) + 2px)}
.bmps-root.template-2 .bmps-button{min-height:auto;padding:0;border-radius:0;background:transparent;color:var(--bmps-accent)!important}

/* Template 3: bento */
.bmps-root.template-3 .bmps-grid{grid-auto-flow:dense}
.bmps-root.template-3 .bmps-card:nth-child(6n+1){grid-column:span 2;grid-row:span 2}
.bmps-root.template-3 .bmps-card:nth-child(6n+1) .bmps-media{aspect-ratio:16/8}
.bmps-root.template-3 .bmps-card:nth-child(6n+1) .bmps-card-title{font-size:calc(var(--bmps-card-title-d) + 6px)}
.bmps-root.template-3 .bmps-card:nth-child(6n+4){grid-row:span 2}
.bmps-root.template-3 .bmps-card:nth-child(6n+4) .bmps-media{aspect-ratio:4/5}

/* Template 4: compact horizontal list */
.bmps-root.template-4 .bmps-grid{grid-template-columns:1fr;gap:16px}
.bmps-root.template-4 .bmps-card{display:grid;grid-template-columns:minmax(220px,32%) 1fr;min-height:220px}
.bmps-root.template-4 .bmps-media{height:calc(100% - 20px);aspect-ratio:auto;margin:10px;border-radius:var(--bmps-image-radius)}
.bmps-root.template-4 .bmps-card-body{padding:24px 22px 22px}
.bmps-root.template-4 .bmps-card-title{font-size:calc(var(--bmps-card-title-d) + 3px)}
.bmps-root.template-4 .bmps-excerpt{max-width:760px}

/* Template 5: neon framed */
.bmps-root.template-5 .bmps-card{overflow:visible;background:linear-gradient(145deg,color-mix(in srgb,var(--bmps-card-bg) 92%,#fff 8%),var(--bmps-card-bg));border-color:color-mix(in srgb,var(--bmps-accent) 45%,transparent)}
.bmps-root.template-5 .bmps-card::before{content:"";position:absolute;z-index:-1;inset:10px -5px -5px 10px;border:1px solid color-mix(in srgb,var(--bmps-accent) 32%,transparent);border-radius:inherit;opacity:.55}
.bmps-root.template-5 .bmps-card::after{content:"";position:absolute;top:-1px;right:32px;width:68px;height:3px;border-radius:0 0 8px 8px;background:var(--bmps-accent);box-shadow:0 0 18px var(--bmps-accent)}
.bmps-root.template-5 .bmps-media{margin:14px 14px 0}
.bmps-root.template-5 .bmps-category{border-radius:8px}
.bmps-root.template-5 .bmps-button{border-radius:999px}

/* Template 6: image overlay */
.bmps-root.template-6 .bmps-card{min-height:450px;justify-content:flex-end;background:#080a0d}
.bmps-root.template-6 .bmps-media{position:absolute;z-index:0;inset:0;width:100%;height:100%;aspect-ratio:auto;margin:0;border-radius:inherit}
.bmps-root.template-6 .bmps-media-shade{background:linear-gradient(to top,rgba(1,2,3,.98) 4%,rgba(1,2,3,calc(var(--bmps-overlay,.7)*.92)) 48%,rgba(1,2,3,.05) 82%)}
.bmps-root.template-6 .bmps-card-body{position:relative;z-index:2;flex:0 0 auto;justify-content:flex-end;padding:28px}
.bmps-root.template-6 .bmps-category{background:rgba(3,5,7,.56);backdrop-filter:blur(8px)}
.bmps-root.template-6 .bmps-excerpt{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.bmps-root.template-6 .bmps-meta{color:#c1c6cd}
.bmps-root.template-6 .bmps-featured-badge{top:18px;right:18px}

/* Template 7: alternating split rows */
.bmps-root.template-7 .bmps-grid{grid-template-columns:1fr;gap:24px}
.bmps-root.template-7 .bmps-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);min-height:330px}
.bmps-root.template-7 .bmps-card:nth-child(even){grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
.bmps-root.template-7 .bmps-card:nth-child(even) .bmps-media{grid-column:2;grid-row:1}
.bmps-root.template-7 .bmps-card:nth-child(even) .bmps-card-body{grid-column:1;grid-row:1}
.bmps-root.template-7 .bmps-media{height:calc(100% - 20px);aspect-ratio:auto;margin:10px}
.bmps-root.template-7 .bmps-card-body{justify-content:center;padding:34px}
.bmps-root.template-7 .bmps-card-title{font-size:calc(var(--bmps-card-title-d) + 5px)}

/* Template 8: minimal lines */
.bmps-root.template-8 .bmps-card{overflow:visible;background:transparent;border:0;border-top:1px solid var(--bmps-card-border);border-radius:0;box-shadow:none;backdrop-filter:none;padding-top:18px}
.bmps-root.template-8 .bmps-card::before{content:counter(bmps-card,decimal-leading-zero);counter-increment:bmps-card;position:absolute;top:-14px;right:18px;padding:2px 8px;background:var(--bmps-bg);color:var(--bmps-accent);font-family:var(--bmps-en-font);font-size:11px;letter-spacing:.08em}
.bmps-root.template-8 .bmps-grid{counter-reset:bmps-card;row-gap:42px}
.bmps-root.template-8 .bmps-media{margin:0;border-radius:calc(var(--bmps-image-radius)*.65)}
.bmps-root.template-8 .bmps-card-body{padding:18px 0 0}
.bmps-root.template-8 .bmps-category{border:0;background:transparent;padding:0}
.bmps-root.template-8 .bmps-button{width:42px;padding:0;border-radius:50%}
.bmps-root.template-8 .bmps-button span{display:none}

/* Template 9: magazine */
.bmps-root.template-9 .bmps-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense}
.bmps-root.template-9 .bmps-card{grid-column:span 2}
.bmps-root.template-9 .bmps-card:first-child{grid-column:span 4;display:grid;grid-template-columns:1.35fr 1fr;min-height:390px}
.bmps-root.template-9 .bmps-card:first-child .bmps-media{height:calc(100% - 20px);aspect-ratio:auto}
.bmps-root.template-9 .bmps-card:first-child .bmps-card-body{justify-content:center;padding:38px}
.bmps-root.template-9 .bmps-card:first-child .bmps-card-title{font-size:calc(var(--bmps-card-title-d) + 10px)}
.bmps-root.template-9 .bmps-card:nth-child(n+4){grid-column:span 1}
.bmps-root.template-9 .bmps-card:nth-child(n+4) .bmps-card-footer{align-items:flex-start;flex-direction:column}
.bmps-root.template-9 .bmps-card:nth-child(n+4) .bmps-button{width:100%}

/* Template 10: timeline */
.bmps-root.template-10 .bmps-grid{position:relative;grid-template-columns:1fr;gap:24px;padding-right:54px}
.bmps-root.template-10 .bmps-grid::before{content:"";position:absolute;top:10px;bottom:10px;right:18px;width:1px;background:linear-gradient(to bottom,transparent,var(--bmps-accent) 10%,var(--bmps-card-border) 90%,transparent)}
.bmps-root.template-10 .bmps-card{overflow:visible;display:grid;grid-template-columns:220px 1fr;min-height:190px}
.bmps-root.template-10 .bmps-card::before{content:"";position:absolute;right:-46px;top:38px;width:15px;height:15px;border:4px solid var(--bmps-bg);border-radius:50%;background:var(--bmps-accent);box-shadow:0 0 0 1px var(--bmps-accent),0 0 22px color-mix(in srgb,var(--bmps-accent) 45%,transparent)}
.bmps-root.template-10 .bmps-media{height:calc(100% - 20px);aspect-ratio:auto}
.bmps-root.template-10 .bmps-card-body{padding:24px 22px}
.bmps-root.template-10 .bmps-excerpt{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* Admin preview adjustments */
.bmps-root.bmps-admin-preview{min-height:520px;padding:34px 0;border-radius:24px}
.bmps-root.bmps-admin-preview .bmps-container{width:calc(100% - 26px)}
.bmps-root.bmps-admin-preview .bmps-header{margin-bottom:24px}
.bmps-root.bmps-admin-preview .bmps-kicker{font-size:11px;margin-bottom:8px}
.bmps-root.bmps-admin-preview .bmps-kicker-icon{width:28px;height:28px;flex-basis:28px;border-radius:8px}
.bmps-root.bmps-admin-preview .bmps-section-title{font-size:30px}
.bmps-root.bmps-admin-preview .bmps-card-title{font-size:14px}
.bmps-root.bmps-admin-preview .bmps-excerpt{font-size:10px;line-height:1.8}
.bmps-root.bmps-admin-preview .bmps-meta{font-size:9px}
.bmps-root.bmps-admin-preview .bmps-button{min-height:32px;padding:5px 9px;font-size:9px}
.bmps-root.bmps-admin-preview .bmps-card-body{padding:14px}
.bmps-root.bmps-admin-preview .bmps-category{min-height:22px;padding:2px 7px;font-size:8px}
.bmps-root.bmps-admin-preview .bmps-preview-image{display:grid;place-items:center;color:rgba(255,255,255,.65);font:600 10px/1 var(--bmps-en-font);letter-spacing:.15em;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--bmps-accent) 30%,transparent),transparent 45%),#090c10}
.bmps-root.bmps-admin-preview.template-6 .bmps-card{min-height:330px}
.bmps-root.bmps-admin-preview.template-7 .bmps-card{min-height:220px}
.bmps-root.bmps-admin-preview.template-9 .bmps-grid{grid-template-columns:1fr 1fr}
.bmps-root.bmps-admin-preview.template-9 .bmps-card,.bmps-root.bmps-admin-preview.template-9 .bmps-card:first-child{grid-column:auto;display:flex;min-height:0}
.bmps-root.bmps-admin-preview.template-9 .bmps-card:first-child .bmps-media{height:auto;aspect-ratio:var(--bmps-image-ratio)}
.bmps-root.bmps-admin-preview.template-9 .bmps-card:first-child .bmps-card-body{padding:14px}
.bmps-root.bmps-admin-preview.template-9 .bmps-card:first-child .bmps-card-title{font-size:14px}
.bmps-root.bmps-admin-preview.template-10 .bmps-card{grid-template-columns:100px 1fr}

@media (max-width:1024px){
  .bmps-root{padding:var(--bmps-pad-t,72px) 0}
  .bmps-container{width:min(calc(100% - 32px),var(--bmps-container,1240px))}
  .bmps-grid{grid-template-columns:repeat(var(--bmps-cols-t,2),minmax(0,1fr));gap:var(--bmps-gap-t,20px)}
  .bmps-kicker{font-size:var(--bmps-subtitle-t,15px)}
  .bmps-section-title{font-size:var(--bmps-title-t,48px)}
  .bmps-card-title{font-size:var(--bmps-card-title-t,21px)}
  .bmps-excerpt{font-size:var(--bmps-excerpt-t,14px)}
  .bmps-meta{font-size:var(--bmps-meta-t,12px)}
  .bmps-button{font-size:var(--bmps-button-t,14px)}
  .bmps-root.template-3 .bmps-card:nth-child(6n+1){grid-column:span 2}
  .bmps-root.template-4 .bmps-card{grid-template-columns:minmax(190px,38%) 1fr}
  .bmps-root.template-7 .bmps-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .bmps-root.template-9 .bmps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bmps-root.template-9 .bmps-card,.bmps-root.template-9 .bmps-card:first-child,.bmps-root.template-9 .bmps-card:nth-child(n+4){grid-column:span 1;display:flex;min-height:0}
  .bmps-root.template-9 .bmps-card:first-child .bmps-media{height:auto;aspect-ratio:var(--bmps-image-ratio)}
  .bmps-root.template-9 .bmps-card:first-child .bmps-card-body{padding:22px}
  .bmps-root.template-9 .bmps-card:first-child .bmps-card-title{font-size:var(--bmps-card-title-t)}
}

@media (max-width:767px){
  .bmps-root{padding:var(--bmps-pad-m,48px) 0}
  .bmps-container{width:min(calc(100% - 24px),var(--bmps-container,1240px))}
  .bmps-header{margin-bottom:30px}
  .bmps-kicker{gap:9px;margin-bottom:10px;font-size:var(--bmps-subtitle-m,14px)}
  .bmps-kicker-icon{width:34px;height:34px;flex-basis:34px;border-radius:10px}
  .bmps-kicker-icon img{width:20px;height:20px}
  .bmps-section-title{font-size:var(--bmps-title-m,36px);line-height:1.3}
  .bmps-grid{grid-template-columns:repeat(var(--bmps-cols-m,1),minmax(0,1fr));gap:var(--bmps-gap-m,16px)}
  .bmps-card-title{font-size:var(--bmps-card-title-m,19px)}
  .bmps-excerpt{font-size:var(--bmps-excerpt-m,14px)}
  .bmps-meta{font-size:var(--bmps-meta-m,12px)}
  .bmps-button{font-size:var(--bmps-button-m,13px)}
  .bmps-card-body{padding:18px}
  .bmps-card-footer{align-items:flex-start;flex-direction:column}
  .bmps-button{width:100%}
  .bmps-root.template-3 .bmps-card:nth-child(n){grid-column:span 1;grid-row:span 1}
  .bmps-root.template-3 .bmps-card:nth-child(n) .bmps-media{aspect-ratio:var(--bmps-image-ratio)}
  .bmps-root.template-4 .bmps-card,.bmps-root.template-7 .bmps-card,.bmps-root.template-7 .bmps-card:nth-child(even),.bmps-root.template-9 .bmps-card:first-child,.bmps-root.template-10 .bmps-card{display:flex;grid-template-columns:1fr;min-height:0}
  .bmps-root.template-4 .bmps-media,.bmps-root.template-7 .bmps-media,.bmps-root.template-9 .bmps-card:first-child .bmps-media,.bmps-root.template-10 .bmps-media{height:auto;aspect-ratio:var(--bmps-image-ratio);margin:10px 10px 0}
  .bmps-root.template-7 .bmps-card:nth-child(even) .bmps-media,.bmps-root.template-7 .bmps-card:nth-child(even) .bmps-card-body{grid-column:auto;grid-row:auto}
  .bmps-root.template-7 .bmps-card-body{padding:20px}
  .bmps-root.template-6 .bmps-card{min-height:420px}
  .bmps-root.template-6 .bmps-card-body{padding:22px}
  .bmps-root.template-8 .bmps-button{width:42px}
  .bmps-root.template-9 .bmps-grid{grid-template-columns:repeat(var(--bmps-cols-m,1),minmax(0,1fr))}
  .bmps-root.template-10 .bmps-grid{padding-right:30px}
  .bmps-root.template-10 .bmps-grid::before{right:9px}
  .bmps-root.template-10 .bmps-card::before{right:-28px;width:12px;height:12px;top:30px}
}

@media (prefers-reduced-motion:reduce){
  .bmps-root *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Version 1.0.1 — unified 1080×192 image canvas in every template */
.bmps-root .bmps-media{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  aspect-ratio:1080/192!important;
  flex:0 0 auto;
}
.bmps-root .bmps-image{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:none;
  object-fit:cover;
  object-position:var(--bmps-image-position,center center);
}

/* Layouts that previously stretched images now preserve the same canvas. */
.bmps-root.template-4 .bmps-card,
.bmps-root.template-6 .bmps-card,
.bmps-root.template-7 .bmps-card,
.bmps-root.template-7 .bmps-card:nth-child(even),
.bmps-root.template-9 .bmps-card:first-child,
.bmps-root.template-10 .bmps-card{
  display:flex;
  flex-direction:column;
  grid-template-columns:none;
  min-height:0;
}
.bmps-root.template-4 .bmps-media,
.bmps-root.template-7 .bmps-media,
.bmps-root.template-9 .bmps-card:first-child .bmps-media,
.bmps-root.template-10 .bmps-media{margin:10px 10px 0}
.bmps-root.template-6 .bmps-media{margin:0;border-radius:inherit inherit 0 0}
.bmps-root.template-6 .bmps-card-body{position:relative;z-index:2;background:linear-gradient(to bottom,rgba(4,6,8,.82),rgba(1,2,3,.98));padding:28px}
.bmps-root.template-7 .bmps-card:nth-child(even) .bmps-media,
.bmps-root.template-7 .bmps-card:nth-child(even) .bmps-card-body{grid-column:auto;grid-row:auto}
.bmps-root.template-9 .bmps-card:first-child .bmps-card-body{padding:28px}

/* Replaceable button icon */
.bmps-button-icon{display:inline-grid;place-items:center;flex:0 0 var(--bmps-button-icon-size,18px);width:var(--bmps-button-icon-size,18px)!important;height:var(--bmps-button-icon-size,18px)!important;max-width:none!important;object-fit:contain;transition:transform .25s ease,filter .25s ease}
.bmps-button-icon-default{font-family:Arial,sans-serif;font-size:calc(var(--bmps-button-icon-size,18px)*.82);font-style:normal;line-height:1}
.bmps-button:hover .bmps-button-icon{transform:translate(-2px,-2px)}
.bmps-button.bmps-icon-before:hover .bmps-button-icon{transform:translate(2px,-2px)}
.bmps-root.template-8 .bmps-button .bmps-button-text{display:none}
.bmps-root.template-8 .bmps-button .bmps-button-icon{display:inline-grid}
.bmps-root.bmps-admin-preview .bmps-button-icon{--bmps-button-icon-size:12px}
.bmps-root.template-6 .bmps-card{justify-content:flex-start}
.bmps-root.bmps-admin-preview.template-6 .bmps-card{min-height:0}

/* ========================================================================
   Version 1.0.2 — theme/page-builder compatibility hardening
   ======================================================================== */

/* Make responsive behavior follow the actual widget width, not only viewport. */
.bmps-root{
  container-name:bmps-showcase;
  container-type:inline-size;
  display:block!important;
  float:none!important;
  clear:both!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}

/* Neutralize high-specificity theme rules commonly applied to content cards. */
.bmps-root .bmps-container,
.bmps-root .bmps-header,
.bmps-root .bmps-grid,
.bmps-root .bmps-card,
.bmps-root .bmps-card-body,
.bmps-root .bmps-card-footer,
.bmps-root .bmps-meta,
.bmps-root .bmps-category-row{
  float:none!important;
  clear:none!important;
  max-width:none;
  min-width:0!important;
}
.bmps-root .bmps-header,
.bmps-root .bmps-section-title,
.bmps-root .bmps-card-title,
.bmps-root .bmps-excerpt{
  text-transform:none!important;
  text-indent:0!important;
}
.bmps-root .bmps-section-title,
.bmps-root .bmps-card-title,
.bmps-root .bmps-excerpt{
  border:0!important;
  padding-inline:0!important;
}
.bmps-root .bmps-card-title::before,
.bmps-root .bmps-card-title::after,
.bmps-root .bmps-section-title::before,
.bmps-root .bmps-section-title::after{
  content:none!important;
  display:none!important;
}

/* Core layout: force a stable vertical card regardless of theme article rules. */
.bmps-root .bmps-grid{
  display:grid!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.bmps-root .bmps-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  transform-origin:center!important;
}
.bmps-root .bmps-card-body{
  position:relative!important;
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
}

/* The image is removed from normal flow so its intrinsic dimensions can never
   stretch the card. The wrapper alone defines the fixed 1080×192 canvas. */
.bmps-root .bmps-card > .bmps-media{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  align-self:stretch!important;
  flex:0 0 auto!important;
  width:calc(100% - 20px)!important;
  max-width:calc(100% - 20px)!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1080 / 192!important;
  margin:10px 10px 0!important;
  padding:0!important;
  overflow:hidden!important;
  line-height:0!important;
}
.bmps-root .bmps-card > .bmps-media > img.bmps-image{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:100%!important;
  height:100%!important;
  max-height:none!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:cover!important;
  object-position:var(--bmps-image-position,center center)!important;
  transform-origin:center!important;
}
.bmps-root .bmps-card > .bmps-media > .bmps-image-placeholder,
.bmps-root .bmps-card > .bmps-media > .bmps-media-shade{
  position:absolute!important;
  inset:0!important;
}

/* Templates 2 and 8 intentionally have edge-to-edge media. */
.bmps-root.template-2 .bmps-card > .bmps-media,
.bmps-root.template-8 .bmps-card > .bmps-media{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
}

/* Version 1.0.1 promised one unified image canvas. Keep that promise while
   preventing the old split/grid layouts from squeezing text into a thin side. */
.bmps-root.template-4 .bmps-card,
.bmps-root.template-6 .bmps-card,
.bmps-root.template-7 .bmps-card,
.bmps-root.template-7 .bmps-card:nth-child(even),
.bmps-root.template-9 .bmps-card:first-child,
.bmps-root.template-10 .bmps-card{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
}
.bmps-root.template-4 .bmps-card > .bmps-media,
.bmps-root.template-7 .bmps-card > .bmps-media,
.bmps-root.template-9 .bmps-card:first-child > .bmps-media,
.bmps-root.template-10 .bmps-card > .bmps-media{
  width:calc(100% - 20px)!important;
  max-width:calc(100% - 20px)!important;
  height:auto!important;
  aspect-ratio:1080 / 192!important;
  margin:10px 10px 0!important;
}
.bmps-root.template-6 .bmps-card > .bmps-media{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:1080 / 192!important;
  margin:0!important;
  border-radius:inherit inherit 0 0!important;
}
.bmps-root.template-6 .bmps-card-body{
  justify-content:flex-start!important;
  background:linear-gradient(to bottom,rgba(4,6,8,.82),rgba(1,2,3,.98))!important;
}
.bmps-root.template-7 .bmps-card:nth-child(even) > .bmps-media,
.bmps-root.template-7 .bmps-card:nth-child(even) > .bmps-card-body{
  grid-column:auto!important;
  grid-row:auto!important;
}

/* Prevent footer/meta/button from being squeezed by theme flex rules. */
.bmps-root .bmps-card-footer{
  display:flex!important;
  width:100%!important;
}
.bmps-root .bmps-meta{
  display:flex!important;
  flex:1 1 auto!important;
}
.bmps-root .bmps-button{
  float:none!important;
  width:auto;
  max-width:100%!important;
  margin:0!important;
}

/* Container-query fallbacks for Elementor columns, tabs, popups and sidebars. */
@container bmps-showcase (max-width:1024px){
  .bmps-root .bmps-grid{
    grid-template-columns:repeat(var(--bmps-cols-t,2),minmax(0,1fr))!important;
    gap:var(--bmps-gap-t,20px)!important;
  }
  .bmps-root.template-3 .bmps-card:nth-child(6n+1){grid-column:span 2!important}
  .bmps-root.template-9 .bmps-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bmps-root.template-9 .bmps-card,
  .bmps-root.template-9 .bmps-card:first-child,
  .bmps-root.template-9 .bmps-card:nth-child(n+4){grid-column:span 1!important}
}
@container bmps-showcase (max-width:767px){
  .bmps-root .bmps-container{width:min(calc(100% - 24px),var(--bmps-container,1240px))!important}
  .bmps-root .bmps-grid{
    grid-template-columns:repeat(var(--bmps-cols-m,1),minmax(0,1fr))!important;
    gap:var(--bmps-gap-m,16px)!important;
  }
  .bmps-root.template-3 .bmps-card:nth-child(n){grid-column:span 1!important;grid-row:span 1!important}
  .bmps-root.template-9 .bmps-grid{grid-template-columns:repeat(var(--bmps-cols-m,1),minmax(0,1fr))!important}
  .bmps-root .bmps-card-footer{align-items:flex-start!important;flex-direction:column!important}
  .bmps-root .bmps-button{width:100%!important}
}
