/*
 * Giddans Core: styles for store features. Uses the Giddans theme's colours
 * and shapes when present, with fallbacks for other themes. Logical
 * properties keep everything correct in Urdu (right to left).
 * Designed and built by Archaeo Agency LLC.
 */

:root{--gc-ink:var(--ink,#17110D);--gc-sand:var(--sand,#F7F1E8);--gc-sand-2:var(--sand-2,#EEE6D8);--gc-line:var(--line,#EADFD0);--gc-slate:var(--slate,#6F655C);--gc-gold:var(--gold,#8F6B33);--gc-ok:var(--ok,#2F5D3A);--gc-danger:var(--danger,#9A3B30);--gc-white:var(--white,#fff);--gc-r-sm:var(--r-sm,14px);--gc-r-md:var(--r-md,20px);--gc-r-lg:var(--r-lg,32px)}

.gc-copy{border:0;background:var(--gc-white);color:var(--gc-ink);border-radius:99px;height:30px;padding:0 12px;font-size:12.5px;font-weight:600;cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--gc-line)}
.gc-copy:hover{background:var(--gc-ink);color:var(--gc-white);box-shadow:none}
.gc-inline{display:inline}

/* Simple pages (order confirm, subscription) */
.gc-page .lead{max-width:60ch}
.gc-page .h2{margin-bottom:18px}
.gc-lines{list-style:none;margin:22px 0 12px;padding:0;border-top:1px solid var(--gc-line)}
.gc-lines li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--gc-line);font-size:15px}
.gc-lines__total{font-weight:600}
.gc-confirm-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 10px}

/* Thank-you page boxes */
.gc-confirm,.gc-later{margin:0 0 22px}
.gc-confirm .h3{margin:0}
.gc-confirm .btn{align-self:flex-start;margin-top:6px}
.gc-later__form{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:6px}
.gc-later__form input[type=file]{font-size:14px;max-width:100%}
.gc-tracklink{margin:16px 0}

/* Checkout: wallet and bank transfer */
.gc-pay{display:flex;flex-direction:column;gap:12px;margin-top:10px;color:var(--gc-ink)}
.gc-pay__amt{margin:0;font-size:14px}
.gc-pay__amt b{font-size:18px;margin-inline-start:6px}
.gc-pay__accts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
.gc-acct{background:var(--gc-white);border-radius:var(--gc-r-sm);padding:12px 14px;display:flex;flex-direction:column;gap:2px;transition:opacity .2s}
.gc-acct.is-dim{opacity:.45}
.gc-acct__l{font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gc-gold)}
.gc-acct__n{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600}
.gc-acct__x{font-size:12.5px;color:var(--gc-slate);word-break:break-all}
.gc-seg{display:flex;gap:6px;border:0;margin:0;padding:0}
.gc-seg label{position:relative}
.gc-seg input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.gc-seg span{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:99px;background:var(--gc-white);font-size:14px;font-weight:600;box-shadow:inset 0 0 0 1.5px var(--gc-line)}
.gc-seg input:checked+span{background:var(--gc-ink);color:var(--gc-white);box-shadow:none}
.gc-seg input:focus-visible+span{outline:2px solid var(--gc-gold);outline-offset:2px}
.gc-upload{display:flex;flex-direction:column;gap:6px}
.gc-upload__label{display:flex;flex-direction:column;gap:8px;font-weight:600}
.gc-pay .input-text{background:var(--gc-white)!important}
.gc-upload input[type=file],.gc-later__form input[type=file],.comment-form-gc-photos input[type=file]{font-size:14px;width:100%;max-width:100%;min-width:0;overflow:hidden}
.gc-upload,.gc-upload__label{min-width:0;max-width:100%}
.gc-upload__msg.is-ok{color:var(--gc-ok)}.gc-upload__msg.is-err{color:var(--gc-danger)}
.gc-receipt-thumb{max-width:100%;border-radius:8px;border:1px solid #ddd}

/* Tracking */
.gc-track{gap:14px;margin-top:8px}
.gc-track__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.gc-track .btn{align-self:flex-start}
.gc-trackres{margin-top:8px}
.gc-trackres__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.gc-trackres__head .h3{margin:0}
.gc-steps{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;counter-reset:s}
.gc-steps li{display:flex;flex-direction:column;gap:8px;font-size:13.5px;font-weight:500;color:var(--gc-slate)}
.gc-steps li span{display:block;height:6px;border-radius:99px;background:var(--gc-line)}
.gc-steps li.is-done{color:var(--gc-ink)}
.gc-steps li.is-done span{background:var(--gc-gold)}
.gc-steps li.is-now{font-weight:700}
.gc-ship{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;background:var(--gc-sand);border-radius:var(--gc-r-md)}
.gc-ship b{font-size:17px}

/* Subscribe & save on the product page */
.gc-plan{border:0;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px;width:100%}
.gc-plan__opt{position:relative;display:block;cursor:pointer}
.gc-plan__opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.gc-plan__opt>span{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--gc-r-md);background:var(--gc-white);box-shadow:inset 0 0 0 1.5px var(--gc-line);transition:box-shadow .2s,background .2s}
.gc-plan__opt>span b{font-weight:600;font-size:15px}
.gc-plan__opt>span .num{font-weight:600}
.gc-plan__opt input:checked+span{box-shadow:inset 0 0 0 2px var(--gc-ink);background:var(--gc-sand)}
.gc-plan__opt input:focus-visible+span{outline:2px solid var(--gc-gold);outline-offset:2px}
.gc-plan__more{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:4px 4px 0;font-size:14px}
.gc-plan__more[hidden]{display:none}
.gc-plan__more label{font-weight:600}
.gc-plan__more select{height:40px;border-radius:99px;border:0;background:var(--gc-sand);padding:0 14px;font-size:14px}
.gc-plan__more .small{flex-basis:100%;margin:0}
.gc-sub{gap:10px;margin:0 0 14px}
.gc-sub__head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.gc-sub .small{margin:0}
.gc-sub__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.gc-sub__every{display:inline-flex;gap:6px;align-items:center}
.gc-sub__every select{height:46px;border-radius:99px;border:0;background:var(--gc-sand);padding:0 14px}
.gc-danger{color:var(--gc-danger)!important;border-color:var(--gc-danger)!important}

/* Bundles */
.gc-bundles .wrap{display:grid;gap:14px}
.gc-bundle{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(18px,3vw,40px);padding:clamp(18px,2.6vw,32px);border-radius:var(--gc-r-lg);background:var(--gc-sand)}
.gc-bundle__imgs{display:flex;align-items:center;gap:10px;flex:0 1 auto}
.gc-bundle__img{width:clamp(76px,9vw,120px);aspect-ratio:1;border-radius:var(--gc-r-md);overflow:hidden;display:grid;place-items:center;position:relative}
.gc-bundle__img img{width:100%;height:100%;object-fit:cover}
.gc-bundle__plus{flex:none;width:22px;height:22px;margin-inline:-16px;border-radius:50%;background:var(--gc-white);color:var(--gc-ink);font-weight:700;font-size:14px;line-height:1;display:grid;place-items:center;z-index:1;box-shadow:0 2px 8px rgba(43,33,28,.18)}
.gc-bundle__body{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:6px}
.gc-bundle__body .h3,.gc-bundle__body .small,.gc-bundle__body .eyebrow{margin:0}
.gc-bundle__price{margin:4px 0 8px;display:flex;gap:10px;align-items:baseline}
.gc-bundle__price s{color:var(--gc-slate);font-size:15px}
.gc-bundle__price b{font-size:22px;font-weight:700}
.gc-bundle form{margin:0}
.gc-bundle-pdp{margin:22px 0 0;display:flex;flex-direction:column;gap:8px}
.gc-bundle-pdp .gc-bundle{padding:16px;gap:16px}
.gc-bundle-pdp .gc-bundle__img{width:64px;border-radius:14px}
.gc-bundle-pdp .gc-bundle__body{flex-basis:220px}
.gc-bundle-pdp .h3{font-size:18px}
.gc-bundle-pdp .btn{min-height:46px;padding:0 22px;font-size:14px}

/* Blend finder */
.gc-quizcta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:clamp(22px,3vw,36px) clamp(22px,3vw,44px);border-radius:var(--gc-r-lg);background:var(--gc-ink);color:var(--gc-white);text-decoration:none}
.gc-quizcta:hover{color:var(--gc-white)}
.gc-quizcta>span:first-child{display:flex;flex-direction:column;gap:6px;max-width:60ch}
.gc-quizcta .eyebrow{margin:0;color:var(--gold-lt,#C9A36A)}
.gc-quizcta .small{color:rgba(255,255,255,.72)}
.gc-quizcta .btn{background:var(--gc-white);color:var(--gc-ink);border-color:var(--gc-white)}
.gc-quiz{max-width:860px}
.gc-q__step{font-size:13px;font-weight:600;color:var(--gc-gold);margin:0 0 8px}
.gc-q__title{margin:0 0 18px}
.gc-q__opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.gc-q__opt{display:flex;align-items:center;min-height:64px;padding:14px 20px;border-radius:var(--gc-r-md);background:var(--gc-sand);border:0;font-size:16px;font-weight:600;text-align:start;cursor:pointer;color:var(--gc-ink);transition:background .2s,color .2s,transform .2s}
.gc-q__opt:hover{background:var(--gc-ink);color:var(--gc-white);transform:translateY(-2px)}
.gc-q__nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.gc-q__back{border:0;background:none;color:var(--gc-slate);font-weight:600;cursor:pointer;padding:8px 0;text-decoration:underline;text-underline-offset:3px}
.gc-q__progress{height:4px;border-radius:99px;background:var(--gc-line);margin:0 0 22px;overflow:hidden}
.gc-q__progress i{display:block;height:100%;background:var(--gc-gold);transition:width .3s}
.gc-q__res{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:clamp(18px,3vw,36px);align-items:start;padding:clamp(18px,2.6vw,30px);border-radius:var(--gc-r-lg);background:var(--gc-sand)}
.gc-q__img{border-radius:var(--gc-r-md);overflow:hidden;aspect-ratio:1}
.gc-q__img img{width:100%;height:100%;object-fit:cover}
.gc-q__body{display:flex;flex-direction:column;gap:10px}
.gc-q__body .h3,.gc-q__body p{margin:0}
.gc-q__chips{display:flex;flex-wrap:wrap;gap:6px}
.gc-q__chips span{padding:6px 12px;border-radius:99px;background:var(--gc-white);font-size:13px;font-weight:500}
.gc-q__without{font-size:14px;color:var(--gc-danger);font-weight:600}
.gc-q__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.gc-q__actions form{margin:0}
.gc-q__also{margin-top:16px;padding:16px 18px;border-radius:var(--gc-r-md);background:var(--gc-white);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.gc-quiz .ings{margin:0 0 6px}

/* AI assistant */
.gc-askbtn{position:fixed;z-index:50;inset-inline-start:max(20px,calc(env(safe-area-inset-left,0px) + 12px));bottom:max(20px,calc(env(safe-area-inset-bottom,0px) + 12px));height:52px;padding:0 20px 0 8px;border-radius:99px;border:0;background:var(--gc-white);color:var(--gc-ink);display:flex;align-items:center;gap:10px;font-weight:600;font-size:14.5px;box-shadow:0 18px 50px -20px rgba(43,33,28,.55),inset 0 0 0 1px var(--gc-line);cursor:pointer}
.gc-askbtn>span:first-child{width:36px;height:36px;border-radius:50%;background:var(--gc-ink);color:var(--gc-white);display:grid;place-items:center;font-weight:700}
.gc-ask{position:fixed;z-index:96;inset-inline-start:max(16px,env(safe-area-inset-left,0px));bottom:max(84px,calc(env(safe-area-inset-bottom,0px) + 80px));width:min(400px,calc(100% - 32px));max-height:min(560px,calc(100% - 120px));display:flex;flex-direction:column;background:var(--gc-white);border-radius:24px;box-shadow:0 30px 80px -30px rgba(0,0,0,.45),0 0 0 1px var(--gc-line);overflow:hidden}
.gc-ask[hidden]{display:none}
.gc-ask__head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:16px 16px 12px 20px;border-bottom:1px solid var(--gc-line)}
.gc-ask__head b{display:block;font-size:15.5px}
.gc-ask__head .small{display:block;margin-top:2px}
.gc-ask__log{flex:1;overflow-y:auto;padding:16px 16px 8px;display:flex;flex-direction:column;gap:8px}
.gc-ask__msg{margin:0;padding:10px 14px;border-radius:18px;font-size:14.5px;line-height:1.55;max-width:88%;white-space:pre-wrap;word-wrap:break-word}
.gc-ask__msg.is-bot{background:var(--gc-sand);align-self:flex-start;border-end-start-radius:6px}
.gc-ask__msg.is-me{background:var(--gc-ink);color:var(--gc-white);align-self:flex-end;border-end-end-radius:6px}
.gc-ask__msg a{color:inherit;font-weight:600}
.gc-ask__msg.is-wait{opacity:.7}
.gc-ask__form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--gc-line)}
.gc-ask__form input{flex:1;min-width:0;height:46px;border-radius:99px;border:0;background:var(--gc-sand);padding:0 16px;font-size:15px}
.gc-ask__form input:focus{outline:2px solid var(--gc-gold);outline-offset:0}
.gc-ask__form .btn{min-height:46px;padding:0 18px}

/* Reviews */
.comment-form-gc-photos{display:flex;flex-direction:column;gap:6px}
.comment-form-gc-photos input[type=file]{font-size:14px;max-width:100%}
.gc-revphotos{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.gc-revphotos img{width:84px;height:84px;object-fit:cover;border-radius:12px}

/* Language switch */
.gc-lang{width:auto;min-width:44px;padding:0 12px;font-weight:600;font-size:14px;text-decoration:none;border-radius:99px}
.gc-lang[lang="ur"]{font-family:"Giddans Nastaliq","Noto Nastaliq Urdu",Tahoma,sans-serif;font-size:15px;line-height:1}
body > .gc-lang{position:fixed;top:12px;inset-inline-end:12px;z-index:99;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.12)}

/* Points */
.gc-pts{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:var(--gc-r-md);background:var(--gc-sand);margin:0 0 14px}
.gc-pts label{display:flex;gap:10px;align-items:center;font-weight:600;cursor:pointer}
.gc-pts--hint{background:none;padding:0;margin:8px 0}
.gc-pts-row td{padding-inline:0!important}
.gc-rw{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 24px}
.gc-rw__num{font-size:44px;font-weight:700;line-height:1.1}
.gc-rw__code{display:flex;align-items:center;gap:10px;margin:0}
.gc-rw__code b{font-size:20px;letter-spacing:.06em}
.gc-rw .btn{align-self:flex-start}
.gc-rw__log td.num{text-align:end}

/* Back in stock */
.gc-notify{margin:0 0 16px}
.gc-notify__form{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.gc-notify__form .inp{flex:1 1 220px;width:auto;background:var(--gc-white)}
.gc-notify__form .msg{flex-basis:100%;margin:0}

@media (max-width:720px){
	body.has-buybar .gc-askbtn{bottom:calc(max(12px,env(safe-area-inset-bottom,0px)) + 84px)}
	body.has-buybar .gc-ask{bottom:calc(max(12px,env(safe-area-inset-bottom,0px)) + 148px)}
	.gc-askbtn .gc-askbtn__t{display:none}
	.gc-askbtn{padding:0 8px;width:52px;justify-content:center}
	.gc-track__row,.gc-rw{grid-template-columns:1fr}
	.gc-q__res{grid-template-columns:1fr}
	.gc-q__img{max-width:220px}
	.gc-steps li{font-size:12px}
}
@media (prefers-reduced-motion:reduce){.gc-q__opt,.gc-plan__opt>span{transition:none}}