
/* AF System · Accademia × XStrike. Shared editorial navigation; no sales UI. */
.af-xlink-course,.af-xlink-path,.af-xlink-lesson-related,.aflab .aflab__xstrike-learning-bridge{
  margin:26px 0 30px; padding:clamp(18px,2.5vw,32px);
  border:1px solid rgba(215,168,79,.32);border-radius:12px;
  background:radial-gradient(circle at 95% 5%,rgba(210,174,96,.09),transparent 38%),linear-gradient(135deg,#0b281d,#03100c);
  color:#ebeee6;
}
.af-xlink-heading{margin-bottom:23px;max-width:850px}
.af-xlink-heading small,.aflab .aflab__xstrike-learning-bridge>span{
  display:block;font:700 10px/1.5 ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase;color:#d9b779;
}
.af-xlink-heading h2,.aflab .aflab__xstrike-learning-bridge h2{
  font:400 clamp(24px,3.1vw,38px)/1.17 'AF Marcellus',Marcellus,Georgia,serif!important;
  margin:10px 0 10px!important;color:#fff0d3!important;letter-spacing:-.02em;
}
.af-xlink-heading p,.aflab .aflab__xstrike-learning-bridge>p{
  font:400 14px/1.7 system-ui,sans-serif;color:#bbcdc2!important;margin:0;max-width:80ch;
}
.af-xlink-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.af-xlink-product{display:flex;flex-direction:column;min-width:0;overflow:hidden;text-decoration:none!important;
  border:1px solid rgba(147,199,159,.21);border-radius:9px;background:rgba(2,14,10,.75);color:#efede3!important;
  transition:transform .2s,border-color .2s}
.af-xlink-product:hover,.af-xlink-product:focus-visible{transform:translateY(-3px);border-color:#ccab74;outline-offset:2px}
.af-xlink-product-photo{height:clamp(110px,12vw,175px);overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#07130d,#1a392d)}
.af-xlink-product-photo img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(.8) contrast(1.07);padding:8px}
.af-xlink-product-photo span{font:600 17px/1.2 Georgia,serif;letter-spacing:.08em;color:#e9d5ac}
.af-xlink-product-text{padding:15px;display:flex;flex:1;flex-direction:column;gap:5px}
.af-xlink-product-text small{font:700 9px/1.5 ui-monospace,monospace;color:#c4a979;letter-spacing:.045em}
.af-xlink-product-text strong{font:400 24px/1.1 Georgia,serif;color:#fff0d5}
.af-xlink-product-text span{font:400 12px/1.5 system-ui,sans-serif;color:#bcd1c5}
.af-xlink-product-text em{font:700 10px/1.5 ui-monospace,monospace;font-style:normal;color:#e0bb77;margin-top:auto;padding-top:12px}
.af-xlink-lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.af-xlink-lesson{text-decoration:none!important;display:flex;flex-direction:column;gap:8px;padding:20px;min-width:0;
 border:1px solid rgba(157,200,171,.21);border-radius:8px;background:rgba(4,21,15,.84);transition:border-color .16s}
.af-xlink-lesson:hover,.af-xlink-lesson:focus-visible{border-color:rgba(225,186,116,.73)}
.af-xlink-lesson small{font:700 10px/1.45 ui-monospace,monospace;color:#dfbd82;letter-spacing:.065em}
.af-xlink-lesson strong{font:400 22px/1.22 'AF Marcellus',Georgia,serif;color:#f9ecda}
.af-xlink-lesson span{font:400 13px/1.6 system-ui,sans-serif;color:#b7c7bd}
.af-xlink-lesson em{font:700 10px/1.45 ui-monospace,monospace;font-style:normal;color:#dec089;margin-top:auto}
.af-xlink-course-link{background:linear-gradient(130deg,#174132,#071c14);border-color:rgba(205,174,106,.45)}
body.single-product.af-surface-page .af-xlink-path{max-width:1320px;margin:28px auto 38px}
body.single-lesson.af-surface-page .af-xlink-lesson-related{margin-top:30px}
.aflab .aflab__xstrike-learning-bridge .af-xlink-products{margin:18px 0 23px}
.aflab .aflab__xstrike-learning-bridge .aflab__linkbutton{display:inline-flex;text-decoration:none}
.aflab .aflab__xstrike-learn{margin-top:16px;padding:12px 13px;display:flex;flex-direction:column;gap:4px;
 background:rgba(197,163,102,.075);border:1px solid rgba(197,163,102,.19);border-radius:5px;text-decoration:none!important;color:#e9d5b2!important}
.aflab .aflab__xstrike-learn:hover{border-color:rgba(225,183,105,.75)}
.aflab .aflab__xstrike-learn span,.aflab .aflab__xstrike-learn small{font:700 9px/1.5 var(--mono);color:#bbaa86}
.aflab .aflab__xstrike-learn strong{font:400 17px/1.3 var(--serif);color:#efddc2}
.aflab .aflab__xstrike-learn small{font-size:9px;color:#9ab0a1}
@media(max-width:1050px){.af-xlink-products{grid-template-columns:repeat(2,minmax(0,1fr))}.af-xlink-product-photo{height:170px}}
@media(max-width:620px){.af-xlink-course,.af-xlink-path,.af-xlink-lesson-related,.aflab .aflab__xstrike-learning-bridge{padding:17px;margin:16px 0}
 .af-xlink-products,.af-xlink-lessons{grid-template-columns:1fr;gap:9px}
 .af-xlink-product{display:grid;grid-template-columns:100px minmax(0,1fr);min-height:115px}
 .af-xlink-product-photo{height:100%;min-height:115px}
 .af-xlink-product-text{padding:11px}
 .af-xlink-product-text strong{font-size:20px}
 .af-xlink-product-text small{font-size:8px}
 .af-xlink-lesson{padding:16px}
}
@media(prefers-reduced-motion:reduce){.af-xlink-product,.af-xlink-lesson{transition:none}}

/* Product-page footer: keep Woo collection cards separate from editorial links. */
body.single-product .af-xlink-path>.aflab__linkbutton{
 display:inline-flex;align-items:center;justify-content:center;min-height:48px;
 margin-top:24px;padding:13px 22px;box-sizing:border-box;border:1px solid #d4b871;
 border-radius:4px;background:#d4b871;color:#07150f!important;
 font:700 13px/1.5 system-ui,sans-serif;text-decoration:none!important;
}
body.single-product .af-xlink-path>.aflab__linkbutton:hover{background:#ead299;border-color:#ead299}
body.single-product .af-xlink-path a:focus-visible,
body.single-product [data-collection="woocommerce/product-collection/related"] a:focus-visible{outline:2px solid #f4d78c;outline-offset:4px}
body.single-product [data-collection="woocommerce/product-collection/related"]{
 margin-block:48px!important;padding:0!important;box-sizing:border-box;
}
body.single-product [data-collection="woocommerce/product-collection/related"]>h2{
 font:400 clamp(25px,2.2vw,34px)/1.2 Marcellus,Georgia,serif!important;
 margin:0 0 24px!important;color:#fff0d3;
}
body.single-product [data-collection="woocommerce/product-collection/related"] .wc-block-product-template{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:24px!important;padding:0!important;margin:0!important;list-style:none;
}
body.single-product [data-collection="woocommerce/product-collection/related"] li.wc-block-product{
 width:auto!important;min-width:0!important;margin:0!important;padding:0!important;
 display:flex!important;float:none!important;
}
body.single-product [data-collection="woocommerce/product-collection/related"] li.wc-block-product>.wp-block-group{
 display:flex!important;flex-direction:column!important;gap:0!important;
 width:100%;height:100%;min-height:0!important;overflow:hidden;
 padding:0!important;border:1px solid #b8c7ac38;border-radius:8px;background:#0c2118!important;
 box-sizing:border-box;
}
body.single-product [data-collection="woocommerce/product-collection/related"] .wp-block-woocommerce-product-image{
 width:100%!important;max-width:none!important;height:auto!important;
 aspect-ratio:4/3!important;margin:0!important;padding:18px!important;
 box-sizing:border-box;background:#06150e;flex:none!important;overflow:hidden;
}
body.single-product [data-collection="woocommerce/product-collection/related"] .wp-block-woocommerce-product-image>a{
 display:flex!important;align-items:center;justify-content:center;
 position:absolute!important;inset:18px!important;width:auto!important;height:auto!important;aspect-ratio:auto!important;
}
body.single-product [data-collection="woocommerce/product-collection/related"] .wp-block-woocommerce-product-image img{
 position:static!important;display:block!important;width:100%!important;height:100%!important;
 max-width:100%!important;max-height:100%!important;object-fit:contain!important;
 aspect-ratio:auto!important;margin:0!important;transform:none!important;
}
body.single-product [data-collection="woocommerce/product-collection/related"] li.wc-block-product>.wp-block-group>.wp-block-group{
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 flex:1!important;gap:20px!important;min-width:0;padding:24px!important;margin:0!important;box-sizing:border-box;
}
body.single-product [data-collection="woocommerce/product-collection/related"] .wp-block-post-title{
 display:block!important;font:400 clamp(22px,1.8vw,29px)/1.23 Marcellus,Georgia,serif!important;
 margin:0 0 12px!important;padding:0!important;min-width:0;overflow-wrap:anywhere;
}
body.single-product [data-collection="woocommerce/product-collection/related"] .wp-block-post-title a{
 display:block!important;color:#f4ebd7!important;text-decoration:none!important;
}
body.single-product [data-collection="woocommerce/product-collection/related"] .wp-block-woocommerce-product-price{
 display:block!important;margin:0!important;font-size:14px!important;line-height:1.6;
}
body.single-product [data-collection="woocommerce/product-collection/related"] a.button{
 display:flex!important;align-items:center;justify-content:center;align-self:stretch;
 margin: auto 0 0!important;min-height:48px;padding:12px 18px!important;width:100%!important;
 box-sizing:border-box;white-space:normal!important;text-align:center;
 font:700 12px/1.5 system-ui,sans-serif!important;letter-spacing:.03em;
 background:#d4b871!important;border:1px solid #d4b871!important;border-radius:4px!important;
 color:#07150f!important;text-decoration:none!important;
}
body.single-product [data-collection="woocommerce/product-collection/related"] a.button:hover{background:#ead299!important}
@media(max-width:760px){
 body.single-product [data-collection="woocommerce/product-collection/related"] .wc-block-product-template{grid-template-columns:1fr!important;gap:20px!important}
 body.single-product [data-collection="woocommerce/product-collection/related"] .wp-block-woocommerce-product-image{aspect-ratio:3/2!important}
 body.single-product [data-collection="woocommerce/product-collection/related"] li.wc-block-product>.wp-block-group>.wp-block-group{padding:20px!important}
 body.single-product .af-xlink-path>.aflab__linkbutton{width:100%}
}

