*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111;background:#fff;overflow-x:hidden}body.cart-open{overflow:hidden}a{text-decoration:none;color:inherit}button{font-family:inherit}.offer-marquee{background:#050505;color:white;height:34px;overflow:hidden;display:flex;align-items:center;font-size:13px;white-space:nowrap}.offer-marquee div{display:flex;gap:90px;animation:marquee 28s linear infinite}.offer-marquee span{opacity:.9}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-45%)}}.pal-header{background:#fff;position:sticky;top:0;z-index:40;border-bottom:1px solid #eee}
.header-row{
padding:10px 5%;
}
.pal-brand{
font-size:22px !important;
letter-spacing:5px !important;
white-space:nowrap !important;
}
.header-search{justify-self:center;width:min(620px,100%)}
.pincode{font-size:15px;color:#9b8d80;margin:0 0 10px}
.header-search label{display:flex;background:#f1eee7;height:58px;align-items:center}
.header-search input{flex:1;border:0;background:transparent;padding:0 18px;font-size:16px;outline:0}
.header-search button{width:62px;height:58px;border:0;background:transparent;font-size:36px;
cursor:pointer;line-height:1}
.header-icons{display:flex;justify-content:flex-end;gap:20px}
.header-icons button{position:relative;border:0;background:white;font-size:25px;cursor:pointer}
.header-icons span{position:absolute;right:-9px;top:-9px;background:#000;color:white;border-radius:50%;
font-size:11px;width:20px;height:20px;display:grid;place-items:center}
.mobile-menu{display:none;border:0;background:white;font-size:26px}
.pal-nav{display:flex;align-items:end;justify-content:center;
gap:28px;padding:0 5% 18px;font-size:17px;
white-space:nowrap;overflow-x:auto}
.pal-nav a{position:relative}.pal-nav em{position:absolute;
top:-19px;left:50%;transform:translateX(-50%);
font-style:normal;background:#efc400;color:white;border-radius:9px;padding:2px 9px;
font-size:12px;font-weight:800}
.pal-nav a:nth-child(7) em{background:#781238}.mobile-nav{display:none}
.hero-slider{height:560px;background:linear-gradient(90deg,rgba(0,48,63,.45),rgba(0,56,72,.35)),url("https://images.unsplash.com/photo-1602751584552-8ba73aad10e1?auto=format&fit=crop&w=1800&q=85") center/cover;position:relative;display:flex;align-items:center;justify-content:center;text-align:left;color:white}.hero-text{width:min(760px,85%);transform:translateX(-16%)}.hero-text p{letter-spacing:12px;font-size:28px;margin:0 0 24px}.hero-text h1{font-family:Georgia,serif;font-size:86px;font-style:italic;line-height:.86;margin:0 0 16px;font-weight:400}.hero-text span{display:block;font-size:52px;font-weight:800;margin-bottom:28px}.hero-text a{font-size:17px;text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid white;padding-bottom:6px}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:white;font-size:36px;cursor:pointer}.slider-arrow.left{left:18px}.slider-arrow.right{right:18px}.circle-categories{padding:42px 5% 30px;text-align:center}.circle-categories h2,.top-styles h2,.recipient-section h2{font-weight:400;font-size:27px;letter-spacing:1px;margin:0 0 34px}.circle-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:26px}.circle-grid button{border:0;background:white;cursor:pointer}.circle-grid img{width:100%;aspect-ratio:1/1;border-radius:50%;object-fit:cover;background:#f4ead9;transition:.3s}.circle-grid button:hover img{transform:translateY(-6px);box-shadow:0 18px 35px rgba(0,0,0,.14)}.circle-grid span{display:block;margin-top:14px;font-size:19px}.top-styles{text-align:center;padding:24px 5% 30px}.style-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.style-tabs button{background:white;border:1px solid #111;padding:14px 24px;font-size:15px;cursor:pointer}.style-tabs button:first-child,.style-tabs button:hover{background:#000;color:white}.pal-product-section{padding:34px 5% 42px;scroll-margin-top:150px}.pal-product-section.light-bg{background:#fbfaf7}.anchor-fix{position:relative;top:-150px}.pal-section-head{display:flex;justify-content:space-between;align-items:center;margin:0 auto 22px;max-width:1440px}.pal-section-head h2{font-weight:400;font-size:27px;letter-spacing:2px;margin:0}.pal-section-head button{border:1px solid #111;background:white;padding:12px 24px;cursor:pointer}.pal-section-head button:hover{background:#111;color:white}.pal-product-grid{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card-pal{background:#fff;border:1px solid #eee;transition:.25s}.product-card-pal:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(0,0,0,.12)}.product-img-pal{position:relative;overflow:hidden;background:#f4f1ec}.product-img-pal img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;transition:.4s}.product-card-pal:hover img{transform:scale(1.06)}.quick-add{position:absolute;left:18px;right:18px;bottom:-55px;height:44px;background:#111;color:white;border:0;text-transform:uppercase;font-weight:700;transition:.25s;cursor:pointer}.product-card-pal:hover .quick-add{bottom:18px}.product-body-pal{padding:14px;text-align:left}.product-body-pal h3{font-size:16px;font-weight:500;margin:0 0 8px;min-height:38px}.product-body-pal p{font-size:12px;color:#777;margin:0 0 10px}.price-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:13px}.price-row span{text-decoration:line-through;color:#888}.price-row b{font-size:17px}.price-row em{font-style:normal;color:#088241;font-size:12px}.product-body-pal>button{width:100%;height:42px;background:#000;color:white;border:0;text-transform:uppercase;cursor:pointer}.gift-banner{height:520px;background:linear-gradient(90deg,rgba(48,32,15,.12),rgba(48,32,15,.35)),url("https://images.unsplash.com/photo-1599643478518-a784e5dc4c8f?auto=format&fit=crop&w=1800&q=85") center/cover;display:flex;align-items:center;justify-content:flex-end;padding:0 10%;color:white;text-align:center}.gift-banner h2{font-size:34px;font-weight:400;margin:0 0 12px;text-transform:uppercase}.gift-banner h3{font-size:54px;margin:0 0 48px;text-transform:uppercase}.gift-banner a,.gold-offer a{color:white;text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid currentColor;padding-bottom:7px}.recipient-section{padding:54px 7%;text-align:center}.recipient-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1280px;margin:auto}.recipient-grid a{position:relative;border-radius:8px;overflow:hidden;display:block;background:#eee}.recipient-grid img{width:100%;height:470px;object-fit:cover;display:block;transition:.35s}.recipient-grid a:hover img{transform:scale(1.04)}.recipient-grid span{position:absolute;left:30px;bottom:25px;color:white;font-size:35px;text-transform:uppercase;font-weight:700;text-shadow:0 4px 20px #000}.gold-offer{height:520px;background:linear-gradient(90deg,rgba(33,0,14,.18),rgba(33,0,14,.22)),url("https://images.unsplash.com/photo-1617038260897-41a1f14a8ca0?auto=format&fit=crop&w=1800&q=85") center/cover;display:flex;align-items:center;justify-content:flex-end;padding:0 15%;text-align:center;color:white}.gold-offer h2{font-family:Georgia,serif;font-size:38px;font-weight:400;margin:0 0 14px}.gold-offer h3{font-family:Georgia,serif;font-size:58px;margin:0 0 22px}.gold-offer p{font-family:Georgia,serif;font-size:22px;margin:0 0 35px}.contact{padding:60px 5%;text-align:center;background:#111;color:white}.contact h2{font-size:34px;letter-spacing:7px;font-weight:400}.contact p{color:#ddd}.floating-cart{position:fixed;right:18px;bottom:18px;z-index:50;width:58px;height:58px;border-radius:14px;display:none;place-items:center;background:#ff6b18;color:white;border:0;cursor:pointer;box-shadow:0 14px 36px rgba(0,0,0,.25)}.floating-cart span{position:absolute;right:-3px;top:-3px;background:#000;color:white;border-radius:999px;font-size:12px;padding:3px 7px;font-weight:900}.cart-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:80;opacity:0;pointer-events:none;transition:.25s}.cart-drawer{position:fixed;top:0;right:0;width:min(560px,100%);height:100vh;background:#faf8f2;z-index:90;transform:translateX(110%);transition:.32s;padding:24px;overflow-y:auto;box-shadow:-22px 0 50px rgba(0,0,0,.20)}body.cart-open .cart-backdrop{opacity:1;pointer-events:auto}body.cart-open .cart-drawer{transform:translateX(0)}.cart-drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.cart-drawer-head h2{margin:0;font-weight:400}.cart-drawer-head p{letter-spacing:3px;color:#777}.cart-drawer-head button{border:0;background:#111;color:white;width:42px;height:42px;border-radius:50%;font-size:28px;cursor:pointer}.cart-box,.checkout-form,.login-box,.import-box,.workflow-card{background:white;padding:24px;box-shadow:0 14px 40px rgba(0,0,0,.08);border:1px solid #eee}.drawer-cart-box{margin-bottom:18px}.cart-item{border-bottom:1px solid #eee;padding:13px 0;display:flex;justify-content:space-between;gap:12px}.total-row{display:flex;justify-content:space-between;margin-top:18px;font-size:24px;font-weight:800}.checkout-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.checkout-form textarea,.checkout-form button{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #ddd;padding:14px;font-size:14px;outline:none;background:white}.btn.red{background:#111;color:white;width:100%;border:0;padding:15px 26px;text-transform:uppercase;font-weight:800;cursor:pointer}.seller-body{background:#f4f4f5}.seller-top{background:#111;color:white;padding:16px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.seller-top strong{display:block;text-transform:uppercase;letter-spacing:2px}.seller-top span{color:#bbb;font-size:13px}.seller-top a,.seller-actions button{background:white;color:#111;padding:10px 14px;border:0;font-weight:900;text-transform:uppercase;font-size:12px;cursor:pointer}.seller-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.seller-actions button{background:#b91c1c;color:white}.login-box{max-width:460px;margin:70px auto;background:#111;color:white}.login-box input{margin-bottom:12px}.hidden{display:none}.seller-dashboard{padding:45px 5%}.section-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;margin-bottom:34px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:28px 0}.stats div{background:#111;color:white;padding:22px;border-radius:14px}.stats div:nth-child(2){background:#15803d}.stats div:nth-child(3){background:#ca8a04}.stats div:nth-child(4){background:#1d4ed8}.stats div:nth-child(5){background:#b91c1c}.stats span{display:block;font-size:13px;opacity:.85}.stats strong{display:block;font-size:28px;margin-top:6px}.workflow-card{margin-bottom:22px}.workflow{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.workflow span{background:#111;color:white;padding:8px 10px;font-size:12px;font-weight:900;text-transform:uppercase;border-radius:999px}.import-box{margin-bottom:22px}.import-box textarea{min-height:120px;margin:12px 0;font-family:monospace}.table-wrap{overflow-x:auto;border:1px solid #eee;background:white;border-radius:18px}table{border-collapse:collapse;width:100%;min-width:1250px}th,td{text-align:left;padding:13px;border-bottom:1px solid #eee;vertical-align:top;font-size:14px}th{background:#f5f5f5;text-transform:uppercase;font-size:12px;letter-spacing:1px}.small-input{padding:8px;width:145px;margin-bottom:6px}.status-select{padding:8px;width:155px;margin-bottom:6px}.next-btn{background:#111;color:white;border:0;padding:9px 11px;font-weight:900;font-size:12px;cursor:pointer;text-transform:uppercase;border-radius:999px}.status-badge{display:inline-block;padding:6px 9px;background:#eee;font-weight:900;text-transform:uppercase;font-size:12px;margin-bottom:8px;border-radius:999px}.history{font-size:12px;color:#555;line-height:1.7;max-width:180px}@media(max-width:1050px){.header-row{grid-template-columns:auto 1fr auto}.mobile-menu{display:block}.pal-brand{font-size:24px;letter-spacing:6px}.header-search{display:none}.pal-nav{display:none}.mobile-nav{position:fixed;left:0;right:0;top:86px;z-index:39;background:white;padding:16px 5%;display:grid;gap:14px;transform:translateY(-130%);transition:.3s;box-shadow:0 16px 38px rgba(0,0,0,.15)}body.menu-open .mobile-nav{transform:translateY(0)}.hero-text{transform:none}.circle-grid{grid-template-columns:repeat(3,1fr)}.pal-product-grid{grid-template-columns:repeat(2,1fr)}.recipient-grid{grid-template-columns:1fr}.floating-cart{display:grid}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.top-strip{font-size:10px}.header-row{padding:18px 4%;gap:12px}.pal-brand{font-size:18px;letter-spacing:4px}.header-icons{gap:9px}.header-icons button{font-size:20px}.hero-slider{height:480px}.hero-text{width:80%;text-align:center}.hero-text p{font-size:18px;letter-spacing:8px}.hero-text h1{font-size:54px}.hero-text span{font-size:34px}.circle-grid{grid-template-columns:repeat(2,1fr);gap:18px}.circle-grid span{font-size:16px}.pal-product-grid{grid-template-columns:1fr}.pal-section-head{align-items:flex-start;flex-direction:column}.gift-banner,.gold-offer{height:420px;padding:0 5%;justify-content:center}.gift-banner h3,.gold-offer h3{font-size:38px}.recipient-grid img{height:340px}.checkout-form{grid-template-columns:1fr}.stats{grid-template-columns:1fr}}
/* V9 search suggestions */
.header-search label {
position: relative;
}
.search-suggestions {
position: absolute;
left: 0;
right: 0;
top: 64px;
background: #fff;
border: 1px solid #ece7df;
box-shadow: 0 18px 45px rgba(0,0,0,.14);
z-index: 80;
display: none;
max-height: 390px;
overflow-y: auto;
}
.search-suggestions.show { display: block; }
.search-suggestions button {
width: 100%;
border: 0;
background: #fff;
display: grid;
grid-template-columns: 54px 1fr auto;
gap: 12px;
align-items: center;
padding: 11px 14px;
text-align: left;
cursor: pointer;
border-bottom: 1px solid #f1eee7;
}
.search-suggestions button:hover { background: #f8f5ef; }
.search-suggestions img {
width: 54px;
height: 54px;
object-fit: cover;
border-radius: 50%;
}
.search-suggestions b {
display: block;
font-size: 14px;
font-weight: 700;
}
.search-suggestions small {
display: block;
color: #777;
margin-top: 3px;
font-size: 12px;
}
.search-suggestions em {
font-style: normal;
font-weight: 800;
color: #111;
}
.suggestion-empty {
padding: 18px;
color: #777;
}
/* V9 celebrity slider */
.celebrity-picks {
padding: 56px 0 68px;
background: #fff;
overflow: hidden;
text-align: center;
}
.celebrity-head p {
margin: 0 0 8px;
color: #8a6a2f;
letter-spacing: 4px;
font-size: 12px;
font-weight: 800;
}
.celebrity-head h2 {
margin: 0;
font-weight: 400;
font-size: 30px;
letter-spacing: 2px;
}
.celebrity-head span {
display: block;
color: #777;
margin-top: 10px;
}
.celebrity-slider-wrap {
position: relative;
height: 560px;
margin-top: 34px;
}
.celebrity-slider {
position: relative;
height: 100%;
perspective: 1200px;
}
.celebrity-slide {
position: absolute;
top: 0;
left: 50%;
width: min(430px, 72vw);
height: 540px;
transform: translateX(-50%) scale(.72);
opacity: 0;
transition: all .55s ease;
pointer-events: none;
background: #eee;
overflow: hidden;
box-shadow: 0 20px 55px rgba(0,0,0,.18);
}
.celebrity-slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.celebrity-slide::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(0deg, rgba(0,0,0,.58), transparent 55%);
}
.celebrity-slide div {
position: absolute;
left: 24px;
right: 24px;
bottom: 26px;
color: white;
z-index: 2;
}
.celebrity-slide h3 {
margin: 0 0 12px;
font-size: 26px;
font-weight: 500;
}
.celebrity-slide a {
display: inline-block;
color: white;
text-transform: uppercase;
letter-spacing: 2px;
border-bottom: 1px solid white;
padding-bottom: 6px;
font-size: 13px;
}
.celebrity-slide.active {
transform: translateX(-50%) scale(1);
opacity: 1;
z-index: 5;
pointer-events: auto;
}
.celebrity-slide.left-near {
transform: translateX(-155%) scale(.84) rotate(-3deg);
opacity: .86;
z-index: 3;
}
.celebrity-slide.right-near {
transform: translateX(55%) scale(.84) rotate(3deg);
opacity: .86;
z-index: 3;
}
.celebrity-slide.hidden-slide {
opacity: .25;
z-index: 1;
}
.celebrity-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
width: 54px;
height: 54px;
border: 0;
border-radius: 50%;
background: #fff;
color: #111;
font-size: 42px;
line-height: 1;
cursor: pointer;
box-shadow: 0 15px 40px rgba(0,0,0,.18);
}
.celebrity-arrow.left { left: 4%; }
.celebrity-arrow.right { right: 4%; }
.celebrity-arrow:hover { background: #111; color: #fff; }
@media(max-width:800px) {
.celebrity-slider-wrap { height: 470px; }
.celebrity-slide { height: 450px; width: min(330px, 78vw); }
.celebrity-slide.left-near { transform: translateX(-128%) scale(.72); opacity: .45; }
.celebrity-slide.right-near { transform: translateX(28%) scale(.72); opacity: .45; }
.celebrity-arrow.left { left: 10px; }
.celebrity-arrow.right { right: 10px; }
}
/* Premium homepage upgrade - same P.R.ENTERPRISES theme */
:root{
--ruby-cream:#f7f1e8;
--ruby-sand:#eee6da;
--ruby-gold:#b4894c;
--ruby-black:#0b0b0b;
--ruby-brown:#6b5136;
}
body{background:#fffdf9;color:#101010}.offer-marquee{height:38px;background:#050505;font-size:14px;letter-spacing:.2px}.pal-header{box-shadow:0 8px 30px rgba(0,0,0,.05);border-bottom:1px solid #efe8dc}.header-row{padding:24px 5% 16px;grid-template-columns:300px 1fr 210px}.pal-brand{font-family:Georgia, 'Times New Roman', serif;font-size:34px;letter-spacing:12px;color:#050505}.pincode{color:#8d7359;font-size:14px}.header-search label{height:62px;background:linear-gradient(135deg,#f4efe7,#e9e1d5);border:1px solid #e4d8ca;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.header-search input{font-size:17px}.header-search button{font-size:32px}.header-icons button{transition:.2s}.header-icons button:hover{transform:translateY(-2px)}.pal-nav{padding-bottom:20px;gap:34px;font-size:16px}.pal-nav a{padding:8px 0}.pal-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;background:#111;transition:.25s}.pal-nav a:hover:after{left:0;right:0}.luxury-hero{height:620px;justify-content:flex-start;padding-left:10%;background:linear-gradient(90deg,rgba(9,18,21,.78) 0%,rgba(15,44,50,.45) 42%,rgba(238,244,241,.15) 100%),url("https://images.unsplash.com/photo-1602751584552-8ba73aad10e1?auto=format&fit=crop&w=1900&q=90") center/cover}.hero-text{width:min(760px,88%);transform:none}.hero-text p{font-size:22px;letter-spacing:14px;margin-bottom:28px;text-shadow:0 10px 30px rgba(0,0,0,.35)}.hero-text h1{font-size:92px;line-height:.94;margin-bottom:20px;text-shadow:0 18px 50px rgba(0,0,0,.35)}.hero-text span{font-size:56px;letter-spacing:1px}.hero-text a{display:inline-block;padding:13px 34px;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);transition:.25s}.hero-text a:hover{background:white;color:#111}.hero-card{position:absolute;right:8%;bottom:58px;width:270px;background:rgba(255,255,255,.88);color:#111;padding:24px;border:1px solid rgba(255,255,255,.8);box-shadow:0 24px 70px rgba(0,0,0,.25);backdrop-filter:blur(12px)}.hero-card b{display:block;font-family:Georgia,serif;font-size:28px;font-weight:400}.hero-card small{display:block;color:#755d43;margin:8px 0 20px}.hero-card strong{display:block;font-size:28px;color:#111}.slider-arrow{width:58px;height:58px;background:rgba(0,0,0,.42);backdrop-filter:blur(6px);transition:.2s}.slider-arrow:hover{background:#fff;color:#111}.slider-arrow.left{left:32px}.slider-arrow.right{right:32px}
.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#eadfce;margin:0 5%;transform:translateY(-28px);position:relative;z-index:5;box-shadow:0 20px 50px rgba(0,0,0,.08)}.trust-row div{background:#fffdf9;padding:24px;text-align:center}.trust-row b{display:block;font-size:16px;text-transform:uppercase;letter-spacing:1.5px}.trust-row span{display:block;margin-top:7px;color:#80674d;font-size:13px}.circle-categories{padding-top:22px}.circle-categories h2,.top-styles h2,.recipient-section h2,.celebrity-head h2{font-family:Georgia,serif;font-size:34px;letter-spacing:3px}.circle-grid{max-width:1280px;margin:auto}.circle-grid button{background:transparent}.circle-grid img{border:8px solid #fff;box-shadow:0 12px 32px rgba(0,0,0,.08)}.circle-grid span{text-transform:uppercase;letter-spacing:1px;font-size:15px;color:#3a2a20}.style-tabs button{border-color:#d8c7ad;border-radius:999px;background:#fffdf9}.style-tabs button:first-child,.style-tabs button:hover{background:#111;color:white;border-color:#111}.celebrity-picks{background:linear-gradient(180deg,#fffdf9,#f6efe5)}.pal-product-section.light-bg{background:#fbf6ee}.product-card-pal{border-color:#eee2d3;box-shadow:0 10px 25px rgba(0,0,0,.04)}.product-body-pal>button,.quick-add{background:#111}.gift-banner,.gold-offer{position:relative}.gift-banner:after,.gold-offer:after{content:"";position:absolute;inset:24px;border:1px solid rgba(255,255,255,.45);pointer-events:none}.contact{background:#070707}
@media(max-width:1050px){.header-row{grid-template-columns:auto 1fr auto}.luxury-hero{padding-left:0;justify-content:center;text-align:center}.hero-card{display:none}.trust-row{grid-template-columns:repeat(2,1fr);margin:0 4%;}.hero-text h1{font-size:72px}.hero-text span{font-size:44px}.pal-brand{
font-size:28px;
letter-spacing:4px;
}}
@media(max-width:600px){.luxury-hero{height:520px}.hero-text p{font-size:15px;letter-spacing:8px}.hero-text h1{font-size:50px}.hero-text span{font-size:32px}.trust-row{grid-template-columns:1fr;transform:none;margin:0}.trust-row div{padding:18px}.circle-categories h2,.top-styles h2,.recipient-section h2,.celebrity-head h2{font-size:25px}.slider-arrow{width:44px;height:44px}}
/* Auto hero slider upgrade */
.auto-hero {
background: #111 !important;
display: block !important;
position: relative;
overflow: hidden;
padding-left: 0 !important;
}
.hero-slide {
position: absolute;
inset: 0;
opacity: 0;
pointer-events: none;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transition: opacity 1s ease-in-out, transform 5s ease;
display: flex;
align-items: center;
padding-left: 10%;
transform: scale(1.03);
}
.hero-slide.active {
opacity: 1;
pointer-events: auto;
z-index: 2;
transform: scale(1);
}
.hero-slide .hero-text,
.hero-slide .hero-card {
position: relative;
z-index: 3;
}
.auto-hero .slider-arrow {
z-index: 6;
}
.hero-dots {
position: absolute;
left: 50%;
bottom: 28px;
transform: translateX(-50%);
display: flex;
gap: 10px;
z-index: 7;
}
.hero-dots button {
width: 11px;
height: 11px;
border-radius: 999px;
border: 1px solid white;
background: rgba(255,255,255,.25);
cursor: pointer;
transition: .25s;
}
.hero-dots button.active {
width: 34px;
background: white;
}
@media(max-width:1050px){
.hero-slide { padding-left: 0; justify-content: center; text-align: center; }
}
/* 4 catalog cards below hero */
.catalog-showcase{
padding: 42px 5% 34px;
background:#fffaf3;
}
.catalog-head{
text-align:center;
margin-bottom:24px;
}
.catalog-head p{
margin:0 0 8px;
letter-spacing:4px;
font-size:12px;
color:#9b7a35;
font-weight:800;
}
.catalog-head h2{
margin:0;
font-family:Georgia,serif;
font-weight:400;
font-size:34px;
letter-spacing:1px;
}
.catalog-grid-four{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
max-width:1480px;
margin:0 auto;
}
.catalog-card{
min-height:190px;
border-radius:12px;
overflow:hidden;
position:relative;
cursor:pointer;
background:#eee center/cover no-repeat;
box-shadow:0 14px 38px rgba(0,0,0,.08);
transition:.28s ease;
}
.catalog-card:hover{
transform:translateY(-6px);
box-shadow:0 22px 52px rgba(0,0,0,.14);
}
.catalog-card::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(255,248,236,.95) 0%,rgba(255,248,236,.62) 42%,rgba(255,248,236,.12) 100%);
}
.catalog-card.pendant{background-image:url('https://images.unsplash.com/photo-1602173574767-37ac01994b2a?auto=format&fit=crop&w=900&q=90')}
.catalog-card.bracelet{background-image:url('https://images.unsplash.com/photo-1611591437281-460bfbe1220a?auto=format&fit=crop&w=900&q=90')}
.catalog-card.couple{background-image:url('https://images.unsplash.com/photo-1605100804763-247f67b3557e?auto=format&fit=crop&w=900&q=90')}
.catalog-card.ring{background-image:url('https://images.unsplash.com/photo-1515562141207-7a88fb7ce338?auto=format&fit=crop&w=900&q=90')}
.catalog-copy{
position:absolute;
z-index:2;
left:24px;
top:50%;
transform:translateY(-50%);
max-width:180px;
text-align:left;
}
.catalog-copy h3{
margin:0 0 10px;
font-family:Georgia,serif;
font-size:26px;
font-weight:500;
letter-spacing:.5px;
}
.catalog-copy p{
margin:0 0 24px;
color:#333;
line-height:1.45;
font-size:14px;
}
.catalog-copy a{
font-size:13px;
font-weight:800;
letter-spacing:1px;
border-bottom:1px solid #111;
padding-bottom:5px;
}
@media(max-width:1050px){
.catalog-grid-four{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
.catalog-showcase{padding:30px 4% 22px}
.catalog-head h2{font-size:26px}
.catalog-grid-four{grid-template-columns:1fr;gap:14px}
.catalog-card{min-height:170px}
}
/* Premium Shop By Recipient section - website code edit */
.premium-recipient{
padding: 54px 5% 64px;
background: #fffdf9;
text-align: center;
}
.recipient-title{
display:flex;
align-items:center;
justify-content:center;
gap:22px;
margin-bottom:26px;
}
.recipient-title span{
width:82px;
height:1px;
background:linear-gradient(90deg,transparent,#c7a16c,transparent);
}
.premium-recipient .recipient-title h2{
margin:0;
font-family:Georgia,'Times New Roman',serif;
font-size:26px;
letter-spacing:2.5px;
font-weight:500;
}
.premium-recipient-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:22px;
max-width:1220px;
margin:0 auto;
}
.recipient-card{
position:relative;
height:360px;
border-radius:12px;
overflow:hidden;
display:block;
background:#111;
box-shadow:0 18px 48px rgba(44,32,18,.12);
}
.recipient-card img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transform:scale(1.02);
transition:transform .5s ease;
}
.recipient-card:hover img{transform:scale(1.08)}
.recipient-card::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.22),rgba(0,0,0,.08));
}
.recipient-overlay{
position:absolute;
left:34px;
bottom:34px;
z-index:2;
color:#fff;
text-align:left;
max-width:330px;
}
.recipient-overlay p{
margin:0 0 8px;
font-size:12px;
letter-spacing:2.5px;
text-transform:uppercase;
color:#e7c48a;
}
.recipient-overlay h3{
margin:0 0 10px;
font-family:Georgia,'Times New Roman',serif;
font-size:34px;
font-weight:500;
}
.recipient-overlay small{
display:block;
color:rgba(255,255,255,.82);
font-size:15px;
line-height:1.5;
margin-bottom:20px;
}
.recipient-overlay b{
display:inline-block;
border:1px solid rgba(255,255,255,.75);
padding:11px 18px;
border-radius:4px;
font-size:12px;
letter-spacing:1.4px;
transition:.25s;
}
.recipient-card:hover .recipient-overlay b{
background:#fff;
color:#111;
}
@media(max-width:800px){
.premium-recipient-grid{grid-template-columns:1fr;}
.recipient-card{height:310px;}
.recipient-title span{width:34px;}
.recipient-overlay{left:22px;bottom:24px;}
.recipient-overlay h3{font-size:28px;}
}
/* FINAL FIX: Shop By Recipient image section */
.premium-recipient{
padding:56px 5% 70px !important;
background:#fffdf9 !important;
text-align:center !important;
}
.premium-recipient-grid{
max-width:1180px !important;
margin:0 auto !important;
display:grid !important;
grid-template-columns:repeat(2,1fr) !important;
gap:24px !important;
}
.recipient-card{
position:relative !important;
display:block !important;
height:410px !important;
overflow:hidden !important;
border-radius:14px !important;
background:#eee6da !important;
box-shadow:0 18px 44px rgba(44,32,18,.14) !important;
}
.recipient-card img{
display:block !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center !important;
transition:transform .55s ease !important;
}
.recipient-card:hover img{transform:scale(1.06) !important;}
.recipient-card::after{
content:"" !important;
position:absolute !important;
inset:0 !important;
background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.28),rgba(0,0,0,.08)) !important;
z-index:1 !important;
}
.recipient-overlay{
position:absolute !important;
left:38px !important;
bottom:34px !important;
z-index:2 !important;
color:#fff !important;
text-align:left !important;
max-width:340px !important;
}
.recipient-overlay p{
margin:0 0 10px !important;
color:#eac88e !important;
font-size:12px !important;
letter-spacing:2px !important;
font-weight:700 !important;
}
.recipient-overlay h3{
margin:0 0 10px !important;
font-family:Georgia,'Times New Roman',serif !important;
font-size:34px !important;
font-weight:500 !important;
}
.recipient-overlay small{
display:block !important;
color:rgba(255,255,255,.86) !important;
font-size:15px !important;
line-height:1.5 !important;
margin-bottom:20px !important;
}
.recipient-overlay b{
display:inline-block !important;
color:#fff !important;
border:1px solid rgba(255,255,255,.65) !important;
padding:11px 18px !important;
font-size:12px !important;
letter-spacing:1px !important;
}
@media(max-width:760px){
.premium-recipient-grid{grid-template-columns:1fr !important;}
.recipient-card{height:340px !important;}
.recipient-overlay{left:22px !important;bottom:24px !important;}
.recipient-overlay h3{font-size:28px !important;}
}
.featured-four{padding-top:36px;padding-bottom:48px;}
.featured-four .eyebrow{margin:0 0 8px;color:#9b6b43;font-size:13px;letter-spacing:2px;text-transform:uppercase;}
.featured-four .pal-section-head{border-bottom:1px solid #eadfce;padding-bottom:16px;}
.featured-four .product-card-pal{border-radius:0;overflow:hidden;}
@media(max-width:900px){.featured-four .pal-product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.featured-four .pal-product-grid{grid-template-columns:1fr}}
/* ===== Premium Poster Banner Update ===== */
.gift-banner{
position: relative;
min-height: 540px;
height: 540px;
margin: 44px 5% 34px;
border-radius: 20px;
overflow: hidden;
background:
linear-gradient(90deg, rgba(7,7,7,.72) 0%, rgba(20,13,6,.48) 42%, rgba(130,88,39,.18) 100%),
url("https://images.unsplash.com/photo-1611652022419-a9419f74343d?auto=format&fit=crop&w=1900&q=90") center/cover !important;
justify-content: flex-start !important;
align-items: center !important;
padding: 0 8% !important;
text-align: left !important;
color: #fff;
box-shadow: 0 24px 70px rgba(0,0,0,.14);
}
.gift-banner::before{
content:"P.R.ENTERPRISES";
position:absolute;
top:36px;
left:8%;
letter-spacing:8px;
font-family: Georgia, 'Times New Roman', serif;
font-size:15px;
opacity:.88;
z-index:2;
}
.gift-banner:after{
content:"";
position:absolute;
inset:24px;
border:1px solid rgba(255,255,255,.42);
pointer-events:none;
border-radius:14px;
z-index:1;
}
.gift-banner > div{
position:relative;
z-index:3;
max-width:560px;
}
.gift-banner h2{
font-family: Georgia, 'Times New Roman', serif;
font-size:62px !important;
line-height:1.02;
font-weight:400 !important;
margin:0 0 12px !important;
text-transform:none !important;
letter-spacing:.5px;
}
.gift-banner h3{
font-size:46px !important;
margin:0 0 28px !important;
text-transform:uppercase !important;
letter-spacing:1px;
font-weight:800;
}
.gift-banner a{
display:inline-block;
background:#fff;
color:#111 !important;
padding:15px 34px !important;
border:0 !important;
border-radius:999px;
letter-spacing:2px;
font-weight:700;
transition:.25s;
}
.gift-banner a:hover{
background:#d8b56d;
transform:translateY(-2px);
}
@media(max-width:700px){
.gift-banner{margin:28px 4%;height:430px;min-height:430px;padding:0 7% !important;}
.gift-banner h2{font-size:38px !important;}
.gift-banner h3{font-size:28px !important;}
.gift-banner::before{left:7%;font-size:12px;letter-spacing:5px;}
}
/* ===== Men Pendant Model Shoot Banner Update ===== */
.gold-offer.men-pendant-banner{
position:relative;
height:560px;
min-height:560px;
margin:44px 0 0;
padding:0 8% !important;
display:flex !important;
justify-content:flex-start !important;
align-items:center !important;
text-align:left !important;
color:#fff;
overflow:hidden;
background:
linear-gradient(90deg, rgba(3,3,3,.72) 0%, rgba(3,3,3,.48) 42%, rgba(3,3,3,.12) 100%),
url("https://images.unsplash.com/photo-1598033129183-c4f50c736f10?auto=format&fit=crop&w=1900&q=90") center 38%/cover !important;
box-shadow:0 -1px 0 #eee, 0 26px 70px rgba(0,0,0,.10);
}
.gold-offer.men-pendant-banner:before{
content:"";
position:absolute;
inset:24px;
border:1px solid rgba(255,255,255,.42);
pointer-events:none;
z-index:1;
}
.gold-offer.men-pendant-banner:after{
content:"P.R.ENTERPRISES";
position:absolute;
top:50px;
left:8%;
z-index:2;
letter-spacing:8px;
font-family:Georgia,'Times New Roman',serif;
font-size:15px;
opacity:.88;
}
.gold-offer.men-pendant-banner > div{
position:relative;
z-index:3;
max-width:590px;
}
.gold-offer.men-pendant-banner .banner-tag{
margin:0 0 16px;
color:#e7c98a;
letter-spacing:4px;
font-size:14px;
text-transform:uppercase;
font-weight:700;
}
.gold-offer.men-pendant-banner h2{
font-family:Georgia,'Times New Roman',serif;
font-size:70px !important;
line-height:1.02;
margin:0 0 12px !important;
font-weight:400 !important;
text-transform:none !important;
letter-spacing:.4px;
}
.gold-offer.men-pendant-banner h3{
font-size:40px !important;
line-height:1.1;
margin:0 0 18px !important;
text-transform:uppercase !important;
letter-spacing:1px;
font-weight:800;
}
.gold-offer.men-pendant-banner p:not(.banner-tag){
max-width:440px;
font-size:18px;
line-height:1.7;
margin:0 0 28px;
color:rgba(255,255,255,.82);
}
.gold-offer.men-pendant-banner a{
display:inline-block;
background:#fff;
color:#111 !important;
border:0 !important;
border-radius:999px;
padding:15px 34px !important;
letter-spacing:2px;
font-weight:800;
text-transform:uppercase;
transition:.25s;
}
.gold-offer.men-pendant-banner a:hover{
background:#d8b56d;
transform:translateY(-2px);
}
@media(max-width:760px){
.gold-offer.men-pendant-banner{height:440px;min-height:440px;padding:0 7% !important;background-position:center !important;}
.gold-offer.men-pendant-banner:after{left:7%;top:36px;font-size:11px;letter-spacing:5px;}
.gold-offer.men-pendant-banner:before{inset:16px;}
.gold-offer.men-pendant-banner h2{font-size:40px !important;}
.gold-offer.men-pendant-banner h3{font-size:24px !important;}
.gold-offer.men-pendant-banner p:not(.banner-tag){font-size:14px;}
}
/* ===== FIXED MEN PENDANT BANNER WITH REAL IMAGE TAG ===== */
.gold-offer.men-pendant-banner-fixed{
position:relative !important;
height:560px !important;
min-height:560px !important;
margin:44px 0 0 !important;
padding:0 !important;
display:block !important;
overflow:hidden !important;
background:#111 !important;
color:#fff !important;
text-align:left !important;
}
.gold-offer.men-pendant-banner-fixed .men-banner-photo{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
display:block;
z-index:1;
}
.gold-offer.men-pendant-banner-fixed .men-banner-overlay{
position:absolute;
inset:0;
z-index:2;
background:
linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.58) 40%, rgba(0,0,0,.16) 100%),
linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.24));
}
.gold-offer.men-pendant-banner-fixed:before{
content:"";
position:absolute;
inset:24px;
border:1px solid rgba(255,255,255,.42);
pointer-events:none;
z-index:4;
}
.gold-offer.men-pendant-banner-fixed:after{
content:"P.R.ENTERPRISES";
position:absolute;
top:50px;
left:8%;
z-index:5;
letter-spacing:8px;
font-family:Georgia,'Times New Roman',serif;
font-size:15px;
color:#fff;
opacity:.9;
}
.men-banner-content{
position:relative;
z-index:6;
max-width:620px;
height:100%;
display:flex;
flex-direction:column;
justify-content:center;
margin-left:8%;
}
.men-banner-content .banner-tag{
margin:0 0 16px;
color:#e7c98a;
letter-spacing:4px;
font-size:14px;
text-transform:uppercase;
font-weight:700;
}
.men-banner-content h2{
font-family:Georgia,'Times New Roman',serif;
font-size:74px !important;
line-height:1.02;
margin:0 0 12px !important;
font-weight:400 !important;
text-transform:none !important;
color:#fff !important;
}
.men-banner-content h3{
font-size:42px !important;
line-height:1.1;
margin:0 0 18px !important;
text-transform:uppercase !important;
letter-spacing:1px;
font-weight:800;
color:#fff !important;
}
.men-banner-content p:not(.banner-tag){
max-width:460px;
font-size:18px;
line-height:1.7;
margin:0 0 28px;
color:rgba(255,255,255,.86);
}
.men-banner-content a{
display:inline-block;
width:max-content;
background:#fff;
color:#111 !important;
border:0 !important;
border-radius:999px;
padding:15px 34px !important;
letter-spacing:2px;
text-transform:uppercase;
font-weight:800;
box-shadow:0 16px 40px rgba(0,0,0,.25);
}
@media(max-width:700px){
.gold-offer.men-pendant-banner-fixed{
height:440px !important;
min-height:440px !important;
}
.gold-offer.men-pendant-banner-fixed:after{
left:7%;
top:36px;
font-size:11px;
letter-spacing:5px;
}
.gold-offer.men-pendant-banner-fixed:before{
inset:16px;
}
.men-banner-content{
margin-left:7%;
max-width:82%;
}
.men-banner-content h2{
font-size:40px !important;
}
.men-banner-content h3{
font-size:24px !important;
}
.men-banner-content p:not(.banner-tag){
font-size:14px;
}
}
/* ===== Premium P.R.ENTERPRISES Footer ===== */
.ruby-footer{
background:#080808;
color:#fff;
margin-top:60px;
padding:58px 28px 22px;
border-top:1px solid rgba(255,255,255,.12);
}
.footer-inner{
max-width:1380px;
margin:0 auto;
display:grid;
grid-template-columns: 1.7fr 1fr 1fr 1fr 1.35fr;
gap:34px;
}
.footer-brand h2{
font-family: Georgia, 'Times New Roman', serif;
letter-spacing:8px;
font-size:30px;
font-weight:400;
margin:0 0 16px;
}
.footer-brand p,
.footer-col p{
color:rgba(255,255,255,.66);
line-height:1.7;
font-size:14px;
margin:0 0 12px;
}
.footer-trust{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:22px;
}
.footer-trust span{
border:1px solid rgba(231,201,138,.45);
color:#e7c98a;
border-radius:999px;
padding:8px 13px;
font-size:12px;
letter-spacing:.6px;
}
.footer-col h3{
margin:0 0 18px;
font-size:15px;
letter-spacing:2px;
text-transform:uppercase;
color:#e7c98a;
}
.footer-col a{
display:block;
color:rgba(255,255,255,.72);
text-decoration:none;
margin:0 0 12px;
font-size:14px;
transition:.25s ease;
}
.footer-col a:hover{
color:#fff;
transform:translateX(4px);
}
.footer-contact a{
display:inline;
margin:0;
}
.footer-social{
display:flex;
gap:12px;
margin-top:18px;
}
.footer-social a{
border:1px solid rgba(255,255,255,.18);
border-radius:999px;
padding:9px 15px;
margin:0;
}
.footer-bottom{
max-width:1380px;
margin:38px auto 0;
padding-top:18px;
border-top:1px solid rgba(255,255,255,.12);
display:flex;
justify-content:space-between;
gap:16px;
color:rgba(255,255,255,.5);
font-size:13px;
}
.footer-bottom p{
margin:0;
}
@media(max-width:980px){
.footer-inner{
grid-template-columns:1fr 1fr;
}
.footer-brand{
grid-column:1 / -1;
}
}
@media(max-width:620px){
.ruby-footer{
padding:44px 18px 20px;
}
.footer-inner{
grid-template-columns:1fr;
}
.footer-brand h2{
font-size:24px;
letter-spacing:5px;
}
.footer-bottom{
flex-direction:column;
}
}
/* ===== Full Store Upgrade: Product Detail, Cart, Checkout ===== */
.product-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.product-actions-row button{border:0;border-radius:999px;padding:12px 10px;font-weight:800;cursor:pointer}
.product-actions-row button:first-child{background:#111;color:#fff}
.product-actions-row button:last-child{background:#e7c98a;color:#111}
.product-card-pal h3{cursor:pointer}
.product-modal,.order-success-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}
.product-modal-open .product-modal,.order-success-open .order-success-modal{display:flex}
.product-modal-box{width:min(980px,96vw);max-height:92vh;overflow:auto;background:#fff;color:#111;border-radius:28px;display:grid;grid-template-columns:1fr 1fr;position:relative;box-shadow:0 40px 100px rgba(0,0,0,.45)}
.modal-close,.order-success-box button{position:absolute;top:15px;right:18px;width:38px;height:38px;border:0;border-radius:50%;background:#111;color:#fff;font-size:24px;cursor:pointer}
.modal-img-wrap{background:#f7f1e7;min-height:560px}
.modal-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.modal-info{padding:56px 38px 38px}
.modal-category{letter-spacing:3px;color:#9a7135;font-weight:800;font-size:12px;text-transform:uppercase}
.modal-info h2{font-family:Georgia,'Times New Roman',serif;font-size:42px;line-height:1.1;margin:12px 0 18px}
.modal-price{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.modal-price b{font-size:30px}
.modal-price span{text-decoration:line-through;color:#888}
.modal-price em{font-style:normal;background:#111;color:#fff;border-radius:999px;padding:5px 10px;font-size:12px}
.modal-desc{color:#555;line-height:1.7}
.modal-details{background:#f9f4ea;border:1px solid #ead9b9;border-radius:18px;padding:16px;margin:18px 0}
.modal-details p{margin:8px 0;color:#333}
.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.modal-actions button{border:0;border-radius:999px;padding:15px 16px;font-weight:900;cursor:pointer}
.modal-actions button:first-child{background:#111;color:#fff}
.modal-actions button:last-child{background:#e7c98a;color:#111}
.premium-cart-item{display:grid!important;grid-template-columns:72px 1fr auto;gap:12px;align-items:center}
.premium-cart-item img{width:72px;height:72px;object-fit:cover;border-radius:12px}
.cart-info small{display:block;color:#777;margin:4px 0}
.qty-box{display:flex;align-items:center;gap:8px;margin-top:8px}
.qty-box button{border:1px solid #ddd;background:#fff;border-radius:999px;min-width:28px;height:28px;cursor:pointer}
.qty-box .remove-btn{padding:0 10px;color:#b00020}
.order-success-box{position:relative;background:#fff;color:#111;border-radius:28px;padding:44px;max-width:460px;text-align:center}
.order-success-box h2{font-family:Georgia,'Times New Roman',serif;font-size:34px}
.order-success-box a{display:inline-block;margin-top:18px;background:#111;color:#fff;text-decoration:none;padding:13px 24px;border-radius:999px;font-weight:800}
.info-page{background:#fff;color:#111;min-height:100vh}
.info-hero{padding:90px 24px;background:linear-gradient(110deg,#111,#3b2a16);color:#fff;text-align:center}
.info-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:54px;margin:0 0 12px}
.info-wrap{max-width:1100px;margin:0 auto;padding:48px 24px;line-height:1.8}
.info-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.info-card{background:#fbf6ed;border:1px solid #ead9b9;border-radius:22px;padding:24px}
@media(max-width:760px){.product-modal-box{grid-template-columns:1fr}.modal-img-wrap{min-height:320px}.modal-info h2{font-size:32px}.info-card-grid{grid-template-columns:1fr}.info-hero h1{font-size:38px}}
/* ===== Separate Product Page ===== */
.product-title-link{text-decoration:none;color:inherit;display:block}
.product-img-pal{text-decoration:none;color:inherit;display:block}
.view-details-btn{display:grid;place-items:center;text-decoration:none;border-radius:999px;padding:12px 10px;font-weight:800;background:#111;color:#fff}
.product-page-body{background:#fff;color:#111}
.product-page-wrap{max-width:1280px;margin:0 auto;padding:54px 22px}
.product-detail-page{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start}
.product-detail-image{background:#f8f1e7;border-radius:30px;overflow:hidden;min-height:620px;position:sticky;top:120px}
.product-detail-image img{width:100%;height:100%;min-height:620px;object-fit:cover;display:block}
.product-detail-info{padding:18px 0}
.product-detail-category{letter-spacing:4px;color:#a77b36;font-weight:900;text-transform:uppercase;font-size:13px;margin:0 0 14px}
.product-detail-info h1{font-family:Georgia,'Times New Roman',serif;font-size:58px;line-height:1.06;margin:0 0 18px;font-weight:400}
.product-detail-price{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.product-detail-price b{font-size:34px}
.product-detail-price span{text-decoration:line-through;color:#888;font-size:18px}
.product-detail-price em{font-style:normal;background:#111;color:#fff;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:800}
.product-detail-desc{font-size:17px;line-height:1.8;color:#555;margin:0 0 22px}
.product-info-box{background:#fbf6ed;border:1px solid #ead9b9;border-radius:22px;padding:20px;margin:22px 0}
.product-info-box p{margin:10px 0;color:#333}
.product-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}
.product-detail-actions button{border:0;border-radius:999px;padding:17px 20px;font-weight:900;font-size:15px;cursor:pointer}
.product-detail-actions button:first-child{background:#111;color:#fff}
.product-detail-actions button:last-child{background:#e7c98a;color:#111}
.product-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.product-trust-row div{background:#111;color:#fff;border-radius:18px;padding:15px;text-align:center;font-weight:700;font-size:13px}
.product-cart-open .cart-drawer{right:0}
.product-cart-open .cart-backdrop{display:block}
@media(max-width:820px){
.product-detail-page{grid-template-columns:1fr;gap:26px}
.product-detail-image{position:relative;top:auto;min-height:360px}
.product-detail-image img{min-height:360px}
.product-detail-info h1{font-size:38px}
.product-detail-actions{grid-template-columns:1fr}
.product-trust-row{grid-template-columns:1fr}
}
/* ===== Palmonas-style Product Page Upgrade ===== */
.palmonas-product-page{background:#fff;color:#111}
.product-header-row{max-width:1500px}
.product-search{max-width:620px;flex:1}
.pd-page-wrap{max-width:1560px;margin:0 auto;padding:48px 18px 70px}
.pd-layout{display:grid;grid-template-columns:minmax(520px, 760px) minmax(420px, 620px);gap:90px;align-items:start}
.pd-gallery{position:sticky;top:130px;background:#f2eadf;min-height:650px;height:calc(100vh - 190px);max-height:760px;overflow:hidden}
.pd-gallery img{width:100%;height:100%;object-fit:cover;display:block}
.pd-badge{position:absolute;top:0;left:0;z-index:2;background:#f1ceb7;color:#9a592b;padding:7px 15px;font-size:13px}
.pd-arrow{position:absolute;bottom:28px;z-index:3;border:0;background:transparent;font-size:40px;color:#111;cursor:pointer}
.pd-arrow.left{left:28px}
.pd-arrow.right{right:28px}
.pd-info{padding-top:6px}
.pd-title-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.pd-title-row h1{font-family:Arial, sans-serif;font-size:32px;font-weight:400;line-height:1.2;margin:0 0 24px;letter-spacing:.2px}
.pd-rating{white-space:nowrap;color:#23313a;font-size:14px;margin-top:6px}
.pd-rating span{color:#777;margin-left:4px}
.pd-price-row{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.pd-price-row b{font-size:18px;font-weight:500}
.pd-mrp{font-size:16px;color:#111}
.pd-mrp s{margin-left:4px}
.pd-price-row em{font-style:normal;background:#000;color:#fff;padding:7px 12px;border-radius:4px;font-weight:700;font-size:13px}
.pd-tax,.pd-sku{color:#777;font-size:15px;margin:16px 0}
.pd-deals{background:linear-gradient(90deg,#fff1ea,#f4f5ff);border-radius:0;margin:26px 0 26px;padding:0 18px 14px;border-top:1px solid #d5d6ef}
.pd-deals h3{font-size:18px;font-weight:500;margin:0 0 8px;background:#fff;border-radius:999px;padding:7px 16px;transform:translateY(-12px);display:inline-block}
.deal-card{display:inline-block;vertical-align:top;background:#fff;border-radius:8px;width:270px;padding:14px 18px;margin-right:14px;min-height:74px}
.deal-card b{font-size:13px}
.deal-card p{font-size:12px;color:#999;margin:10px 0;border-top:1px solid #ddd;padding-top:8px}
.deal-card span{border:1px dashed #21c45a;color:#21a34a;font-weight:800;padding:3px 10px}
.deal-card.small{width:95px;text-align:center;line-height:74px;font-size:12px;color:#555}
.pd-stock{font-size:18px;color:#111;margin:22px 0}
.pd-stock::first-letter{color:#168a4a}
.gift-wrap{display:flex;align-items:center;gap:18px;border:1px solid #d9a66a;border-radius:10px;padding:16px 18px;margin:28px 0;font-size:15px}
.gift-wrap input{width:24px;height:24px}
.pd-color h4{font-size:14px;font-weight:500;margin:0 0 12px;letter-spacing:.5px}
.color-dots{display:flex;gap:12px;margin-bottom:24px}
.color-dots span{width:48px;height:48px;border-radius:50%;display:block;border:2px solid #eee;box-shadow:inset 0 0 0 5px #fff}
.color-dots .gold{background:#d7ad4a}
.color-dots .silver{background:#eee}
.color-dots .rose{background:#f0c2be}
.color-dots .active{border-color:#111}
.palmonas-product-page .product-detail-desc{font-size:15px;color:#666;line-height:1.7;margin:16px 0 24px}
.pd-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}
.pd-actions button{border:0;padding:17px 20px;font-weight:800;cursor:pointer;font-size:14px;letter-spacing:.5px}
.pd-actions button:first-child{background:#111;color:#fff}
.pd-actions button:last-child{background:#d9a66a;color:#111}
.pd-accordions{border-top:1px solid #eee;margin-top:28px}
.pd-accordions details{border-bottom:1px solid #eee;padding:18px 0}
.pd-accordions summary{cursor:pointer;font-weight:600;font-size:16px}
.pd-accordions p{color:#666;line-height:1.7}
.palmonas-product-page .product-info-box{background:#faf7f1;border:1px solid #ead9b9;border-radius:12px;padding:15px;margin-top:14px}
@media(max-width:980px){
.pd-layout{grid-template-columns:1fr;gap:28px}
.pd-gallery{position:relative;top:auto;height:540px;min-height:540px}
}
@media(max-width:620px){
.pd-page-wrap{padding:28px 12px}
.pd-gallery{height:430px;min-height:430px}
.pd-title-row{display:block}
.pd-title-row h1{font-size:27px}
.pd-actions{grid-template-columns:1fr}
.deal-card{width:100%;margin-bottom:12px}
.deal-card.small{display:none}
}
/* ===== Cart Open Fix ===== */
.cart-open-btn{
cursor:pointer;
}
.cart-drawer{
position:fixed !important;
top:0 !important;
right:-430px !important;
width:400px !important;
max-width:92vw !important;
height:100vh !important;
background:#fff !important;
color:#111 !important;
z-index:10050 !important;
padding:22px !important;
box-shadow:-20px 0 60px rgba(0,0,0,.25) !important;
transition:right .3s ease !important;
overflow:auto !important;
}
.product-cart-open .cart-drawer,
.cart-open .cart-drawer{
right:0 !important;
}
.cart-backdrop{
position:fixed !important;
inset:0 !important;
background:rgba(0,0,0,.45) !important;
z-index:10040 !important;
display:none !important;
}
.product-cart-open .cart-backdrop,
.cart-open .cart-backdrop{
display:block !important;
}
.cart-head{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
margin-bottom:18px !important;
}
.cart-head button{
border:0 !important;
background:#111 !important;
color:#fff !important;
width:36px !important;
height:36px !important;
border-radius:50% !important;
font-size:22px !important;
cursor:pointer !important;
}
.checkout-form{
display:grid !important;
gap:12px !important;
margin-top:18px !important;
}
.checkout-form input,
.checkout-form textarea{
width:100% !important;
box-sizing:border-box !important;
border:1px solid #ddd !important;
border-radius:12px !important;
padding:13px 14px !important;
font-size:14px !important;
}
.checkout-form textarea{
min-height:90px !important;
}
.checkout-form button{
border:0 !important;
background:#111 !important;
color:#fff !important;
border-radius:999px !important;
padding:15px !important;
font-weight:900 !important;
cursor:pointer !important;
}
.cart-total{
display:flex !important;
justify-content:space-between !important;
align-items:center !important;
border-top:1px solid #eee !important;
margin-top:16px !important;
padding-top:16px !important;
font-size:18px !important;
}
/* ===== OTP Checkout Flow ===== */
.checkout-flow{
margin-top:20px;
}
.checkout-steps{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:8px;
margin-bottom:16px;
}
.checkout-steps span{
background:#f2f2f2;
color:#777;
border-radius:999px;
padding:10px 8px;
text-align:center;
font-size:12px;
font-weight:800;
}
.checkout-steps span.active{
background:#111;
color:#fff;
}
.checkout-panel{
display:none !important;
background:#faf7f1;
border:1px solid #ead9b9;
border-radius:18px;
padding:18px;
margin-top:12px;
}
.checkout-panel.active{
display:grid !important;
gap:12px !important;
}
.checkout-panel h3{
margin:0;
font-family:Georgia,'Times New Roman',serif;
font-size:22px;
}
.checkout-panel p{
margin:0 0 4px;
color:#666;
line-height:1.5;
}
.checkout-panel input,
.checkout-panel textarea{
width:100%;
box-sizing:border-box;
border:1px solid #ddd;
border-radius:12px;
padding:13px 14px;
font-size:14px;
background:#fff;
}
.checkout-panel textarea{
min-height:88px;
}
.checkout-panel button,
.confirm-order-btn{
border:0;
border-radius:999px;
padding:14px 18px;
background:#111;
color:#fff;
font-weight:900;
cursor:pointer;
}
.otp-box{
display:none;
gap:10px;
}
.otp-box.active{
display:grid;
}
.otp-box small{
color:#b15e00;
line-height:1.4;
}
.payment-option{
display:flex;
gap:12px;
align-items:center;
background:#fff;
border:1px solid #ddd;
border-radius:14px;
padding:14px;
cursor:pointer;
}
.payment-option.active{
border-color:#111;
box-shadow:0 0 0 2px rgba(0,0,0,.08);
}
.payment-option input{
width:20px;
height:20px;
}
.payment-option small{
display:block;
color:#777;
margin-top:4px;
}
.payment-summary{
background:#fff;
border-radius:14px;
padding:14px;
}
.payment-summary p{
display:flex;
justify-content:space-between;
margin:8px 0;
}
.payment-summary p:last-child{
border-top:1px solid #eee;
padding-top:10px;
font-size:18px;
color:#111;
}
/* ===== Simple No OTP Checkout ===== */
.simple-checkout .checkout-steps{
grid-template-columns:repeat(2,1fr) !important;
}
.simple-checkout .checkout-panel h3{
margin-bottom:4px;
}
.inventory-section{
background:#fff;
padding:20px;
border-radius:20px;
margin-bottom:30px;
}
.inventory-top{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
}
.inventory-top input{
width:320px;
padding:12px;
border-radius:10px;
border:1px solid #ddd;
}
.inventory-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
gap:20px;
}
.inventory-card{
background:#fafafa;
border-radius:18px;
overflow:hidden;
border:1px solid #eee;
}
.inventory-card img{
width:100%;
height:220px;
object-fit:cover;
}
.inventory-info{
padding:15px;
}
.inventory-info h4{
margin:0;
font-size:15px;
}
.inventory-info p{
margin:6px 0;
}
.edit-sidebar{
position:fixed;
top:0;
right:0;
width:420px;
height:100%;
background:#fff;
z-index:9999;
overflow:auto;
box-shadow:-10px 0 30px rgba(0,0,0,.15);
}
.edit-header{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px;
border-bottom:1px solid #eee;
}
.edit-body{
padding:20px;
}
.edit-body label{
display:block;
margin-top:15px;
margin-bottom:6px;
font-weight:600;
}
.edit-body input,
.edit-body textarea{
width:100%;
padding:12px;
border-radius:10px;
border:1px solid #ddd;
}
.edit-body textarea{
min-height:120px;
}
#editPreviewImage{
width:100%;
height:260px;
object-fit:cover;
border-radius:15px;
margin-bottom:20px;
}
.hidden{
display:none;
}
.admin-layout {
display: flex;
gap: 25px;
}
.admin-sidebar {
width: 240px;
background: #fff;
border-radius: 20px;
padding: 20px;
height: fit-content;
position: sticky;
top: 20px;
}
.admin-sidebar h2 {
color: #b8860b;
margin-bottom: 25px;
}
.admin-nav {
width: 100%;
padding: 14px;
margin-bottom: 10px;
border: none;
border-radius: 12px;
background: #f5f5f5;
text-align: left;
font-weight: 600;
cursor: pointer;
}
.admin-nav.active,
.admin-nav:hover {
background: #b8860b;
color: #fff;
}
.admin-content {
flex: 1;
}
.admin-section {
background: #fff;
padding: 25px;
border-radius: 20px;
margin-bottom: 25px;
}
.inventory-top {
display: flex;
justify-content: space-between;
align-items: center;
}
.inventory-top input {
width: 320px;
padding: 12px;
border-radius: 10px;
border: 1px solid #ddd;
}
.inventory-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 20px;
margin-top: 20px;
}
.inventory-card {
background: #fafafa;
border-radius: 18px;
overflow: hidden;
border: 1px solid #eee;
}
.inventory-card img {
width: 100%;
height: 220px;
object-fit: cover;
}
.inventory-info {
padding: 15px;
}
.edit-sidebar {
position: fixed;
top: 0;
right: 0;
width: 430px;
height: 100%;
background: #fff;
z-index: 9999;
overflow: auto;
box-shadow: -10px 0 30px rgba(0,0,0,.15);
}
.edit-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 18px;
border-bottom: 1px solid #eee;
}
.edit-body {
padding: 20px;
}
.edit-body label {
display: block;
margin-top: 14px;
margin-bottom: 6px;
font-weight: 600;
}
.edit-body input,
.edit-body textarea {
width: 100%;
padding: 12px;
border-radius: 10px;
border: 1px solid #ddd;
}
.edit-body textarea {
min-height: 110px;
}
#editPreviewImage {
width: 100%;
height: 250px;
object-fit: cover;
border-radius: 15px;
margin-bottom: 18px;
}
.hidden {
display: none !important;
}
.orders-top {
display: flex;
justify-content: space-between;
gap: 20px;
align-items: flex-start;
margin-bottom: 22px;
}
.orders-top h2 {
margin: 0;
}
.orders-top p {
margin: 6px 0 0;
color: #777;
}
.orders-filters {
display: flex;
gap: 12px;
}
.orders-filters input,
.orders-filters select {
padding: 12px 14px;
border: 1px solid #ddd;
border-radius: 12px;
min-width: 240px;
}
.orders-stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
margin-bottom: 25px;
}
.order-stat-card {
background: #fafafa;
border: 1px solid #eee;
border-radius: 18px;
padding: 18px;
}
.order-stat-card span {
color: #777;
font-size: 13px;
}
.order-stat-card strong {
display: block;
margin-top: 8px;
font-size: 28px;
color: #b8860b;
}
.orders-cards-wrap {
display: grid;
gap: 18px;
}
.order-card {
background: #fff;
border: 1px solid #eee;
border-radius: 20px;
padding: 18px;
box-shadow: 0 8px 24px rgba(0,0,0,.05);
}
.order-card-top {
display: flex;
justify-content: space-between;
gap: 15px;
border-bottom: 1px solid #eee;
padding-bottom: 14px;
margin-bottom: 14px;
}
.order-card h3 {
margin: 0;
color: #222;
}
.order-badge {
padding: 8px 12px;
border-radius: 999px;
background: #fff3d6;
color: #9a6500;
font-weight: 700;
font-size: 12px;
}
.order-grid {
display: grid;
grid-template-columns: 1.2fr 1.2fr 1fr 1fr;
gap: 16px;
}
.order-grid p {
margin: 5px 0;
color: #555;
}
.order-grid strong {
color: #222;
}
.order-actions {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-top: 16px;
}
.order-actions select,
.order-actions input {
padding: 10px 12px;
border: 1px solid #ddd;
border-radius: 10px;
}
.order-actions button {
border: none;
border-radius: 12px;
padding: 10px 14px;
background: #b8860b;
color: white;
font-weight: 700;
cursor: pointer;
}
.order-items {
font-size: 13px;
}
@media (max-width: 900px) {
.orders-top,
.orders-filters {
flex-direction: column;
}
.orders-stats {
grid-template-columns: repeat(2, 1fr);
}
.order-grid {
grid-template-columns: 1fr;
}
}
.stock-badge {
display: inline-block;
padding: 4px 10px;
border-radius: 999px;
background: #e8f7ee;
color: #178a42;
font-weight: 700;
}
.low-stock-badge {
display: inline-block;
padding: 4px 10px;
border-radius: 999px;
background: #ffe5e5;
color: #c40000;
font-weight: 700;
}
.bulk-upload-box {
margin-top: 25px;
padding: 22px;
border-radius: 20px;
background: linear-gradient(135deg, #fff8e8, #ffffff);
border: 1px solid #f0d89a;
box-shadow: 0 10px 25px rgba(184, 134, 11, 0.08);
}
.bulk-upload-box h3 {
margin: 0 0 8px;
color: #8a6508;
}
.bulk-upload-box input[type="file"] {
display: block;
width: 100%;
margin: 15px 0;
padding: 14px;
border: 1px dashed #b8860b;
border-radius: 14px;
background: #fff;
}
.bulk-upload-box button {
margin-right: 10px;
margin-top: 8px;
}
.bulk-upload-box::before {
content: "📦 Bulk Product Upload";
display: block;
font-weight: 800;
color: #b8860b;
margin-bottom: 10px;
}
.related-products {
max-width: 1200px;
margin: 40px auto;
padding: 25px;
}
.related-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 22px;
}
.related-card {
background: #fff;
border-radius: 18px;
padding: 14px;
text-decoration: none;
color: inherit;
box-shadow: 0 8px 28px rgba(0,0,0,.08);
}
.related-card img {
width: 100%;
height: 240px;
object-fit: cover;
border-radius: 14px;
}
.related-card h3 {
font-size: 16px;
margin: 12px 0 5px;
}
.related-card p {
color: #777;
font-size: 13px;
}
.related-card span {
text-decoration: line-through;
color: #999;
margin-right: 8px;
}
.related-card b {
color: #b8860b;
}
@media(max-width:900px){
.related-grid {
grid-template-columns: repeat(2,1fr);
}
}
.pincode-check-box {
margin: 18px 0;
padding: 16px;
border-radius: 16px;
background: #fff8e8;
border: 1px solid #f0d89a;
}
.pincode-row {
display: flex;
gap: 10px;
}
.pincode-row input {
flex: 1;
padding: 12px;
border-radius: 10px;
border: 1px solid #ddd;
}
.pincode-row button {
padding: 12px 18px;
border: none;
border-radius: 10px;
background: #b8860b;
color: white;
font-weight: 700;
}
.product-reviews-section {
max-width: 1200px;
margin: 40px auto;
padding: 25px;
}
.review-form-box {
background: #fff;
border-radius: 18px;
padding: 20px;
box-shadow: 0 8px 28px rgba(0,0,0,.08);
display: grid;
gap: 12px;
margin-bottom: 22px;
}
.review-form-box input,
.review-form-box select,
.review-form-box textarea {
width: 100%;
padding: 13px;
border: 1px solid #ddd;
border-radius: 12px;
}
.review-form-box textarea {
min-height: 100px;
}
.review-form-box button {
border: none;
border-radius: 12px;
padding: 13px 18px;
background: #b8860b;
color: #fff;
font-weight: 800;
cursor: pointer;
}
.reviews-list {
display: grid;
gap: 14px;
}
.review-card {
background: #fff8e8;
border: 1px solid #f0d89a;
border-radius: 16px;
padding: 16px;
}
.review-card div {
display: flex;
justify-content: space-between;
gap: 12px;
}
.review-card span {
color: #b8860b;
font-weight: 800;
}
.review-card p {
margin: 10px 0 0;
color: #444;
}
.wishlist-btn {
position: absolute;
top: 12px;
right: 12px;
width: 38px;
height: 38px;
border: none;
border-radius: 50%;
background: white;
color: #b8860b;
font-size: 22px;
font-weight: 800;
cursor: pointer;
box-shadow: 0 6px 20px rgba(0,0,0,.15);
z-index: 5;
}
.product-card-pal {
position: relative;
}
.wishlist-btn {
position: absolute;
top: 12px;
right: 12px;
z-index: 50;
}
.product-card-pal {
position: relative;
}
.wishlist-btn {
position: absolute;
top: 12px;
right: 12px;
z-index: 999;
pointer-events: auto;
}
.product-card-pal {
position: relative;
}
.wishlist-btn {
position: absolute;
top: 12px;
right: 12px;
z-index: 99999;
width: 42px;
height: 42px;
border: none;
border-radius: 50%;
background: #fff;
color: #b8860b;
font-size: 24px;
font-weight: 900;
cursor: pointer;
pointer-events: auto;
box-shadow: 0 6px 20px rgba(0,0,0,.18);
}
.wishlist-btn.active {
background: #b8860b;
color: white;
}
@media (max-width: 768px) {
.admin-layout {
flex-direction: column;
}
.admin-sidebar {
width: 100%;
position: static;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
.admin-sidebar h2 {
grid-column: 1 / -1;
}
.pd-layout {
grid-template-columns: 1fr !important;
}
.pd-gallery img {
max-height: 420px;
object-fit: contain;
}
.pd-actions {
position: sticky;
bottom: 0;
background: #fff;
padding: 12px;
z-index: 99;
}
.related-grid {
grid-template-columns: repeat(2, 1fr);
}
.product-card-pal {
min-width: 0;
}
.product-actions-row {
flex-direction: column;
}
.cart-drawer {
width: 100% !important;
}
.orders-top,
.orders-filters {
flex-direction: column;
}
.orders-stats,
.stats {
grid-template-columns: repeat(2, 1fr);
}
.order-grid {
grid-template-columns: 1fr;
}
.edit-sidebar {
width: 100%;
}
}
#newOrderToast {
position: fixed;
top: 20px;
right: 20px;
background: #111;
color: #fff;
padding: 16px 20px;
border-radius: 14px;
box-shadow: 0 10px 30px rgba(0,0,0,0.25);
z-index: 99999;
transform: translateX(130%);
transition: 0.35s ease;
font-size: 15px;
}
#newOrderToast.show {
transform: translateX(0);
}
#newOrderToast p {
margin: 5px 0 0;
font-size: 13px;
opacity: 0.85;
}
#newOrderToast {
position: fixed;
top: 20px;
right: 20px;
background: #111;
color: #fff;
padding: 16px 20px;
border-radius: 14px;
box-shadow: 0 12px 35px rgba(0,0,0,0.35);
z-index: 999999;
transform: translateX(140%);
transition: 0.35s ease;
font-size: 15px;
}
#newOrderToast.show {
transform: translateX(0);
}
#newOrderToast p {
margin: 6px 0 0;
font-size: 13px;
opacity: 0.85;
}
#newOrderToast {
position: fixed;
top: 24px;
right: 24px;
width: 280px;
background: #111827;
color: white;
padding: 16px 18px;
border-radius: 16px;
box-shadow: 0 18px 45px rgba(0,0,0,0.35);
z-index: 999999;
transform: translateX(130%);
opacity: 0;
transition: 0.35s ease;
font-family: Arial, sans-serif;
}
#newOrderToast.show {
transform: translateX(0);
opacity: 1;
}
#newOrderToast .toast-title {
font-size: 16px;
font-weight: 700;
margin-bottom: 6px;
}
#newOrderToast .toast-order {
font-size: 14px;
color: #facc15;
margin-bottom: 4px;
}
#newOrderToast .toast-text {
font-size: 13px;
opacity: 0.85;
}
#newOrderToast {
position: fixed;
top: 20px;
right: 20px;
background: #111;
color: white;
padding: 16px 20px;
border-radius: 12px;
z-index: 999999;
opacity: 0;
transform: translateX(120%);
transition: 0.3s ease;
}
#newOrderToast.show {
opacity: 1;
transform: translateX(0);
}
.otp-box {
display: flex !important;
gap: 8px;
margin: 10px 0 14px;
width: 100%;
}
.otp-box input {
display: block !important;
min-width: 110px;
}
.otp-box button {
display: inline-block !important;
white-space: nowrap;
}
.cart-drawer .otp-box {
display: grid !important;
grid-template-columns: 1fr;
gap: 10px;
margin: 10px 0 16px;
width: 100%;
}
.cart-drawer .otp-box button,
.cart-drawer .otp-box input {
width: 100% !important;
height: 48px;
border-radius: 14px;
box-sizing: border-box;
}
.cart-drawer .otp-box button {
background: #000;
color: #fff;
border: none;
font-weight: 700;
}
.cart-drawer .otp-box input {
border: 1px solid #ddd;
padding: 0 14px;
}
/* ===== MODERN OTP UI ===== */
.delivery-details {
background: #fff;
border-radius: 24px;
padding: 18px;
border: 1px solid #e8e8e8;
}
.delivery-details h3 {
font-size: 28px;
margin-bottom: 18px;
}
.delivery-details input,
.delivery-details textarea,
.delivery-details select {
width: 100%;
height: 52px;
border-radius: 16px;
border: 1px solid #ddd;
padding: 0 16px;
font-size: 15px;
margin-bottom: 12px;
box-sizing: border-box;
background: #fff;
}
.delivery-details textarea {
height: 90px;
padding-top: 14px;
resize: none;
}
.otp-row {
display: flex;
gap: 10px;
margin-bottom: 12px;
}
.otp-row input {
flex: 1;
margin-bottom: 0;
}
.send-otp-btn,
.verify-otp-btn {
height: 52px;
padding: 0 20px;
border-radius: 16px;
border: none;
background: #000;
color: #fff;
font-weight: 700;
cursor: pointer;
white-space: nowrap;
}
.verify-otp-btn {
background: #111;
}
.city-state {
display: flex;
gap: 10px;
}
.city-state input {
flex: 1;
}
.continue-btn {
width: 100%;
height: 56px;
border-radius: 18px;
border: none;
background: #000;
color: #fff;
font-size: 16px;
font-weight: 700;
margin-top: 10px;
cursor: pointer;
}
@media(max-width:768px){
.otp-row{
flex-direction: column;
}
.city-state{
flex-direction: column;
}
.send-otp-btn,
.verify-otp-btn{
width:100%;
}
}
/* ===== PREMIUM CART DRAWER UI FIX ===== */
.cart-drawer {
width: 420px !important;
max-width: 100vw !important;
padding: 24px 26px !important;
background: #fff !important;
box-shadow: -18px 0 45px rgba(0,0,0,0.14) !important;
overflow-y: auto !important;
}
.cart-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
margin-bottom: 22px !important;
}
.cart-head h2 {
font-size: 26px !important;
font-weight: 800 !important;
margin: 0 !important;
}
.cart-head button {
width: 36px !important;
height: 36px !important;
border: none !important;
background: transparent !important;
font-size: 34px !important;
cursor: pointer !important;
}
.cart-item {
display: grid !important;
grid-template-columns: 78px 1fr auto !important;
gap: 14px !important;
align-items: center !important;
padding: 0 0 18px !important;
border-bottom: 1px solid #e8e8e8 !important;
margin-bottom: 16px !important;
}
.cart-item img {
width: 78px !important;
height: 78px !important;
object-fit: cover !important;
border-radius: 10px !important;
}
.cart-info strong {
display: block !important;
font-size: 15px !important;
font-weight: 800 !important;
margin-bottom: 4px !important;
}
.cart-info small {
display: block !important;
font-size: 13px !important;
color: #555 !important;
margin-bottom: 8px !important;
}
.qty-box {
display: flex !important;
align-items: center !important;
gap: 9px !important;
flex-wrap: wrap !important;
}
.qty-box button {
width: 28px !important;
height: 28px !important;
border-radius: 50% !important;
border: 1px solid #ddd !important;
background: #fff !important;
cursor: pointer !important;
}
.qty-box .remove-btn {
width: auto !important;
height: 30px !important;
border-radius: 18px !important;
padding: 0 14px !important;
color: #d60000 !important;
font-weight: 600 !important;
}
.cart-total {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
font-size: 18px !important;
font-weight: 800 !important;
padding: 2px 0 18px !important;
border-bottom: 1px solid #eee !important;
margin-bottom: 18px !important;
}
.checkout-steps {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 10px !important;
margin-bottom: 18px !important;
}
.checkout-steps span {
height: 40px !important;
border-radius: 22px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #eee !important;
color: #777 !important;
font-size: 14px !important;
font-weight: 800 !important;
}
.checkout-steps span.active {
background: #000 !important;
color: #fff !important;
}
.checkout-form,
#paymentPanel {
background: #fffaf2 !important;
border: 1px solid #ead9bd !important;
border-radius: 18px !important;
padding: 18px !important;
}
.checkout-form h3,
#paymentPanel h3 {
font-size: 22px !important;
font-weight: 900 !important;
margin: 0 0 14px !important;
}
.checkout-form input,
.checkout-form textarea {
width: 100% !important;
height: 52px !important;
border-radius: 10px !important;
border: 1px solid #d9d9d9 !important;
background: #fff !important;
padding: 0 14px !important;
font-size: 14px !important;
box-sizing: border-box !important;
margin: 0 0 12px !important;
}
.checkout-form textarea {
height: 82px !important;
padding-top: 14px !important;
resize: vertical !important;
}
.otp-box {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 12px !important;
margin-bottom: 12px !important;
}
.otp-box button:first-child {
grid-column: 1 / 3 !important;
}
.otp-box button {
height: 52px !important;
border-radius: 8px !important;
border: 1px solid #000 !important;
background: #000 !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 900 !important;
letter-spacing: .3px !important;
cursor: pointer !important;
}
.otp-box input {
height: 52px !important;
margin: 0 !important;
}
.checkout-form > button,
.confirm-order-btn {
width: 100% !important;
height: 56px !important;
border-radius: 10px !important;
border: none !important;
background: #000 !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 900 !important;
margin-top: 6px !important;
cursor: pointer !important;
}
#paymentPanel {
display: none;
}
#paymentPanel.active {
display: block !important;
}
.payment-option {
display: flex !important;
gap: 12px !important;
align-items: center !important;
border: 1px solid #ddd !important;
border-radius: 14px !important;
padding: 14px !important;
background: #fff !important;
margin-bottom: 12px !important;
}
.payment-option.active {
border-color: #000 !important;
}
.payment-summary {
background: #fff !important;
border-radius: 14px !important;
padding: 14px !important;
margin: 14px 0 !important;
}
.payment-summary p {
display: flex !important;
justify-content: space-between !important;
margin: 10px 0 !important;
font-size: 15px !important;
}
@media (max-width: 600px) {
.cart-drawer {
width: 100vw !important;
padding: 20px !important;
}
.cart-item {
grid-template-columns: 70px 1fr !important;
}
.cart-item > strong {
grid-column: 2 !important;
}
}
.category-product-block {
padding: 34px 0 48px;
scroll-margin-top: 150px;
}
.category-product-block + .category-product-block {
border-top: 1px solid #eadfce;
}
/* ===== FIX CATEGORY PRODUCT GRID ===== */
#featuredProductGrid {
display: block !important;
max-width: 1440px !important;
margin: 0 auto !important;
}
.category-product-block {
width: 100% !important;
padding: 44px 5% 54px !important;
scroll-margin-top: 155px !important;
}
.category-product-block .pal-product-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 24px !important;
width: 100% !important;
}
.category-product-block .product-card-pal {
width: 100% !important;
min-width: 0 !important;
}
@media(max-width: 900px) {
.category-product-block .pal-product-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media(max-width: 560px) {
.category-product-block .pal-product-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
}
/* ===== CATALOG PAGE ===== */
.catalog-page {
padding: 42px 5% 70px;
background: #fffaf3;
min-height: 80vh;
}
.catalog-page-head {
text-align: center;
margin-bottom: 32px;
}
.catalog-page-head p {
letter-spacing: 4px;
color: #9b6b43;
font-size: 13px;
font-weight: 800;
}
.catalog-page-head h1 {
font-family: Georgia, serif;
font-size: 42px;
font-weight: 400;
margin: 0;
}
.catalog-toolbar {
max-width: 1440px;
margin: 0 auto 24px;
display: flex;
justify-content: flex-end;
}
.catalog-toolbar select {
width: 220px;
border: 1px solid #d8c7ad;
border-radius: 8px;
background: white;
}
#catalogGrid {
max-width: 1440px;
margin: 0 auto;
}
.view-all-btn {
border: 1px solid #111;
padding: 12px 24px;
background: #fff;
font-weight: 800;
text-transform: uppercase;
font-size: 13px;
}
.view-all-btn:hover {
background: #111;
color: #fff;
}
/* ===== PREMIUM VIEW ALL BUTTON ===== */
.view-all-btn {
position: relative;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 13px 26px;
border-radius: 999px;
border: 1px solid #111;
background: #111;
color: #fff !important;
font-size: 13px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
overflow: hidden;
box-shadow: 0 12px 30px rgba(0,0,0,.16);
transition: .28s ease;
}
.view-all-btn::after {
content: "→";
font-size: 17px;
transition: .28s ease;
}
.view-all-btn::before {
content: "";
position: absolute;
inset: 0;
left: -120%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
transition: .55s ease;
}
.view-all-btn:hover {
transform: translateY(-3px);
background: #b4894c;
border-color: #b4894c;
box-shadow: 0 18px 42px rgba(180,137,76,.35);
}
.view-all-btn:hover::before {
left: 120%;
}
.view-all-btn:hover::after {
transform: translateX(5px);
}
/* ===== PREMIUM CATALOG PAGE FINAL ===== */
.catalog-page {
background: linear-gradient(180deg, #fffaf3, #ffffff);
padding: 0 5% 80px !important;
}
.catalog-page-head {
min-height: 220px;
display: grid;
place-items: center;
text-align: center;
margin: 0 -5% 34px !important;
background:
linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.25)),
url("https://images.unsplash.com/photo-1515562141207-7a88fb7ce338?auto=format&fit=crop&w=1800&q=90") center/cover;
color: #fff;
}
.catalog-page-head p {
margin: 0 0 10px;
letter-spacing: 5px;
color: #e8c98f !important;
font-size: 13px;
font-weight: 900;
}
.catalog-page-head h1 {
font-family: Georgia, serif;
font-size: 48px;
font-weight: 400;
margin: 0;
}
.catalog-toolbar {
max-width: 1440px;
margin: 0 auto 24px !important;
display: flex;
justify-content: space-between;
align-items: center;
}
.catalog-toolbar::before {
content: "Showing premium selected products";
color: #7c6549;
font-weight: 700;
letter-spacing: .4px;
}
.catalog-toolbar select {
width: 230px;
height: 48px;
border: 1px solid #d5bea0;
border-radius: 999px;
padding: 0 18px;
background: #fff;
font-weight: 800;
cursor: pointer;
}
#catalogGrid {
max-width: 1440px;
margin: 0 auto;
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 24px !important;
}
#catalogGrid > p {
grid-column: 1 / -1;
background: #fff;
border: 1px solid #eadfce;
border-radius: 18px;
padding: 40px;
text-align: center;
font-size: 18px;
color: #7c6549;
}
@media(max-width: 900px) {
#catalogGrid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.catalog-page-head h1 {
font-size: 36px;
}
}
@media(max-width: 560px) {
.catalog-page {
padding: 0 4% 60px !important;
}
.catalog-toolbar {
display: grid;
gap: 14px;
}
.catalog-toolbar select {
width: 100%;
}
#catalogGrid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
}
/* ===== LUXURY CATALOG HEADER V2 ===== */
.catalog-page-head {
min-height: 260px !important;
margin: 0 -5% 40px !important;
background:
linear-gradient(90deg, rgba(255,250,243,.98) 0%, rgba(255,250,243,.88) 42%, rgba(255,250,243,.18) 100%),
url("https://images.unsplash.com/photo-1602173574767-37ac01994b2a?auto=format&fit=crop&w=1800&q=90") center/cover !important;
color: #111 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
padding-left: 7% !important;
text-align: left !important;
}
.catalog-page-head p {
color: #9b6b43 !important;
letter-spacing: 5px !important;
}
.catalog-page-head h1 {
font-family: Georgia, serif !important;
font-size: 58px !important;
font-weight: 400 !important;
}
.catalog-count {
font-weight: 900;
color: #4b3520;
background: #fff;
border: 1px solid #eadfce;
padding: 13px 20px;
border-radius: 999px;
}
.empty-catalog {
grid-column: 1 / -1;
background: #fff;
border: 1px solid #eadfce;
border-radius: 18px;
padding: 44px;
text-align: center;
font-size: 18px;
color: #7c6549;
font-weight: 700;
}
/* ===== PRODUCT PAGE PREMIUM FINAL ===== */
.pd-page-wrap {
background: #fffaf3;
padding: 38px 5% 70px;
}
.pd-layout {
max-width: 1320px;
margin: 0 auto;
display: grid;
grid-template-columns: 1.05fr .95fr;
gap: 42px;
align-items: start;
}
.pd-gallery {
position: sticky;
top: 135px;
background: #fff;
border: 1px solid #eadfce;
border-radius: 24px;
padding: 22px;
box-shadow: 0 20px 55px rgba(0,0,0,.08);
}
#productThumbs{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
margin-top:15px;
width:100%;
}
#productThumbs img{
width:100%;
height:110px;
object-fit:cover;
border:2px solid #ddd;
border-radius:8px;
cursor:pointer;
transition:0.3s;
}
#productThumbs img:hover{
border:2px solid black;
transform:scale(1.03);
}
.pd-gallery img {
width: 100%;
aspect-ratio: 4/5;
object-fit: cover;
border-radius: 18px;
background: #f4eee6;
}
.pd-info {
background: #fff;
border: 1px solid #eadfce;
border-radius: 24px;
padding: 28px;
box-shadow: 0 20px 55px rgba(0,0,0,.07);
}
.pd-title-row h1 {
font-family: Georgia, serif;
font-size: 38px;
line-height: 1.1;
margin: 0 0 12px;
}
.pd-rating {
color: #b4894c;
font-weight: 800;
margin-bottom: 16px;
}
.pd-price-row {
display: flex;
align-items: center;
gap: 14px;
flex-wrap: wrap;
margin: 18px 0 8px;
}
.pd-price-row b {
font-size: 32px;
}
.pd-price-row em {
background: #e8f7ed;
color: #087a35;
padding: 7px 12px;
border-radius: 999px;
font-style: normal;
font-weight: 900;
}
.pd-actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
margin: 24px 0;
}
.pd-actions button {
height: 58px;
border-radius: 999px;
border: 1px solid #111;
font-weight: 900;
cursor: pointer;
}
.pd-actions button:first-child {
background: #fff;
color: #111;
}
.pd-actions button:last-child {
background: #111;
color: #fff;
box-shadow: 0 14px 34px rgba(0,0,0,.18);
}
.pd-stock,
.pd-tax,
.pd-sku {
color: #6d5a43;
font-weight: 700;
}
.pd-deals,
.pincode-check-box,
.product-info-box {
background: #fff8ed;
border: 1px solid #ead9bd;
border-radius: 18px;
padding: 16px;
margin: 16px 0;
}
.pincode-row {
display: grid;
grid-template-columns: 1fr 110px;
gap: 10px;
}
.pincode-row button {
background: #111;
color: #fff;
border: 0;
border-radius: 12px;
font-weight: 900;
}
.product-reviews-section,
.related-products {
max-width: 1320px;
margin: 34px auto 0;
background: #fff;
border: 1px solid #eadfce;
border-radius: 24px;
padding: 26px;
}
.related-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
}
.related-card {
border: 1px solid #eee;
border-radius: 16px;
overflow: hidden;
background: #fff;
}
.related-card img {
width: 100%;
aspect-ratio: 3/4;
object-fit: cover;
}
.related-card h3,
.related-card p,
.related-card div {
padding: 0 12px;
}
@media(max-width: 900px) {
.pd-layout {
grid-template-columns: 1fr;
}
.pd-gallery {
position: static;
}
.related-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media(max-width: 560px) {
.pd-page-wrap {
padding: 18px 4% 50px;
}
.pd-info {
padding: 20px;
}
.pd-title-row h1 {
font-size: 28px;
}
.pd-actions {
grid-template-columns: 1fr;
}
}
/* ===== FLOATING WHATSAPP ===== */
.floating-whatsapp {
position: fixed;
right: 22px;
bottom: 88px;
z-index: 999;
background: #25d366;
color: #fff !important;
padding: 14px 20px;
border-radius: 999px;
font-weight: 900;
box-shadow: 0 16px 38px rgba(37,211,102,.35);
transition: .25s ease;
}
.floating-whatsapp:hover {
transform: translateY(-4px);
box-shadow: 0 22px 48px rgba(37,211,102,.48);
}
a.floating-whatsapp {
display: flex !important;
position: fixed !important;
right: 22px !important;
bottom: 22px !important;
z-index: 999999 !important;
background: #25d366 !important;
color: #fff !important;
padding: 14px 20px !important;
border-radius: 999px !important;
font-weight: 900 !important;
box-shadow: 0 16px 38px rgba(37,211,102,.35) !important;
}
/* ===== LUXURY LOADER ===== */
#luxLoader{
position:fixed;
inset:0;
background:#fdf8f1;
z-index:9999999;
display:flex;
align-items:center;
justify-content:center;
transition:opacity .7s ease, visibility .7s ease;
}
#luxLoader.hide{
opacity:0;
visibility:hidden;
}
.lux-loader-inner{
text-align:center;
}
.lux-loader-inner h1{
font-size:52px;
letter-spacing:12px;
color:#111;
margin:0;
animation:luxPulse 1.4s infinite alternate;
}
.lux-loader-inner span{
display:block;
margin-top:14px;
color:#9d7b47;
letter-spacing:5px;
font-size:14px;
}
@keyframes luxPulse{
from{
opacity:.4;
transform:scale(.98);
}
to{
opacity:1;
transform:scale(1.03);
}
}
/* ===== PREMIUM FLOATING WHATSAPP ===== */
a.floating-whatsapp{
position:fixed !important;
right:22px !important;
bottom:22px !important;
z-index:999999 !important;
display:flex !important;
align-items:center !important;
gap:12px !important;
padding:14px 22px 14px 16px !important;
border-radius:999px !important;
background:linear-gradient(135deg,#25d366,#128c7e) !important;
color:#fff !important;
font-weight:800 !important;
letter-spacing:.4px !important;
box-shadow:
0 18px 40px rgba(37,211,102,.35),
0 6px 18px rgba(0,0,0,.12) !important;
overflow:hidden !important;
transition:.28s ease !important;
backdrop-filter:blur(10px);
}
a.floating-whatsapp::before{
content:"";
width:18px;
height:18px;
border-radius:50%;
background:#fff;
box-shadow:
0 0 0 6px rgba(255,255,255,.16),
0 0 0 12px rgba(255,255,255,.08);
}
a.floating-whatsapp::after{
content:"Chat With Us";
white-space:nowrap;
}
a.floating-whatsapp:hover{
transform:translateY(-5px) scale(1.03) !important;
box-shadow:
0 28px 60px rgba(37,211,102,.42),
0 10px 26px rgba(0,0,0,.16) !important;
}
@keyframes waPulse{
0%{transform:scale(1)}
50%{transform:scale(1.06)}
100%{transform:scale(1)}
}
a.floating-whatsapp{
animation:waPulse 2.4s infinite;
}
@media(max-width:600px){
a.floating-whatsapp{
right:14px !important;
bottom:14px !important;
padding:13px 18px 13px 14px !important;
font-size:13px !important;
}
a.floating-whatsapp::after{
content:"WhatsApp";
}
}
/* ===== LUXURY WEBSITE LOADER ===== */
.ruby-loader {
position: fixed;
inset: 0;
background: radial-gradient(circle at top, #3b2b1c, #050505 62%);
z-index: 9999999;
display: grid;
place-items: center;
text-align: center;
color: #fff;
transition: opacity .7s ease, visibility .7s ease;
}
.ruby-loader.hide {
opacity: 0;
visibility: hidden;
}
.loader-ring {
width: 86px;
height: 86px;
border-radius: 50%;
border: 2px solid rgba(255,255,255,.18);
border-top-color: #d6a84f;
animation: rubySpin 1s linear infinite;
margin-bottom: 22px;
box-shadow: 0 0 35px rgba(214,168,79,.35);
}
.ruby-loader h2 {
font-family: Georgia, serif;
letter-spacing: 8px;
font-weight: 400;
margin: 0 0 10px;
}
.ruby-loader p {
color: #e8c98f;
font-size: 13px;
letter-spacing: 2px;
text-transform: uppercase;
}
@keyframes rubySpin {
to { transform: rotate(360deg); }
}
/* ===== ULTRA LUXURY RUBY LOADER ===== */
.ruby-loader{
position:fixed !important;
inset:0 !important;
z-index:9999999 !important;
background:
radial-gradient(circle at 50% 35%, rgba(190,142,70,.35), transparent 24%),
linear-gradient(135deg,#050505 0%,#17100a 48%,#050505 100%) !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
color:#fff !important;
overflow:hidden !important;
}
.ruby-loader::before{
content:"";
position:absolute;
width:360px;
height:360px;
border-radius:50%;
border:1px solid rgba(218,170,92,.25);
box-shadow:0 0 90px rgba(218,170,92,.25);
animation:loaderPulse 2s infinite ease-in-out;
}
.ruby-loader::after{
content:"✦";
position:absolute;
top:28%;
color:#d8aa5b;
font-size:38px;
animation:loaderSpark 1.4s infinite ease-in-out;
}
.loader-ring{
width:118px !important;
height:118px !important;
border-radius:50% !important;
border:1px solid rgba(255,255,255,.18) !important;
border-top:3px solid #d8aa5b !important;
border-right:3px solid #fff1c7 !important;
box-shadow:0 0 45px rgba(216,170,91,.35) !important;
animation:rubySpin 1.1s linear infinite !important;
margin-bottom:28px !important;
}
.ruby-loader h2{
font-family:Georgia,'Times New Roman',serif !important;
font-size:28px !important;
letter-spacing:10px !important;
font-weight:400 !important;
margin:0 0 12px !important;
text-shadow:0 0 30px rgba(216,170,91,.35);
}
.ruby-loader p{
color:#e8c98f !important;
font-size:12px !important;
letter-spacing:4px !important;
text-transform:uppercase !important;
margin:0 !important;
}
.ruby-loader.hide{
opacity:0 !important;
visibility:hidden !important;
transition:.7s ease !important;
}
@keyframes rubySpin{
to{transform:rotate(360deg)}
}
@keyframes loaderPulse{
0%,100%{transform:scale(.88);opacity:.45}
50%{transform:scale(1.12);opacity:1}
}
@keyframes loaderSpark{
0%,100%{transform:translateY(0) scale(1);opacity:.55}
50%{transform:translateY(-10px) scale(1.25);opacity:1}
}
/* ===== RUBY FOOTER ===== */
.ruby-footer{
background:#0a0a0a;
color:#fff;
padding:60px 5% 25px;
margin-top:60px;
}
.footer-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
max-width:1400px;
margin:auto;
}
.footer-grid h3,
.footer-grid h4{
margin-bottom:18px;
font-family:Georgia,serif;
}
.footer-grid a,
.footer-grid p{
display:block;
margin:10px 0;
color:#cfcfcf;
}
.footer-grid a:hover{
color:#d6a84f;
}
.footer-bottom{
margin-top:40px;
padding-top:20px;
border-top:1px solid rgba(255,255,255,.12);
text-align:center;
color:#999;
}
@media(max-width:800px){
.footer-grid{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:560px){
.footer-grid{
grid-template-columns:1fr;
}
}
/* ===== PREMIUM SEARCH SUGGESTION UI ===== */
.search-suggestions{
border-radius:22px !important;
padding:10px !important;
background:rgba(255,255,255,.96) !important;
backdrop-filter:blur(18px);
border:1px solid #eee2d3 !important;
box-shadow:0 25px 60px rgba(0,0,0,.16) !important;
margin-top:10px;
}
.search-suggestions button{
border-radius:16px !important;
margin-bottom:8px;
border:0 !important;
transition:.25s ease;
background:#fff !important;
padding:12px !important;
}
.search-suggestions button:hover{
background:linear-gradient(135deg,#fffaf3,#f5ecdd) !important;
transform:translateX(4px);
}
.search-suggestions img{
width:60px !important;
height:60px !important;
border-radius:14px !important;
border:1px solid #eee;
}
.search-suggestions b{
font-size:15px !important;
color:#111;
}
.search-suggestions small{
color:#8d7359 !important;
margin-top:6px !important;
}
.search-suggestions em{
background:#111;
color:#fff !important;
padding:6px 10px;
border-radius:999px;
font-size:12px;
}
.search-suggestions::-webkit-scrollbar{
width:6px;
}
.search-suggestions::-webkit-scrollbar-thumb{
background:#d8b56d;
border-radius:999px;
}
/* ===== MOBILE BOTTOM NAV ===== */
.mobile-bottom-nav{
display:none;
}
@media(max-width:768px){
.mobile-bottom-nav{
display:grid !important;
grid-template-columns:repeat(5,1fr);
position:fixed;
left:0;
right:0;
bottom:0;
z-index:9999;
background:rgba(255,255,255,.96);
backdrop-filter:blur(18px);
border-top:1px solid #eee;
box-shadow:0 -8px 30px rgba(0,0,0,.08);
padding:10px 0;
}
.mobile-bottom-nav a{
display:flex;
flex-direction:column;
align-items:center;
gap:4px;
font-size:18px;
color:#111;
font-weight:700;
}
.mobile-bottom-nav span{
font-size:11px;
}
}
.header-icons{
display:flex;
gap:18px;
align-items:center;
}
.icon-btn{
border:none;
background:transparent;
display:flex;
flex-direction:column;
align-items:center;
cursor:pointer;
font-size:22px;
transition:.3s;
}
.icon-btn span{
font-size:11px;
margin-top:4px;
}
.icon-btn:hover{
transform:translateY(-3px);
color:#c89a45;
}
/* ===== HEADER ICONS RIGHT BUT NOT EDGE ===== */
.header-row{
grid-template-columns: 340px 1fr 190px !important;
max-width: 1500px !important;
margin: 0 auto !important;
padding-left: 5% !important;
padding-right: 5% !important;
}
.header-icons{
justify-self: end !important;
margin-left: 0 !important;
margin-right: 35px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 18px !important;
}
.login-modal{
position:fixed;
inset:0;
background:rgba(0,0,0,.55);
z-index:999999;
display:none;
align-items:center;
justify-content:center;
}
body.login-modal-open .login-modal{
display:flex;
}
.login-modal-box{
width:min(420px,92%);
background:#fffaf3;
border-radius:24px;
padding:28px;
box-shadow:0 30px 80px rgba(0,0,0,.28);
position:relative;
}
.login-modal-box > button:first-child{
position:absolute;
right:18px;
top:14px;
border:0;
background:#111;
color:#fff;
width:34px;
height:34px;
border-radius:50%;
font-size:22px;
}
.login-modal-box h2{
font-family:Georgia,serif;
margin:0 0 8px;
}
.login-modal-box input{
margin:10px 0;
height:52px;
border-radius:14px;
}
.login-modal-box button:not(:first-child){
width:100%;
height:52px;
border:0;
border-radius:14px;
background:#111;
color:#fff;
font-weight:900;
margin-top:8px;
}
.header-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
}
.pal-brand{
font-size:38px;
letter-spacing:10px;
white-space:nowrap;
}
.header-icons{
display:flex;
align-items:center;
gap:25px;
}
.icon-btn{
border:none;
background:none;
display:flex;
flex-direction:column;
align-items:center;
cursor:pointer;
font-size:14px;
font-weight:600;
}
.icon-symbol{
font-size:22px;
}
/* ===== HEADER ICON CLEAN FINAL ===== */
.header-icons{
display:flex !important;
align-items:center !important;
gap:22px !important;
}
.icon-btn{
position:relative !important;
width:48px !important;
height:48px !important;
border:none !important;
background:transparent !important;
display:grid !important;
place-items:center !important;
cursor:pointer !important;
}
.icon-btn small,
.icon-btn span:not(.icon-symbol){
display:none !important;
}
.icon-symbol{
font-size:34px !important;
line-height:1 !important;
color:#111 !important;
}
.icon-btn b,
#cartCount{
position:absolute !important;
top:0 !important;
right:0 !important;
background:#111 !important;
color:#fff !important;
width:18px !important;
height:18px !important;
border-radius:50% !important;
font-size:11px !important;
display:grid !important;
place-items:center !important;
}
.image-upload-box {
grid-column: 1 / -1;
border: 2px dashed #c9a86a;
background: #fffaf3;
border-radius: 18px;
padding: 24px;
text-align: center;
}
.image-upload-box.drag-active {
background: #f5ead8;
border-color: #111;
}
.image-preview-grid {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 12px;
margin-top: 18px;
}
.upload-preview {
position: relative;
border-radius: 12px;
overflow: hidden;
border: 1px solid #eadfce;
background: white;
}
.upload-preview img {
width: 100%;
aspect-ratio: 1/1;
object-fit: cover;
display: block;
}
.upload-preview button {
position: absolute;
top: 5px;
right: 5px;
border: 0;
background: #111;
color: white;
width: 24px;
height: 24px;
border-radius: 50%;
}
.upload-preview span {
display: block;
font-size: 11px;
font-weight: 800;
padding: 6px;
}
.admin-section img:hover{
border:2px solid black;
transform:scale(1.05);
}
.thumb-img{
width:70px;
height:70px;
object-fit:cover;
border:2px solid #ddd;
border-radius:10px;
cursor:pointer;
padding:4px;
background:#fff;
transition:.3s;
}
.thumb-img:hover{
transform:scale(1.08);
border-color:#caa65b;
}
.pd-gallery{
height:auto !important;
max-height:none !important;
overflow:visible !important;
align-self:flex-start !important;
}
.pd-gallery #pImage{
width:100% !important;
max-height:620px !important;
object-fit:contain !important;
display:block !important;
}
#productThumbs{
position:static !important;
display:grid !important;
grid-template-columns:repeat(3, 1fr) !important;
gap:12px !important;
margin-top:18px !important;
padding:0 !important;
height:auto !important;
max-height:none !important;
overflow:visible !important;
width:100% !important;
}
#productThumbs img{
width:100% !important;
height:150px !important;
object-fit:cover !important;
display:block !important;
}
.premium-nav{
padding:10px 0;
border-top:1px solid #eee;
}
.premium-nav a,
.nav-dropdown button{
font-size:15px;
color:#171717;
text-decoration:none;
background:none;
border:0;
cursor:pointer;
padding:18px 0;
font-family:inherit;
}
.nav-dropdown{
position:relative;
}
.nav-dropdown-menu{
display:none;
position:absolute;
top:52px;
left:50%;
transform:translateX(-50%);
background:#fff;
min-width:210px;
padding:10px 0;
box-shadow:0 18px 45px rgba(0,0,0,.14);
border:1px solid #eee;
z-index:9999;
}
.nav-dropdown-menu a{
display:block;
padding:12px 22px;
white-space:nowrap;
}
.nav-dropdown:hover .nav-dropdown-menu{
display:block;
}
.pal-header{
overflow:visible !important;
}
.header-row{
padding:18px 5% 14px !important;
display:grid !important;
grid-template-columns: 1fr 520px 220px !important;
align-items:center !important;
gap:24px !important;
}
.pal-brand{
font-size:36px !important;
letter-spacing:14px !important;
white-space:nowrap !important;
}
.header-search{
max-width:520px !important;
width:100% !important;
}
.search-box-wrap{
width:100%;
max-width:650px;
}
.search-box-wrap input{
height:42px !important;
font-size:14px !important;
}
.header-icons{
gap:18px;
}
.premium-nav{
padding:4px 0 8px !important;
gap:34px !important;
}
.header-row{
padding:14px 5% 10px !important;
display:grid !important;
grid-template-columns: 430px 1fr 190px !important;
align-items:center !important;
gap:22px !important;
}
.pal-brand{
font-size:28px !important;
letter-spacing:9px !important;
white-space:nowrap !important;
}
.header-search{
width:100% !important;
max-width:620px !important;
justify-self:center !important;
}
.header-icons i,
.header-icons svg{
font-size:22px;
}
.search-box-wrap{
height:46px !important;
}
.search-box-wrap input{
height:46px !important;
font-size:16px !important;
}
.header-icons{
display:flex !important;
justify-content:flex-end !important;
align-items:center !important;
gap:14px !important;
overflow:visible !important;
}
.icon-btn{
min-width:42px !important;
width:42px !important;
height:42px !important;
}
.icon-btn small{
display:none !important;
}
.premium-nav{
padding:8px 0 14px !important;
gap:46px !important;
}
.image-url-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:10px;
margin:14px 0;
}
.image-url-grid input{
padding:12px;
border:1px solid #ddd;
border-radius:10px;
font-size:14px;
}
.header-row{
padding:8px 5% 8px !important;
grid-template-columns:380px 1fr 160px !important;
}
.pal-brand{
font-size:24px !important;
letter-spacing:6px !important;
}
.search-box-wrap{
height:40px !important;
}
.search-box-wrap input{
height:40px !important;
font-size:14px !important;
}
.icon-btn{
width:36px !important;
height:36px !important;
min-width:36px !important;
}
.icon-symbol{
font-size:24px !important;
}
.premium-nav{
padding:8px 0 10px !important;
}
.pincode{
font-size:13px !important;
margin-bottom:4px !important;
}
.pal-header,
.header-row,
.premium-nav,
.nav-dropdown{
overflow: visible !important;
}
.nav-dropdown-menu{
z-index: 999999 !important;
top: 42px !important;
}
.pal-header,
.header-row,
.premium-nav{
position: static !important;
top: auto !important;
z-index: auto !important;
overflow: visible !important;
}
.offer-marquee{
position: static !important;
top: auto !important;
}
.hero-text h1{
font-size:clamp(42px,6vw,82px) !important;
}
.pal-product-card,
.product-card{
border-radius:18px !important;
box-shadow:0 12px 35px rgba(0,0,0,.08) !important;
transition:.25s ease !important;
}
.pal-product-card:hover,
.product-card:hover{
transform:translateY(-5px);
}
.floating-whatsapp{
padding:12px 22px !important;
font-size:15px !important;
border-radius:999px !important;
}
/* =========================================================
FINAL CLEAN OVERRIDES - P.R. ENTERPRISES
Paste-safe: keep this at the VERY END of styles.css
========================================================= */
:root{
--pr-bg:#fffdf9;
--pr-black:#080808;
--pr-text:#111;
--pr-muted:#777;
--pr-gold:#d8b56d;
--pr-cream:#f7f1e8;
--pr-border:#eadfce;
}
html,body{overflow-x:hidden!important;background:var(--pr-bg)!important;color:var(--pr-text)!important;}
/* Header: compact, non-sticky, premium */
.offer-marquee{position:static!important;height:32px!important;font-size:12px!important;}
.pal-header{position:static!important;top:auto!important;z-index:100!important;background:#fff!important;border-bottom:1px solid #eee!important;box-shadow:0 6px 22px rgba(0,0,0,.05)!important;overflow:visible!important;}
.header-row{display:grid!important;grid-template-columns:240px minmax(280px,620px) 150px!important;align-items:center!important;gap:16px!important;padding:10px 5% 8px!important;overflow:visible!important;}
.pal-brand{font-family:Georgia,'Times New Roman',serif!important;font-size:22px!important;letter-spacing:4px!important;white-space:nowrap!important;color:#050505!important;line-height:1.15!important;}
.header-search{width:100%!important;max-width:620px!important;justify-self:center!important;}
.pincode{display:none!important;}
.search-box-wrap,.header-search label{height:42px!important;border-radius:999px!important;background:#f4efe7!important;border:1px solid #e4d8ca!important;overflow:visible!important;}
.search-box-wrap input,.header-search input{height:42px!important;font-size:14px!important;padding:0 16px!important;}
.search-box-wrap button,.header-search button{height:42px!important;width:48px!important;font-size:24px!important;display:grid!important;place-items:center!important;}
.header-icons{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;overflow:visible!important;}
.icon-btn,.header-icons button{width:38px!important;height:38px!important;min-width:38px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#fff!important;border:1px solid #eee!important;font-size:20px!important;padding:0!important;}
.icon-btn small,.header-icons small{display:none!important;}
.icon-symbol{font-size:20px!important;line-height:1!important;}
/* Premium nav + dropdown */
.pal-nav,.premium-nav{position:relative!important;z-index:9999!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:42px!important;padding:8px 5% 12px!important;font-size:15px!important;white-space:nowrap!important;overflow:visible!important;border-top:1px solid #f2eee8!important;}
.premium-nav a,.pal-nav a,.nav-dropdown button{color:#161616!important;background:transparent!important;border:0!important;text-decoration:none!important;font-size:15px!important;font-family:inherit!important;cursor:pointer!important;padding:8px 0!important;line-height:1.2!important;}
.nav-dropdown{position:relative!important;overflow:visible!important;}
.nav-dropdown-menu{display:none;position:absolute!important;top:36px!important;left:50%!important;transform:translateX(-50%)!important;background:#fff!important;min-width:220px!important;padding:10px 0!important;border:1px solid #eee!important;box-shadow:0 18px 45px rgba(0,0,0,.14)!important;z-index:999999!important;overflow:visible!important;}
.nav-dropdown-menu a{display:block!important;padding:12px 22px!important;text-align:left!important;white-space:nowrap!important;}
.nav-dropdown-menu a:hover{background:#f8f4ee!important;}
.nav-dropdown:hover .nav-dropdown-menu{display:block!important;}
/* Search suggestions */
.search-suggestions{top:48px!important;border-radius:14px!important;z-index:999999!important;}
/* Hero compact premium */
.luxury-hero,.auto-hero,.hero-slider{height:560px!important;min-height:560px!important;}
.hero-slide{padding-left:8%!important;}
.hero-text{max-width:620px!important;width:88%!important;transform:none!important;}
.hero-text p{font-size:15px!important;letter-spacing:7px!important;margin-bottom:14px!important;}
.hero-text h1{font-size:clamp(42px,5.6vw,74px)!important;line-height:1.02!important;margin-bottom:14px!important;}
.hero-text span{font-size:clamp(24px,3vw,42px)!important;margin-bottom:22px!important;}
.hero-text a{padding:12px 28px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.75)!important;}
.hero-card{width:235px!important;padding:20px!important;right:6%!important;bottom:42px!important;}
.hero-card b{font-size:24px!important;}
.hero-card strong{font-size:24px!important;}
/* Product cards */
.product-card-pal{border-radius:18px!important;overflow:hidden!important;border:1px solid #eee2d3!important;box-shadow:0 10px 28px rgba(0,0,0,.055)!important;background:#fff!important;}
.product-card-pal:hover{transform:translateY(-6px)!important;box-shadow:0 20px 48px rgba(0,0,0,.13)!important;}
.product-img-pal img{aspect-ratio:3/4!important;object-fit:cover!important;}
.product-body-pal{padding:15px!important;}
.product-body-pal h3{font-size:15px!important;line-height:1.35!important;min-height:40px!important;}
.product-actions-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;}
.view-details-btn,.product-actions-row button{border-radius:999px!important;padding:11px 8px!important;font-size:12px!important;font-weight:800!important;}
/* Category cards */
.catalog-card{border-radius:16px!important;box-shadow:0 14px 36px rgba(0,0,0,.09)!important;}
.catalog-card:hover{transform:translateY(-5px)!important;}
/* WhatsApp / floating */
.floating-whatsapp{position:fixed!important;right:18px!important;bottom:86px!important;z-index:9999!important;background:#18b85a!important;color:#fff!important;border-radius:999px!important;padding:10px 16px!important;font-size:14px!important;box-shadow:0 14px 36px rgba(0,0,0,.20)!important;}
.floating-cart{right:18px!important;bottom:18px!important;width:52px!important;height:52px!important;border-radius:16px!important;}
/* Footer cleanup */
.ruby-footer{margin-top:48px!important;background:#080808!important;}
.footer-brand h2{font-size:24px!important;letter-spacing:5px!important;}
/* Admin image URL grid */
.image-url-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin:14px 0!important;}
.image-url-grid input{padding:12px!important;border:1px solid #ddd!important;border-radius:10px!important;font-size:14px!important;background:#fff!important;}
/* Mobile */
@media(max-width:1050px){
.header-row{grid-template-columns:auto 1fr auto!important;padding:12px 4%!important;}
.mobile-menu{display:block!important;}
.pal-brand{font-size:20px!important;letter-spacing:3px!important;}
.header-search{display:none!important;}
.pal-nav,.premium-nav{display:none!important;}
.mobile-nav{top:72px!important;z-index:99999!important;}
.hero-card{display:none!important;}
.hero-slide{padding-left:0!important;justify-content:center!important;text-align:center!important;}
.pal-product-grid{grid-template-columns:repeat(2,1fr)!important;}
}
@media(max-width:600px){
.offer-marquee{height:30px!important;font-size:11px!important;}
.header-row{padding:10px 4%!important;}
.pal-brand{font-size:18px!important;letter-spacing:2px!important;}
.icon-btn,.header-icons button{width:34px!important;height:34px!important;min-width:34px!important;}
.luxury-hero,.auto-hero,.hero-slider{height:460px!important;min-height:460px!important;}
.hero-text p{font-size:12px!important;letter-spacing:5px!important;}
.hero-text h1{font-size:42px!important;}
.hero-text span{font-size:26px!important;}
.pal-product-grid{grid-template-columns:1fr!important;}
.catalog-grid-four{grid-template-columns:1fr!important;}
.image-url-grid{grid-template-columns:1fr!important;}
.floating-whatsapp{right:14px!important;bottom:78px!important;padding:9px 14px!important;font-size:13px!important;}
}
/* SAFE HEADER + NAV FIX */
.pal-header,
.header-row,
.premium-nav,
.pal-nav{
position: static !important;
overflow: visible !important;
}
.header-row{
padding:10px 5% 8px !important;
display:grid !important;
grid-template-columns:360px 1fr 160px !important;
gap:18px !important;
align-items:center !important;
}
.pal-brand{
font-size:24px !important;
letter-spacing:6px !important;
white-space:nowrap !important;
}
.header-search{
max-width:620px !important;
width:100% !important;
}
.search-box-wrap,
.header-search label{
height:44px !important;
}
.header-search input{
height:44px !important;
font-size:15px !important;
}
.header-search button{
height:44px !important;
font-size:28px !important;
}
.pincode{
font-size:13px !important;
margin-bottom:4px !important;
}
.header-icons{
display:flex !important;
gap:12px !important;
justify-content:flex-end !important;
align-items:center !important;
}
.premium-nav{
padding:8px 0 12px !important;
gap:42px !important;
overflow:visible !important;
}
.nav-dropdown-menu{
z-index:999999 !important;
}
/* SAFE PRODUCT CARD POLISH */
.product-card-pal{
border-radius:18px !important;
overflow:hidden !important;
border:1px solid #eadfce !important;
background:#fff !important;
box-shadow:0 10px 28px rgba(0,0,0,.06) !important;
}
.product-card-pal:hover{
transform:translateY(-6px) !important;
box-shadow:0 20px 50px rgba(0,0,0,.12) !important;
}
.product-img-pal{
background:#f7f1e8 !important;
}
.product-img-pal img{
border-radius:0 !important;
}
.product-body-pal{
padding:16px !important;
}
.product-body-pal h3{
font-size:15px !important;
line-height:1.35 !important;
min-height:42px !important;
}
.price-row b{
font-size:18px !important;
}
.product-actions-row button,
.product-body-pal>button,
.view-details-btn{
border-radius:999px !important;
height:42px !important;
font-size:12px !important;
letter-spacing:.5px !important;
}
.quick-add{
border-radius:999px !important;
}
/* FIX PRODUCT BUTTON TEXT CUT */
.product-actions-row{
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:12px !important;
}
.product-actions-row button,
.product-actions-row a,
.view-details-btn{
height:48px !important;
min-height:48px !important;
padding:0 14px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
line-height:1.1 !important;
white-space:normal !important;
text-align:center !important;
font-size:14px !important;
}
.product-body-pal{
padding-bottom:20px !important;
}
/* MOBILE FINAL FIX */
@media(max-width:600px){
.hero-slider,
.luxury-hero,
.auto-hero{
height:420px !important;
}
.hero-slide{
padding:0 18px !important;
justify
/* MOBILE CLEAN FIX */
@media(max-width:600px){
body{
padding-bottom:95px !important;
}
.floating-whatsapp,
.whatsapp-float{
bottom:86px !important;
right:14px !important;
left:auto !important;
width:auto !important;
max-width:210px !important;
padding:10px 16px !important;
font-size:14px !important;
z-index:9998 !important;
}
.floating-whatsapp span:nth-child(2),
.whatsapp-float span:nth-child(2){
display:none !important;
}
.mobile-bottom-nav{
z-index:9999 !important;
}
.pal-product-grid{
grid-template-columns:1fr 1fr !important;
gap:12px !important;
padding:0 10px !important;
}
.product-card-pal{
border-radius:14px !important;
}
.product-body-pal{
padding:10px !important;
}
.product-body-pal h3{
font-size:14px !important;
line-height:1.25 !important;
min-height:52px !important;
display:-webkit-box !important;
-webkit-line-clamp:3 !important;
-webkit-box-orient:vertical !important;
overflow:hidden !important;
}
.product-body-pal p{
font-size:11px !important;
}
.price-row{
gap:5px !important;
}
.price-row b{
font-size:15px !important;
}
.price-row span,
.price-row em{
font-size:11px !important;
}
.product-actions-row{
grid-template-columns:1fr !important;
gap:8px !important;
}
.product-actions-row button,
.product-actions-row a,
.view-details-btn{
width:100% !important;
height:38px !important;
min-height:38px !important;
font-size:12px !important;
padding:0 8px !important;
}
.gift-banner,
.gold-offer,
.men-pendant-banner-fixed{
margin-left:4% !important;
margin-right:4% !important;
overflow:hidden !important;
}
.gift-banner h2,
.gold-offer h2,
.men-banner-content h2{
font-size:34px !important;
line-height:1.1 !important;
}
.gift-banner h3,
.gold-offer h3,
.men-banner-content h3{
font-size:24px !important;
}
.ruby-footer{
padding-bottom:110px !important;
overflow:hidden !important;
}
.footer-brand h2{
font-size:24px !important;
letter-spacing:4px !important;
word-break:break-word !important;
}
}
/* FORCE MOBILE WHATSAPP + BOTTOM NAV FIX */
@media(max-width:600px){
body{
padding-bottom:90px !important;
}
.mobile-bottom-nav{
height:64px !important;
padding:6px 0 8px !important;
grid-template-columns:repeat(5,1fr) !important;
z-index:99999 !important;
}
.mobile-bottom-nav a{
font-size:20px !important;
gap:2px !important;
}
.mobile-bottom-nav span{
font-size:10px !important;
}
a[href*="wa.me"],
a[href*="whatsapp"],
.floating-whatsapp,
.whatsapp-float{
position:fixed !important;
left:auto !important;
right:12px !important;
bottom:76px !important;
width:54px !important;
height:54px !important;
max-width:54px !important;
border-radius:50% !important;
padding:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:0 !important;
z-index:99998 !important;
}
a[href*="wa.me"]::before,
a[href*="whatsapp"]::before,
.floating-whatsapp::before,
.whatsapp-float::before{
content:"💬" !important;
font-size:24px !important;
}
a[href*="wa.me"] *,
a[href*="whatsapp"] *,
.floating-whatsapp *,
.whatsapp-float *{
display:none !important;
}
}
/* FINAL MOBILE WHATSAPP FIX */
@media screen and (max-width:600px){
.floating-whatsapp,
a.floating-whatsapp{
position:fixed !important;
right:14px !important;
bottom:78px !important;
left:auto !important;
width:52px !important;
height:52px !important;
max-width:52px !important;
min-width:52px !important;
padding:0 !important;
border-radius:50% !important;
font-size:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
z-index:1000000 !important;
}
.floating-whatsapp::before,
a.floating-whatsapp::before{
content:"💬" !important;
font-size:24px !important;
line-height:1 !important;
}
.floating-whatsapp *,
a.floating-whatsapp *{
display:none !important;
}
}
/* HERO BANNER IMAGE FIX */
.hero-slide{
background-size:cover !important;
background-position:center !important;
background-repeat:no-repeat !important;
}
.hero-full-link{
position:absolute !important;
inset:0 !important;
z-index:4 !important;
display:block !important;
}
.auto-hero .slider-arrow,
.hero-dots{
z-index:8 !important;
}
@media(max-width:600px){
.hero-slider,
.luxury-hero,
.auto-hero{
height:420px !important;
}
.hero-slide{
background-size:cover !important;
background-position:center !important;
}
}
/* FINAL MOBILE FIX */
@media(max-width:600px){
body{
padding-bottom:86px !important;
}
.floating-whatsapp{
width:52px !important;
height:52px !important;
min-width:52px !important;
max-width:52px !important;
padding:0 !important;
border-radius:50% !important;
right:14px !important;
bottom:78px !important;
left:auto !important;
font-size:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
z-index:99998 !important;
}
.floating-whatsapp::before{
content:"💬" !important;
font-size:24px !important;
}
.mobile-bottom-nav{
height:64px !important;
padding:6px 0 !important;
}
.pal-product-grid{
grid-template-columns:repeat(2, minmax(0,1fr)) !important;
gap:12px !important;
}
.product-body-pal h3{
display:-webkit-box !important;
-webkit-line-clamp:3 !important;
-webkit-box-orient:vertical !important;
overflow:hidden !important;
min-height:54px !important;
}
}
/* ===== SALTY STYLE MOBILE HOME FIX ===== */
@media(max-width:600px){
body{
background:#f7f7f7 !important;
padding-bottom:82px !important;
}
.offer-marquee{
height:28px !important;
font-size:12px !important;
}
.pal-header{
background:#fff !important;
box-shadow:0 2px 12px rgba(0,0,0,.06) !important;
}
.header-row{
display:grid !important;
grid-template-columns:44px 1fr 44px !important;
padding:14px 16px !important;
gap:10px !important;
align-items:center !important;
}
.mobile-menu{
display:block !important;
font-size:30px !important;
}
.pal-brand{
font-size:24px !important;
letter-spacing:2px !important;
text-align:center !important;
}
.header-icons{
display:flex !important;
justify-content:flex-end !important;
margin:0 !important;
}
.header-icons .icon-btn:first-child,
.header-icons .icon-btn:nth-child(3),
.header-icons small{
display:none !important;
}
.header-icons .icon-btn{
font-size:24px !important;
}
.header-search{
display:block !important;
grid-column:1 / -1 !important;
width:100% !important;
margin-top:8px !important;
}
.pincode{
display:none !important;
}
.header-search label{
height:46px !important;
border:2px solid #111 !important;
border-radius:8px !important;
background:#fff !important;
}
.header-search input{
height:46px !important;
font-size:16px !important;
}
.header-search button{
height:46px !important;
font-size:24px !important;
}
.pal-nav{
display:none !important;
}
.hero-slider,
.luxury-hero,
.auto-hero{
height:310px !important;
margin:14px 0 0 !important;
border-radius:0 !important;
}
.hero-slide{
background-size:cover !important;
background-position:center !important;
}
.slider-arrow{
width:38px !important;
height:38px !important;
font-size:32px !important;
}
.hero-dots{
bottom:14px !important;
}
.trust-row{
display:grid !important;
grid-template-columns:1fr !important;
margin:0 !important;
transform:none !important;
box-shadow:none !important;
}
.trust-row div{
padding:16px !important;
border-bottom:1px solid #eee !important;
}
.catalog-showcase{
padding:30px 16px !important;
}
.catalog-grid-four{
display:flex !important;
gap:14px !important;
overflow-x:auto !important;
scroll-snap-type:x mandatory !important;
}
.catalog-card{
min-width:82% !important;
height:210px !important;
border-radius:18px !important;
scroll-snap-align:start !important;
}
.circle-categories{
padding:32px 16px !important;
}
.circle-grid{
display:flex !important;
gap:18px !important;
overflow-x:auto !important;
}
.circle-grid button{
min-width:105px !important;
}
.circle-grid img{
width:95px !important;
height:95px !important;
}
.circle-grid span{
font-size:13px !important;
}
.pal-product-section{
padding:30px 16px !important;
}
.pal-section-head{
display:block !important;
}
.pal-section-head h2{
font-size:32px !important;
line-height:1.1 !important;
}
.pal-product-grid{
display:grid !important;
grid-template-columns:repeat(2, minmax(0,1fr)) !important;
gap:14px !important;
}
.product-card-pal{
border-radius:16px !important;
overflow:hidden !important;
}
.product-img-pal img{
height:190px !important;
object-fit:cover !important;
aspect-ratio:auto !important;
}
.product-body-pal{
padding:12px !important;
}
.product-body-pal h3{
font-size:15px !important;
line-height:1.25 !important;
min-height:38px !important;
display:-webkit-box !important;
-webkit-line-clamp:2 !important;
-webkit-box-orient:vertical !important;
overflow:hidden !important;
}
.product-body-pal p{
display:none !important;
}
.price-row{
margin:8px 0 !important;
}
.price-row b{
font-size:17px !important;
}
.product-actions-row{
grid-template-columns:1fr !important;
gap:8px !important;
}
.view-details-btn,
.product-actions-row button{
height:38px !important;
font-size:12px !important;
}
.floating-whatsapp{
width:50px !important;
height:50px !important;
border-radius:50% !important;
right:16px !important;
bottom:82px !important;
padding:0 !important;
font-size:0 !important;
}
.floating-whatsapp::before{
content:"💬" !important;
font-size:24px !important;
}
.mobile-bottom-nav{
height:68px !important;
padding:6px 0 !important;
}
.mobile-bottom-nav a{
font-size:21px !important;
}
.mobile-bottom-nav span{
font-size:11px !important;
}
}
/* Product/Desktop navbar fix */
@media(min-width:1051px){
.pal-header{
overflow:hidden !important;
}
.pal-nav{
width:100% !important;
display:flex !important;
justify-content:center !important;
align-items:center !important;
gap:22px !important;
padding:16px 24px !important;
border-top:1px solid #eee5d8 !important;
margin-top:18px !important;
white-space:nowrap !important;
overflow-x:auto !important;
}
.pal-nav a{
flex:0 0 auto !important;
font-size:15px !important;
font-weight:600 !important;
color:#111 !important;
text-decoration:none !important;
}
}
/* FINAL NAVBAR FIX */
.product-page-body .pal-nav{
display:flex !important;
width:100% !important;
justify-content:center !important;
align-items:center !important;
gap:18px !important;
padding:14px 20px !important;
margin-top:14px !important;
border-top:1px solid #eee5d8 !important;
overflow-x:auto !important;
white-space:nowrap !important;
}
.product-page-body .pal-nav a{
font-size:14px !important;
font-weight:700 !important;
color:#111 !important;
text-decoration:none !important;
}
.product-page-body .pal-nav em{
display:none !important;
}
@media(max-width:768px){
.product-page-body .pal-nav{
display:none !important;
}
}
/* FINAL PRODUCT NAV FIX */
.product-page-body .pal-nav{
justify-content:flex-start !important;
gap:34px !important;
padding:14px 60px !important;
overflow-x:auto !important;
overflow-y:hidden !important;
white-space:nowrap !important;
scroll-behavior:smooth !important;
}
.product-page-body .pal-nav a{
flex:0 0 auto !important;
min-width:max-content !important;
display:inline-block !important;
}
.product-page-body .pal-nav::-webkit-scrollbar{
height:0 !important;
}
/* PRODUCT HEADER FINAL FIX */
.fixed-product-header{
display:grid !important;
grid-template-columns: 360px 1fr 190px !important;
align-items:center !important;
gap:28px !important;
}
.fixed-product-header .pal-brand{
white-space:nowrap !important;
}
.fixed-product-header .product-search{
width:100% !important;
max-width:720px !important;
}
.fixed-product-header .header-icons{
justify-content:flex-end !important;
}
.product-page-body .pal-nav{
grid-column:1 / -1 !important;
display:flex !important;
justify-content:center !important;
gap:34px !important;
padding:16px 20px !important;
overflow-x:auto !important;
white-space:nowrap !important;
}
.product-page-body .pal-nav a{
flex:0 0 auto !important;
}
/* PRODUCT PAGE CLEAN HEADER FINAL */
.product-page-body .pal-nav{
display:none !important;
}
.product-page-body .pal-header{
padding-bottom:22px !important;
}
.product-page-body .product-header-row{
display:grid !important;
grid-template-columns:360px 1fr 190px !important;
align-items:center !important;
gap:28px !important;
padding:22px 5% !important;
}
.product-page-body .pal-brand{
white-space:nowrap !important;
}
.product-page-body .product-search{
width:100% !important;
max-width:720px !important;
}
.product-page-body .header-icons{
justify-content:flex-end !important;
}
.hero-slider,
.luxury-hero,
.auto-hero{
height: 620px !important;
min-height: 620px !important;
position: relative !important;
overflow: hidden !important;
background: #000 !important;
}
.hero-slide{
height: 620px !important;
min-height: 620px !important;
width: 100% !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
.hero-slide.active{
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
.hero-slide img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
}
/* FINAL HERO BANNER FIX */
.hero-slider.auto-hero,
.hero-slider.luxury-hero,
#heroSlider{
height:620px !important;
min-height:620px !important;
position:relative !important;
overflow:hidden !important;
background:#000 !important;
padding:0 !important;
}
#heroSlider .hero-slide{
position:absolute !important;
inset:0 !important;
height:100% !important;
min-height:620px !important;
width:100% !important;
opacity:0 !important;
visibility:hidden !important;
pointer-events:none !important;
background-size:contain !important;
background-position:center center !important;
background-repeat:no-repeat !important;
background-color:#000 !important;
transform:none !important;
padding:0 !important;
}
#heroSlider .hero-slide.active{
opacity:1 !important;
visibility:visible !important;
pointer-events:auto !important;
z-index:2 !important;
}
#heroSlider .hero-full-link{
position:absolute !important;
inset:0 !important;
display:block !important;
z-index:3 !important;
}
#heroSlider .slider-arrow,
#heroSlider .hero-dots{
z-index:10 !important;
}
.premium-order-card{
background:#fff !important;
border:1px solid #eadfce !important;
border-radius:22px !important;
padding:20px !important;
margin-bottom:18px !important;
box-shadow:0 14px 40px rgba(0,0,0,.07) !important;
}
.order-card-top{
display:flex !important;
justify-content:space-between !important;
gap:14px !important;
align-items:flex-start !important;
border-bottom:1px solid #eee !important;
padding-bottom:14px !important;
}
.order-card-top h3{
margin:0 0 6px !important;
font-size:20px !important;
}
.order-tags{
display:flex !important;
gap:8px !important;
flex-wrap:wrap !important;
justify-content:flex-end !important;
}
.order-badge,
.payment-badge{
display:inline-block !important;
padding:7px 12px !important;
border-radius:999px !important;
background:#111 !important;
color:#fff !important;
font-size:12px !important;
font-weight:800 !important;
}
.payment-badge{
background:#b8860b !important;
}
.premium-order-grid{
display:grid !important;
grid-template-columns:1.2fr 1.2fr .8fr .8fr !important;
gap:16px !important;
padding:18px 0 !important;
}
.premium-order-grid > div{
background:#fbf6ee !important;
border:1px solid #eadfce !important;
border-radius:16px !important;
padding:14px !important;
}
.premium-order-grid strong{
display:block !important;
margin-bottom:8px !important;
color:#111 !important;
}
.premium-order-grid p{
margin:6px 0 !important;
color:#444 !important;
line-height:1.45 !important;
}
.premium-order-actions{
display:flex !important;
gap:8px !important;
flex-wrap:wrap !important;
border-top:1px solid #eee !important;
padding-top:14px !important;
}
.premium-order-actions button{
border:0 !important;
background:#111 !important;
color:#fff !important;
padding:10px 13px !important;
border-radius:999px !important;
font-size:12px !important;
font-weight:800 !important;
cursor:pointer !important;
}
.premium-order-actions button:nth-child(4){
background:#b8860b !important;
}
.premium-order-actions button:nth-child(6){
background:#15803d !important;
}
.premium-order-actions button:nth-child(7){
background:#b91c1c !important;
}
.order-edit-row{
display:grid !important;
grid-template-columns:repeat(4,1fr) !important;
gap:10px !important;
margin-top:14px !important;
}
@media(max-width:900px){
.premium-order-grid,
.order-edit-row{
grid-template-columns:1fr !important;
}
}
.custom-4-cats{
grid-template-columns: repeat(4, 1fr) !important;
max-width: 1050px !important;
}
@media(max-width:700px){
.custom-4-cats{
grid-template-columns: repeat(2, 1fr) !important;
}
}
.custom-5-cats{
grid-template-columns: repeat(5, 1fr) !important;
max-width: 1150px !important;
margin: auto !important;
}
@media(max-width:700px){
.custom-5-cats{
grid-template-columns: repeat(2, 1fr) !important;
}
}
/* Category circle size + center fix */
.circle-categories{
padding: 55px 5% 60px !important;
}
.circle-grid.custom-5-cats{
max-width: 1250px !important;
margin: 0 auto !important;
display: grid !important;
grid-template-columns: repeat(5, 1fr) !important;
gap: 42px !important;
justify-items: center !important;
align-items: start !important;
}
.circle-grid.custom-5-cats button{
width: 190px !important;
}
.circle-grid.custom-5-cats img{
width: 190px !important;
height: 190px !important;
object-fit: cover !important;
border-radius: 50% !important;
}
.circle-grid.custom-5-cats span{
font-size: 18px !important;
margin-top: 18px !important;
line-height: 1.25 !important;
font-weight: 500 !important;
}
@media(max-width:700px){
.circle-grid.custom-5-cats{
grid-template-columns: repeat(2, 1fr) !important;
gap: 24px !important;
}
.circle-grid.custom-5-cats button{
width: 150px !important;
}
.circle-grid.custom-5-cats img{
width: 150px !important;
height: 150px !important;
}
}
/* FINAL category circle bigger fix */
section.circle-categories div.circle-grid.custom-5-cats{
max-width: 1350px !important;
margin: 0 auto !important;
grid-template-columns: repeat(5, 210px) !important;
justify-content: center !important;
gap: 55px !important;
}
section.circle-categories div.circle-grid.custom-5-cats button{
width: 210px !important;
padding: 0 !important;
}
section.circle-categories div.circle-grid.custom-5-cats button img{
width: 210px !important;
height: 210px !important;
min-width: 210px !important;
min-height: 210px !important;
max-width: 210px !important;
max-height: 210px !important;
object-fit: cover !important;
border-radius: 50% !important;
}
section.circle-categories div.circle-grid.custom-5-cats button span{
font-size: 20px !important;
margin-top: 18px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
}
.luxury-categories{
padding:80px 5%;
background:#f9f6f1;
}
.luxury-head{
text-align:center;
margin-bottom:45px;
}
.luxury-head h2{
font-size:42px;
letter-spacing:4px;
margin:0;
}
.luxury-head p{
color:#9b7b4f;
margin-top:10px;
}
.luxury-grid{
max-width:1400px;
margin:0 auto;
display:grid !important;
grid-template-columns:repeat(5,1fr) !important;
gap:20px;
}
.luxury-card{
display:block;
height:320px;
overflow:hidden;
border-radius:18px;
position:relative;
}
.luxury-card img{
width:100%;
height:100%;
object-fit:cover;
}
.luxury-card:hover img{
transform:scale(1.08);
}
.luxury-card span{
position:absolute;
bottom:20px;
left:20px;
color:white;
font-size:20px;
font-weight:600;
letter-spacing:1px;
z-index:2;
}
.luxury-card::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
to top,
rgba(0,0,0,.7),
rgba(0,0,0,.05)
);
}
@media(max-width:900px){
.luxury-grid{
grid-template-columns:repeat(2,1fr);
}
}
.luxury-categories{
padding:80px 5%;
background:#f9f6f1;
}
.luxury-head{
text-align:center;
margin-bottom:45px;
}
.luxury-head h2{
font-size:42px;
letter-spacing:4px;
margin:0;
}
.luxury-head p{
color:#9b7b4f;
margin-top:10px;
}
.luxury-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:25px;
}
.luxury-card{
position:relative;
height:330px;
overflow:hidden;
border-radius:18px;
text-decoration:none;
}
.luxury-card img{
width:100%;
height:100%;
object-fit:cover;
transition:.4s;
}
.luxury-card:hover img{
transform:scale(1.08);
}
.luxury-card span{
position:absolute;
bottom:20px;
left:20px;
color:white;
font-size:20px;
font-weight:600;
letter-spacing:1px;
z-index:2;
}
.pr-cat-section{padding:70px 5%!important;background:#fffaf3!important}
.pr-cat-head{text-align:center!important;margin-bottom:35px!important}
.pr-cat-head p{margin:0 0 8px!important;color:#9b6b43!important;letter-spacing:4px!important;font-size:13px!important;font-weight:800!important}
.pr-cat-head h2{margin:0!important;font-family:Georgia,serif!important;font-size:38px!important;font-weight:400!important}
.pr-cat-grid{max-width:1350px!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:18px!important}
.pr-cat-card{height:330px!important;position:relative!important;display:block!important;overflow:hidden!important;border-radius:18px!important;background:#111!important}
.pr-cat-card img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:0!important}
.pr-cat-card:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.05))!important}
.pr-cat-card div{position:absolute!important;left:18px!important;right:18px!important;bottom:22px!important;z-index:2!important;color:white!important}
.pr-cat-card h3{margin:0 0 8px!important;font-size:22px!important;font-family:Georgia,serif!important;font-weight:500!important}
.pr-cat-card span{font-size:12px!important;letter-spacing:2px!important;text-transform:uppercase!important;border-bottom:1px solid white!important;padding-bottom:5px!important}
@media(max-width:900px){
.pr-cat-grid{grid-template-columns:repeat(2,1fr)!important}
}
.luxury-card::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
to top,
rgba(0,0,0,.7),
rgba(0,0,0,.05)
);
}
@media(max-width:900px){
.luxury-grid{
grid-template-columns:repeat(2,1fr);
}
}
.luxury-categories{
padding:70px 5%;
background:#fffaf3;
}
.luxury-head{
text-align:center;
margin-bottom:35px;
}
.luxury-head p{
margin:0 0 8px;
color:#9b6b43;
letter-spacing:4px;
font-size:13px;
font-weight:800;
}
.luxury-head h2{
margin:0;
font-family:Georgia,'Times New Roman',serif;
font-size:38px;
font-weight:400;
letter-spacing:2px;
}
.luxury-grid{
max-width:1350px;
margin:0 auto;
display:grid;
grid-template-columns:repeat(5,1fr);
gap:18px;
}
.luxury-card{
position:relative;
height:330px;
border-radius:18px;
overflow:hidden;
background:#111;
box-shadow:0 20px 50px rgba(0,0,0,.12);
}
.luxury-card img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:.45s;
}
.luxury-card::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.12));
}
.luxury-card div{
position:absolute;
left:20px;
right:20px;
bottom:22px;
z-index:2;
color:white;
}
.luxury-card h3{
margin:0 0 8px;
font-size:22px;
font-weight:500;
font-family:Georgia,'Times New Roman',serif;
}
.luxury-card span{
font-size:13px;
letter-spacing:2px;
text-transform:uppercase;
border-bottom:1px solid white;
padding-bottom:5px;
}
.luxury-card:hover img{
transform:scale(1.08);
}
@media(max-width:900px){
.luxury-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:600px){
.luxury-card{
height:260px;
}
}
.luxury-card img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
border-radius:0 !important;
transform:scale(1.35) !important;
}
.luxury-card:hover img{
transform:scale(1.45) !important;
}