/*
Theme Name: MDFKR
Theme URI: https://mdfkr.store
Author: MDFKR
Author URI: https://mdfkr.store
Description: Underground-luxury, typography-first WooCommerce theme for a premium oversized streetwear label. Monochrome, editorial, dark-mode only — a Japanese-museum aesthetic that happens to sell clothing. Vanilla JS, CSS variables, Gutenberg + theme.json.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mdfkr
Tags: e-commerce, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, translation-ready, block-styles, editor-style, threaded-comments
*/

/* =========================================================
   1. Tokens
   ========================================================= */
:root{
	--bg:#000000;
	--text:#ffffff;
	--muted:#a9a9a9;              /* overridden inline by Customizer */
	--accent:#5b3fd4;            /* overridden inline by Customizer */
	--accent-soft:#9b8af0;       /* fallback */
	--accent-soft:color-mix(in srgb, var(--accent) 58%, #ffffff);
	--accent-hover:#6f54e0;
	--accent-hover:color-mix(in srgb, var(--accent) 82%, #ffffff);
	--line:rgba(255,255,255,.12);
	--line-strong:rgba(255,255,255,.24);
	--panel:#0a0a0a;
	--panel-2:#0f0f0f;

	--font-display:'Space Grotesk', system-ui, -apple-system, sans-serif;
	--font-body:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-deva:'Noto Sans Devanagari', 'Nirmala UI', 'Kohinoor Devanagari', sans-serif;

	--container:1360px;          /* overridden inline by Customizer */
	--type-scale:1;
	--pad:clamp(20px, 5vw, 64px);
	--section-y:clamp(76px, 12vw, 176px);
	--header-h:72px;
	--ease:cubic-bezier(.22,.61,.36,1);
}

/* =========================================================
   2. Base
   ========================================================= */
*,*::before,*::after{box-sizing:border-box;}
html{
	scroll-behavior:smooth;
	-webkit-text-size-adjust:100%;
	font-size:calc(100% * var(--type-scale, 1));
	color-scheme:dark;
}
body{
	margin:0;
	background:var(--bg);
	color:var(--text);
	font-family:var(--font-body);
	font-weight:400;
	line-height:1.6;
	letter-spacing:.01em;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);font-weight:500;letter-spacing:-.02em;line-height:1.06;}
p{margin:0 0 1.2em;}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;}
input,textarea,select{font:inherit;color:inherit;}
ul,ol{margin:0;}
:where(.deva){font-family:var(--font-deva);}
.muted{color:var(--muted);}

:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{
	outline:2px solid var(--accent-soft);
	outline-offset:3px;
}

.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{
	position:fixed;top:-100px;left:8px;z-index:300;
	background:var(--accent);color:#fff;padding:.8rem 1.2rem;
	font-family:var(--font-display);letter-spacing:.1em;transition:top .2s var(--ease);
}
.skip-link:focus{top:8px;}
.no-scroll{overflow:hidden;}

/* =========================================================
   3. Layout primitives
   ========================================================= */
.container{
	width:100%;
	max-width:var(--container);
	margin-inline:auto;
	padding-inline:var(--pad);
}
.container--narrow{max-width:760px;}
.section{padding-block:var(--section-y);}
:where(section,footer,main)[id]{scroll-margin-top:calc(var(--header-h) + 12px);}

.section__head{
	display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
	padding-bottom:1.4rem;border-bottom:1px solid var(--line);
	margin-bottom:clamp(2.4rem, 5vw, 4.5rem);
}
.section__label{font-size:clamp(1.5rem, 4vw, 2.4rem);text-transform:uppercase;}
.section__index{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);white-space:nowrap;}

/* =========================================================
   4. Header
   ========================================================= */
.header{
	position:fixed;inset:0 0 auto 0;z-index:100;
	border-bottom:1px solid transparent;
	transition:background .4s var(--ease), border-color .4s var(--ease);
}
.header.is-scrolled{
	background:rgba(0,0,0,.7);
	-webkit-backdrop-filter:blur(16px);
	backdrop-filter:blur(16px);
	border-bottom-color:var(--line);
}
.header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);}
.header__left{display:flex;align-items:center;}
.brand{font-family:var(--font-display);font-weight:700;font-size:1.2rem;letter-spacing:.04em;display:inline-flex;}
.brand__dot{color:var(--accent-soft);}
.custom-logo{max-height:34px;width:auto;}

.nav{position:absolute;left:50%;transform:translateX(-50%);}
.nav__list{display:flex;gap:clamp(1.6rem,3vw,2.6rem);list-style:none;padding:0;margin:0;}
.nav__list a{font-family:var(--font-display);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);transition:color .3s var(--ease);}
.nav__list a:hover,.nav__list .current-menu-item > a{color:var(--text);}

.header__actions{display:flex;align-items:center;gap:1.3rem;}
.icon-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);transition:color .3s var(--ease);position:relative;}
.icon-btn svg{display:block;}
.icon-btn:hover{color:var(--text);}
.icon-btn__t{display:none;}
.icon-btn--cart .cart-count{font-family:var(--font-body);font-size:.7rem;color:var(--accent-soft);letter-spacing:0;}

/* hamburger */
.menu-toggle{display:none;width:40px;height:40px;position:relative;}
.menu-toggle span{position:absolute;left:9px;right:9px;height:1.5px;background:var(--text);transition:transform .3s var(--ease),opacity .3s var(--ease);}
.menu-toggle span:nth-child(1){top:16px;}
.menu-toggle span:nth-child(2){bottom:16px;}
.menu-toggle.is-active span:nth-child(1){transform:translateY(5px) rotate(45deg);}
.menu-toggle.is-active span:nth-child(2){transform:translateY(-5px) rotate(-45deg);}

/* mobile fullscreen menu */
.mobile-nav{position:fixed;inset:var(--header-h) 0 0 0;z-index:90;background:#000;padding:clamp(28px,8vw,52px) var(--pad);display:flex;flex-direction:column;justify-content:space-between;opacity:0;transition:opacity .32s var(--ease);}
.mobile-nav.is-open{opacity:1;}
.mobile-nav__list{list-style:none;padding:0;margin:0;}
.mobile-nav__list a{font-family:var(--font-display);font-weight:500;font-size:clamp(2rem,9vw,2.8rem);text-transform:uppercase;letter-spacing:-.01em;display:block;padding:.5rem 0;border-bottom:1px solid var(--line);transition:color .3s;}
.mobile-nav__list a:hover{color:var(--accent-soft);}
.mobile-nav__foot{display:flex;justify-content:space-between;color:var(--muted);font-family:var(--font-display);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;}
.mobile-nav__foot a{color:var(--muted);}
.mobile-nav__foot a:hover{color:var(--text);}

/* search overlay */
.search-overlay{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .3s var(--ease);}
.search-overlay.is-open{opacity:1;}
.search-overlay__inner{padding-top:clamp(80px,16vh,180px);position:relative;}
.search-overlay__close{position:absolute;top:24px;right:var(--pad);color:var(--muted);transition:color .3s;}
.search-overlay__close:hover{color:var(--text);}
.search-overlay__form{border-bottom:1px solid var(--line-strong);}
.search-overlay__input{width:100%;background:transparent;border:0;color:var(--text);font-family:var(--font-display);font-size:clamp(1.8rem,6vw,4rem);letter-spacing:-.02em;padding:.4em 0;}
.search-overlay__input::placeholder{color:var(--muted);}
.search-overlay__results{margin-top:2rem;display:grid;gap:.2rem;max-height:50vh;overflow:auto;}
.search-result{display:flex;align-items:center;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line);color:var(--text);}
.search-result:hover{color:var(--accent-soft);}
.search-result img{width:48px;height:60px;object-fit:cover;background:var(--panel);}
.search-result__name{font-family:var(--font-display);letter-spacing:.01em;}
.search-result__price{margin-left:auto;color:var(--muted);font-size:.9rem;}
.search-state{color:var(--muted);font-size:.9rem;letter-spacing:.04em;padding:.6rem 0;}

/* =========================================================
   5. Buttons & forms
   ========================================================= */
.btn,
.wp-block-button__link,
button.single_add_to_cart_button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
	display:inline-flex;align-items:center;justify-content:center;
	font-family:var(--font-display);font-weight:500;font-size:.8rem;
	letter-spacing:.16em;text-transform:uppercase;
	padding:1.05rem 2.2rem;border:1px solid transparent;border-radius:0;
	background:var(--accent);color:#fff;
	transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease);
}
.btn--primary:hover,
.wp-block-button__link:hover,
button.single_add_to_cart_button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{background:var(--accent-hover);transform:translateY(-2px);color:#fff;}
.btn--ghost{background:transparent;border-color:var(--line-strong);color:var(--text);}
.btn--ghost:hover{background:var(--text);color:#000;border-color:var(--text);transform:translateY(-2px);}

input[type="text"],input[type="email"],input[type="search"],input[type="tel"],
input[type="password"],input[type="number"],input[type="url"],textarea,select{
	background:transparent;border:1px solid var(--line-strong);color:var(--text);
	padding:.9rem 1rem;border-radius:0;width:100%;transition:border-color .3s var(--ease);
}
input::placeholder,textarea::placeholder{color:var(--muted);}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-soft);}

/* =========================================================
   6. Hero
   ========================================================= */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:var(--header-h);background:radial-gradient(120% 90% at 50% 40%, #0c0c0c 0%, #000 62%);}
.hero__inner{text-align:center;}
.eyebrow{font-family:var(--font-display);font-size:.8rem;font-weight:500;letter-spacing:.44em;text-transform:uppercase;color:var(--accent-soft);margin:0 0 clamp(1.4rem,3vw,2.4rem);}
.hero__title{font-size:clamp(3.2rem,14vw,10.5rem);line-height:.9;letter-spacing:-.025em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;}
.hero__title span{display:block;}
.hero__sub{color:var(--muted);margin:clamp(1.4rem,3vw,2rem) 0 0;font-size:clamp(.95rem,1.5vw,1.1rem);letter-spacing:.08em;}
.hero__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:clamp(2rem,4vw,2.8rem);}
.hero__note{color:var(--muted);margin-top:clamp(1.6rem,3vw,2.2rem);font-family:var(--font-display);font-size:.74rem;letter-spacing:.34em;text-transform:uppercase;}
.hero__scroll{position:absolute;bottom:1.8rem;left:50%;transform:translateX(-50%);font-family:var(--font-display);font-size:.64rem;letter-spacing:.34em;text-transform:uppercase;color:var(--muted);}
.hero__scroll::before{content:"";display:block;width:1px;height:34px;margin:0 auto .8rem;background:linear-gradient(var(--muted),transparent);}

/* =========================================================
   7. Product grid / cards
   ========================================================= */
.product-grid,
.woocommerce ul.products{
	display:grid;grid-template-columns:1fr;list-style:none;padding:0;margin:0;
	gap:clamp(2rem,4vw,2.8rem) clamp(1.2rem,2.4vw,1.8rem);
}
.card{position:relative;margin:0;}
.card__media{position:relative;aspect-ratio:4/5;overflow:hidden;display:grid;place-items:center;background:linear-gradient(155deg,var(--panel-2),#040404);}
.card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s var(--ease),transform .8s var(--ease);}
.card__img--back{opacity:0;}
.card:hover .card__img--front{opacity:0;}
.card:hover .card__img--back{opacity:1;transform:scale(1.04);}
.card:hover .card__img--front{transform:scale(1.04);}
.card__glyph{font-family:var(--font-display);font-weight:500;font-size:clamp(2.6rem,7vw,3.4rem);color:rgba(255,255,255,.9);transition:transform .8s var(--ease);}
.card__glyph.deva{font-weight:400;}
.card__glyph--sm{font-size:clamp(1.4rem,4vw,1.9rem);letter-spacing:.04em;}
.card:hover .card__glyph{transform:scale(1.06);}

.card__quick{position:absolute;left:0;right:0;bottom:0;padding:1rem;display:flex;justify-content:center;transform:translateY(120%);opacity:0;transition:transform .4s var(--ease),opacity .4s var(--ease);z-index:3;}
.card:hover .card__quick,.card:focus-within .card__quick{transform:none;opacity:1;}
.card__quick .button,.card__quick .added_to_cart{width:100%;font-size:.7rem;padding:.85rem 1rem;}
.mdfkr-wishlist{position:absolute;top:.8rem;right:.8rem;z-index:3;color:#fff;opacity:.7;transition:opacity .3s,color .3s,transform .3s;}
.mdfkr-wishlist:hover{opacity:1;transform:scale(1.1);}
.mdfkr-wishlist.is-saved{color:var(--accent-soft);opacity:1;}
.mdfkr-wishlist.is-saved svg{fill:currentColor;}

.card__meta{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-top:1.05rem;}
.card__name{font-family:var(--font-display);font-weight:500;font-size:1.02rem;letter-spacing:.01em;margin:0;}
.card__name.deva{font-weight:400;font-size:1.18rem;}
.card__title-link{position:static;}
.card__title-link::after{content:"";position:absolute;inset:0;z-index:1;}
.card:hover .card__name{color:var(--accent-soft);}
.card__price{color:var(--muted);font-size:.92rem;letter-spacing:.02em;white-space:nowrap;}
.card__price ins{text-decoration:none;color:var(--text);}
.card__price del{opacity:.5;margin-right:.4em;}

.mdfkr-sale{position:absolute;top:.8rem;left:.8rem;z-index:2;font-family:var(--font-display);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-soft);background:rgba(0,0,0,.4);padding:.3rem .6rem;}

/* =========================================================
   8. Philosophy
   ========================================================= */
.philosophy__title{font-size:clamp(2.8rem,13vw,9rem);line-height:.88;letter-spacing:-.03em;text-transform:uppercase;}
.philosophy__text{color:var(--muted);max-width:34ch;margin:clamp(2rem,5vw,3.5rem) 0 0 auto;font-size:clamp(1rem,1.5vw,1.18rem);}

/* =========================================================
   9. Newsletter
   ========================================================= */
.newsletter__inner{max-width:620px;margin-inline:auto;text-align:center;}
.newsletter__title{font-size:clamp(2.4rem,9vw,5.5rem);line-height:.92;letter-spacing:-.025em;text-transform:uppercase;}
.newsletter__sub{color:var(--muted);margin-top:1rem;letter-spacing:.06em;}
.newsletter__form{display:flex;gap:.75rem;margin-top:clamp(2rem,4vw,2.8rem);}
.newsletter__input{flex:1;border:0;border-bottom:1px solid var(--line-strong);padding:1rem .25rem;background:transparent;}
.newsletter__input:focus{border-bottom-color:var(--accent-soft);}
.newsletter__form .btn{flex:0 0 auto;}
.newsletter__msg{margin-top:1.2rem;font-size:.86rem;letter-spacing:.04em;min-height:1.2em;}
.newsletter__msg.is-ok{color:var(--accent-soft);}
.newsletter__msg.is-error{color:#ff6b6b;}

/* =========================================================
   10. Footer
   ========================================================= */
.footer{border-top:1px solid var(--line);padding-block:clamp(3.2rem,7vw,6rem) 2.4rem;}
.footer__top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:clamp(2.4rem,6vw,4rem);}
.footer__brand{display:flex;flex-direction:column;gap:.6rem;}
.footer__logo{font-family:var(--font-display);font-weight:700;font-size:clamp(2.8rem,14vw,9rem);line-height:.86;letter-spacing:-.035em;}
.footer__tag{color:var(--muted);letter-spacing:.06em;font-size:.92rem;}
.footer__links{display:flex;gap:clamp(2.4rem,6vw,5rem);}
.footer__h{font-family:var(--font-display);font-weight:500;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 1rem;}
.footer__menu{list-style:none;padding:0;margin:0;}
.footer__menu a{display:block;padding:.34rem 0;color:var(--text);font-size:.94rem;transition:color .3s var(--ease);}
.footer__menu a:hover{color:var(--accent-soft);}
.footer__bottom{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;margin-top:clamp(3rem,6vw,5rem);padding-top:1.6rem;border-top:1px solid var(--line);font-family:var(--font-display);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}

/* =========================================================
   11. Blog / pages / comments / 404
   ========================================================= */
.content-area{padding-block:calc(var(--header-h) + clamp(3rem,7vw,6rem)) var(--section-y);}
.page-head{margin-bottom:clamp(2.4rem,5vw,4rem);}
.page-title{font-size:clamp(2rem,6vw,4rem);text-transform:uppercase;letter-spacing:-.02em;}
.page-title span{color:var(--accent-soft);}
.archive-desc{color:var(--muted);margin-top:1rem;max-width:60ch;}

.post-list{display:grid;grid-template-columns:1fr;gap:clamp(2rem,4vw,3rem);}
.post-card{position:relative;}
.post-card__media{aspect-ratio:4/5;overflow:hidden;background:var(--panel);margin-bottom:1.2rem;}
.post-card__img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease);}
.post-card:hover .post-card__img{transform:scale(1.04);}
.post-card__meta{font-family:var(--font-display);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);}
.post-card__title{font-size:clamp(1.3rem,2.4vw,1.8rem);margin:.5rem 0 .6rem;}
.post-card__excerpt{color:var(--muted);max-width:60ch;}
.post-card__more{font-family:var(--font-display);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-soft);}

.entry-head{margin-bottom:clamp(2rem,4vw,3rem);}
.entry-title{font-size:clamp(2rem,6vw,4rem);text-transform:uppercase;letter-spacing:-.02em;}
.entry-meta{color:var(--muted);font-family:var(--font-display);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;margin-top:1rem;}
.entry-media{margin-bottom:clamp(2rem,4vw,3rem);}
.entry-content{font-size:1.05rem;}
.entry-content h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:2em 0 .6em;}
.entry-content h3{font-size:1.4rem;margin:1.6em 0 .5em;}
.entry-content a{color:var(--accent-soft);text-decoration:underline;text-underline-offset:3px;}
.entry-content blockquote{border-left:2px solid var(--accent);margin:2em 0;padding-left:1.4em;color:var(--muted);font-size:1.15rem;}
.entry-content img{margin:1.5em 0;}
.entry-content ul,.entry-content ol{margin:0 0 1.2em 1.4em;}
.entry-foot{margin-top:2.5rem;}
.entry-tags a{display:inline-block;margin-right:.6rem;color:var(--muted);font-size:.8rem;}
.post-navigation{margin-top:3rem;display:flex;justify-content:space-between;gap:1.5rem;border-top:1px solid var(--line);padding-top:1.6rem;}
.post-navigation .navlbl{display:block;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem;}

.comments-area{margin-top:clamp(3rem,6vw,5rem);border-top:1px solid var(--line);padding-top:clamp(2rem,4vw,3rem);}
.comments-title{font-size:1.4rem;margin-bottom:1.5rem;}
.comment-list{list-style:none;margin:0;padding:0;}
.comment-list ol{list-style:none;}
.comment-body{padding:1.2rem 0;border-bottom:1px solid var(--line);}
.comment-author{font-family:var(--font-display);font-size:.9rem;}
.comment-meta{color:var(--muted);font-size:.78rem;}
.comment-form{margin-top:2rem;display:grid;gap:1rem;}

.error-404{min-height:80svh;display:flex;align-items:center;text-align:center;}
.error-404__inner{margin-inline:auto;max-width:600px;}
.error-404__title{font-size:clamp(2.6rem,9vw,6rem);text-transform:uppercase;margin:.4rem 0;}
.error-404__text{color:var(--muted);margin-bottom:2rem;}

.no-results{padding:clamp(3rem,8vw,6rem) 0;max-width:520px;}
.no-results h2{font-size:clamp(1.8rem,5vw,3rem);text-transform:uppercase;}

/* widgets */
.widget{margin-bottom:2rem;}
.widget-title{font-family:var(--font-display);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem;}
.widget ul{list-style:none;padding:0;}
.widget a{color:var(--muted);}
.widget a:hover{color:var(--text);}

/* WP core blocks */
.alignwide{max-width:1100px;margin-inline:auto;}
.alignfull{max-width:none;}
.wp-block-details{border-top:1px solid var(--line);padding:1.2rem 0;}
.wp-block-details summary{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.01em;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;}
.wp-block-details summary::-webkit-details-marker{display:none;}
.wp-block-details summary::after{content:"+";color:var(--accent-soft);font-weight:300;font-size:1.4rem;transition:transform .3s var(--ease);}
.wp-block-details[open] summary::after{transform:rotate(45deg);}
.wp-block-details > *:not(summary){color:var(--muted);margin-top:1rem;}
.wp-block-pullquote,.wp-block-quote{border-left:2px solid var(--accent);padding-left:1.4em;color:var(--muted);}
.page-links{margin-top:2rem;font-family:var(--font-display);letter-spacing:.1em;}

/* pagination */
.pagination,.woocommerce-pagination{margin-top:clamp(3rem,6vw,5rem);}
.pagination .nav-links,.woocommerce-pagination ul{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;list-style:none;padding:0;margin:0;border:0;}
.pagination a,.pagination span,.woocommerce-pagination a,.woocommerce-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 .6rem;border:1px solid var(--line);font-family:var(--font-display);font-size:.8rem;color:var(--text);transition:border-color .3s,color .3s;}
.pagination a:hover,.woocommerce-pagination a:hover{border-color:var(--text);}
.pagination .current,.woocommerce-pagination .current{border-color:var(--accent);color:var(--accent-soft);}

/* =========================================================
   12. Responsive
   ========================================================= */
@media (min-width:560px){
	.product-grid,.woocommerce ul.products{grid-template-columns:repeat(2,1fr);}
	.post-list{grid-template-columns:repeat(2,1fr);}
}
@media (min-width:1000px){
	.product-grid,.woocommerce ul.products{grid-template-columns:repeat(4,1fr);}
	.post-list{grid-template-columns:repeat(3,1fr);}
	.icon-btn__t{display:inline;}
}
@media (max-width:880px){
	.nav{display:none;}
	.header__actions .icon-btn{display:none;}
	.menu-toggle{display:inline-flex;}
}

/* =========================================================
   13. Motion
   ========================================================= */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--d,0) * 90ms);will-change:opacity,transform;}
.reveal.is-in{opacity:1;transform:none;}

@media (prefers-reduced-motion: reduce){
	html{scroll-behavior:auto;}
	*,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important;}
	.reveal{opacity:1;transform:none;}
}