/* ============================================================ GADWAL CART PRO v1.1.0 — Srilatha Gadwal Saree House Heritage Maroon · Temple Gold · One-of-a-kind pieces (remove-only) ============================================================ */ #gcartp { --maroon:#741A2F; --maroon-dk:#450D1B; --maroon-lt:#93304A; --gold:#C9A84C; --gold-hi:#EED9A0; --gold-dk:#A98730; --gold-pale:#FBF4E2; --ink:#241016; --mut:#8F757C; --line:#F3E9EC; --green:#177A3C; max-width: 1020px; margin: 0 auto; font-family: 'DM Sans', -apple-system, sans-serif; color: var(--ink); padding-bottom: 104px; /* room for sticky bar */ } @keyframes gcartp-sweep { 0% { left:-50%; } 60%,100% { left:110%; } } @keyframes gcartp-goldflow { to { background-position:-200% 0; } } /* ================= HEADER ================= */ .gcartp-hdr { background: radial-gradient(120% 90% at 85% -10%, rgba(201,168,76,.28), transparent 55%), linear-gradient(158deg, var(--maroon-dk) 0%, var(--maroon) 52%, var(--maroon-lt) 125%); padding: 16px 18px 30px; position: relative; overflow: hidden; border-radius: 0 0 4px 4px; } .gcartp-hdr::before { content:''; position:absolute; inset:0; pointer-events:none; background: repeating-linear-gradient(115deg, rgba(201,168,76,.10) 0 1px, transparent 1px 13px), repeating-linear-gradient(-115deg, rgba(201,168,76,.07) 0 1px, transparent 1px 13px); } .gcartp-hdr::after { content:''; position:absolute; top:0; bottom:0; width:45%; pointer-events:none; background: linear-gradient(100deg, transparent, rgba(238,217,160,.14), transparent); animation: gcartp-sweep 5.5s ease-in-out infinite; } .gcartp-hdr-row { display:flex; align-items:center; gap:13px; position:relative; z-index:1; } .gcartp-back { width:40px; height:40px; border-radius:50%; cursor:pointer; border:1px solid rgba(238,217,160,.35); background:rgba(255,255,255,.10); color:#fff; display:grid; place-items:center; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); transition:background .2s, transform .15s, border-color .2s; } .gcartp-back:hover { background:rgba(255,255,255,.22); border-color:var(--gold-hi); } .gcartp-back:active { transform:scale(.9); } .gcartp-hdr-title { flex:1; } .gcartp-hdr-title h1 { margin:0; font-family:'Playfair Display', serif; font-size:25px; color:#fff !important; font-weight:700; text-shadow:0 2px 12px rgba(0,0,0,.25); line-height:1.2; } .gcartp-hdr-title small { display:inline-flex; align-items:center; gap:7px; color:var(--gold-hi); font-size:10.5px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; margin-top:4px; } .gcartp-hdr-title small::before { content:''; width:16px; height:1px; background:linear-gradient(90deg,transparent,var(--gold)); } .gcartp-hdr-title small::after { content:''; width:16px; height:1px; background:linear-gradient(90deg,var(--gold),transparent); } .gcartp-hdr-count { background:linear-gradient(160deg,var(--gold-hi),var(--gold) 60%,var(--gold-dk)); color:var(--maroon-dk); font-weight:800; font-size:13px; padding:6px 13px; border-radius:999px; white-space:nowrap; box-shadow:0 4px 14px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.5); } .gcartp-temple { position:absolute; left:0; right:0; bottom:0; height:12px; z-index:1; opacity:.5; background: conic-gradient(from 225deg at 50% 118%, var(--gold) 0 90deg, transparent 90deg) 0 0/16px 12px repeat-x; } /* ================= FREE DELIVERY ================= */ .gcartp-fs { margin:-16px 18px 0; position:relative; z-index:3; overflow:hidden; background:linear-gradient(150deg,#fff,#FFFDF6); border:1px solid rgba(201,168,76,.35); border-radius:16px; box-shadow:0 14px 34px rgba(69,13,27,.16); padding:13px 16px; } .gcartp-fs::before { content:''; position:absolute; inset:0 auto 0 0; width:4px; background:linear-gradient(var(--gold-hi),var(--gold-dk)); } .gcartp-fs-msg { font-size:13.5px; font-weight:500; display:flex; align-items:center; gap:8px; } .gcartp-fs-msg strong { color:var(--maroon); } .gcartp-fs-ico { font-size:16px; } .gcartp-fs-track { height:7px; background:var(--line); border-radius:99px; margin-top:9px; overflow:hidden; } .gcartp-fs-fill { height:100%; border-radius:99px; background:linear-gradient(90deg,var(--gold-dk),var(--gold) 40%,var(--gold-hi) 70%,var(--gold)); background-size:200% 100%; animation:gcartp-goldflow 2.6s linear infinite; transition:width .6s cubic-bezier(.2,.7,.3,1); } /* ================= SECTIONS / GRID ================= */ .gcartp-sec { padding:20px 18px 6px; } .gcartp-sec-h { display:flex; align-items:baseline; gap:9px; margin-bottom:12px; } .gcartp-sec-h h2 { margin:0; font-family:'Playfair Display',serif; font-size:17px; font-weight:700; color:var(--maroon); } .gcartp-sec-h span { font-size:11.5px; color:var(--mut); font-weight:500; } .gcartp-rule { height:10px; margin:16px 18px 0; opacity:.45; background: radial-gradient(circle 2.5px at 50% 50%, var(--gold) 45%, transparent 55%) 50% 50%/22px 10px repeat-x; } .gcartp-grid { display:block; } #gcartp .gcartp-colL { display:block; min-width:0; } #gcartp .gcartp-colR { display:block; min-width:0; } @media (min-width:821px) { #gcartp .gcartp-grid { display:grid !important; grid-template-columns:minmax(0,1fr) 360px !important; gap:8px; align-items:start; } #gcartp .gcartp-colR { position:sticky; top:90px; } } /* ================= ITEMS (remove-only) ================= */ .gcartp-items { display:flex; flex-direction:column; } .gcartp-item { display:flex; gap:14px; padding:15px 12px; border-radius:16px; position:relative; transition:background .25s, box-shadow .25s, opacity .2s; } .gcartp-item:hover { background:#fff; box-shadow:0 10px 30px rgba(116,26,47,.09); } .gcartp-item + .gcartp-item { border-top:1px solid var(--line); } .gcartp-item.is-busy { opacity:.5; pointer-events:none; } .gcartp-img { flex-shrink:0; position:relative; display:block; border-radius:12px; overflow:hidden; box-shadow:0 6px 16px rgba(69,13,27,.22); } .gcartp-img img { width:84px; height:108px; object-fit:cover; display:block; border-radius:12px; } .gcartp-img::after { content:''; position:absolute; left:0; right:0; bottom:0; height:13px; opacity:.95; background:repeating-linear-gradient(90deg,var(--gold) 0 5px, rgba(255,255,255,.25) 5px 6px, transparent 6px 10px); } .gcartp-info { flex:1; min-width:0; display:flex; flex-direction:column; } .gcartp-chip { align-self:flex-start; font-size:9.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-dk); background:var(--gold-pale); border:1px solid rgba(201,168,76,.4); padding:3px 8px; border-radius:99px; margin-bottom:5px; } .gcartp-nm { font-family:'Playfair Display',serif; font-size:15.5px; font-weight:600; line-height:1.35; color:var(--ink) !important; text-decoration:none; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; padding-right:8px; } .gcartp-nm:hover { color:var(--maroon) !important; } .gcartp-prow { display:flex; align-items:center; gap:8px; margin-top:6px; flex-wrap:wrap; } .gcartp-pr { font-size:17px; font-weight:800; color:var(--ink); } .gcartp-pr .woocommerce-Price-amount { font-weight:800; } .gcartp-mrp { font-size:12.5px; color:var(--mut); text-decoration:line-through; } .gcartp-mrp .woocommerce-Price-amount { color:var(--mut); } .gcartp-off { font-size:11px; color:var(--green); font-weight:800; background:#EDF7F0; padding:2.5px 7px; border-radius:6px; } .gcartp-brow { display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:9px; } .gcartp-one { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--gold-dk); } .gcartp-one-dot { width:6px; height:6px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 3px rgba(201,168,76,.2); } .gcartp-rm { border:0; background:transparent; color:var(--mut); font-size:12px; font-weight:700; cursor:pointer; text-transform:uppercase; letter-spacing:.08em; padding:6px 2px; transition:color .15s; font-family:inherit; } .gcartp-rm:hover { color:var(--maroon); } /* ================= COUPON TICKETS ================= */ .gcartp-tickets { display:flex; gap:12px; overflow-x:auto; padding:4px 2px 16px; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; } .gcartp-tickets::-webkit-scrollbar { display:none; } .gcartp-tk { scroll-snap-align:start; flex:0 0 248px; display:flex; align-items:stretch; border-radius:14px; cursor:pointer; border:0; padding:0; text-align:left; background:transparent; font-family:inherit; filter:drop-shadow(0 6px 16px rgba(116,26,47,.14)); transition:transform .18s; } .gcartp-tk:hover { transform:translateY(-3px); } .gcartp-tk:active { transform:scale(.97); } .gcartp-tk-stub { flex:0 0 52px; display:grid; place-items:center; position:relative; overflow:hidden; background:linear-gradient(170deg,var(--maroon-lt),var(--maroon) 45%,var(--maroon-dk)); color:var(--gold-hi); font-weight:800; font-size:18px; border-radius:14px 0 0 14px; -webkit-mask:radial-gradient(circle 8px at 100% 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 8px at 100% 100%, transparent 98%, #000) bottom / 100% 51% no-repeat; mask:radial-gradient(circle 8px at 100% 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 8px at 100% 100%, transparent 98%, #000) bottom / 100% 51% no-repeat; } .gcartp-tk-stub::after { content:''; position:absolute; inset:0; transform:translateX(-110%); transition:transform .6s; background:linear-gradient(115deg, transparent 25%, rgba(238,217,160,.35) 50%, transparent 70%); } .gcartp-tk:hover .gcartp-tk-stub::after { transform:translateX(110%); } .gcartp-tk-body { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; background:linear-gradient(150deg,#fff,#FFFCF4); border:1px solid rgba(201,168,76,.35); border-left:1.5px dashed rgba(201,168,76,.7); border-radius:0 14px 14px 0; padding:11px 13px; -webkit-mask:radial-gradient(circle 8px at 0 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 8px at 0 100%, transparent 98%, #000) bottom / 100% 51% no-repeat; mask:radial-gradient(circle 8px at 0 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 8px at 0 100%, transparent 98%, #000) bottom / 100% 51% no-repeat; } .gcartp-tk-code { font-weight:800; font-size:14px; letter-spacing:.06em; color:var(--maroon); } .gcartp-tk-desc { font-size:11.5px; color:var(--mut); line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .gcartp-tk-cta { font-size:10.5px; font-weight:800; color:var(--gold-dk); text-transform:uppercase; letter-spacing:.1em; margin-top:5px; } .gcartp-tk.on .gcartp-tk-body { background:linear-gradient(150deg,var(--gold-pale),#fff); border-color:var(--gold); } .gcartp-tk.on .gcartp-tk-cta { color:var(--green); } .gcartp-manual { display:flex; gap:9px; padding:0 0 8px; } .gcartp-manual input { flex:1; min-width:0; border:1px solid rgba(201,168,76,.4); border-radius:11px; padding:12px 14px; font:500 13.5px 'DM Sans',sans-serif; background:#fff; color:var(--ink); transition:box-shadow .2s; } .gcartp-manual input:focus { outline:none; box-shadow:0 0 0 3px rgba(201,168,76,.3); border-color:var(--gold); } .gcartp-manual button { border:0; background:none; color:var(--maroon); font-weight:800; font-size:13.5px; letter-spacing:.06em; cursor:pointer; padding:0 12px; font-family:inherit; } .gcartp-manual button:hover { color:var(--maroon-lt); } /* ================= PRICE DETAILS ================= */ .gcartp-pdcard { background:#fff; border:1px solid rgba(201,168,76,.3); border-radius:16px; padding:16px 16px 14px; box-shadow:0 8px 26px rgba(69,13,27,.07); } .gcartp-pd-row { display:flex; justify-content:space-between; font-size:13.5px; padding:7.5px 0; color:#4d353c; gap:10px; } .gcartp-pd-row b { font-weight:700; color:var(--ink); } .gcartp-grn { color:var(--green); font-weight:700; } .gcartp-grn .woocommerce-Price-amount { color:var(--green); } .gcartp-pd-x { border:0; background:var(--gold-pale); color:var(--maroon); width:17px; height:17px; border-radius:50%; font-size:12px; line-height:1; cursor:pointer; margin-left:5px; vertical-align:1px; } .gcartp-pd-total { display:flex; justify-content:space-between; font-size:17px; font-weight:800; color:var(--ink); padding:13px 0 4px; margin-top:7px; border-top:2px solid transparent; border-image:repeating-linear-gradient(90deg,var(--gold) 0 7px, transparent 7px 13px) 1; } .gcartp-save { position:relative; overflow:hidden; background:linear-gradient(140deg,#EDF8F0,#E2F3E7); color:var(--green); font-size:13px; font-weight:800; border-radius:11px; padding:11px 12px; margin-top:12px; text-align:center; } .gcartp-save::after { content:''; position:absolute; top:0; bottom:0; width:40%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent); animation:gcartp-sweep 4s ease-in-out infinite; } .gcartp-trust { text-align:center; font-size:11.5px; color:var(--mut); padding:14px 4px 4px; line-height:1.6; } /* ================= REWARDS EARN BANNER ================= */ .gcartp-sec-rw { padding-top: 4px; } .gcartp-rw { position: relative; overflow: hidden; display: flex; align-items: center; gap: 14px; background: radial-gradient(120% 160% at 0% 0%, rgba(238,217,160,.5), transparent 55%), linear-gradient(140deg, #FFF9EA, var(--gold-pale) 60%, #FFF6DF); border: 1px solid rgba(201,168,76,.55); border-radius: 16px; padding: 14px 16px; box-shadow: 0 8px 26px rgba(169,135,48,.16), inset 0 1px 0 rgba(255,255,255,.7); } .gcartp-rw::after { content:''; position:absolute; top:0; bottom:0; width:38%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent); animation:gcartp-sweep 4.4s ease-in-out infinite; } .gcartp-rw-coin { flex-shrink:0; width:42px; height:42px; border-radius:50%; display:grid; place-items:center; font-size:19px; color:#fff; background:linear-gradient(150deg, var(--gold-hi), var(--gold) 55%, var(--gold-dk)); box-shadow:0 5px 14px rgba(169,135,48,.45), inset 0 1px 0 rgba(255,255,255,.6); text-shadow:0 1px 2px rgba(0,0,0,.2); } .gcartp-rw-txt { display:flex; flex-direction:column; gap:2px; min-width:0; } .gcartp-rw-label { font-size:9.5px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:var(--gold-dk); } .gcartp-rw-main { font-size:14px; font-weight:500; color:var(--ink); line-height:1.4; } .gcartp-rw-main b { font-weight:800; color:var(--maroon); } .gcartp-rw-val { font-size:12.5px; font-weight:700; color:var(--green); white-space:nowrap; } .gcartp-rw-val .woocommerce-Price-amount { color:var(--green); } .gcartp-rw-sub { font-size:11.5px; color:var(--mut); } /* ================= STICKY BAR ================= */ .gcartp-bar { position:fixed; left:0; right:0; bottom:0; z-index:99990; width:100%; max-width:none; margin:0; background:rgba(255,253,251,.94); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-top:1px solid rgba(201,168,76,.45); box-shadow:0 -10px 36px rgba(69,13,27,.14); padding:12px 18px calc(12px + env(safe-area-inset-bottom)); } .gcartp-bar-in { display:flex; align-items:center; gap:16px; max-width:1140px; margin:0 auto; } @media (min-width:821px) { .gcartp-bar { padding:14px 28px calc(14px + env(safe-area-inset-bottom)); } .gcartp-bar-in { gap:30px; justify-content:space-between; } .gcartp-bar-tot { display:flex; align-items:baseline; gap:12px; } .gcartp-bar-tot b { font-size:24px; } .gcartp-go { flex:0 1 460px; font-size:16px; } } .gcartp-bar-tot small { display:block; font-size:10.5px; color:var(--mut); font-weight:700; letter-spacing:.1em; } .gcartp-bar-tot b { font-size:20px; font-weight:800; color:var(--maroon); white-space:nowrap; } .gcartp-bar-tot b .woocommerce-Price-amount { color:var(--maroon); font-weight:800; } .gcartp-go { flex:1; position:relative; overflow:hidden; text-align:center; text-decoration:none; background:linear-gradient(135deg,var(--maroon-lt),var(--maroon) 45%,var(--maroon-dk)); color:#fff !important; font:800 15.5px 'DM Sans',sans-serif; letter-spacing:.02em; padding:16px 18px; border-radius:13px; box-shadow:0 8px 24px rgba(116,26,47,.4), inset 0 1px 0 rgba(255,255,255,.18); transition:transform .15s, box-shadow .2s; } .gcartp-go::after { content:''; position:absolute; top:0; bottom:0; width:35%; background:linear-gradient(100deg,transparent,rgba(238,217,160,.35),transparent); animation:gcartp-sweep 3.2s ease-in-out infinite; } .gcartp-go:active { transform:scale(.98); } .gcartp-go:hover { box-shadow:0 10px 30px rgba(116,26,47,.55); color:#fff; } .gcartp-go-inline { display:inline-block; flex:none; padding:14px 28px; } /* ================= EMPTY / TOAST ================= */ .gcartp-empty { text-align:center; padding:56px 18px; } .gcartp-empty-mark { font-size:32px; color:var(--gold); margin-bottom:8px; } .gcartp-empty h2 { font-family:'Playfair Display',serif; color:var(--maroon); font-size:23px; margin:0 0 8px; } .gcartp-empty p { color:var(--mut); margin:0 0 22px; font-size:14px; } .gcartp-toast { position:fixed; left:50%; bottom:104px; transform:translateX(-50%) translateY(16px); background:var(--maroon-dk); color:var(--gold-hi); font:700 13.5px 'DM Sans',sans-serif; padding:12px 22px; border-radius:99px; border:1px solid rgba(201,168,76,.5); box-shadow:0 12px 34px rgba(0,0,0,.35); opacity:0; transition:.25s; z-index:99999; pointer-events:none; max-width:88vw; text-align:center; } .gcartp-toast.on { opacity:1; transform:translateX(-50%) translateY(0); } .gcartp-toast.err { background:#8E2032; color:#fff; } /* ================= A11Y / MOTION ================= */ #gcartp button:focus-visible, #gcartp a:focus-visible, #gcartp input:focus-visible { outline:3px solid var(--gold); outline-offset:2px; } @media (prefers-reduced-motion:reduce) { #gcartp *, #gcartp *::before, #gcartp *::after, .gcartp-toast { animation:none !important; transition:none !important; } } /* ================= THEME BUTTON RESETS ================= */ /* Astra / ShopLentor apply borders & backgrounds to bare