:root{ --c-bg:            #ffffff;
--c-bg-soft:       #fbf6ef;
--c-bg-soft-2:     #f4ede1;
--c-ink:           #262220;
--c-ink-soft:      #5c554e;
--c-navy:          #24324a;
--c-navy-2:        #1b2536;
--c-primary:       #e2622c; --c-primary-dark:  #c14e1e;
--c-primary-light: #fbe3d4;
--c-teal:          #2f948a; --c-mustard:       #e2a63c; --c-border:        #e9e1d3;
--c-white:         #ffffff;
--font-heading: 'Poppins', 'Segoe UI', sans-serif;
--font-body:    'Inter', 'Segoe UI', sans-serif;
--radius-s:  6px;
--radius-m:  12px;
--radius-l:  20px;
--container: 1200px;
--shadow-card: 0 6px 24px rgba(36,50,74,0.08);
} *, *::before, *::after{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
margin:0;
font-family: var(--font-body);
color: var(--c-ink);
background: var(--c-bg);
font-size: 16px;
line-height: 1.7;
-webkit-font-smoothing: antialiased;
}
img{ max-width:100%; height:auto; display:block; }
a{ color: var(--c-primary); text-decoration:none; transition: color .2s ease; }
a:hover{ color: var(--c-primary-dark); }
ul{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4,h5,h6{
font-family: var(--font-heading);
color: var(--c-navy);
font-weight:600;
line-height:1.25;
margin: 0 0 .6em;
}
p{ margin:0 0 1.2em; }
button, input, select, textarea{ font-family: inherit; font-size: 1rem; }
:focus-visible{ outline: 3px solid var(--c-mustard); outline-offset: 2px; }
.container{
max-width: var(--container);
margin: 0 auto;
padding: 0 24px;
}
.screen-reader-text{
position:absolute !important;
width:1px;height:1px;
overflow:hidden;
clip:rect(1px,1px,1px,1px);
white-space:nowrap;
}
.skip-link{
position:absolute; left:-999px; top:0; z-index:9999;
background: var(--c-navy); color:#fff; padding:12px 20px; border-radius: 0 0 8px 0;
}
.skip-link:focus{ left:0; } .btn{
display:inline-flex;
align-items:center;
gap:8px;
padding: 13px 28px;
border-radius: 999px;
font-weight:600;
font-size:.95rem;
border: 2px solid transparent;
cursor:pointer;
transition: all .2s ease;
}
.btn-primary{
background: var(--c-primary);
color:#fff;
}
.btn-primary:hover{ background: var(--c-primary-dark); color:#fff; transform: translateY(-1px); }
.btn-outline{
background: transparent;
border-color: var(--c-navy);
color: var(--c-navy);
}
.btn-outline:hover{ background: var(--c-navy); color:#fff; }
.btn-light{
background:#fff;
color: var(--c-navy);
}
.btn-light:hover{ background: var(--c-mustard); color:#fff; } .topbar{
background: var(--c-navy);
color: #dfe4ea;
font-size: .85rem;
}
.topbar .container{
display:flex;
align-items:center;
justify-content:space-between;
padding-top:9px;
padding-bottom:9px;
flex-wrap:wrap;
gap:10px;
}
.topbar-social{ display:flex; gap:14px; align-items:center; }
.topbar-social a{
color:#dfe4ea;
width:26px;height:26px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid rgba(255,255,255,.25);
border-radius:50%;
font-size:.8rem;
}
.topbar-social a:hover{ background: var(--c-primary); border-color: var(--c-primary); color:#fff; }
.topbar-right{ display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.topbar-right a{ color:#dfe4ea; }
.topbar-right a:hover{ color: var(--c-mustard); }
.topbar-phone::before{ content:"\260E \0020"; } .site-header{
background:#fff;
border-bottom: 1px solid var(--c-border);
position: sticky;
top:0;
z-index: 500;
}
.header-inner{
display:flex;
align-items:center;
justify-content:space-between;
gap: 30px;
padding: 16px 24px;
}
.site-branding{ display:flex; align-items:center; gap:12px; }
.site-branding img{ max-height: 58px; width:auto; }
.site-title{
font-family: var(--font-heading);
font-size:1.4rem;
font-weight:700;
color: var(--c-navy);
margin:0;
}
.site-title a{ color: var(--c-navy); }
.site-description{ font-size:.78rem; color: var(--c-ink-soft); margin:0; }
.main-navigation{ display:flex; align-items:center; }
.primary-menu{
display:flex;
align-items:center;
gap: 4px;
}
.primary-menu > li{ position:relative; }
.primary-menu > li > a{
display:block;
padding: 12px 16px;
color: var(--c-navy);
font-weight:600;
font-size:.95rem;
border-radius: var(--radius-s);
}
.primary-menu > li > a:hover,
.primary-menu > li.current-menu-item > a{ color: var(--c-primary); background: var(--c-primary-light); }
.primary-menu ul.sub-menu{
position:absolute;
top: 100%; left:0;
min-width: 220px;
background:#fff;
border:1px solid var(--c-border);
border-radius: var(--radius-m);
box-shadow: var(--shadow-card);
padding: 8px;
opacity:0;
visibility:hidden;
transform: translateY(6px);
transition: all .18s ease;
z-index: 100;
}
.primary-menu li:hover > ul.sub-menu,
.primary-menu li.focus > ul.sub-menu{
opacity:1; visibility:visible; transform:translateY(0);
}
.primary-menu ul.sub-menu li a{
display:block;
padding: 10px 12px;
border-radius: var(--radius-s);
color: var(--c-ink);
font-weight:500;
font-size:.92rem;
}
.primary-menu ul.sub-menu li a:hover{ background: var(--c-bg-soft); color: var(--c-primary); }
.menu-item-has-children > a::after{ content:" \25BE"; font-size:.7em; }
.header-actions{ display:flex; align-items:center; gap:18px; }
.header-cart{
position:relative;
display:flex;
align-items:center;
gap:8px;
font-weight:600;
color: var(--c-navy);
}
.header-cart .count{
background: var(--c-primary);
color:#fff;
font-size:.7rem;
min-width:20px; height:20px;
border-radius:50%;
display:inline-flex; align-items:center; justify-content:center;
}
.menu-toggle{
display:none;
background:none; border:none;
cursor:pointer;
padding:8px;
}
.menu-toggle span{
display:block;
width:26px; height:3px;
background: var(--c-navy);
margin:5px 0;
border-radius:2px;
}
@media (max-width: 900px){
.main-navigation{
position:absolute;
top:100%; left:0; right:0;
background:#fff;
border-bottom:1px solid var(--c-border);
flex-direction:column;
display:none;
padding: 10px 24px 20px;
}
.main-navigation.is-open{ display:flex; }
.primary-menu{ flex-direction:column; width:100%; align-items:stretch; }
.primary-menu ul.sub-menu{ position:static; box-shadow:none; opacity:1; visibility:visible; transform:none; display:none; border:none; padding-left:12px; }
.primary-menu li.is-expanded > ul.sub-menu{ display:block; }
.menu-toggle{ display:block; }
} .hero{
background: linear-gradient(180deg, var(--c-bg-soft) 0%, #fff 100%);
padding: 70px 0 60px;
border-bottom: 1px solid var(--c-border);
}
.hero-inner{
display:grid;
grid-template-columns: 1.1fr 1fr;
gap: 50px;
align-items:center;
}
.hero-eyebrow{
display:inline-block;
background: var(--c-primary-light);
color: var(--c-primary-dark);
font-weight:700;
font-size:.8rem;
letter-spacing:.06em;
text-transform:uppercase;
padding: 6px 14px;
border-radius: 999px;
margin-bottom: 18px;
}
.hero h1{
font-size: clamp(2.1rem, 4vw, 3.1rem);
margin-bottom: .4em;
min-height: 1.25em;
}
.hero .hero-rotator{ color: var(--c-primary); }
.hero p.lead{ font-size:1.1rem; color: var(--c-ink-soft); max-width: 46ch; }
.hero-actions{ display:flex; gap:14px; margin-top:26px; flex-wrap:wrap; }
.hero-rotator{
color: var(--c-primary);
display:inline-block;
min-width: 1ch;
}
.hero-rotator .word{
display:inline-block;
animation: aka-word-cycle 10s infinite;
}
@keyframes aka-word-cycle{
0%, 16%{ opacity:1; transform: translateY(0); }
20%, 100%{ opacity:0; transform: translateY(-8px); }
}
.hero-words{ position:relative; display:inline-block; height:1.2em; vertical-align:bottom; overflow:hidden; }
.hero-words span{
position:absolute; left:0; top:0;
color: var(--c-primary);
opacity:0;
animation: aka-word-rotate 10s infinite;
}
.hero-words span:nth-child(1){ animation-delay: 0s; }
.hero-words span:nth-child(2){ animation-delay: 2s; }
.hero-words span:nth-child(3){ animation-delay: 4s; }
.hero-words span:nth-child(4){ animation-delay: 6s; }
.hero-words span:nth-child(5){ animation-delay: 8s; }
@keyframes aka-word-rotate{
0%{ opacity:0; transform: translateY(10px); }
4%, 16%{ opacity:1; transform: translateY(0); }
20%, 100%{ opacity:0; transform: translateY(-10px); }
}
@media (prefers-reduced-motion: reduce){
.hero-words span{ animation:none; position:static; opacity:1; display:none; }
.hero-words span:first-child{ display:inline; }
}
.hero-media{
position:relative;
border-radius: var(--radius-l);
overflow:hidden;
aspect-ratio: 4/3.4;
background: var(--c-bg-soft-2);
}
.hero-media img{ width:100%; height:100%; object-fit:cover; }
.hero-media::after{
content:"";
position:absolute; inset:0;
border-radius: var(--radius-l);
border: 6px solid #fff;
box-shadow: var(--shadow-card);
pointer-events:none;
}
@media (max-width: 860px){
.hero-inner{ grid-template-columns: 1fr; }
.hero-media{ order:-1; }
} .section{ padding: 72px 0; }
.section-soft{ background: var(--c-bg-soft); }
.section-navy{ background: var(--c-navy); color:#dbe1ea; }
.section-navy h2, .section-navy h3{ color:#fff; }
.section-head{ text-align:center; max-width: 640px; margin: 0 auto 46px; }
.section-head .eyebrow{
color: var(--c-primary);
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
font-size:.8rem;
display:block;
margin-bottom:10px;
}
.section-head h2{ font-size: clamp(1.6rem, 3vw, 2.2rem); margin-bottom:.3em; }
.section-head p{ color: var(--c-ink-soft); margin:0; }
.underline-swash{
display:block;
width:74px; height:10px;
margin: 14px auto 0;
background: var(--c-mustard);
-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12'><path d='M2 8 C 20 2, 35 12, 50 6 S 80 2, 98 8' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/></svg>");
mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12'><path d='M2 8 C 20 2, 35 12, 50 6 S 80 2, 98 8' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/></svg>");
mask-size: 100% 100%;
} .feature-grid{
display:grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.feature-card{
background:#fff;
border:1px solid var(--c-border);
border-radius: var(--radius-m);
padding: 30px 26px;
transition: transform .2s ease, box-shadow .2s ease;
}
.feature-card:hover{ transform: translateY(-4px); box-shadow: var(--shadow-card); }
.feature-icon{
width:52px; height:52px;
border-radius: 14px;
background: var(--c-primary-light);
color: var(--c-primary);
display:flex; align-items:center; justify-content:center;
font-size:1.4rem;
margin-bottom:18px;
}
.feature-card:nth-child(3n+2) .feature-icon{ background: #e2f2ef; color: var(--c-teal); }
.feature-card:nth-child(3n) .feature-icon{ background: #fbeed7; color: var(--c-mustard); }
.feature-card h3{ font-size:1.1rem; margin-bottom:.4em; }
.feature-card p{ color: var(--c-ink-soft); font-size:.95rem; margin-bottom:.6em; }
.feature-card a.more{ font-weight:600; font-size:.9rem; }
@media (max-width: 860px){ .feature-grid{ grid-template-columns: repeat(2,1fr); } }
@media (max-width: 560px){ .feature-grid{ grid-template-columns: 1fr; } } .split{
display:grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items:center;
}
.split img{ border-radius: var(--radius-l); box-shadow: var(--shadow-card); }
.split h2{ font-size: clamp(1.5rem,3vw,2rem); }
.split p{ color: var(--c-ink-soft); }
@media (max-width: 860px){ .split{ grid-template-columns:1fr; } }
.follow-us-card{
display:flex; align-items:center; gap:16px;
background:#fff; border:1px solid var(--c-border); border-radius: var(--radius-m);
padding: 20px 22px; margin-top: 26px;
}
.follow-us-card span.label{ font-weight:700; color: var(--c-navy); font-size:.92rem; white-space:nowrap; }
.follow-us-card .icons{ display:flex; gap:10px; }
.follow-us-card .icons a{
width:38px; height:38px; border-radius:50%;
background: var(--c-primary-light); color: var(--c-primary-dark);
display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.85rem;
}
.follow-us-card .icons a:hover{ background: var(--c-primary); color:#fff; } .spotlight{
display:grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items:center;
}
.spotlight-media{
position:relative; border-radius: var(--radius-l); overflow:hidden;
aspect-ratio: 1/1; box-shadow: var(--shadow-card);
}
.spotlight-media img{ width:100%; height:100%; object-fit:cover; transition: transform .5s ease; }
.spotlight-media:hover img{ transform: scale(1.04); }
.spotlight-copy .eyebrow{ display:block; margin-bottom:10px; }
.spotlight-copy h2{ font-size: clamp(1.6rem, 3vw, 2.3rem); margin-bottom:.5em; }
.spotlight-copy blockquote{
border-left: 4px solid var(--c-primary);
padding-left: 20px;
margin: 0 0 22px;
color: var(--c-navy);
font-style: italic;
font-size: 1.08rem;
line-height:1.7;
}
.spotlight-copy p{ color: var(--c-ink-soft); }
.spotlight-copy .tagline{
font-family: var(--font-heading); font-weight:700; color: var(--c-primary);
font-size:1.1rem; margin: 20px 0 24px;
}
@media (max-width: 860px){ .spotlight{ grid-template-columns:1fr; } .spotlight-media{ order:-1; } } .info-strip{
background: var(--c-mustard);
color: var(--c-navy);
text-align:center;
padding: 14px 20px;
font-size: .9rem;
font-weight:600;
} .stats{
display:grid;
grid-template-columns: repeat(4,1fr);
gap: 24px;
text-align:center;
}
.stat-num{
font-family: var(--font-heading);
font-size: clamp(2rem,4vw,2.6rem);
font-weight:700;
color: var(--c-mustard);
}
.stat-label{ font-size:.9rem; color:#c4cbd6; margin-top:6px; }
@media (max-width: 760px){ .stats{ grid-template-columns: repeat(2,1fr); row-gap:36px; } } .testimonials{
display:grid;
grid-template-columns: repeat(2, 1fr);
gap: 26px;
}
.testimonial-card{
background:#fff;
border:1px solid var(--c-border);
border-radius: var(--radius-m);
padding: 30px;
position:relative;
}
.testimonial-card::before{
content:"\201C";
font-family: Georgia, serif;
font-size:3.4rem;
color: var(--c-primary-light);
position:absolute;
top:8px; left:20px;
line-height:1;
}
.testimonial-card p{ position:relative; z-index:1; color: var(--c-ink-soft); font-style:italic; }
.testimonial-author{ font-weight:700; color: var(--c-navy); font-style:normal; }
@media (max-width: 760px){ .testimonials{ grid-template-columns:1fr; } } .blog-grid{
display:grid;
grid-template-columns: repeat(3, 1fr);
gap: 26px;
}
.blog-card{
background:#fff;
border:1px solid var(--c-border);
border-radius: var(--radius-m);
overflow:hidden;
transition: box-shadow .2s ease, transform .2s ease;
}
.blog-card:hover{ box-shadow: var(--shadow-card); transform: translateY(-3px); }
.blog-card .thumb{ aspect-ratio: 16/10; overflow:hidden; background:var(--c-bg-soft-2); }
.blog-card .thumb img{ width:100%; height:100%; object-fit:cover; }
.blog-card .body{ padding: 22px; }
.blog-date{ font-size:.78rem; color: var(--c-primary); font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.blog-card h3{ font-size:1.05rem; margin: .4em 0; }
.blog-card p{ color: var(--c-ink-soft); font-size:.92rem; margin-bottom:0; }
@media (max-width: 900px){ .blog-grid{ grid-template-columns: repeat(2,1fr); } }
@media (max-width: 600px){ .blog-grid{ grid-template-columns: 1fr; } } .cta-banner{
background: var(--c-primary);
border-radius: var(--radius-l);
padding: 50px;
display:flex;
align-items:center;
justify-content:space-between;
gap: 30px;
flex-wrap:wrap;
color:#fff;
}
.cta-banner h2{ color:#fff; margin-bottom:.2em; }
.cta-banner p{ color: #fde6da; margin:0; } .site-footer{ background: var(--c-navy-2); color:#b9c1cf; }
.footer-top{ padding: 64px 0 40px; }
.footer-grid{
display:grid;
grid-template-columns: 1.3fr 1fr 1fr 1fr;
gap: 40px;
}
.footer-grid h4{ color:#fff; font-size:1rem; margin-bottom:18px; }
.footer-grid p, .footer-grid li{ font-size:.9rem; line-height:1.8; }
.footer-grid a{ color:#b9c1cf; }
.footer-grid a:hover{ color: var(--c-mustard); }
.footer-logo{ height:44px; margin-bottom:16px; }
.footer-social{ display:flex; gap:12px; margin-top:16px; }
.footer-social a{
width:34px; height:34px;
border:1px solid #3a4358;
border-radius:50%;
display:flex; align-items:center; justify-content:center;
}
.footer-social a:hover{ background: var(--c-primary); border-color: var(--c-primary); color:#fff; }
.footer-bottom{
border-top: 1px solid #303a4e;
padding: 20px 0;
font-size:.85rem;
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
gap:10px;
}
.footer-bottom-links{ display:flex; gap:18px; flex-wrap:wrap; }
@media (max-width: 900px){
.footer-grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px){
.footer-grid{ grid-template-columns: 1fr; }
} .page-header-band{
background: var(--c-bg-soft);
border-bottom:1px solid var(--c-border);
padding: 46px 0;
text-align:center;
}
.page-header-band h1{ margin-bottom:.2em; }
.breadcrumb{ font-size:.85rem; color: var(--c-ink-soft); }
.breadcrumb a{ color: var(--c-ink-soft); }
.breadcrumb a:hover{ color: var(--c-primary); }
.content-wrap{
display:grid;
grid-template-columns: 2.4fr 1fr;
gap: 50px;
padding: 64px 0;
}
.content-wrap.no-sidebar{ grid-template-columns: 1fr; max-width: 820px; margin:0 auto; }
@media (max-width: 900px){ .content-wrap{ grid-template-columns:1fr; } }
.widget{
margin-bottom: 36px;
padding-bottom: 30px;
border-bottom: 1px solid var(--c-border);
}
.widget:last-child{ border-bottom:none; }
.widget-title{ font-size:1.05rem; margin-bottom:16px; }
.widget ul li{ padding: 7px 0; border-bottom:1px dashed var(--c-border); }
.widget ul li a{ color: var(--c-ink); }
.widget ul li a:hover{ color: var(--c-primary); }
article.post{ margin-bottom: 50px; }
article.post .entry-thumb{ border-radius: var(--radius-m); overflow:hidden; margin-bottom:20px; }
.entry-meta{ font-size:.85rem; color: var(--c-ink-soft); margin-bottom:8px; }
.entry-content p{ color: var(--c-ink-soft); }
.pagination{ display:flex; gap:10px; margin-top: 20px; }
.pagination a, .pagination span{
display:inline-flex; align-items:center; justify-content:center;
min-width:38px; height:38px; padding:0 10px;
border:1px solid var(--c-border); border-radius: var(--radius-s);
color: var(--c-navy);
}
.pagination .current{ background: var(--c-primary); border-color: var(--c-primary); color:#fff; } .comment-list{ margin: 0 0 30px; }
.comment-list .comment{ padding: 18px 0; border-bottom:1px solid var(--c-border); }
.comment-form input, .comment-form textarea{
width:100%; padding:12px 14px; border:1px solid var(--c-border); border-radius: var(--radius-s); margin-bottom:14px;
} .error-404{ text-align:center; padding: 100px 0; }
.error-404 .code{ font-size:5rem; font-weight:800; color: var(--c-primary-light); font-family: var(--font-heading); } .entry-content{ color: var(--c-ink); font-size:1.03rem; }
.entry-content > *:first-child{ margin-top:0; }
.entry-content h2{
font-size: 1.55rem;
margin-top: 1.7em;
padding-top: .1em;
position: relative;
}
.entry-content h3{ font-size: 1.2rem; margin-top: 1.5em; }
.entry-content h2 + p, .entry-content h3 + p{ margin-top: .2em; }
.entry-content p{ color: var(--c-ink-soft); }
.entry-content strong{ color: var(--c-ink); }
.entry-content a{ text-decoration: underline; text-decoration-color: var(--c-primary-light); text-underline-offset: 3px; }
.entry-content a:hover{ text-decoration-color: var(--c-primary); }
.entry-content ul, .entry-content ol{ margin: 0 0 1.4em; padding-left: 0; }
.entry-content ul li, .entry-content ol li{
position:relative;
padding-left: 28px;
margin-bottom: 10px;
color: var(--c-ink-soft);
}
.entry-content ul li::before{
content:"";
position:absolute; left:2px; top:.55em;
width:8px; height:8px;
border-radius:50%;
background: var(--c-primary);
}
.entry-content ol{ counter-reset: aka-ol; }
.entry-content ol li{ counter-increment: aka-ol; }
.entry-content ol li::before{
content: counter(aka-ol);
position:absolute; left:0; top:0;
width:20px; height:20px;
border-radius:50%;
background: var(--c-primary-light);
color: var(--c-primary-dark);
font-size:.72rem; font-weight:700;
display:flex; align-items:center; justify-content:center;
}
.entry-content blockquote{
margin: 1.8em 0;
padding: 22px 26px;
background: var(--c-bg-soft);
border-left: 4px solid var(--c-primary);
border-radius: 0 var(--radius-m) var(--radius-m) 0;
color: var(--c-navy);
font-style: italic;
font-size: 1.08rem;
}
.entry-content blockquote p:last-child{ margin-bottom:0; }
.entry-content img{ border-radius: var(--radius-m); margin: 1.4em 0; box-shadow: var(--shadow-card); }
.entry-content figure{ margin: 1.6em 0; }
.entry-content figcaption{ text-align:center; font-size:.85rem; color: var(--c-ink-soft); margin-top:.6em; }
.entry-content hr{ border:none; border-top:1px solid var(--c-border); margin: 2.4em 0; }
.entry-content table{ width:100%; border-collapse: collapse; margin: 1.6em 0; font-size:.95rem; }
.entry-content th{
text-align:left; background: var(--c-navy); color:#fff;
padding: 12px 14px; font-weight:600;
}
.entry-content th:first-child{ border-radius: var(--radius-s) 0 0 0; }
.entry-content th:last-child{ border-radius: 0 var(--radius-s) 0 0; }
.entry-content td{ padding: 12px 14px; border-bottom:1px solid var(--c-border); color: var(--c-ink-soft); }
.entry-content tr:nth-child(even) td{ background: var(--c-bg-soft); } .aka-grid{
display:grid;
grid-template-columns: repeat(var(--cols, 3), 1fr);
gap: 24px;
margin: 2em 0;
}
.aka-card{
background:#fff;
border:1px solid var(--c-border);
border-radius: var(--radius-m);
padding: 26px;
text-align:left;
}
.aka-card .aka-card-icon{
width:48px; height:48px;
border-radius:12px;
background: var(--c-primary-light);
color: var(--c-primary);
display:flex; align-items:center; justify-content:center;
font-size:1.3rem;
margin-bottom:14px;
}
.aka-card h4{ margin: 0 0 .3em; font-size:1.05rem; color: var(--c-navy); }
.aka-card p{ margin:0; font-size:.93rem; color: var(--c-ink-soft); }
@media (max-width: 860px){ .aka-grid{ grid-template-columns: repeat(2,1fr) !important; } }
@media (max-width: 560px){ .aka-grid{ grid-template-columns: 1fr !important; } }
.aka-stats-inline{
display:grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin: 2em 0;
text-align:center;
background: var(--c-navy);
border-radius: var(--radius-l);
padding: 40px 24px;
}
.aka-stats-inline .stat-num{ color: var(--c-mustard); }
.aka-stats-inline .stat-label{ color:#c4cbd6; }
@media (max-width: 700px){ .aka-stats-inline{ grid-template-columns: repeat(2,1fr); row-gap:30px; } }
.aka-btn-wrap{ margin: 1.6em 0; } .team-grid{
display:grid;
grid-template-columns: repeat(4, 1fr);
gap: 26px;
}
.team-card{ text-align:center; }
.team-photo{
aspect-ratio: 1/1;
border-radius: var(--radius-l);
overflow:hidden;
background: var(--c-bg-soft-2);
margin-bottom: 16px;
}
.team-photo img{ width:100%; height:100%; object-fit:cover; }
.team-name{ font-size:1.05rem; margin-bottom:2px; color: var(--c-navy); }
.team-role{ font-size:.85rem; color: var(--c-primary); font-weight:600; margin-bottom:10px; }
.team-bio{ font-size:.88rem; color: var(--c-ink-soft); }
@media (max-width: 900px){ .team-grid{ grid-template-columns: repeat(2,1fr); } }
@media (max-width: 560px){ .team-grid{ grid-template-columns: 1fr; } } .page-cover{
position:relative;
background: var(--c-navy);
color:#fff;
padding: 90px 0 70px;
text-align:center;
overflow:hidden;
}
.page-cover img.cover-bg{
position:absolute; inset:0;
width:100%; height:100%; object-fit:cover;
opacity:.28;
}
.page-cover .container{ position:relative; z-index:1; }
.page-cover .eyebrow{ color: var(--c-mustard); }
.page-cover h1{ color:#fff; margin-bottom:.2em; }
.page-cover p{ color:#c4cbd6; max-width:56ch; margin:0 auto; } .contact-grid{
display:grid;
grid-template-columns: 1fr 1.3fr;
gap: 46px;
align-items:start;
}
.contact-info-card{
background: var(--c-bg-soft);
border-radius: var(--radius-m);
padding: 30px;
margin-bottom: 18px;
}
.contact-info-card h4{ font-size:.95rem; text-transform:uppercase; letter-spacing:.04em; color: var(--c-primary); margin-bottom:10px; }
.contact-info-card p, .contact-info-card a{ color: var(--c-navy); margin:0; font-weight:500; }
.contact-form{
background:#fff;
border:1px solid var(--c-border);
border-radius: var(--radius-m);
padding: 34px;
}
.contact-form .form-row{ margin-bottom:18px; }
.contact-form .form-row.two-col{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.contact-form label{ display:block; font-weight:600; font-size:.88rem; color: var(--c-navy); margin-bottom:6px; }
.contact-form input, .contact-form textarea{
width:100%;
padding: 13px 14px;
border: 1px solid var(--c-border);
border-radius: var(--radius-s);
background: var(--c-bg-soft);
}
.contact-form input:focus, .contact-form textarea:focus{ background:#fff; border-color: var(--c-primary); }
.contact-form textarea{ min-height: 140px; resize: vertical; }
.form-success{
background:#e6f4ea; border:1px solid #bfe3c9; color:#1e6b34;
padding:14px 18px; border-radius: var(--radius-s); margin-bottom:20px; font-weight:600;
}
.form-error{
background:#fbeaea; border:1px solid #f2c1c1; color:#a5292b;
padding:14px 18px; border-radius: var(--radius-s); margin-bottom:20px; font-weight:600;
}
@media (max-width: 860px){
.contact-grid{ grid-template-columns: 1fr; }
.contact-form .form-row.two-col{ grid-template-columns: 1fr; }
}  .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce-Button, .woocommerce button.checkout-button{
background: var(--c-primary); color:#fff !important;
border-radius: 999px; border:none;
padding: 13px 26px; font-weight:600; font-size:.92rem;
cursor:pointer; transition: all .2s ease; line-height:1.2;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit:hover, .woocommerce button.checkout-button:hover{
background: var(--c-primary-dark); transform: translateY(-1px);
}
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
background: var(--c-navy);
}
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover{ background: var(--c-navy-2); }
.woocommerce a.button.loading, .woocommerce button.button.loading{ opacity:.6; }
.woocommerce a.remove{
color: var(--c-primary) !important; font-size:1.3rem !important;
border-radius:50% !important; width:26px; height:26px;
display:inline-flex; align-items:center; justify-content:center;
}
.woocommerce a.remove:hover{ background: var(--c-primary-light); color: var(--c-primary-dark) !important; } .woocommerce form .form-row{ margin-bottom: 18px; }
.woocommerce form .form-row label{ display:block; font-weight:600; font-size:.88rem; color: var(--c-navy); margin-bottom:6px; }
.woocommerce form .form-row .required{ color: var(--c-primary); text-decoration:none; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea,
.woocommerce table.shop_table td select{
width:100%; padding: 13px 14px;
border: 1px solid var(--c-border); border-radius: var(--radius-s);
background: var(--c-bg-soft); font-size: .95rem;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus{ background:#fff; border-color: var(--c-primary); outline:none; }
.woocommerce .select2-container .select2-selection--single{
height:auto !important; border:1px solid var(--c-border) !important; border-radius: var(--radius-s) !important;
padding: 8px 10px !important; background: var(--c-bg-soft) !important;
}
.select2-dropdown{ border-color: var(--c-border) !important; border-radius: var(--radius-s) !important; } .woocommerce .quantity{ display:inline-flex; }
.woocommerce .quantity .qty{
width: 70px; padding: 12px; text-align:center;
border:1px solid var(--c-border); border-radius: var(--radius-s);
background: var(--c-bg-soft);
} .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews,
.woocommerce-form-login-toggle .woocommerce-info{
list-style:none; margin: 0 0 26px; padding: 16px 20px 16px 50px;
background: var(--c-bg-soft); border:1px solid var(--c-border);
border-left: 4px solid var(--c-primary); border-radius: var(--radius-s);
color: var(--c-navy); position:relative; font-size:.95rem;
}
.woocommerce-message::before, .woocommerce-info::before{
content:"i"; font-family: var(--font-heading); font-weight:800; font-style:normal;
position:absolute; left:18px; top:14px;
width:22px; height:22px; border-radius:50%;
background: var(--c-primary); color:#fff;
display:flex; align-items:center; justify-content:center; font-size:.78rem;
}
.woocommerce-error{ border-left-color:#c0392b; }
.woocommerce-error::before{ content:"!"; background:#c0392b; }
.woocommerce-message .button{ float:none; margin-left:14px; }
.woocommerce-error li, .woocommerce-message li, .woocommerce-info li{ padding:0; } .woocommerce .star-rating{ color: var(--c-mustard); overflow:hidden; position:relative; height:1.1em; line-height:1.1em; font-size:.95rem; width:5.4em; }
.woocommerce .star-rating::before{ content:"\2605\2605\2605\2605\2605"; color: var(--c-border); float:left; top:0; left:0; position:absolute; }
.woocommerce .star-rating span{ overflow:hidden; float:left; top:0; left:0; position:absolute; padding-top:1.5em; }
.woocommerce .star-rating span::before{ content:"\2605\2605\2605\2605\2605"; top:0; position:absolute; left:0; color: var(--c-mustard); } .woocommerce table.shop_table{
width:100%; border-collapse:collapse; margin: 0 0 26px;
background:#fff; border:1px solid var(--c-border); border-radius: var(--radius-m); overflow:hidden;
}
.woocommerce table.shop_table thead th{
background: var(--c-navy); color:#fff; text-align:left;
padding: 14px 18px; font-weight:600; font-size:.85rem; text-transform:uppercase; letter-spacing:.03em;
}
.woocommerce table.shop_table tbody td, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{
padding: 16px 18px; border-top:1px solid var(--c-border); color: var(--c-ink-soft); vertical-align:middle;
}
.woocommerce table.shop_table tfoot tr:first-child td,
.woocommerce table.shop_table tfoot tr:first-child th{ border-top: 2px solid var(--c-border); }
.woocommerce table.shop_table .amount{ color: var(--c-navy); font-weight:600; }
.woocommerce-breadcrumb{ display:none; }  .woocommerce ul.products{
display:grid; grid-template-columns: repeat(4, 1fr);
gap: 28px; margin: 0 !important; padding: 0 !important;
}
.woocommerce ul.products li.product{
list-style:none; background:#fff;
border:1px solid var(--c-border); border-radius: var(--radius-m);
padding: 16px; position:relative;
transition: box-shadow .2s ease, transform .2s ease;
}
.woocommerce ul.products li.product:hover{ box-shadow: var(--shadow-card); transform: translateY(-3px); }
.woocommerce ul.products li.product a img{ border-radius: var(--radius-s); margin-bottom: 14px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{
font-family: var(--font-heading); font-size:1rem; color: var(--c-navy); margin: 0 0 6px; font-weight:600;
}
.woocommerce ul.products li.product .price{ color: var(--c-primary); font-weight:700; font-size:1rem; }
.woocommerce ul.products li.product .price del{ color: var(--c-ink-soft); font-weight:400; opacity:.7; margin-right:6px; }
.woocommerce ul.products li.product .button{
display:inline-block; margin-top:12px;
background: var(--c-navy); color:#fff !important;
padding: 10px 18px; border-radius: 999px; font-size:.85rem; font-weight:600;
}
.woocommerce ul.products li.product .button:hover{ background: var(--c-primary); }
.woocommerce ul.products li.product .button.added::after{ content:" \2713"; }
.woocommerce ul.products li.product .onsale{
position:absolute; top:14px; left:14px; z-index:2;
background: var(--c-primary); color:#fff;
font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.03em;
border-radius: 999px; line-height:1; padding: 7px 12px; min-height:0; min-width:0; margin:0;
}
.woocommerce ul.products li.product .star-rating{ margin-bottom:6px; }
.woocommerce nav.woocommerce-pagination{ text-align:center; }
.woocommerce nav.woocommerce-pagination ul{ border:none; display:inline-flex; gap:8px; }
.woocommerce nav.woocommerce-pagination ul li{ border:none; margin:0; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
border:1px solid var(--c-border); border-radius: var(--radius-s);
padding: 9px 14px; color: var(--c-navy);
}
.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover{
background: var(--c-primary); border-color: var(--c-primary); color:#fff;
} .woocommerce-result-count, .woocommerce-ordering{ margin: 0 0 30px; color: var(--c-ink-soft); font-size:.9rem; }
.woocommerce-ordering select{
padding: 10px 14px; border:1px solid var(--c-border); border-radius: var(--radius-s); background:#fff;
}
.shop-toolbar{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; margin-bottom:6px; }
.shop-toolbar .woocommerce-result-count, .shop-toolbar .woocommerce-ordering{ margin:0; }
@media (max-width: 980px){ .woocommerce ul.products{ grid-template-columns: repeat(3,1fr);} }
@media (max-width: 700px){ .woocommerce ul.products{ grid-template-columns: repeat(2,1fr);} }
@media (max-width: 460px){ .woocommerce ul.products{ grid-template-columns: 1fr;} } .woocommerce div.product{
display:grid; grid-template-columns: 1fr 1fr; gap: 50px; margin-bottom: 60px;
}
.woocommerce div.product .woocommerce-product-gallery{ position:relative; }
.woocommerce div.product .woocommerce-product-gallery__wrapper{ border-radius: var(--radius-l); overflow:hidden; border:1px solid var(--c-border); }
.woocommerce div.product .woocommerce-product-gallery__wrapper img{ border-radius:0; }
.woocommerce div.product .flex-control-thumbs{ display:flex; gap:10px; margin-top:12px; padding:0; list-style:none; }
.woocommerce div.product .flex-control-thumbs li{ width:70px; }
.woocommerce div.product .flex-control-thumbs img{ border-radius: var(--radius-s); border:2px solid transparent; opacity:.7; cursor:pointer; }
.woocommerce div.product .flex-control-thumbs img.flex-active, .woocommerce div.product .flex-control-thumbs img:hover{ opacity:1; border-color: var(--c-primary); }
.woocommerce div.product span.onsale{
position:absolute; top:14px; left:14px; z-index:2;
background: var(--c-primary); color:#fff; font-size:.7rem; font-weight:700; text-transform:uppercase;
border-radius:999px; padding:7px 12px; min-height:0; min-width:0;
}
.woocommerce div.product .summary{ padding-top:4px; }
.woocommerce div.product .summary h1.product_title{ font-size:1.9rem; margin-bottom:.3em; }
.woocommerce div.product .summary .woocommerce-product-rating{ display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.woocommerce div.product .summary p.price{
font-size:1.6rem; font-weight:700; color: var(--c-primary); margin-bottom:20px;
}
.woocommerce div.product .summary p.price del{ font-size:1.1rem; color: var(--c-ink-soft); opacity:.6; font-weight:400; }
.woocommerce div.product .summary p.price ins{ text-decoration:none; }
.woocommerce div.product .woocommerce-product-details__short-description{ color: var(--c-ink-soft); margin-bottom:24px; }
.woocommerce div.product form.cart{
display:flex; align-items:center; gap:16px; flex-wrap:wrap;
padding-top: 20px; border-top:1px solid var(--c-border); margin-bottom:20px;
}
.woocommerce div.product form.cart .button{ padding: 15px 32px; font-size:1rem; }
.woocommerce div.product .product_meta{
font-size:.87rem; color: var(--c-ink-soft); padding-top:16px; border-top:1px solid var(--c-border);
}
.woocommerce div.product .product_meta > span{ display:block; margin-bottom:6px; }
.woocommerce div.product .product_meta a{ color: var(--c-primary); }
.woocommerce div.product p.stock{ font-weight:600; color: var(--c-teal); margin-bottom:16px; }
.woocommerce div.product p.stock.out-of-stock{ color:#c0392b; } .woocommerce div.product .woocommerce-tabs{ grid-column: 1 / -1; margin-top:10px; }
.woocommerce div.product .woocommerce-tabs ul.tabs{
display:flex; gap:6px; padding:0; margin:0 0 -1px; list-style:none; border-bottom: 1px solid var(--c-border); flex-wrap:wrap;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
border:1px solid var(--c-border); border-bottom:none;
border-radius: var(--radius-s) var(--radius-s) 0 0;
background: var(--c-bg-soft);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
display:block; padding: 13px 22px; color: var(--c-ink-soft); font-weight:600; font-size:.92rem;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{ background:#fff; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ color: var(--c-primary); }
.woocommerce div.product .woocommerce-tabs .panel{
border:1px solid var(--c-border); border-radius: 0 var(--radius-m) var(--radius-m) var(--radius-m);
padding: 30px; background:#fff;
}
.woocommerce div.product .woocommerce-tabs .panel h2{ font-size:1.2rem; } .woocommerce div.product .related, .woocommerce div.product .upsells{ grid-column: 1 / -1; margin-top: 50px; }
.woocommerce div.product .related h2, .woocommerce div.product .upsells h2{
font-size:1.4rem; text-align:center; margin-bottom:30px;
}
@media (max-width: 860px){ .woocommerce div.product{ grid-template-columns: 1fr; } } .woocommerce-cart .woocommerce{ display:grid; grid-template-columns: 2fr 1fr; gap: 40px; align-items:start; }
.woocommerce-cart form.woocommerce-cart-form{ grid-column: 1; grid-row: 1; }
.woocommerce-cart table.cart td{ text-align:left; }
.woocommerce-cart table.cart td.product-thumbnail img{ width:80px; border-radius: var(--radius-s); }
.woocommerce-cart table.cart td.product-name a{ color: var(--c-navy); font-weight:600; }
.woocommerce-cart table.cart td.actions{ background:#fff; }
.woocommerce-cart table.cart td.actions .coupon{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.woocommerce-cart table.cart td.actions .coupon input#coupon_code{
padding: 12px 14px; border:1px solid var(--c-border); border-radius: var(--radius-s); background: var(--c-bg-soft); width:200px; max-width:100%;
}
.woocommerce-cart table.cart td.actions .coupon button{ background: var(--c-navy); }
.woocommerce-cart table.cart td.actions .coupon button:hover{ background: var(--c-navy-2); }
.cart-collaterals{ grid-column: 2; grid-row: 1; }
.cart_totals{
background:#fff; border:1px solid var(--c-border); border-radius: var(--radius-m);
padding: 26px; position:sticky; top: 110px;
}
.cart_totals h2{ font-size:1.15rem; margin-bottom:16px; }
.cart_totals table.shop_table{ border:none; margin:0; }
.cart_totals table.shop_table th, .cart_totals table.shop_table td{ padding: 12px 0; border-top:1px solid var(--c-border); background:none; }
.cart_totals table.shop_table tr:first-child th, .cart_totals table.shop_table tr:first-child td{ border-top:none; }
.cart_totals .order-total .amount{ font-size:1.25rem; color: var(--c-primary); }
.wc-proceed-to-checkout{ margin-top:18px; }
.wc-proceed-to-checkout .checkout-button{
display:block; width:100%; text-align:center; padding:16px !important; font-size:1rem !important;
}
.woocommerce-cart-form .woocommerce-cart-form__cart-item .quantity{ display:block; }
@media (max-width: 900px){
.woocommerce-cart .woocommerce{ grid-template-columns: 1fr; }
.woocommerce-cart form.woocommerce-cart-form{ grid-column: 1; grid-row: auto; }
.cart-collaterals{ grid-column: 1; grid-row: auto; }
.woocommerce-cart table.cart{ display:block; overflow-x:auto; }
.cart_totals{ position:static; }
}  .woocommerce-checkout form.checkout{
display:grid; grid-template-columns: 1.3fr 1fr; grid-template-rows: auto 1fr; gap: 46px 46px; align-items:start;
}
.woocommerce-checkout #customer_details{ grid-column: 1; grid-row: 1 / span 2; }
.woocommerce-checkout .col2-set{ display:grid; grid-template-columns: 1fr; gap: 0; }
.woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2{ margin-bottom: 30px; }
.woocommerce-checkout h3#ship-to-different-address{ font-size:1.05rem; margin-bottom:14px; }
.woocommerce-checkout .woocommerce-additional-fields{ margin-top:10px; }
.woocommerce-checkout h3#order_review_heading{
grid-column: 2; grid-row: 1;
font-size:1.15rem; margin:0;
}
#order_review, .woocommerce-checkout-review-order{
grid-column: 2; grid-row: 2;
background:#fff; border:1px solid var(--c-border); border-radius: var(--radius-m);
padding: 26px; position:sticky; top:110px;
align-self: start;
}
#order_review h3{ font-size:1.15rem; margin-bottom:16px; }
.woocommerce-checkout-review-order-table{ border:none; margin: 0 0 20px; }
.woocommerce-checkout-review-order-table thead{ display:none; }
.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td{
padding: 10px 0; border-top:1px solid var(--c-border); background:none;
}
.woocommerce-checkout-review-order-table tr:first-child th, .woocommerce-checkout-review-order-table tr:first-child td{ border-top:none; }
.woocommerce-checkout-review-order-table .order-total .amount{ font-size:1.25rem; color: var(--c-primary); }
.woocommerce-checkout-review-order-table .product-name{ color: var(--c-ink-soft); }
.woocommerce-checkout-review-order-table .product-name .product-quantity{ color: var(--c-ink-soft); } ul.wc_payment_methods{ list-style:none; margin:0 0 20px; padding:0; border:1px solid var(--c-border); border-radius: var(--radius-m); overflow:hidden; }
ul.wc_payment_methods li.wc_payment_method{ border-bottom:1px solid var(--c-border); }
ul.wc_payment_methods li.wc_payment_method:last-child{ border-bottom:none; }
ul.wc_payment_methods li.wc_payment_method > label{
display:flex; align-items:center; gap:10px;
padding: 15px 18px; font-weight:600; color: var(--c-navy); cursor:pointer; margin:0;
}
ul.wc_payment_methods li.wc_payment_method input[type="radio"]{ accent-color: var(--c-primary); width:18px; height:18px; }
ul.wc_payment_methods li.wc_payment_method .payment_box{
background: var(--c-bg-soft); padding: 18px; font-size:.9rem; color: var(--c-ink-soft);
border-top: 1px dashed var(--c-border);
}
ul.wc_payment_methods li.wc_payment_method .payment_box p{ margin-bottom:.8em; }
ul.wc_payment_methods li.wc_payment_method img{ max-height:22px; width:auto; margin-left:auto; }
.woocommerce-checkout #payment{ background:transparent; }
.woocommerce-checkout #payment .form-row{ margin-bottom:14px; }
.woocommerce-checkout #payment .place-order{ padding-top:6px; }
.woocommerce-terms-and-conditions-wrapper{ font-size:.86rem; color: var(--c-ink-soft); margin-bottom:16px; }
.woocommerce-form__label-for-checkbox{ display:flex; align-items:flex-start; gap:8px; font-weight:400 !important; }
.woocommerce-form__input-checkbox{ margin-top:4px; accent-color: var(--c-primary); }
#place_order{
display:block; width:100%; text-align:center; padding: 17px !important; font-size:1.02rem !important;
} #order_review ul#shipping_method{ list-style:none; margin:0 0 16px; padding:0; }
#order_review ul#shipping_method li{ padding: 10px 0; border-top:1px solid var(--c-border); }
#order_review ul#shipping_method li:first-child{ border-top:none; }
#order_review ul#shipping_method input[type="radio"]{ accent-color: var(--c-primary); margin-right:8px; } .woocommerce-form-coupon-toggle .woocommerce-info{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.checkout_coupon.woocommerce-form-coupon{
background:#fff; border:1px solid var(--c-border); border-radius: var(--radius-m); padding:22px; margin-bottom:24px;
display:flex; gap:12px; flex-wrap:wrap; align-items:flex-end;
}
.checkout_coupon.woocommerce-form-coupon p{ margin:0; flex:1 1 220px; }
@media (max-width: 900px){
.woocommerce-checkout form.checkout{ grid-template-columns: 1fr; grid-template-rows: auto; }
.woocommerce-checkout #customer_details{ grid-column: 1; grid-row: auto; }
.woocommerce-checkout h3#order_review_heading{ grid-column: 1; grid-row: auto; margin: 0 0 16px; }
#order_review, .woocommerce-checkout-review-order{ grid-column:1; grid-row:auto; position:static; }
} .woocommerce-order{ max-width: 760px; margin: 0 auto; }
.woocommerce-order-received .woocommerce-thankyou-order-received{
background: var(--c-bg-soft); border:1px solid var(--c-border); border-left:4px solid var(--c-primary);
border-radius: var(--radius-m); padding: 22px 26px; font-weight:600; color: var(--c-navy);
margin-bottom: 30px; font-size:1.05rem;
}
ul.woocommerce-order-overview{
list-style:none; display:grid; grid-template-columns: repeat(4,1fr); gap:0;
margin: 0 0 34px; padding:0; border:1px solid var(--c-border); border-radius: var(--radius-m); overflow:hidden;
}
ul.woocommerce-order-overview li{
padding: 20px; text-align:center; border-right:1px solid var(--c-border); background:#fff;
}
ul.woocommerce-order-overview li:last-child{ border-right:none; }
ul.woocommerce-order-overview li em{ display:block; font-style:normal; font-weight:700; color: var(--c-navy); margin-top:4px; font-size:1.05rem; }
@media (max-width: 700px){ ul.woocommerce-order-overview{ grid-template-columns: repeat(2,1fr);} }
.woocommerce-order-details, .woocommerce-customer-details{ margin-bottom: 34px; }
.woocommerce-order-details h2, .woocommerce-customer-details h2{ font-size:1.15rem; margin-bottom:16px; }
address{
background:#fff; border:1px solid var(--c-border); border-radius: var(--radius-m);
padding: 20px; font-style:normal; color: var(--c-ink-soft); line-height:1.8;
} .woocommerce-account .woocommerce{ display:grid; grid-template-columns: 240px 1fr; gap: 40px; align-items:start; }
.woocommerce-MyAccount-navigation{ background:#fff; border:1px solid var(--c-border); border-radius: var(--radius-m); overflow:hidden; }
.woocommerce-MyAccount-navigation ul{ list-style:none; margin:0; padding:0; }
.woocommerce-MyAccount-navigation li{ border-bottom:1px solid var(--c-border); }
.woocommerce-MyAccount-navigation li:last-child{ border-bottom:none; }
.woocommerce-MyAccount-navigation li a{
display:block; padding: 14px 18px; color: var(--c-ink-soft); font-weight:600; font-size:.92rem;
}
.woocommerce-MyAccount-navigation li a:hover{ background: var(--c-bg-soft); color: var(--c-primary); }
.woocommerce-MyAccount-navigation li.is-active a{ background: var(--c-primary-light); color: var(--c-primary-dark); }
.woocommerce-MyAccount-content{ background:#fff; border:1px solid var(--c-border); border-radius: var(--radius-m); padding: 30px; }
.woocommerce-MyAccount-content > p:first-child{ margin-top:0; }
.woocommerce-MyAccount-content .woocommerce-Button{ display:inline-flex; }
.woocommerce-orders-table__cell-order-actions .button{ padding:9px 16px !important; font-size:.8rem !important; margin: 2px; }
.woocommerce-orders-table__cell-order-status{ font-weight:600; }
.woocommerce-address-fields .woocommerce-Address, .woocommerce-Addresses{
display:grid; grid-template-columns: 1fr 1fr; gap: 24px;
}
.woocommerce-Address{ background: var(--c-bg-soft); border:1px solid var(--c-border); border-radius: var(--radius-m); padding: 22px; }
.woocommerce-Address-title{ display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.woocommerce-Address-title h3{ font-size:1rem; margin:0; }
.woocommerce-Address-title .edit{ font-size:.85rem; font-weight:600; }
@media (max-width: 700px){ .woocommerce-Addresses{ grid-template-columns: 1fr; } }
@media (max-width: 900px){
.woocommerce-account .woocommerce{ grid-template-columns: 1fr; }
.woocommerce-MyAccount-navigation ul{ display:flex; flex-wrap:wrap; }
.woocommerce-MyAccount-navigation li{ border-bottom:none; border-right:1px solid var(--c-border); }
} .woocommerce-account.logged-out .woocommerce > .u-columns,
.u-columns.col2-set.woocommerce-form-login-toggle,
.woocommerce form.woocommerce-form-login, .woocommerce form.woocommerce-form-register{
background:#fff; border:1px solid var(--c-border); border-radius: var(--radius-m); padding: 30px;
}
.woocommerce-account.logged-out .woocommerce{ display:grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.woocommerce-account.logged-out .woocommerce h2{ font-size:1.15rem; margin-bottom:18px; }
.woocommerce-account.logged-out .woocommerce .lost_password{ font-size:.86rem; }
@media (max-width: 760px){ .woocommerce-account.logged-out .woocommerce{ grid-template-columns: 1fr; } } .widget_shopping_cart .cart_list{ list-style:none; margin:0; padding:0; }
.widget_shopping_cart .cart_list li{
display:flex; gap:12px; align-items:flex-start;
padding: 12px 0; border-bottom:1px solid var(--c-border); position:relative;
}
.widget_shopping_cart .cart_list li img{ width:56px; border-radius: var(--radius-s); order:-1; }
.widget_shopping_cart .cart_list li a.remove{ position:absolute; top:12px; right:0; }
.widget_shopping_cart .total{ padding-top:14px; font-weight:700; color: var(--c-navy); }
.widget_shopping_cart .buttons{ display:flex; gap:10px; margin-top:14px; }
.widget_shopping_cart .buttons a{ flex:1; text-align:center; }  .aka-qty-stepper{
display: inline-flex;
align-items: center;
border: 1px solid var(--c-border);
border-radius: var(--radius-s);
overflow: hidden;
background: var(--c-bg-soft);
}
.aka-qty-stepper .aka-qty-btn{
width: 36px; height: 44px;
display: flex; align-items: center; justify-content: center;
background: transparent; border: none; cursor: pointer;
font-size: 1.1rem; color: var(--c-navy); font-weight: 600;
transition: background .15s ease, color .15s ease;
}
.aka-qty-stepper .aka-qty-btn:hover{ background: var(--c-primary-light); color: var(--c-primary-dark); }
.aka-qty-stepper .qty{
border: none !important; background: transparent !important;
width: 44px !important; height: 44px; text-align: center;
-moz-appearance: textfield;
}
.aka-qty-stepper .qty::-webkit-inner-spin-button,
.aka-qty-stepper .qty::-webkit-outer-spin-button{ -webkit-appearance: none; margin: 0; } .woocommerce ul.products li.product{ overflow: hidden; }
.woocommerce ul.products li.product a img{ transition: transform .35s ease; }
.woocommerce ul.products li.product:hover a img{ transform: scale(1.045); }
.woocommerce ul.products li.product .button{
opacity: 0; transform: translateY(4px);
transition: opacity .2s ease, transform .2s ease;
}
.woocommerce ul.products li.product:hover .button,
.woocommerce ul.products li.product .button.added,
.woocommerce ul.products li.product .button:focus{ opacity: 1; transform: translateY(0); }
@media (hover: none){ .woocommerce ul.products li.product .button{ opacity: 1; transform: none; } } .woocommerce div.product .woocommerce-product-gallery__wrapper{ cursor: zoom-in; }
.woocommerce div.product .woocommerce-product-gallery__wrapper img{ transition: transform .4s ease; }
.woocommerce div.product .woocommerce-product-gallery__wrapper:hover img{ transform: scale(1.06); }
.woocommerce div.product p.stock{
display: inline-flex; align-items: center; gap: 6px;
background: #e9f7ee; color: #1e6b34;
padding: 6px 14px; border-radius: 999px; font-size: .85rem;
}
.woocommerce div.product p.stock::before{ content: "●"; font-size: .6rem; }
.woocommerce div.product p.stock.out-of-stock{ background:#fbeaea; color:#a5292b; } .aka-secure-note{
display: flex; align-items: center; gap: 8px;
justify-content: center;
margin-top: 14px; font-size: .82rem; color: var(--c-ink-soft);
}
.aka-secure-note::before{ content: "🔒"; font-size: .85rem; } .aka-empty-state{
text-align: center;
padding: 70px 24px;
background: var(--c-bg-soft);
border-radius: var(--radius-l);
border: 1px dashed var(--c-border);
}
.aka-empty-state .icon{
width: 64px; height: 64px; margin: 0 auto 20px;
border-radius: 50%; background: var(--c-primary-light);
display: flex; align-items: center; justify-content: center;
font-size: 1.8rem;
}
.aka-empty-state h2{ font-size: 1.25rem; margin-bottom: .3em; }
.aka-empty-state p{ color: var(--c-ink-soft); max-width: 40ch; margin: 0 auto 22px; }
.woocommerce-cart .cart-empty,
.woocommerce-cart .return-to-shop,
.woocommerce-cart .cross-sells{
grid-column: 1 / -1;
}
.woocommerce-cart .cart-empty{
text-align: center; padding: 70px 24px 26px;
background: var(--c-bg-soft); border-radius: var(--radius-l) var(--radius-l) 0 0;
border: 1px dashed var(--c-border); border-bottom: none;
font-size: 1.05rem; color: var(--c-ink-soft);
}
.woocommerce-cart .cart-empty::before{
content: "🛒"; display: block; font-size: 2.2rem; margin-bottom: 14px;
}
.woocommerce-cart .return-to-shop{
text-align: center; padding: 0 24px 40px;
background: var(--c-bg-soft); border-radius: 0 0 var(--radius-l) var(--radius-l);
border: 1px dashed var(--c-border); border-top: none;
} .woocommerce-MyAccount-navigation li a{ display: flex; align-items: center; gap: 10px; }
.woocommerce-MyAccount-navigation li a::before{
content: "▸"; color: var(--c-primary); font-size: .8rem; opacity: .7;
}
.woocommerce-MyAccount-navigation li.is-active a::before{ opacity: 1; } .woocommerce-order-received .woocommerce-thankyou-order-received{
display: flex; align-items: center; gap: 16px;
}
.woocommerce-order-received .woocommerce-thankyou-order-received::before{
content: "✓";
flex-shrink: 0;
width: 40px; height: 40px;
border-radius: 50%;
background: var(--c-primary);
color: #fff;
display: flex; align-items: center; justify-content: center;
font-size: 1.1rem; font-weight: 700;
animation: aka-pop-in .35s ease;
}
@keyframes aka-pop-in{
0%{ transform: scale(0); opacity: 0; }
70%{ transform: scale(1.15); opacity: 1; }
100%{ transform: scale(1); }
} .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.btn, .feature-card, .blog-card, .testimonial-card, .team-card .team-photo,
.aka-card, .woocommerce ul.products li.product{
transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, opacity .18s ease;
}
.woocommerce a.button:active, .woocommerce button.button:active,
.btn:active{ transform: translateY(1px); } .woocommerce input:focus-visible, .woocommerce select:focus-visible, .woocommerce textarea:focus-visible,
.woocommerce a.button:focus-visible, .woocommerce button:focus-visible{
outline: 2px solid var(--c-primary);
outline-offset: 2px;
} .text-center{ text-align:center; }
.mt-0{ margin-top:0; }
.hidden{ display:none; }