/* Happy Trade Builder — frontend rows & columns */
body.htb-canvas{margin:0;background:#FAF7F0}
.htb-content{direction:rtl;width:100%;max-width:none!important;margin:0!important}
.is-layout-constrained>.htb-content,.entry-content>.htb-content{max-width:none!important}
.htb-row{position:relative;width:100%;box-sizing:border-box}
.htb-row-in{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--htb-gap,0px)}
.htb-row.is-multi .htb-row-in{gap:var(--htb-gap,30px);max-width:1240px;margin:0 auto;padding-inline:24px}
.htb-row-boxed .htb-row-in{max-width:1240px;margin:0 auto;padding-inline:24px}
.htb-row-stretch .ht-w{background:transparent!important}
.htb-col{position:relative;box-sizing:border-box;flex:1 1 calc(var(--htb-w,100%) - var(--htb-gap,30px));max-width:var(--htb-w,100%);min-width:0;display:flex;flex-direction:column}
.htb-col-in{position:relative;z-index:2;display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.htb-col-in>*{min-width:0}
.htb-row:not(.is-multi) .htb-col{flex-basis:100%;max-width:100%}
.htb-row.is-multi .ht-w .ht-container,.htb-row-boxed .ht-w .ht-container{padding-inline:0;max-width:none}
.htb-row.is-multi .ht-w{--ht-pad:24px}
.htb-va-start .htb-row-in{align-items:flex-start}.htb-va-center .htb-row-in{align-items:center}.htb-va-end .htb-row-in{align-items:flex-end}.htb-va-stretch .htb-row-in{align-items:stretch}
.htb-has-minh{display:flex;flex-direction:column;justify-content:center}
.htb-has-minh>.htb-row-in{width:100%;box-sizing:border-box}
.htb-cva-start>.htb-col-in{justify-content:flex-start}.htb-cva-center>.htb-col-in{justify-content:center}.htb-cva-end>.htb-col-in{justify-content:flex-end}.htb-cva-between>.htb-col-in{justify-content:space-between}
.htb-sticky>.htb-col-in{position:sticky;top:90px;flex:0 0 auto}
.htb-ov{position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit}
.htb-has-shape{overflow:hidden}
.htb-shape{position:absolute;left:0;right:0;z-index:1;line-height:0;pointer-events:none;direction:ltr}
.htb-shape.is-front{z-index:3}
.htb-shape svg{display:block;width:calc(100% + 2px);height:70px;margin-left:-1px}
.htb-shape-t{top:-1px}
.htb-shape-b{bottom:-1px;transform:rotate(180deg)}
.htb-shape-t.is-flip{transform:scaleX(-1)}
.htb-shape-b.is-flip{transform:rotate(180deg) scaleX(-1)}
@media (min-width:1025px){.htb-hide-d{display:none!important}}
@media (min-width:768px) and (max-width:1024px){
  .htb-hide-t{display:none!important}
  .htb-rev-t .htb-row-in{flex-direction:row-reverse}
  .htb-row.is-multi .htb-row-in{gap:var(--htb-gap,24px)}
}
@media (max-width:767px){
  .htb-row.is-multi .htb-row-in{padding-inline:16px;gap:var(--htb-gap,16px)}
  .htb-col{flex-basis:100%!important;max-width:100%!important}
  .htb-rev-m .htb-row-in{flex-direction:column-reverse}
  .htb-hide-m{display:none!important}
  .htb-shape svg{height:40px}
  .htb-sticky>.htb-col-in{position:static}
}
/* Narrow columns: stack element internals by the column width (container queries) */
.htb-row.is-multi .htb-col-in{container-type:inline-size;container-name:htbcol}
@container htbcol (max-width:760px){
  .ht-w .ht-split,.ht-w .ht-news,.ht-w .ht-logo-show,.ht-w .ht-donut-wrap,.ht-w .ht-rsum,.ht-w .ht-tabs-side,.ht-w .ht-prose.has-toc,.ht-w .ht-faq-cols-2,.ht-w .ht-footer-grid{grid-template-columns:minmax(0,1fr)!important;gap:22px}
  .ht-w .ht-split>*{order:initial!important}
  .ht-w .ht-cta{flex-direction:column;text-align:center}
  .ht-w .ht-grid:not([style*="--ht-cols:1;"]),.ht-w .ht-steps:not([style*="--ht-cols:1;"]),.ht-w .ht-trust:not([style*="--ht-cols:1;"]){grid-template-columns:repeat(2,minmax(0,1fr))}
  .ht-w .ht-plist{grid-template-columns:minmax(0,1fr)}
}
@container htbcol (max-width:460px){
  .ht-w .ht-grid,.ht-w .ht-steps,.ht-w .ht-trust,.ht-w .ht-ilist-grid,.ht-w .ht-form{grid-template-columns:minmax(0,1fr)!important}
  .ht-w .ht-cd{gap:6px}
  .ht-w .ht-cd-cell{min-width:0;flex:1;padding:12px 4px}
}