
:root{--bg:#FCFBF8;--ink:#302B25;--gold:#B89A5A
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Georgia,'Times New Roman',serif}
a{color:inherit;text-decoration:none}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 5vw;border-bottom:1px solid #e9e2d5;background:#fffdfb}
.brand{font-size:1.35rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.site-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 24px;font:13px Arial,sans-serif;letter-spacing:.04em}
.site-header nav a:hover{color:var(--gold)}
.hero{min-height:62vh;display:grid;place-items:center;text-align:center;padding:60px 24px;background-image:linear-gradient(#fff9,#fff9),url('//luxorbijoux.com/cdn/shop/t/4/assets/arum-hero.png?v=44479195151741952681792790088');background-size:cover;background-position:center}
.hero-copy{max-width:600px}
.eyebrow{font:11px Arial,sans-serif;letter-spacing:.25em;color:var(--gold)}
h1{font-size:clamp(2.2rem,5vw,4.3rem);font-weight:400;line-height:1.1;margin:.35em 0}
.hero-copy>p:not(.eyebrow){font-size:1.05rem}
.hero-link,button{display:inline-block;margin-top:18px;border:1px solid var(--gold);background:transparent;color:var(--ink);padding:13px 22px;font:12px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.featured,.collection-page,.page-content,.cart-page{padding:54px 5vw}
h2{text-align:center;font-weight:400;font-size:2rem}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.product-card{display:flex;flex-direction:column;gap:8px;font:14px Arial,sans-serif}
.product-card span:last-child{color:#7c6b4c}
/* Marco ventana en arco */
.arch-frame{position:relative;display:block;width:100%;aspect-ratio:4/5;background:var(--bg);border:1px solid var(--gold);border-radius:50% 50% 0 0/40% 40% 0 0;overflow:hidden}
.arch-frame::after{content:"";position:absolute;inset:7px;border:1px solid rgba(184,154,90,.4);border-radius:50% 50% 0 0/40% 40% 0 0;pointer-events:none}
.arch-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:20% 12% 10%;background:transparent;transition:transform .5s ease}
.product-card:hover .arch-frame img{transform:scale(1.04)}
.product-page{display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;padding:50px 6vw}
.product-media .arch-frame{max-width:560px;margin:0 auto}
.product-info{align-self:start;position:sticky;top:30px}
.product-info h1{font-size:2.5rem}
.price{font:1.1rem Arial,sans-serif}
select,input{padding:10px;border:1px solid #d8d0c4;background:white;max-width:100%}
.description{line-height:1.7}
.site-footer{text-align:center;padding:28px;border-top:1px solid #e9e2d5;font:12px Arial,sans-serif}
.cart-row{display:flex;gap:20px;align-items:center;padding:15px 0;border-bottom:1px solid #e9e2d5}
@media(max-width:700px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-page{grid-template-columns:1fr;padding:25px 5vw}.product-info{position:static}.hero{min-height:48vh}.site-header{flex-direction:column;align-items:flex-start;padding:16px 4vw;gap:12px}.site-header nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;width:100%;gap:18px;font-size:12px;white-space:nowrap;padding-bottom:4px}.brand{font-size:1rem}.arch-frame::after{inset:4px}}
