/*
Theme Name: ARTHYA Jewels
Theme URI: https://arthyajewels.com
Author: ARTHYA Jewels
Description: Custom theme for ARTHYA Jewels: collections, bespoke and private client enquiries, with WooCommerce accounts.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: arthya
*/
a{color:inherit;text-decoration:none}a:hover{opacity:.7}
.n{font:400 11px Jost,sans-serif;letter-spacing:.26em;text-transform:uppercase}
.k{font:400 11px Jost,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#7A5C36}
.h{font:300 54px/1.08 "Cormorant Garamond",serif;letter-spacing:.02em;margin:0}
.p{font:300 17px/1.8 Jost,sans-serif;margin:0}
.s{padding:128px 56px;box-sizing:border-box}
.w{max-width:1280px;margin:0 auto}
.im{background:linear-gradient(165deg,#D8CBB6,#B9A07A);display:flex;align-items:flex-end;padding:20px;box-sizing:border-box;font:300 11px Jost,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#4F463E}
.dk{background:#14110F;color:#F4EFE7}
.dk .k{color:#C9AE82}
.b{display:inline-block;border:1px solid currentColor;padding:15px 34px;min-height:44px;box-sizing:border-box}
.lb::-webkit-scrollbar{display:none}
@keyframes lbfocus{0%,100%{filter:blur(7px);transform:scale(.9);opacity:.55}50%{filter:blur(0);transform:scale(1);opacity:1}}
@supports (animation-timeline:view()){.lp{animation:lbfocus linear both;animation-timeline:view(inline)}}
@keyframes rv{from{opacity:0;transform:translateY(56px)}to{opacity:1;transform:none}}
@keyframes rvi{from{transform:scale(1.14)}to{transform:scale(1)}}
.rv .im{overflow:hidden}
@supports (animation-timeline:view()){.rv{animation:rv cubic-bezier(.2,.7,.2,1) both;animation-timeline:view();animation-range:entry 0% entry 55%}
.rv .im{animation:rvi linear both;animation-timeline:view();animation-range:entry 0% entry 100%}}
@media (prefers-reduced-motion:reduce){.rv,.rv .im{animation:none!important}}
@keyframes lbspread{from{transform:translateX(var(--t))}to{transform:none}}
@supports (animation-timeline:view()){#lbs{view-timeline:--lb block}
.lp2{animation:lbspread cubic-bezier(.3,.6,.2,1) both;animation-timeline:--lb;animation-range:cover 28% cover 58%}}
@media (prefers-reduced-motion:reduce){.lp2{animation:none!important}}
.f label{display:block;font:400 15px Jost,sans-serif;color:#6B6258;margin-top:26px}.f input,.f select,.f textarea{display:block;width:100%;box-sizing:border-box;border:0;border-bottom:1px solid #14110F;background:transparent;padding:12px 0;font:300 19px Jost,sans-serif;color:#14110F;outline:none;border-radius:0}.f textarea{resize:none;height:72px}.bt{display:block;width:100%;box-sizing:border-box;text-align:center;border:1px solid #14110F;padding:18px;font:400 13px Jost,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#14110F;background:transparent}.dt summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:26px 0;font:400 26px "Cormorant Garamond",serif}.dt summary::-webkit-details-marker{display:none}.dt summary::after{content:"+";font:300 30px Jost,sans-serif}.dt[open] summary::after{content:"\2212"}.dt{border-bottom:1px solid #D5CCBC}.dt p{margin:0 0 26px}
.f textarea{resize:none;height:72px}
.dr summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:28px 0}
.dr summary::-webkit-details-marker{display:none}
.dr summary span{font:400 20px Jost,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.dr summary::after{content:"+";font:300 30px Jost,sans-serif}
.dr[open] summary::after{content:"\2212"}
.dr[open] summary span{border-bottom:1px solid #14110F}
.dr{border-bottom:1px solid #E1D9CB;padding:0 40px}
.dr .ls a,.pl a{display:block;font:400 17px Jost,sans-serif;color:#14110F;padding:13px 0}
.dr .ls{padding-bottom:28px}
.wm{margin-right:0!important;line-height:0}.lg{width:auto;display:block;margin:0 auto}.nav .lg{filter:invert(1)}.nav[style*="position:static"] .lg{filter:none}
.bt{display:block;box-sizing:border-box;text-align:center;border:1px solid #14110F;padding:18px;font:400 13px Jost,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#14110F;background:transparent}
.hero{background:linear-gradient(rgba(20,17,15,.5),rgba(20,17,15,.4)),url(assets/img/heritage.jpg) center 62%/cover no-repeat!important}

/* ---------- header ---------- */
html{scroll-behavior:smooth}
*{box-sizing:border-box}
img{max-width:100%}
.site-header{position:absolute;top:0;left:0;right:0;z-index:60;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:30px 56px;gap:24px;color:#14110F;transition:transform .35s ease,background .25s ease}
body.header-light .site-header{color:#F4EFE7}
.site-header a{color:inherit}
.site-header .menu-btn{display:flex;align-items:center;gap:16px;font:400 18px Jost,sans-serif;background:none;border:0;color:inherit;cursor:pointer;padding:0;justify-self:start}
.site-header .logo{line-height:0;justify-self:center}
.site-header .logo img{height:58px;width:auto;display:block}
body.header-light .site-header .logo img{filter:invert(1)}
.site-header .icons{display:flex;gap:28px;justify-content:flex-end}
.site-header.is-solid{position:fixed;background:#fff;color:#14110F;box-shadow:0 1px 0 #E6E0D6;padding-top:18px;padding-bottom:18px}
.site-header.is-solid .logo img{filter:none!important;height:44px}
.site-header.is-hidden{transform:translateY(-110%)}
.site-main{display:block}
body:not(.header-light) .site-main{padding-top:118px}
/* ---------- drawer ---------- */
.drawer-overlay{position:fixed;inset:0;background:rgba(20,17,15,.45);z-index:90;opacity:0;visibility:hidden;transition:opacity .3s}
.drawer{position:fixed;top:0;left:0;bottom:0;width:460px;max-width:92vw;background:#fff;z-index:100;overflow:auto;transform:translateX(-102%);transition:transform .4s cubic-bezier(.2,.7,.2,1);color:#14110F}
body.menu-open .drawer{transform:none}
body.menu-open .drawer-overlay{opacity:1;visibility:visible}
body.menu-open{overflow:hidden}
.drawer .pl a{display:block}
.drawer .ls a{display:block;font:400 18px Jost,sans-serif;padding:9px 0}
.drawer .pl a.n{font-size:15px;padding:16px 0}
.drawer .close{display:flex;align-items:center;gap:16px;padding:36px 40px 20px;font:400 18px Jost,sans-serif;background:none;border:0;cursor:pointer;color:#14110F}
/* ---------- footer ---------- */
.site-footer a:hover{opacity:.7}
/* ---------- forms / buttons ---------- */
button.bt,button.b,form button[type=submit]{-webkit-appearance:none;appearance:none;cursor:pointer;background:transparent;color:#14110F;border:1px solid #14110F;border-radius:0;font:400 12px Jost,sans-serif;letter-spacing:.3em;text-transform:uppercase;opacity:1;visibility:visible;display:inline-block;padding:15px 34px;min-height:48px}
button.b:hover{background:#14110F;color:#F4EFE7}
button.bt{width:100%}
form input[name=website]{position:absolute;left:-9999px}
.f input::placeholder,.f textarea::placeholder{color:#8A8176}
.notice{padding:14px 16px;margin:16px 0;font:400 15px Jost,sans-serif;background:#F2F1EE}
.woocommerce-error,.woocommerce-message,.woocommerce-info{list-style:none;margin:16px 0;padding:14px 16px;background:#F2F1EE;font:400 15px Jost,sans-serif}
.woocommerce-error{background:#f6e7e2;color:#8F4A33}
/* ---------- catalogue ---------- */
.pgrid{display:grid;grid-template-columns:repeat(4,1fr)}
.pcard{position:relative;height:560px;background:#EAE8E4;display:flex;flex-direction:column;justify-content:space-between;padding:28px;box-sizing:border-box}
.pcard .pimg{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:16px 0}
.pcard .pimg img{max-height:100%;max-width:100%;object-fit:contain}
.pcard .pimg span{font:300 11px Jost,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#6B6258}
.heart{position:absolute;top:22px;right:22px;background:none;border:0;cursor:pointer;padding:6px;z-index:2;color:#14110F}
.heart svg{fill:none}.heart.on svg{fill:#14110F}
.chips{display:flex;justify-content:center;gap:80px;padding:56px 56px 88px;flex-wrap:wrap}
.chips a{text-align:center}
.chips .c{width:176px;height:176px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto;overflow:hidden;font:300 11px Jost,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#6B6258}
.chips .c img{width:100%;height:100%;object-fit:cover}
.chips a.cur .c{outline:1px solid #14110F;outline-offset:6px}
.chips p{font:400 19px Jost,sans-serif;margin:18px 0 0}
.chips a.cur p{border-bottom:1px solid #14110F;display:inline-block}
/* ---------- panels (log in, sign up, enquiry) ---------- */
.auth #register-panel{display:none}
.auth.is-register #register-panel{display:block}
.auth.is-register #login-panel{display:none}
.panel-page .woocommerce-error{margin-top:20px}
/* ---------- account ---------- */
.acct-tabs{display:flex;gap:28px;padding:0 56px 24px;font:400 13px Jost,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.acct-tabs a.cur{border-bottom:1px solid #14110F}
.acct-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;border-top:1px solid #D5CCBC;padding:22px 0}
.woocommerce-EditAccountForm,.woocommerce-form-row{max-width:640px}
.woocommerce-EditAccountForm label{display:block;font:400 15px Jost,sans-serif;color:#6B6258;margin-top:26px}
.woocommerce-EditAccountForm input{display:block;width:100%;border:0;border-bottom:1px solid #14110F;background:transparent;padding:12px 0;font:300 19px Jost,sans-serif;outline:none;border-radius:0}
.woocommerce-EditAccountForm button{margin-top:32px;border:1px solid #14110F;background:transparent;padding:16px 34px;font:400 13px Jost,sans-serif;letter-spacing:.3em;text-transform:uppercase;cursor:pointer}
.generic-page{max-width:860px;margin:0 auto;padding:72px 56px 120px;font:300 17px/1.8 Jost,sans-serif}
.generic-page h1{font:300 64px/1.1 "Cormorant Garamond",serif;margin:0 0 32px}
/* ---------- responsive ---------- */
@media (max-width:900px){
.site-header{padding:18px 20px;gap:10px}
.site-header .menu-btn{font-size:0;gap:0}.site-header .logo img{height:34px}.site-header .icons{gap:18px}
body:not(.header-light) .site-main{padding-top:78px}
.s{padding:64px 20px!important}
[style*="grid-template-columns"]{grid-template-columns:1fr!important}
[style*="padding:0 56px"],[style*="padding:56px 56px"],[style*="padding:72px 56px"],[style*="padding:40px 56px"],[style*="padding:120px 56px"]{padding-left:20px!important;padding-right:20px!important}
.h{overflow-wrap:anywhere}
h1.h{font-size:clamp(34px,10vw,56px)!important}
h2.h{font-size:clamp(28px,7.5vw,42px)!important}
section[style*="height:920px"],section[style*="height:640px"],section[style*="height:720px"],section.hero{height:auto!important;min-height:560px;padding:120px 20px 56px!important}
.im[style*="width:"]{max-width:100%}
#lbs{width:100%!important;height:auto!important}
#lbs>div{position:static!important;height:auto!important;overflow-x:auto!important;padding:40px 0!important}
#lbs .lp2{animation:none!important;transform:none!important}
#lbs>div>div:first-child{padding:0 20px!important}
.pgrid{grid-template-columns:1fr 1fr}
.pcard{height:340px;padding:14px}
.pcard .pimg{padding:6px 0}
.chips{gap:24px;padding:32px 20px 48px}
.chips .c{width:96px;height:96px}
.chips p{font-size:15px}
.panel-page>div:last-child,[style*="width:520px"]{width:100%!important;padding:32px 20px!important}
.generic-page{padding:40px 20px 80px}.generic-page h1{font-size:40px}
.acct-tabs{padding:0 20px 20px;flex-wrap:wrap}
.acct-row{grid-template-columns:1fr}
.site-footer>div:first-child{grid-template-columns:1fr!important;gap:36px!important;padding:40px 20px!important}
.site-footer>div:nth-child(2){padding:0 20px 28px!important}
.site-footer .im{height:300px!important}
.dt summary,.dr summary{font-size:inherit}
}
.lg{width:auto;display:block;margin:0 auto}.wm{line-height:0}
/* ---------- piece page ---------- */
.pdp{display:flex}
.pdp-media{width:50%;background:#F2F1EE;position:relative;min-height:900px;padding:40px 56px 56px}
.pdp-crumb{font:400 19px Jost,sans-serif;margin-bottom:24px}
.pdp-media .heart{top:30px;right:56px}
.pdp-img{display:flex;align-items:center;justify-content:center;background:#E7E4DE;min-height:680px}
.pdp-img img{max-width:100%;max-height:760px;object-fit:contain}
.pdp-info{width:50%;background:#fff;display:flex;align-items:center;justify-content:center;padding:56px 0}
.pdp-box{width:540px;max-width:80%}
.pdp-link{display:block;margin-top:28px;font:400 19px Jost,sans-serif;color:#14110F;border-bottom:1px solid #14110F;padding-bottom:3px;width:max-content}
@media (max-width:900px){.pdp{flex-direction:column}.pdp-media,.pdp-info{width:100%}.pdp-media{min-height:0;padding:24px 20px}.pdp-media .heart{right:20px}.pdp-img{min-height:360px}.pdp-box h1{font-size:40px!important}}
@media (max-width:900px){html,body{overflow-x:hidden}}

@media (max-width:900px){button.b,button.bt{display:block;width:100%;background:#14110F!important;color:#F4EFE7!important;text-align:center}}

/* login / register slide-over: full viewport, panel on the right */
.generic-page.is-auth{max-width:none!important;padding:0!important;margin:0!important;width:auto!important}
.auth #login-panel,.auth #register-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;overflow-y:auto;-webkit-overflow-scrolling:touch}
.auth.is-register #register-panel,.auth #login-panel{display:block}
.auth.is-register #login-panel{display:none}