/* STOCK_PAGE_V1 (EXPORT_GAP F1): CMS 17 as the European stock page (bjm-stock-europe.tpl). Scoped to #bjm-stock; tokens of «Cómo comprar» and the bazaar page.
   Layout: one reading column of 1120px; facts and steps separated by hairlines, not boxes; tables become blocks under 46em. */
#bjm-stock{--b:#7828c8;--bi:#5b1f99;--bw:#f4eefc;--ink:#17141c;--tx:#3b3b44;--mu:#625b6b;--ln:#e5e1ea;max-width:1120px;margin:0 auto;padding:28px 24px 72px;color:var(--ink);font-size:17px;line-height:1.55;text-align:left}
#bjm-stock *{box-sizing:border-box}
#bjm-stock p{margin:0;color:var(--tx);font-size:inherit}
#bjm-stock a{color:var(--bi)}
#bjm-stock a:focus-visible,#bjm-stock summary:focus-visible{outline:3px solid var(--b);outline-offset:2px;border-radius:4px}
#bjm-stock h1{margin:0;font-size:clamp(30px,4.6vw,50px);line-height:1.08;font-weight:800;letter-spacing:-.02em;text-transform:none;color:var(--ink)}
#bjm-stock .se-h1b{margin:10px 0 0;font-size:clamp(18px,2.2vw,24px);line-height:1.3;font-weight:700;color:var(--tx)}
#bjm-stock h2{margin:0 0 8px;font-size:clamp(23px,2.8vw,32px);line-height:1.2;font-weight:800;letter-spacing:-.01em;text-transform:none;color:var(--ink)}
#bjm-stock .se-lead{max-width:780px;margin-top:14px;font-size:17px;line-height:1.55}
#bjm-stock .se-sub{max-width:760px;margin:0 0 20px;color:var(--mu)}
.se-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:24px}
#bjm-stock .se-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:999px;background:var(--b);color:#fff;font-weight:800;font-size:16.5px;text-decoration:none;text-align:center}
#bjm-stock .se-btn:hover{background:var(--bi);color:#fff}
#bjm-stock .se-wa{display:inline-flex;align-items:center;min-height:44px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.se-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0 0;padding:0;list-style:none;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.se-facts li{padding:18px 22px 18px 0;color:var(--tx);font-size:15px;line-height:1.45}
.se-facts li+li{padding-left:22px;border-left:1px solid var(--ln)}
.se-facts b{display:block;margin-bottom:3px;color:var(--ink);font-size:17px}
.se-sec{margin-top:64px;scroll-margin-top:96px}
#bjm-stock h2{scroll-margin-top:120px}
#bjm-stock .se-first{margin-top:30px}
#bjm-stock .se-first h2{font-size:clamp(20px,2.2vw,24px)}
#bjm-stock .se-first .se-sub{margin-bottom:14px;font-size:15px}
/* loads: a table whose row is the offer */
.se-loads{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--ln);border-radius:14px;overflow:hidden;display:table}
.se-loads th{padding:11px 16px;text-align:left;white-space:nowrap;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mu);background:#faf9fc;border-bottom:1px solid var(--ln)}
.se-loads th:last-child,.se-loads td:last-child{text-align:right}
.se-loads td{position:relative;padding:12px 16px;border-bottom:1px solid var(--ln);vertical-align:middle;font-size:17px;color:var(--tx)}
.se-loads tr:last-child td{border-bottom:0}
.se-loads tbody tr:hover td{background:#fbf9fe}
.se-load{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center}
.se-load img{width:72px;height:72px;object-fit:contain;border:1px solid var(--ln);border-radius:8px;background:#fff}
#bjm-stock .se-load a{color:var(--ink);font-weight:700;line-height:1.3;text-decoration:none}
#bjm-stock .se-load a::after{content:"";position:absolute;inset:0}
#bjm-stock .se-loads tr:hover .se-load a{color:var(--bi);text-decoration:underline}
.se-fmt{white-space:nowrap;font-weight:700;color:var(--ink)}
.se-price b{display:block;font-size:19px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.se-price small{display:block;white-space:nowrap;font-size:15px;color:var(--mu);font-variant-numeric:tabular-nums}
.se-price s{color:var(--mu)}
.se-note{max-width:820px;margin-top:14px!important;font-size:15px;color:var(--mu)!important}
.se-more{display:flex;flex-wrap:wrap;gap:6px 26px;margin:14px 0 0;padding:0;list-style:none;font-weight:700}
.se-more a{display:inline-flex;align-items:center;min-height:44px}
/* how many pallets fit */
.se-fit{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin:22px 0 0}
.se-fit figure{margin:0;display:grid;grid-template-columns:230px minmax(0,1fr);gap:8px 26px;align-items:center}
.se-fit figcaption{font-size:15px;line-height:1.4;color:var(--mu)}
.se-fit figcaption b{display:block;font-size:24px;line-height:1.15;font-weight:800;color:var(--ink)}
.se-fit figcaption i{display:block;font-style:normal;font-weight:700;color:var(--ink)}
.se-fit svg{display:block;width:100%;height:auto;max-width:640px}
/* steps: numbered lines */
.se-steps{margin:18px 0 0;padding:0;list-style:none;counter-reset:s;border-top:1px solid var(--ln);max-width:900px}
.se-steps li{counter-increment:s;display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 8px;padding:14px 0;border-bottom:1px solid var(--ln);color:var(--tx)}
.se-steps li::before{content:counter(s);grid-row:1/3;font-size:24px;line-height:1.2;font-weight:800;color:var(--b);font-variant-numeric:tabular-nums}
.se-steps b{color:var(--ink)}
/* terms */
.se-terms{margin:18px 0 0;border-top:1px solid var(--ln);max-width:900px}
.se-terms div{display:grid;grid-template-columns:280px minmax(0,1fr);gap:4px 28px;padding:14px 0;border-bottom:1px solid var(--ln)}
.se-terms dt{font-weight:800;color:var(--ink)}
.se-terms dd{margin:0;color:var(--tx)}
.se-vat{margin:14px 0 0;padding:0;list-style:none;max-width:900px;display:grid;gap:8px;color:var(--tx)}
.se-vat b{color:var(--ink)}
/* where we ship: one block per region, its own facts on the right */
.se-regions{border-top:1px solid var(--ln)}
.se-regions article{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);gap:8px 40px;padding:22px 0;border-bottom:1px solid var(--ln)}
#bjm-stock .se-regions h3{margin:0 0 6px;font-size:19px;line-height:1.25;font-weight:800;text-transform:none;color:var(--ink)}
#bjm-stock .se-regions p{font-size:15px;line-height:1.5;color:var(--mu)}
.se-regions dl{margin:0;display:grid;gap:8px}
.se-regions dl div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:2px 16px}
.se-regions dt{font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mu);padding-top:4px}
.se-regions dd{margin:0;color:var(--tx)}
.se-regions dd a{display:inline-block;margin-right:18px;font-weight:700}
/* questions */
.se-faq{max-width:900px;margin-top:14px;border-top:1px solid var(--ln)}
.se-faq details{border-bottom:1px solid var(--ln)}
.se-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:8px 0;font-weight:800;color:var(--ink);cursor:pointer;list-style:none}
.se-faq summary::-webkit-details-marker{display:none}
.se-faq summary::after{content:"+";flex:none;color:var(--b);font-size:24px;line-height:1}
.se-faq details[open] summary::after{content:"−"}
.se-faq details p{padding:0 0 16px;max-width:760px}
.se-end{margin-top:64px;padding:26px 0 0;border-top:2px solid var(--ink);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}
.se-end div{flex:1 1 420px;max-width:640px}
.se-end .se-actions{margin:0;flex:0 1 auto}
#bjm-stock .se-btn-line{background:#fff;color:var(--bi);box-shadow:inset 0 0 0 2px var(--b)}
#bjm-stock .se-btn-line:hover{background:var(--bw);color:var(--bi)}
/* pallets from above (plugins/function.bjm_stock_page.php) */
.se-plan-box{fill:#fff;stroke:#17141c;stroke-width:3}
.se-plan-pallets rect{fill:#f4eefc;stroke:#7828c8;stroke-width:1.6}
.se-load>span{display:block;width:72px;height:72px}
@media(max-width:56em){
 .se-terms div{grid-template-columns:1fr}
 .se-fit figure{grid-template-columns:1fr}
 .se-regions article{grid-template-columns:1fr}
 .se-regions dl div{grid-template-columns:1fr}
 .se-regions dd a{display:inline-flex;align-items:center;min-height:44px}
}
@media(max-width:40em){
 #bjm-stock{padding:18px 16px 56px;font-size:16px}
 #bjm-stock .se-lead{font-size:16px}
 #bjm-stock .se-first{margin-top:22px}
 .se-facts{grid-template-columns:1fr}
 .se-facts li,.se-facts li+li{padding:14px 0;border-left:0}.se-facts li+li{border-top:1px solid var(--ln)}
 .se-sec{margin-top:48px}
 #bjm-stock .se-btn{width:100%}
 .se-loads,.se-loads tbody,.se-loads tr,.se-loads td{display:block;width:auto}
 .se-loads thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .se-loads tr{position:relative;padding:12px;border-bottom:1px solid var(--ln)}.se-loads tr:last-child{border-bottom:0}
 .se-loads td{position:static;padding:0;border:0;text-align:left!important}
 .se-load{grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:start}.se-load img{width:56px;height:56px}
 .se-loads td.se-fmt,.se-loads td.se-price{padding-left:68px;margin-top:4px}
 .se-fmt{font-size:15px;color:var(--mu);font-weight:700}
 .se-price small{white-space:normal}
 .se-fmt{white-space:normal}
 #bjm-stock .se-load a,#bjm-stock h1,#bjm-stock h2{overflow-wrap:break-word}
 #bjm-stock .se-load a{font-size:16px}
 .se-loads{table-layout:fixed}
 .se-steps li{grid-template-columns:34px minmax(0,1fr)}
 .se-end{padding-top:22px}
}
/* inside the shop: the CMS page styles give lists bullets, grey 15px text and a padded white box */
#content.bjm-stock-page{padding:0;box-shadow:none}
#bjm-stock ul,#bjm-stock ol{list-style:none;padding-left:0;font-size:inherit}
#bjm-stock li{list-style:none;font-size:inherit;color:var(--tx)}
#bjm-stock .se-facts li{font-size:15px}
#bjm-stock .se-more{font-size:16px}
#bjm-stock .se-more a,#bjm-stock .se-regions dd a{font-weight:700}
#bjm-stock dt,#bjm-stock dd,#bjm-stock summary,#bjm-stock figcaption{font-family:inherit}