/* Transitional styles for templates not yet moved to the new design. Remove with the last old template. */
:root{--price:#FF6B1F;--price-old:#9CA3AF;--fs-body:1rem;--fs-small:.875rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--radius:12px;--radius-lg:16px;--shadow:0 8px 28px rgba(15, 23, 42, .10);--container:var(--wrap);--gutter:var(--gut);--transition:.18s ease;--font-heading:var(--font-head);--radius-md:10px}
@layer reset, base, layout, components;
@layer layout{
.at-container{max-width: var(--container);
    margin-inline: auto;
    padding-inline: var(--gutter);}
.at-section{padding-block: var(--sp-6);}
@media (min-width: 64em){.at-section{padding-block: var(--sp-7);}}

}
@layer components{
.at-page{padding-block: var(--sp-6) var(--sp-7);}
.at-page__article{max-width: 760px; margin-inline: auto;}
.at-crumbs{font-size: var(--fs-small); color: var(--text-light); margin-bottom: var(--sp-4);}
.at-crumbs a{color: var(--text-mid); text-decoration: none;}
.at-crumbs a:hover{color: var(--primary);}

.at-page__title{font-size: var(--fs-h1); margin: 0 0 var(--sp-5);}
.at-prose{color: var(--text); line-height: 1.7;}
.at-prose > * + *{margin-top: var(--sp-4);}
.at-prose h2{font-size: var(--fs-h2); margin-top: var(--sp-6); margin-bottom: 0;}
.at-prose h3{font-size: var(--fs-h3); margin-top: var(--sp-5); margin-bottom: 0;}
.at-prose h2 + *,.at-prose h3 + *{margin-top: var(--sp-3);}
.at-prose p,.at-prose li{max-width: 68ch;}
.at-prose a:not([class]){color: var(--secondary-hover); text-decoration: underline; text-underline-offset: 2px;}
.at-prose a:not([class]):hover{color: var(--primary);}
.at-prose strong{font-weight: 700;}
.at-prose ul,.at-prose ol{padding-left: 1.4em;}
.at-prose li + li{margin-top: var(--sp-2);}
.at-prose ul{list-style: none; padding-left: 0;}
.at-prose ul > li{position: relative; padding-left: 1.6em;}
.at-prose ul > li::before{content: ""; position: absolute; left: .35em; top: .62em;
    width: 6px; height: 6px; border-radius: 2px; background: var(--primary);}
.at-prose ol > li::marker{color: var(--primary); font-weight: 700; font-family: var(--font-head);}
.at-prose img{max-width: 100%; height: auto; border-radius: var(--radius-lg);}
.at-prose blockquote{margin-inline: 0; padding: var(--sp-3) var(--sp-4);
    border-left: 3px solid var(--primary); background: var(--primary-soft);
    border-radius: 0 var(--radius) var(--radius) 0; color: var(--text-mid);}
.at-prose blockquote > * + *{margin-top: var(--sp-2);}
.at-prose hr{border: 0; border-top: 1px solid var(--line); margin-block: var(--sp-5);}
.at-prose code{font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .9em;
    background: var(--bg-section); padding: .1em .4em; border-radius: 4px;}
.at-prose table{width: 100%; border-collapse: collapse; font-size: var(--fs-small);
    display: block; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.at-prose th,.at-prose td{padding: var(--sp-2) var(--sp-3); border: 1px solid var(--line); text-align: left;}
.at-prose th{background: var(--bg-section); font-family: var(--font-head); font-weight: 700;}
.at-prose figure{margin: 0;}
.at-prose figcaption{font-size: var(--fs-small); color: var(--text-light); margin-top: var(--sp-2); text-align: center;}
}
@media (max-width: 768px){#at-mc-bar.is-pulse{animation: atMcPulse .35s ease;}}
@media (min-width: 769px){#at-mc-bar.is-pulse{animation: atMcPulse .35s ease;}}
#at-mc-toast.is-show{opacity: 1; transform: translateX(-50%) translateY(0); pointer-events: auto;}
@media (min-width: 769px){#at-mc-toast.is-show{transform: translateX(0);}}
.at-blog-list{display: grid; grid-template-columns: 1fr; gap: var(--sp-4); margin-top: var(--sp-5);}
@media (min-width: 40em){.at-blog-list{grid-template-columns: 1fr 1fr;}}
@media (min-width: 64em){.at-blog-list{grid-template-columns: repeat(3, 1fr);}}
.at-blog-card{display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: var(--radius-lg); overflow: hidden; background: var(--bg-base); transition: box-shadow var(--transition), transform var(--transition);}
.at-blog-card:hover{box-shadow: var(--shadow); transform: translateY(-2px);}
.at-blog-card__thumb{display: block;}
.at-blog-card__thumb img{width: 100%; aspect-ratio: 16/10; object-fit: cover; display: block;}
.at-blog-card__body{display: flex; flex-direction: column; gap: var(--sp-2); padding: var(--sp-4); flex: 1;}
.at-blog-card__title{font-family: var(--font-head); font-size: 1.05rem; line-height: 1.3; margin: 0;}
.at-blog-card__title a{color: var(--text); text-decoration: none;}
.at-blog-card__title a:hover{color: var(--primary);}
.at-blog-card__excerpt{color: var(--text-mid); font-size: .9rem; line-height: 1.5;}
.at-blog-card__more{margin-top: auto; color: var(--primary); font-weight: 600; font-size: .9rem; text-decoration: none;}
.at-blog-card__more:hover{text-decoration: underline;}
.woocommerce-pagination,.pagination,.nav-links{display: flex; flex-wrap: wrap; gap: var(--sp-2); justify-content: center; margin-top: var(--sp-6); list-style: none; padding: 0;}
.nav-links a,.nav-links span{display: inline-flex; align-items: center; min-height: 40px; padding: 0 var(--sp-3); border: 1px solid var(--line); border-radius: var(--radius); text-decoration: none; color: var(--text);}
.nav-links .current{background: var(--primary); color: #fff; border-color: var(--primary);}
.woocommerce span.onsale,span.onsale,.at-lp span.onsale{background: var(--secondary, #00B8D4) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-family: var(--font-head) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  min-height: 0 !important;
  min-width: 0 !important;
  line-height: 1.4 !important;
  padding: 4px 12px !important;
  margin: 0 !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;}