/*
Theme Name: Atelier
Theme URI: https://maramina.fashion
Author: Maramina Fashion House
Author URI: https://maramina.fashion
Description: A premium, fully customisable WooCommerce theme for fashion and lifestyle brands. Every colour, font, image and section is editable from the Customizer, so the same theme can dress an entirely different shop. Built on the WordPress template hierarchy with full menu, widget, block editor and WooCommerce support.
Version: 2.2.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: atelier
Tags: e-commerce, blog, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, block-styles, wide-blocks, right-sidebar

Atelier is distributed under the terms of the GNU GPL v2 or later.

Normalising rules are adapted from normalize.css, MIT License.
*/

/* ==========================================================================
   1. RESET / NORMALISE
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{font-size:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
	margin:0;
	font-family:var(--at-font-body);
	font-size:var(--at-size-base);
	line-height:1.6;
	color:var(--at-ink);
	background:var(--at-paper);
	-webkit-font-smoothing:antialiased;
	overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6{
	font-family:var(--at-font-heading);
	margin:0 0 .5em;
	font-weight:500;
	line-height:1.1;
	letter-spacing:-.01em;
	color:inherit;
}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
img,svg,video{display:block;max-width:100%;height:auto}
a{color:var(--at-primary);text-decoration:none;transition:color .2s}
a:hover{color:var(--at-accent)}
ul,ol{margin:0 0 1em;padding-left:1.4em}
blockquote{
	margin:1.5em 0;padding-left:1.2em;
	border-left:3px solid var(--at-accent);
	font-family:var(--at-font-heading);font-style:italic;font-size:1.25em;
}
table{width:100%;border-collapse:collapse;margin-bottom:1.5em}
th,td{border:1px solid var(--at-line);padding:.7em .8em;text-align:left}
code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}
pre{background:var(--at-surface);padding:1.2em;border-radius:10px;overflow-x:auto}
button,input,select,textarea{font-family:inherit;font-size:16px;color:inherit}
button{border:none;background:none;cursor:pointer}
:focus-visible{outline:2.5px solid var(--at-accent);outline-offset:3px;border-radius:2px}
hr{border:0;border-top:1px solid var(--at-line);margin:2em 0}

/* Accessibility */
.screen-reader-text{
	position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
	overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.skip-link:focus{
	position:fixed;top:12px;left:12px;z-index:100000;
	width:auto;height:auto;clip:auto;margin:0;
	background:var(--at-ink);color:var(--at-paper);
	padding:12px 22px;border-radius:8px;font-weight:600;
}

/* ==========================================================================
   2. LAYOUT PRIMITIVES
   ========================================================================== */
.at-container{max-width:var(--at-container);margin:0 auto;padding:0 28px;width:100%}
.at-container--narrow{max-width:780px}
.at-section{padding:var(--at-section-y) 0}
.at-section--tight{padding:calc(var(--at-section-y) * .7) 0}
.at-section--flush{padding:0}
.at-grid{display:grid;gap:26px}
.at-grid--2{grid-template-columns:repeat(2,1fr)}
.at-grid--3{grid-template-columns:repeat(3,1fr)}
.at-grid--4{grid-template-columns:repeat(4,1fr)}
.at-split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.at-stack > * + *{margin-top:1em}
.at-center{text-align:center}
.at-flex{display:flex;gap:14px;flex-wrap:wrap}
.at-flex--center{justify-content:center}

/* Colour band utilities — drive every dark/light section */
.at-band--paper{background:var(--at-paper);color:var(--at-ink)}
.at-band--surface{background:var(--at-surface);color:var(--at-ink)}
.at-band--surface-2{background:var(--at-surface-alt);color:var(--at-ink)}
.at-band--primary{background:var(--at-primary);color:var(--at-on-dark)}
.at-band--secondary{background:var(--at-secondary);color:var(--at-on-dark)}
.at-band--deep{background:var(--at-secondary-deep);color:var(--at-on-dark)}
.at-band--ink{background:var(--at-ink);color:var(--at-on-dark)}
.at-band--primary h1,.at-band--primary h2,.at-band--primary h3,
.at-band--secondary h1,.at-band--secondary h2,.at-band--secondary h3,
.at-band--deep h1,.at-band--deep h2,.at-band--deep h3,
.at-band--ink h1,.at-band--ink h2,.at-band--ink h3{color:var(--at-on-dark)}
.at-band--primary p,.at-band--secondary p,.at-band--deep p,.at-band--ink p{color:var(--at-on-dark-soft)}
.at-band--primary a,.at-band--secondary a,.at-band--deep a,.at-band--ink a{color:var(--at-accent-soft)}

/* ==========================================================================
   3. TYPOGRAPHY HELPERS
   ========================================================================== */
.at-eyebrow{
	display:block;font-family:var(--at-font-body);
	font-size:11.5px;letter-spacing:.28em;text-transform:uppercase;
	font-weight:600;color:var(--at-primary);margin-bottom:12px;
}
.at-band--primary .at-eyebrow,.at-band--secondary .at-eyebrow,
.at-band--deep .at-eyebrow,.at-band--ink .at-eyebrow{color:var(--at-accent-soft)}
.at-title{font-size:var(--at-size-h2);margin-bottom:.3em}
.at-title--xl{font-size:var(--at-size-h1)}
.at-lede{font-size:1.05em;color:var(--at-muted);max-width:60ch}
.at-band--primary .at-lede,.at-band--secondary .at-lede,
.at-band--deep .at-lede,.at-band--ink .at-lede{color:var(--at-on-dark-soft)}
.at-section-head{margin-bottom:38px}
.at-section-head--split{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.at-section-head--center{text-align:center;max-width:640px;margin-left:auto;margin-right:auto}

/* ==========================================================================
   4. BUTTONS
   ========================================================================== */
.at-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:9px;
	padding:14px 26px;border-radius:var(--at-radius-pill);
	font-family:var(--at-font-body);font-weight:600;font-size:14px;letter-spacing:.03em;
	border:1.5px solid transparent;transition:.22s;text-align:center;cursor:pointer;
}
.at-btn--primary{background:var(--at-ink);color:var(--at-on-dark)}
.at-btn--primary:hover{background:var(--at-primary);color:var(--at-on-dark)}
.at-btn--accent{background:var(--at-accent);color:var(--at-on-accent)}
.at-btn--accent:hover{background:var(--at-accent-soft);color:var(--at-on-accent)}
.at-btn--outline{border-color:var(--at-ink);color:var(--at-ink);background:transparent}
.at-btn--outline:hover{background:var(--at-ink);color:var(--at-on-dark)}
.at-btn--ghost{border-color:var(--at-on-dark-line);color:var(--at-on-dark);background:transparent}
.at-btn--ghost:hover{background:var(--at-on-dark-wash);color:var(--at-on-dark)}
.at-btn--whatsapp{background:#1FA855;color:#fff}
.at-btn--whatsapp:hover{filter:brightness(1.07);color:#fff}
.at-btn--block{width:100%}

/* ==========================================================================
   5. HEADER
   ========================================================================== */
.at-topbar{
	background:var(--at-secondary-deep);color:var(--at-on-dark);
	font-size:12.5px;letter-spacing:.04em;text-align:center;padding:9px 16px;
}
.at-topbar a,.at-topbar strong{color:var(--at-accent-soft);font-weight:600}
.at-header{
	position:sticky;top:0;z-index:500;
	background:var(--at-header-bg);
	backdrop-filter:blur(10px);
	border-bottom:1px solid var(--at-line);
}
.at-header__inner{
	display:flex;align-items:center;justify-content:space-between;gap:20px;
	min-height:74px;max-width:var(--at-container);margin:0 auto;padding:0 28px;
}
.at-brand{font-family:var(--at-font-heading);font-weight:600;font-size:26px;letter-spacing:.06em;line-height:1;color:var(--at-ink)}
.at-brand:hover{color:var(--at-ink)}
.at-brand__a{color:var(--at-primary)}
.at-brand__b{color:var(--at-secondary)}
.at-brand img{max-height:52px;width:auto}

/* Primary menu */
.at-menu{display:flex;gap:30px;list-style:none;margin:0;padding:0;align-items:center}
.at-menu li{position:relative}
.at-menu a{
	display:inline-block;padding:6px 0;position:relative;
	font-family:var(--at-font-body);font-size:13.5px;font-weight:500;
	letter-spacing:.04em;color:var(--at-ink);
}
.at-menu a::after{
	content:"";position:absolute;left:0;bottom:0;width:0;height:1.5px;
	background:var(--at-primary);transition:width .28s;
}
.at-menu a:hover::after,
.at-menu .current-menu-item > a::after,
.at-menu .current_page_item > a::after,
.at-menu .current-menu-ancestor > a::after{width:100%}
.at-menu .sub-menu{
	position:absolute;top:100%;left:0;min-width:200px;
	background:var(--at-paper);border:1px solid var(--at-line);
	border-radius:10px;padding:10px 0;margin:0;list-style:none;
	box-shadow:0 16px 34px -20px rgba(0,0,0,.45);
	opacity:0;visibility:hidden;transform:translateY(6px);transition:.22s;z-index:20;
}
.at-menu li:hover > .sub-menu,
.at-menu li:focus-within > .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.at-menu .sub-menu a{display:block;padding:9px 18px;white-space:nowrap}
.at-menu .sub-menu a::after{display:none}
.at-menu .sub-menu .sub-menu{top:0;left:100%}

.at-header__actions{display:flex;align-items:center;gap:12px}
.at-cart{
	display:flex;align-items:center;gap:8px;
	font-size:13.5px;font-weight:600;letter-spacing:.03em;
	padding:9px 16px;border:1.5px solid var(--at-ink);border-radius:var(--at-radius-pill);
	color:var(--at-ink);transition:.2s;
}
.at-cart:hover{background:var(--at-ink);color:var(--at-on-dark)}
.at-cart__count{
	background:var(--at-primary);color:#fff;font-size:11px;font-weight:700;
	min-width:19px;height:19px;padding:0 5px;border-radius:var(--at-radius-pill);
	display:grid;place-items:center;
}
.at-search-toggle{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--at-ink)}
.at-search-toggle:hover{background:var(--at-surface)}
.at-burger{display:none;width:42px;height:42px;align-items:center;justify-content:center;border-radius:8px;color:var(--at-ink)}
.at-burger:hover{background:var(--at-surface)}

/* Mobile drawer */
.at-mobile-nav{
	display:none;background:var(--at-paper);
	border-bottom:1px solid var(--at-line);padding:12px 28px 24px;
}
.at-mobile-nav.is-open{display:block}
.at-mobile-nav ul{list-style:none;margin:0;padding:0}
.at-mobile-nav li{border-bottom:1px solid var(--at-line)}
.at-mobile-nav li:last-child{border-bottom:none}
.at-mobile-nav a{display:block;padding:14px 0;font-weight:600;font-size:15px;color:var(--at-ink)}
.at-mobile-nav .sub-menu{padding-left:16px}
.at-mobile-nav .sub-menu a{font-weight:500;font-size:14px;opacity:.85}

/* Search overlay */
.at-search-panel{display:none;border-bottom:1px solid var(--at-line);background:var(--at-surface);padding:22px 0}
.at-search-panel.is-open{display:block}
.at-search-form{display:flex;gap:10px;max-width:var(--at-container);margin:0 auto;padding:0 28px}
.at-search-form input[type="search"]{
	flex:1;padding:13px 20px;border:1.5px solid var(--at-line);
	border-radius:var(--at-radius-pill);background:var(--at-paper);
}

/* ==========================================================================
   6. HERO
   ========================================================================== */
.at-hero{position:relative;overflow:hidden}
.at-hero--split{display:grid;grid-template-columns:1.02fr 1fr;min-height:min(80vh,660px)}
.at-hero__copy{
	background:var(--at-primary);color:var(--at-on-dark);
	display:flex;flex-direction:column;justify-content:center;
	padding:64px clamp(28px,5vw,80px);
}
.at-hero__copy h1{font-size:var(--at-size-hero);color:var(--at-on-dark);line-height:1.02;margin-bottom:0}
.at-hero__copy h1 em{font-style:italic;color:var(--at-accent-soft)}
.at-hero__copy p{margin:26px 0 34px;max-width:44ch;color:var(--at-on-dark-soft);font-size:16.5px}
.at-hero__media{position:relative;background:var(--at-surface-alt);min-height:380px}
.at-hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}
.at-hero__seam{
	position:absolute;top:0;bottom:0;left:-6px;width:12px;z-index:3;opacity:.9;
	background:repeating-linear-gradient(180deg,var(--at-accent) 0 7px,transparent 7px 15px);
}
.at-hero__badge{
	position:absolute;left:22px;bottom:20px;z-index:4;
	background:var(--at-secondary-deep);color:var(--at-on-dark);
	font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
	padding:8px 14px;border-radius:var(--at-radius-pill);
}

/* Page hero (image background) */
.at-page-hero{position:relative;min-height:56vh;display:flex;align-items:flex-end;overflow:hidden;color:var(--at-on-dark)}
.at-page-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.at-page-hero__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),var(--at-hero-veil))}
.at-page-hero__inner{position:relative;z-index:2;width:100%;padding-bottom:54px}
.at-page-hero h1{color:var(--at-on-dark);font-size:var(--at-size-h1);max-width:18ch}

/* Simple page header (no image) */
.at-page-head{background:var(--at-secondary);color:var(--at-on-dark);text-align:center;padding:78px 0 68px}
.at-page-head h1{color:var(--at-on-dark);font-size:var(--at-size-h1);max-width:18ch;margin:0 auto .4em}
.at-page-head p{color:var(--at-on-dark-soft);max-width:58ch;margin:0 auto}

/* ==========================================================================
   7. CARDS / CONTENT
   ========================================================================== */
.at-card{
	background:var(--at-card-bg);border:1px solid var(--at-line);
	border-radius:var(--at-radius);overflow:hidden;
	display:flex;flex-direction:column;transition:.25s;
}
.at-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -20px rgba(0,0,0,.35)}
.at-card__media{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--at-surface-alt)}
.at-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.at-card:hover .at-card__media img{transform:scale(1.05)}
.at-card__body{padding:18px 18px 20px;flex:1;display:flex;flex-direction:column;gap:5px}
.at-card__meta{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--at-faint);font-weight:600}
.at-card__body h3{font-size:18px;margin:0}
.at-card__body h3 a{color:var(--at-ink)}
.at-card__body h3 a:hover{color:var(--at-primary)}
.at-card__excerpt{font-size:14.5px;color:var(--at-muted)}
.at-badge{
	position:absolute;top:12px;left:12px;z-index:2;
	background:var(--at-paper);color:var(--at-primary);
	font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;
	padding:5px 11px;border-radius:var(--at-radius-pill);
}

/* Feature cells */
.at-cell{background:var(--at-card-bg);border:1px solid var(--at-line);border-radius:var(--at-radius);padding:34px 30px}
.at-cell__key{font-family:var(--at-font-heading);font-style:italic;color:var(--at-accent);font-size:17px;margin-bottom:8px}
.at-cell h3{font-size:21px;margin-bottom:.4em}
.at-cell p{color:var(--at-muted);font-size:15px}

/* Bordered value grid */
.at-matrix{
	display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
	background:var(--at-line);border:1px solid var(--at-line);
	border-radius:var(--at-radius);overflow:hidden;
}
.at-matrix__item{background:var(--at-paper);padding:34px 30px}
.at-matrix__num{font-family:var(--at-font-heading);font-style:italic;color:var(--at-accent);font-size:17px}

/* Stats */
.at-stats{display:flex;justify-content:center;gap:52px;flex-wrap:wrap;margin-top:40px}
.at-stat b{display:block;font-family:var(--at-font-heading);font-size:42px;font-weight:600;line-height:1;color:var(--at-accent-soft)}
.at-stat span{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--at-on-dark-soft)}

/* Photo band */
.at-photoband{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.at-photoband > div{position:relative;aspect-ratio:1;overflow:hidden}
.at-photoband img{width:100%;height:100%;object-fit:cover;object-position:top center}

/* Name merge feature */
.at-merge{
	font-family:var(--at-font-heading);font-style:italic;
	font-size:clamp(24px,4vw,42px);
	display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;
}
.at-merge__op{font-style:normal;color:var(--at-accent)}
.at-merge__result{font-style:normal;font-weight:600}

/* Profile cards */
.at-profile{background:var(--at-card-bg);border:1px solid var(--at-line);border-radius:var(--at-radius);overflow:hidden}
.at-profile img{width:100%;aspect-ratio:1;object-fit:cover;object-position:top center}
.at-profile__body{padding:22px 24px 26px}
.at-profile__body h3{font-size:26px;margin-bottom:.15em}
.at-profile__role{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--at-faint);font-weight:600;margin-bottom:10px}
.at-profile__body p{color:var(--at-muted);font-size:15px}

/* Callout panel */
.at-panel{background:var(--at-primary);color:var(--at-on-dark);border-radius:20px;padding:46px;text-align:center}
.at-panel__figure{font-family:var(--at-font-heading);font-size:70px;font-weight:600;line-height:1;color:var(--at-accent-soft)}
.at-panel__label{letter-spacing:.08em;text-transform:uppercase;font-size:12.5px;margin-top:10px;color:var(--at-on-dark-soft)}

/* Notice */
.at-notice{
	display:flex;gap:10px;align-items:flex-start;
	background:var(--at-surface);border:1px solid var(--at-line);
	border-radius:12px;padding:14px 16px;font-size:14px;color:var(--at-muted);margin:20px 0;
}
.at-notice strong{color:var(--at-primary)}

/* ==========================================================================
   8. POST / PAGE CONTENT
   ========================================================================== */
.at-content{max-width:780px}
.at-content > *{margin-bottom:1.1em}
.at-content h1,.at-content h2,.at-content h3,.at-content h4{margin-top:1.6em}
.at-content h2{font-size:var(--at-size-h3)}
.at-content h3{font-size:1.4em}
.at-content img,.at-content figure{border-radius:var(--at-radius);margin:1.6em 0}
.at-content figcaption{font-size:13px;color:var(--at-faint);text-align:center;margin-top:8px}
.at-content ul,.at-content ol{color:var(--at-muted)}
.at-content li{margin-bottom:.4em}
.at-content a{text-decoration:underline;text-underline-offset:3px}
.at-content .wp-block-image{margin:1.6em 0}
.alignwide{max-width:1100px;margin-left:auto;margin-right:auto}
.alignfull{max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}
.alignleft{float:left;margin:0 1.5em 1em 0}
.alignright{float:right;margin:0 0 1em 1.5em}
.aligncenter{margin-left:auto;margin-right:auto;display:block}
.wp-caption{max-width:100%}
.sticky .at-card{border-color:var(--at-accent)}

/* Post meta */
.at-meta{font-size:13px;color:var(--at-faint);letter-spacing:.03em;margin-bottom:10px}
.at-meta a{color:var(--at-muted)}
.at-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.at-tags a{
	font-size:12px;padding:6px 14px;border:1px solid var(--at-line);
	border-radius:var(--at-radius-pill);color:var(--at-muted);
}
.at-tags a:hover{border-color:var(--at-ink);color:var(--at-ink)}

/* Post navigation */
.at-post-nav{display:flex;justify-content:space-between;gap:20px;margin-top:50px;padding-top:26px;border-top:1px solid var(--at-line);flex-wrap:wrap}
.at-post-nav span{display:block;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--at-faint);margin-bottom:5px}
.at-post-nav a{font-family:var(--at-font-heading);font-size:18px;color:var(--at-ink)}
.at-post-nav a:hover{color:var(--at-primary)}

/* Comments */
.at-comments{margin-top:56px;padding-top:36px;border-top:1px solid var(--at-line)}
.at-comments h2,.at-comments h3{font-size:var(--at-size-h3)}
.comment-list{list-style:none;padding:0;margin:0}
.comment-list li{margin-bottom:26px}
.comment-list .children{list-style:none;padding-left:26px;margin-top:20px}
.comment-body{background:var(--at-surface);border-radius:12px;padding:20px 22px}
.comment-author{display:flex;align-items:center;gap:10px;font-weight:600;margin-bottom:6px}
.comment-author img{border-radius:50%}
.comment-metadata{font-size:12.5px;color:var(--at-faint);margin-bottom:10px}
.comment-form label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.comment-form input[type="text"],.comment-form input[type="email"],
.comment-form input[type="url"],.comment-form textarea{
	width:100%;padding:12px 16px;border:1.5px solid var(--at-line);
	border-radius:12px;background:var(--at-paper);margin-bottom:16px;
}
.comment-form textarea{border-radius:14px}
.comment-form input[type="submit"]{
	background:var(--at-ink);color:var(--at-on-dark);
	padding:14px 28px;border-radius:var(--at-radius-pill);font-weight:600;cursor:pointer;
}

/* Pagination */
.at-pagination{display:flex;gap:8px;justify-content:center;margin-top:46px;flex-wrap:wrap}
.at-pagination .page-numbers{
	padding:10px 17px;border:1.5px solid var(--at-line);
	border-radius:var(--at-radius-pill);font-weight:600;font-size:14px;color:var(--at-ink);
}
.at-pagination .page-numbers:hover{border-color:var(--at-ink)}
.at-pagination .page-numbers.current{background:var(--at-primary);color:#fff;border-color:var(--at-primary)}

/* ==========================================================================
   9. SIDEBAR / WIDGETS
   ========================================================================== */
.at-layout{display:grid;grid-template-columns:1fr 300px;gap:50px;align-items:start}
.at-layout--full{grid-template-columns:1fr}
.at-sidebar .widget{margin-bottom:34px}
.at-sidebar .widget-title{
	font-family:var(--at-font-body);font-size:11.5px;letter-spacing:.18em;
	text-transform:uppercase;font-weight:600;color:var(--at-primary);margin-bottom:14px;
}
.at-sidebar ul{list-style:none;padding:0;margin:0}
.at-sidebar li{padding:7px 0;border-bottom:1px solid var(--at-line);font-size:14.5px}
.at-sidebar li:last-child{border-bottom:none}
.at-sidebar a{color:var(--at-muted)}
.at-sidebar a:hover{color:var(--at-primary)}

/* ==========================================================================
   10. FOOTER
   ========================================================================== */
.at-footer{background:var(--at-footer-bg);color:var(--at-on-dark);padding:64px 0 30px}
.at-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:44px;margin-bottom:44px}
.at-footer__brand{font-family:var(--at-font-heading);font-size:26px;letter-spacing:.06em;margin-bottom:14px;color:var(--at-on-dark)}
.at-footer__brand .at-brand__a{color:var(--at-accent-soft)}
.at-footer__brand .at-brand__b{color:var(--at-footer-brand-b)}
.at-footer p{color:var(--at-on-dark-soft);font-size:14.5px;max-width:34ch}
.at-footer h4{
	font-family:var(--at-font-body);font-size:12px;letter-spacing:.18em;
	text-transform:uppercase;font-weight:600;color:var(--at-accent-soft);margin-bottom:16px;
}
.at-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}
.at-footer ul a{color:var(--at-on-dark-strong);font-size:15px}
.at-footer ul a:hover{color:var(--at-accent-soft)}
.at-footer__tagline{font-family:var(--at-font-heading);font-style:italic;font-size:16px;margin-top:16px;color:var(--at-on-dark-strong)}
.at-footer__bottom{
	border-top:1px solid var(--at-on-dark-line);padding-top:22px;margin-top:8px;
	display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
	font-size:13px;color:var(--at-on-dark-soft);
}
.at-footer__slogan{font-family:var(--at-font-heading);font-style:italic;color:var(--at-accent-soft)}
.at-social{display:flex;gap:12px;margin-top:16px}
.at-social a{
	width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
	border:1px solid var(--at-on-dark-line);color:var(--at-on-dark);
}
.at-social a:hover{background:var(--at-accent);border-color:var(--at-accent);color:var(--at-on-accent)}
.at-social svg{width:17px;height:17px;fill:currentColor}

/* Floating WhatsApp */
.at-float-wa{
	position:fixed;right:20px;bottom:20px;z-index:400;
	width:54px;height:54px;border-radius:50%;background:#1FA855;
	display:grid;place-items:center;box-shadow:0 10px 26px -8px rgba(0,0,0,.45);transition:.2s;
}
.at-float-wa:hover{transform:scale(1.06)}
.at-float-wa svg{width:28px;height:28px;fill:#fff}

/* Back to top */
.at-to-top{
	position:fixed;right:20px;bottom:84px;z-index:399;
	width:44px;height:44px;border-radius:50%;
	background:var(--at-ink);color:var(--at-on-dark);
	display:grid;place-items:center;opacity:0;visibility:hidden;transition:.25s;
}
.at-to-top.is-visible{opacity:1;visibility:visible}

/* ==========================================================================
   11. WOOCOMMERCE
   ========================================================================== */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews{
	background:var(--at-surface);border-top:3px solid var(--at-accent);
	padding:15px 18px;border-radius:12px;margin-bottom:26px;list-style:none;font-size:15px;color:var(--at-ink);
}
.woocommerce-message .button,.woocommerce-info .button{float:right}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:0;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{
	background:var(--at-card-bg);border:1px solid var(--at-line);
	border-radius:var(--at-radius);overflow:hidden;transition:.25s;
	margin:0;width:auto;float:none;text-align:left;padding:0;
}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 18px 40px -20px rgba(0,0,0,.35)}
.woocommerce ul.products li.product a img{margin:0;width:100%;aspect-ratio:4/5;object-fit:cover;box-shadow:none}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
	font-family:var(--at-font-heading);font-size:18px;font-weight:600;
	padding:15px 18px 0;margin:0;color:var(--at-ink);
}
.woocommerce ul.products li.product .price{
	display:block;padding:5px 18px 0;color:var(--at-ink);font-weight:700;font-size:16px;
}
.woocommerce ul.products li.product .price del{color:var(--at-faint);font-weight:500;font-size:14px}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart{
	display:block;margin:14px 18px 18px;padding:12px;
	border-radius:var(--at-radius-pill);background:var(--at-ink);color:var(--at-on-dark);
	font-weight:600;font-size:13.5px;text-align:center;letter-spacing:.04em;
}
.woocommerce ul.products li.product .button:hover{background:var(--at-primary);color:var(--at-on-dark)}
.woocommerce span.onsale{
	background:var(--at-primary);color:#fff;border-radius:var(--at-radius-pill);
	font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;
	padding:5px 12px;min-height:0;min-width:0;line-height:1.5;top:12px;left:12px;right:auto;margin:0;
}
.woocommerce div.product .product_title{font-family:var(--at-font-heading);font-size:var(--at-size-h2);font-weight:500}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--at-ink);font-size:24px;font-weight:700}
.woocommerce div.product p.price del{color:var(--at-faint);font-size:17px}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--at-muted);margin:16px 0}
.woocommerce div.product form.cart{margin:22px 0}
.woocommerce div.product form.cart .variations label{font-weight:600;font-size:13px}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin-bottom:0}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:var(--at-line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
	background:var(--at-surface);border-color:var(--at-line);border-radius:10px 10px 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--at-paper);border-bottom-color:var(--at-paper)}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--at-ink);font-weight:600}
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{
	background:var(--at-ink);color:var(--at-on-dark);
	border-radius:var(--at-radius-pill);padding:14px 28px;
	font-family:var(--at-font-body);font-weight:600;font-size:14px;letter-spacing:.03em;text-transform:none;
}
.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{
	background:var(--at-primary);color:var(--at-on-dark);
}
.woocommerce .quantity .qty{
	border:1.5px solid var(--at-line);border-radius:var(--at-radius-pill);
	padding:12px 6px;width:84px;text-align:center;background:var(--at-paper);
}
.woocommerce-breadcrumb{font-size:13px;color:var(--at-faint);margin-bottom:22px}
.woocommerce-breadcrumb a{color:var(--at-muted)}
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{margin-bottom:26px}
.woocommerce .woocommerce-ordering select{padding:10px 14px;border:1.5px solid var(--at-line);border-radius:var(--at-radius-pill);background:var(--at-paper)}
.woocommerce table.shop_table{border-color:var(--at-line);border-radius:12px}
.woocommerce table.shop_table th{font-family:var(--at-font-body);font-weight:600}
.woocommerce-cart table.cart img{width:84px;border-radius:10px}
.woocommerce .cart-collaterals .cart_totals > h2{font-size:var(--at-size-h3)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{
	padding:12px 16px;border:1.5px solid var(--at-line);border-radius:12px;background:var(--at-paper);
}
.woocommerce .star-rating span{color:var(--at-accent)}
.woocommerce-store-notice,p.demo_store{background:var(--at-primary);color:var(--at-on-dark)}

/* ==========================================================================
   12. RESPONSIVE
   ========================================================================== */
@media(max-width:1024px){
	.at-grid--3,.at-grid--4,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}
	.at-layout{grid-template-columns:1fr;gap:40px}
}
@media(max-width:940px){
	.at-menu,.at-search-toggle{display:none}
	.at-burger{display:flex}
	.at-hero--split{grid-template-columns:1fr}
	.at-hero__media{min-height:420px}
	.at-hero__seam{display:none}
	.at-split{grid-template-columns:1fr;gap:34px}
	.at-matrix{grid-template-columns:1fr}
	.at-footer__grid{grid-template-columns:1fr 1fr;gap:32px}
}
@media(max-width:600px){
	.at-container,.at-header__inner,.at-search-form{padding-left:20px;padding-right:20px}
	.at-grid--2,.at-grid--3,.at-grid--4,.woocommerce ul.products{grid-template-columns:1fr}
	.at-footer__grid{grid-template-columns:1fr;gap:28px}
	.at-stats{gap:32px}
	.at-cart__label{display:none}
	.at-hero__copy{padding:48px 24px}
	.at-photoband{grid-template-columns:1fr 1fr}
	.at-photoband > div:last-child{display:none}
	.at-panel{padding:34px 24px}
}
@media(prefers-reduced-motion:reduce){
	*{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
@media print{
	.at-header,.at-footer,.at-float-wa,.at-to-top,.at-topbar{display:none}
}

/* ==========================================================================
   13. CONTRAST GUARDS — buttons and links stay readable on every band
   ========================================================================== */
.at-band--primary .at-btn--primary,
.at-band--secondary .at-btn--primary,
.at-band--deep .at-btn--primary,
.at-band--ink .at-btn--primary{
	background:var(--at-accent);
	color:var(--at-on-accent);
	border-color:var(--at-accent);
}
.at-band--primary .at-btn--primary:hover,
.at-band--secondary .at-btn--primary:hover,
.at-band--deep .at-btn--primary:hover,
.at-band--ink .at-btn--primary:hover{
	background:var(--at-accent-soft);
	color:var(--at-on-accent);
}
.at-band--primary .at-btn--outline,
.at-band--secondary .at-btn--outline,
.at-band--deep .at-btn--outline,
.at-band--ink .at-btn--outline{
	border-color:var(--at-on-dark-line);
	color:var(--at-on-dark);
}
.at-band--primary .at-btn--outline:hover,
.at-band--secondary .at-btn--outline:hover,
.at-band--deep .at-btn--outline:hover,
.at-band--ink .at-btn--outline:hover{
	background:var(--at-on-dark);
	color:var(--at-ink);
}
.at-band--primary .at-btn--accent,
.at-band--secondary .at-btn--accent,
.at-band--deep .at-btn--accent,
.at-band--ink .at-btn--accent{
	background:var(--at-accent);
	color:var(--at-on-accent);
}
/* Any bare link inside a dark band */
.at-band--primary a:not(.at-btn),
.at-band--secondary a:not(.at-btn),
.at-band--deep a:not(.at-btn),
.at-band--ink a:not(.at-btn){color:var(--at-accent-soft)}
.at-band--primary a:not(.at-btn):hover,
.at-band--secondary a:not(.at-btn):hover,
.at-band--deep a:not(.at-btn):hover,
.at-band--ink a:not(.at-btn):hover{color:var(--at-on-dark)}

/* Builder canvas pages: theme gets out of the way */
.at-builder-canvas .at-main{padding:0}
.at-has-elementor .elementor-section-boxed > .elementor-container{max-width:var(--at-container)}

.at-main--canvas > *{max-width:none}
.at-main--canvas .wp-block-group.alignfull,
.at-main--canvas .wp-block-columns.alignfull{margin-left:0;margin-right:0;width:100%}

/* ==========================================================================
   14. VIDEO / FILTER PILLS / PRODUCT CARDS
   ========================================================================== */
.at-video{max-width:960px;margin:0 auto;border-radius:var(--at-radius);overflow:hidden;box-shadow:0 22px 50px -28px rgba(0,0,0,.5);background:#000}
.at-video__player{width:100%;height:auto;display:block}
.at-video__frame{position:relative;padding-bottom:56.25%;height:0}
.at-video__frame iframe,
.at-video__frame embed,
.at-video__frame object{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

.at-pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}
.at-pill{
	padding:9px 20px;border-radius:var(--at-radius-pill);
	border:1.5px solid var(--at-line);background:var(--at-card-bg);
	font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--at-ink);transition:.2s;
}
.at-pill:hover{border-color:var(--at-ink);color:var(--at-ink)}
.at-pill.is-active{background:var(--at-primary);color:#fff;border-color:var(--at-primary)}

.at-price{font-weight:700;font-size:16px;color:var(--at-ink);margin-top:2px}
.at-price del{color:var(--at-faint);font-weight:500;font-size:14px;margin-left:6px}
.at-price ins{text-decoration:none}
.at-card--product .at-btn{margin-top:14px}
.at-card--product .added_to_cart{
	display:block;text-align:center;margin-top:8px;font-size:13px;color:var(--at-primary);
}

.at-merge__a{color:var(--at-accent-soft)}
.at-merge__b{color:var(--at-on-dark)}
.at-band--deep .at-merge__result .at-brand__a{color:var(--at-accent-soft)}
.at-band--deep .at-merge__result .at-brand__b{color:var(--at-on-dark)}