/* NoraCommerce premium category + product detail UI — 2026-10-03 */ .nora-functional-page{--nc-gold:#d6ad32;--nc-gold-2:#f1d46a;--nc-ink:#161714;--nc-dark:#10110f;--nc-soft:#f4f3ee;--nc-border:#e8e5da;--nc-shadow:0 24px 70px rgba(23,24,20,.09)} /* Catalog hero */ .nora-functional-page .premium-catalog{padding-top:20px} .nora-functional-page .premium-catalog-breadcrumb,.nora-functional-page .premium-product-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;width:auto;max-width:100%;margin:0 0 16px;padding:0;background:transparent;border:0;color:#8b8b85;font-size:11px} .nora-functional-page .premium-catalog-breadcrumb a,.nora-functional-page .premium-product-breadcrumb a{color:#555750;transition:color .18s ease}.nora-functional-page .premium-catalog-breadcrumb a:hover,.nora-functional-page .premium-product-breadcrumb a:hover{color:#ad870a}.nora-functional-page .premium-catalog-breadcrumb b,.nora-functional-page .premium-product-breadcrumb b{font-weight:700;color:#25261f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(560px,70vw)} .nora-functional-page .premium-catalog-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:28px;align-items:center;min-height:218px;padding:32px 40px;border-radius:26px;background:radial-gradient(circle at 92% 20%,rgba(214,173,50,.18),transparent 24rem),linear-gradient(128deg,#0d0f0d,#181a16 68%,#202019);color:#fff;box-shadow:0 22px 60px rgba(9,10,8,.16);isolation:isolate} .nora-functional-page .premium-catalog-hero::before{content:"";position:absolute;inset:-30% -5% auto auto;width:430px;height:430px;border:1px solid rgba(214,173,50,.18);border-radius:50%;box-shadow:0 0 0 42px rgba(214,173,50,.025),0 0 0 88px rgba(214,173,50,.018);z-index:-1}.nora-functional-page .premium-catalog-hero::after{content:"";position:absolute;right:72px;bottom:-56px;width:230px;height:110px;border:1px solid rgba(255,255,255,.08);border-radius:50%;transform:rotate(-24deg);z-index:-1} .nora-functional-page .premium-catalog-hero .eyebrow{color:var(--nc-gold-2);margin-bottom:8px}.nora-functional-page .premium-catalog-hero h1{font-size:clamp(34px,3.8vw,54px);margin:0 0 10px;max-width:760px;color:#fff;font-weight:850;letter-spacing:-.055em}.nora-functional-page .premium-catalog-hero p{max-width:720px;margin:0;color:rgba(255,255,255,.68);font-size:13px;line-height:1.55}.nora-functional-page .premium-catalog-benefits{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;color:#d9d8d0;font-size:11px;font-weight:700}.nora-functional-page .premium-catalog-benefits span{display:inline-flex;align-items:center;gap:7px}.nora-functional-page .premium-catalog-benefits span::first-letter{color:var(--nc-gold)} .nora-functional-page .premium-catalog-hero__stat{align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding-left:22px;border-left:1px solid rgba(255,255,255,.11);text-align:right}.nora-functional-page .premium-catalog-hero__stat strong{font-size:48px;line-height:.95;letter-spacing:-.06em;color:var(--nc-gold-2)}.nora-functional-page .premium-catalog-hero__stat span{margin-top:6px;color:#fff;font-size:15px;font-weight:800}.nora-functional-page .premium-catalog-hero__stat small{margin-top:4px;color:rgba(255,255,255,.48);font-size:9px;letter-spacing:.16em;text-transform:uppercase} .nora-functional-page .premium-category-chips{display:flex;gap:8px;overflow-x:auto;padding:12px 2px 2px;scrollbar-width:none}.nora-functional-page .premium-category-chips::-webkit-scrollbar{display:none}.nora-functional-page .premium-category-chips a{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;min-height:38px;padding:0 14px;border:1px solid #e2dfd3;border-radius:999px;background:#fff;color:#33342f;font-size:10px;font-weight:750;box-shadow:0 5px 16px rgba(30,31,26,.035);transition:.18s ease}.nora-functional-page .premium-category-chips a b{color:#ad870a;font-size:12px}.nora-functional-page .premium-category-chips a:hover{transform:translateY(-2px);border-color:#d8c785;background:#fffdf6;box-shadow:0 9px 24px rgba(30,31,26,.07)} /* Catalog toolbar */ .nora-functional-page .premium-catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:26px 0 4px;padding:17px 18px;border:1px solid var(--nc-border);border-radius:18px;background:rgba(255,255,255,.95);box-shadow:0 8px 28px rgba(26,27,23,.045)} .nora-functional-page .premium-catalog-results{display:flex;align-items:center;gap:7px;color:#777970;font-size:11px;white-space:nowrap}.nora-functional-page .premium-catalog-results strong{color:#22231f;font-size:14px}.nora-functional-page .premium-result-dot{width:8px;height:8px;border-radius:50%;background:#3ca66d;box-shadow:0 0 0 4px rgba(60,166,109,.11)} .nora-functional-page .premium-catalog-filter-form{display:flex;align-items:end;justify-content:flex-end;gap:10px;flex-wrap:wrap}.nora-functional-page .premium-catalog-filter-form label{margin:0;display:grid;gap:5px;min-width:190px}.nora-functional-page .premium-catalog-filter-form label>span{padding-left:3px;color:#8b8c84;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.nora-functional-page .premium-catalog-filter-form select{min-height:42px!important;padding:9px 38px 9px 12px!important;border-color:#e1dfd6!important;border-radius:11px!important;background-color:#fbfaf7!important;font-size:11px}.nora-functional-page .premium-filter-button{min-height:42px!important;border-color:#181914!important;background:#181914!important;color:#fff!important;border-radius:11px!important;padding:0 18px!important}.nora-functional-page .premium-filter-button span{color:var(--nc-gold-2);font-size:15px} /* Catalog product cards */ .nora-functional-page .premium-products-grid{gap:16px;margin-top:20px}.nora-functional-page .premium-catalog .product-card{position:relative;border:1px solid #e7e4da;border-radius:18px;background:#fff;box-shadow:0 7px 24px rgba(22,23,19,.04);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.nora-functional-page .premium-catalog .product-card:hover{transform:translateY(-5px);border-color:#dcd3b4;box-shadow:0 22px 50px rgba(22,23,19,.10)} .nora-functional-page .premium-catalog .product-media{height:290px;background:linear-gradient(145deg,#fafaf7,#f0f0eb);padding:15px}.nora-functional-page .premium-catalog .product-media img{transition:transform .32s ease}.nora-functional-page .premium-catalog .product-card:hover .product-media img{transform:scale(1.035)}.nora-functional-page .premium-catalog .product-details{padding:20px}.nora-functional-page .premium-catalog .product-details .eyebrow{color:#9a8a4b;letter-spacing:.12em}.nora-functional-page .premium-catalog .product-details h3{min-height:43px;font-size:15px;line-height:1.42}.nora-functional-page .premium-catalog .price-line{margin-bottom:15px}.nora-functional-page .premium-catalog .price-line strong{font-size:20px;color:#1c1d19}.nora-functional-page .premium-catalog .price-line del{color:#9d9e96}.nora-functional-page .premium-catalog .card-btn{border-color:#e2ddca;border-radius:11px;background:#f8f6ee;color:#51451e;font-size:11px;transition:.18s ease}.nora-functional-page .premium-catalog .card-btn:hover{background:#171814;color:#fff;border-color:#171814}.nora-functional-page .premium-catalog .honor-product-badge{position:absolute;z-index:3;top:12px;left:12px;padding:6px 9px;border-radius:999px;background:#e1b92e;color:#171813;font-size:9px;font-weight:900;box-shadow:0 8px 18px rgba(153,119,0,.2)} .nora-functional-page .premium-pagination a{border-radius:11px;border-color:#e3e0d6}.nora-functional-page .premium-pagination a.current{background:#181914;border-color:#181914;color:#fff}.nora-functional-page .premium-empty{border-color:#dedacd!important;background:linear-gradient(180deg,#fff,#fbfaf6)!important} /* Product detail */ .nora-functional-page .premium-product-breadcrumb{margin-top:20px;margin-bottom:10px} .nora-functional-page .premium-product-view{grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:46px;padding-top:16px} .nora-functional-page .premium-product-gallery{min-width:0}.nora-functional-page .premium-product-stage{position:relative;overflow:hidden;display:grid;place-items:center;min-height:620px;border:1px solid #e5e2d8;border-radius:26px;background:radial-gradient(circle at 75% 15%,rgba(214,173,50,.08),transparent 18rem),linear-gradient(145deg,#fff,#f5f5f0);box-shadow:0 22px 60px rgba(22,23,19,.07)}.nora-functional-page .premium-product-stage>img{width:100%;height:620px;object-fit:contain;padding:28px;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;transition:transform .25s ease}.nora-functional-page .premium-product-stage:hover>img{transform:scale(1.012)} .nora-functional-page .premium-product-sale-badge{position:absolute;z-index:2;top:18px;left:18px;display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:34px;padding:0 12px;border-radius:999px;background:#e0b62d;color:#171813;font-size:11px;font-weight:900;box-shadow:0 10px 24px rgba(148,112,0,.21)}.nora-functional-page .premium-gallery-corner{position:absolute;right:20px;bottom:18px;color:#aaa797;font-size:8px;font-weight:850;letter-spacing:.16em} .nora-functional-page .premium-thumb-row{display:flex;gap:10px;overflow-x:auto;padding:12px 2px 2px;scrollbar-width:none}.nora-functional-page .premium-thumb-row::-webkit-scrollbar{display:none}.nora-functional-page .premium-product-thumb{flex:0 0 84px;width:84px;height:84px;padding:6px;border:1px solid #e2e0d7;border-radius:13px;background:#fff;cursor:pointer;transition:.18s ease}.nora-functional-page .premium-product-thumb img{width:100%;height:100%;object-fit:contain}.nora-functional-page .premium-product-thumb:hover,.nora-functional-page .premium-product-thumb.is-active{border-color:#c8a633;box-shadow:0 0 0 3px rgba(214,173,50,.12);transform:translateY(-1px)} .nora-functional-page .premium-product-info{position:sticky;top:190px;padding:26px 28px 28px;border:1px solid #e5e2d8;border-radius:24px;background:rgba(255,255,255,.97);box-shadow:0 20px 60px rgba(22,23,19,.075)}.nora-functional-page .premium-product-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.nora-functional-page .premium-product-topline .eyebrow{margin:0;color:#9f7d0c}.nora-functional-page .premium-rating{display:flex;align-items:center;gap:5px;color:#55564e;font-size:10px}.nora-functional-page .premium-rating>span{color:#d0a621;font-size:14px}.nora-functional-page .premium-rating b{font-size:11px}.nora-functional-page .premium-rating small{color:#9a9a92}.nora-functional-page .premium-product-info h1{margin:0 0 10px;font-size:clamp(30px,3vw,47px);line-height:1.07;font-weight:850;letter-spacing:-.048em;color:#191a16}.nora-functional-page .premium-product-info .sku{margin-bottom:17px;color:#a0a098}.nora-functional-page .premium-product-lead{margin:0 0 18px!important;color:#676960!important;font-size:13px!important;line-height:1.7!important}.nora-functional-page .premium-product-meta{margin-bottom:6px}.nora-functional-page .premium-product-meta a{display:grid!important;gap:1px!important;padding:8px 12px!important;border-color:#e5e1d4!important;background:#faf9f4!important;color:#47483f!important}.nora-functional-page .premium-product-meta a small{font-size:8px;color:#aaa795;text-transform:uppercase;letter-spacing:.09em}.nora-functional-page .premium-product-options{margin-top:18px;border-color:#e5e1d4;background:#fbfaf6;box-shadow:inset 0 1px 0 #fff}.nora-functional-page .premium-product-options .product-option-chip{background:#fff;border-color:#e1ded3}.nora-functional-page .premium-product-options label.product-option-chip:has(input:checked){border-color:#c9a52b;background:#fffdf4;box-shadow:0 0 0 3px rgba(201,165,43,.12)} .nora-functional-page .premium-purchase-panel{margin-top:18px;padding:20px;border:1px solid #e3dfd2;border-radius:18px;background:linear-gradient(180deg,#fbfaf6,#f6f4ec);box-shadow:inset 0 1px 0 #fff}.nora-functional-page .premium-price-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.nora-functional-page .premium-price-row .detail-price{margin:0}.nora-functional-page .premium-price-row .detail-price strong{font-size:36px;color:#191a16}.nora-functional-page .premium-price-row .detail-price del{background:#eceae3;color:#8c8d85}.nora-functional-page .premium-discount-note{display:grid;justify-items:end}.nora-functional-page .premium-discount-note b{display:inline-flex;padding:4px 8px;border-radius:999px;background:#e1b92e;color:#171813;font-size:10px}.nora-functional-page .premium-discount-note span{margin-top:4px;color:#77786f;font-size:9px}.nora-functional-page .premium-purchase-panel .stock{margin:12px 0 15px!important}.nora-functional-page .premium-purchase-panel .stock.is-out-stock{background:#fff0f0!important;color:#a63d44!important}.nora-functional-page .premium-purchase-panel .buy-form{margin:0;padding:0;border:0;background:transparent;box-shadow:none;display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px}.nora-functional-page .premium-purchase-panel .variant-picker{grid-column:1/-1}.nora-functional-page .premium-purchase-panel .qty-field{margin:0}.nora-functional-page .premium-purchase-panel .qty-field input{text-align:center;background:#fff!important}.nora-functional-page .premium-add-cart{width:100%;min-height:48px!important;border-color:#181914!important;background:#181914!important;color:#fff!important;font-size:12px!important}.nora-functional-page .premium-add-cart span{color:var(--nc-gold-2);font-size:16px}.nora-functional-page .premium-add-cart:hover:not(:disabled){background:#2a2b25!important;box-shadow:0 10px 28px rgba(18,19,16,.18)!important} .nora-functional-page .premium-purchase-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:18px;border:1px solid #e3dfd2;border-radius:13px;overflow:hidden;background:#e3dfd2}.nora-functional-page .premium-purchase-trust>div{display:flex;align-items:center;gap:8px;min-width:0;padding:11px 9px;background:#fff}.nora-functional-page .premium-purchase-trust>div>b{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#f3edcf;color:#8c6f08;font-size:12px}.nora-functional-page .premium-purchase-trust span{display:grid;min-width:0}.nora-functional-page .premium-purchase-trust strong{font-size:9px;color:#30312c;white-space:nowrap}.nora-functional-page .premium-purchase-trust small{font-size:7.5px;color:#999a92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nora-functional-page .premium-purchase-note{margin:10px 0 0;color:#95968e;font-size:9px;text-align:center} .nora-functional-page .premium-product-section{padding-top:52px}.nora-functional-page .premium-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.nora-functional-page .premium-section-heading .eyebrow{margin-bottom:6px;color:#9f7d0c}.nora-functional-page .premium-section-heading h2{margin:0;color:#1b1c18}.nora-functional-page .premium-section-heading>span{font-size:52px;font-weight:900;line-height:.8;color:#ebe7d8;letter-spacing:-.06em}.nora-functional-page .premium-product-prose{max-width:none;padding:30px 34px;border-color:#e5e2d8;border-radius:20px;background:#fff;color:#56584f;box-shadow:0 10px 32px rgba(22,23,19,.04)}.nora-functional-page .premium-review-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.nora-functional-page .premium-review-list .review{border-color:#e5e2d8!important;border-radius:17px!important}.nora-functional-page .premium-review-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.nora-functional-page .premium-review-head span{float:none;color:#d2a720}.nora-functional-page .premium-review-form{margin-top:18px}.nora-functional-page .premium-review-login{padding:16px 18px;border:1px solid #e5e2d8;border-radius:14px;background:#fff;color:#77786f}.nora-functional-page .premium-review-login a{font-weight:800;color:#876a06} @media(max-width:1100px){.nora-functional-page .premium-catalog-hero{padding:30px 32px}.nora-functional-page .premium-product-view{grid-template-columns:minmax(0,1fr) 430px;gap:28px}.nora-functional-page .premium-product-stage{min-height:520px}.nora-functional-page .premium-product-stage>img{height:520px;padding:22px}.nora-functional-page .premium-product-info{top:190px;padding:22px}.nora-functional-page .premium-purchase-trust{grid-template-columns:1fr}.nora-functional-page .premium-purchase-trust strong,.nora-functional-page .premium-purchase-trust small{white-space:normal}} @media(max-width:860px){.nora-functional-page .premium-catalog-hero{grid-template-columns:1fr;min-height:auto;padding:28px 24px}.nora-functional-page .premium-catalog-hero__stat{align-items:flex-start;padding:20px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.1);text-align:left}.nora-functional-page .premium-catalog-hero__stat strong{font-size:43px}.nora-functional-page .premium-catalog-toolbar{align-items:stretch;flex-direction:column}.nora-functional-page .premium-catalog-filter-form{justify-content:stretch}.nora-functional-page .premium-catalog-filter-form label{flex:1 1 190px}.nora-functional-page .premium-filter-button{flex:0 0 auto}.nora-functional-page .premium-product-view{grid-template-columns:1fr}.nora-functional-page .premium-product-info{position:static}.nora-functional-page .premium-product-stage{min-height:560px}.nora-functional-page .premium-product-stage>img{height:560px}.nora-functional-page .premium-review-list{grid-template-columns:1fr}} @media(max-width:600px){.nora-functional-page .premium-catalog{padding-top:8px}.nora-functional-page .premium-catalog-hero{padding:23px 18px;border-radius:19px}.nora-functional-page .premium-catalog-hero h1{font-size:32px}.nora-functional-page .premium-catalog-benefits{gap:10px 16px}.nora-functional-page .premium-catalog-toolbar{padding:14px;border-radius:15px}.nora-functional-page .premium-catalog-filter-form{display:grid;grid-template-columns:1fr}.nora-functional-page .premium-catalog-filter-form label{min-width:0}.nora-functional-page .premium-filter-button{width:100%}.nora-functional-page .premium-catalog .product-media{height:330px}.nora-functional-page .premium-product-breadcrumb b{max-width:65vw}.nora-functional-page .premium-product-view{padding-top:8px}.nora-functional-page .premium-product-stage{min-height:86vw;border-radius:19px}.nora-functional-page .premium-product-stage>img{height:86vw;max-height:470px;padding:16px}.nora-functional-page .premium-gallery-corner{display:none}.nora-functional-page .premium-product-thumb{flex-basis:70px;width:70px;height:70px}.nora-functional-page .premium-product-info{padding:20px 16px;border-radius:19px}.nora-functional-page .premium-product-info h1{font-size:32px}.nora-functional-page .premium-product-topline{align-items:flex-start;flex-direction:column}.nora-functional-page .premium-product-meta a{padding:7px 10px!important}.nora-functional-page .premium-purchase-panel{padding:16px}.nora-functional-page .premium-price-row{align-items:flex-start;flex-direction:column}.nora-functional-page .premium-discount-note{justify-items:start}.nora-functional-page .premium-purchase-panel .buy-form{grid-template-columns:90px minmax(0,1fr)}.nora-functional-page .premium-purchase-trust{grid-template-columns:1fr}.nora-functional-page .premium-product-section{padding-top:38px}.nora-functional-page .premium-section-heading>span{font-size:40px}.nora-functional-page .premium-product-prose{padding:22px 19px}} /* Category hero ultra compact — 2026-10-04 */ .nora-functional-page .premium-catalog--category{padding-top:14px} .nora-functional-page .premium-catalog--category .premium-catalog-breadcrumb{margin-bottom:10px} .nora-functional-page .premium-catalog-hero--category{grid-template-columns:minmax(0,1fr) 145px;gap:20px;min-height:132px;padding:20px 32px;border-radius:22px} .nora-functional-page .premium-catalog-hero--category .premium-catalog-hero__copy h1{margin:0;max-width:920px;font-size:clamp(30px,3.4vw,48px);line-height:1.02} .nora-functional-page .premium-catalog-hero--category .premium-catalog-hero__stat{padding-left:18px} .nora-functional-page .premium-catalog-hero--category .premium-catalog-hero__stat strong{font-size:42px} .nora-functional-page .premium-catalog-hero--category .premium-catalog-hero__stat span{margin-top:4px;font-size:14px} .nora-functional-page .premium-catalog-hero--category .premium-catalog-hero__stat small{margin-top:3px;font-size:8px} .nora-functional-page .premium-catalog--category .premium-category-chips{padding-top:8px} .nora-functional-page .premium-catalog--category .premium-catalog-toolbar{margin-top:18px} @media(max-width:1100px){.nora-functional-page .premium-catalog-hero--category{grid-template-columns:minmax(0,1fr) 130px;min-height:122px;padding:18px 26px}.nora-functional-page .premium-catalog-hero--category .premium-catalog-hero__stat strong{font-size:39px}} @media(max-width:860px){.nora-functional-page .premium-catalog-hero--category{grid-template-columns:minmax(0,1fr) 112px;gap:14px;min-height:112px;padding:17px 22px}.nora-functional-page .premium-catalog-hero--category .premium-catalog-hero__stat{align-items:flex-end;padding:0 0 0 14px;border-top:0;border-left:1px solid rgba(255,255,255,.1);text-align:right}.nora-functional-page .premium-catalog-hero--category .premium-catalog-hero__stat strong{font-size:36px}.nora-functional-page .premium-catalog-hero--category .premium-catalog-hero__copy h1{font-size:clamp(28px,6vw,40px)}} @media(max-width:600px){.nora-functional-page .premium-catalog--category{padding-top:6px}.nora-functional-page .premium-catalog--category .premium-catalog-breadcrumb{margin-bottom:8px}.nora-functional-page .premium-catalog-hero--category{grid-template-columns:minmax(0,1fr) 82px;gap:10px;min-height:96px;padding:14px 15px;border-radius:16px}.nora-functional-page .premium-catalog-hero--category .premium-catalog-hero__copy h1{font-size:27px;letter-spacing:-.045em}.nora-functional-page .premium-catalog-hero--category .premium-catalog-hero__stat{padding-left:10px}.nora-functional-page .premium-catalog-hero--category .premium-catalog-hero__stat strong{font-size:31px}.nora-functional-page .premium-catalog-hero--category .premium-catalog-hero__stat span{font-size:11px}.nora-functional-page .premium-catalog-hero--category .premium-catalog-hero__stat small{display:none}.nora-functional-page .premium-catalog--category .premium-category-chips{padding-top:7px}.nora-functional-page .premium-catalog--category .premium-catalog-toolbar{margin-top:14px}} /* Pijamaevi-style product campaign ticker — 2026-10-04 */ .nora-functional-page .premium-catalog .pe-ticker{position:relative;width:100%;height:24px;overflow:hidden;margin:-6px 0 10px;color:#222;font-size:11px;font-weight:700;line-height:24px} .nora-functional-page .premium-catalog .pe-tick{position:absolute;inset:0 auto auto 0;width:100%;height:24px;display:flex;align-items:center;gap:5px;opacity:0;transform:translateY(8px);white-space:nowrap;will-change:opacity,transform} .nora-functional-page .premium-catalog .pe-tick svg{width:15px;height:15px;flex:0 0 15px;color:#d71920} .nora-functional-page .premium-catalog .pe-tick>span{display:inline-flex;align-items:center;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis} .nora-functional-page .premium-catalog .pe-tick b{font-weight:900;color:#171813} .nora-functional-page .premium-catalog .pe-ticker[data-n="1"] .pe-tick{position:relative;opacity:1;transform:none} .nora-functional-page .premium-catalog .pe-ticker[data-n="2"] .pe-tick{animation:peTickerTwo 5.2s ease-in-out infinite both} .nora-functional-page .premium-catalog .pe-ticker[data-n="2"] .pe-tick-2{animation-delay:-2.6s} .nora-functional-page .premium-catalog .pe-ticker[data-n="3"] .pe-tick{animation:peTickerThree 7.8s ease-in-out infinite both} .nora-functional-page .premium-catalog .pe-ticker[data-n="3"] .pe-tick-2{animation-delay:-5.2s} .nora-functional-page .premium-catalog .pe-ticker[data-n="3"] .pe-tick-3{animation-delay:-2.6s} @keyframes peTickerTwo{0%,42%{opacity:1;transform:translateY(0)}48%,95%{opacity:0;transform:translateY(-8px)}96%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}} @keyframes peTickerThree{0%,27%{opacity:1;transform:translateY(0)}32%,95%{opacity:0;transform:translateY(-8px)}96%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}} @media(max-width:600px){.nora-functional-page .premium-catalog .pe-ticker{height:22px;margin:-5px 0 9px;font-size:10.5px;line-height:22px}.nora-functional-page .premium-catalog .pe-tick{height:22px}.nora-functional-page .premium-catalog .pe-tick svg{width:14px;height:14px;flex-basis:14px}} @media(prefers-reduced-motion:reduce){.nora-functional-page .premium-catalog .pe-ticker .pe-tick{animation:none!important;display:none}.nora-functional-page .premium-catalog .pe-ticker .pe-tick:first-child{display:flex;position:relative;opacity:1;transform:none}} /* Category breadcrumb premium glass — V16.3 / 2026-10-05 */ .nora-functional-page .premium-catalog--category .premium-category-breadcrumb{display:inline-flex;align-items:center;gap:4px;flex-wrap:nowrap;width:auto;max-width:100%;min-height:44px;margin:0 0 12px;padding:5px 8px 5px 6px;border:1px solid rgba(165,137,48,.18);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(249,247,239,.94));box-shadow:0 8px 26px rgba(26,27,23,.06),inset 0 1px 0 rgba(255,255,255,.85);color:#74756e;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch} .nora-functional-page .premium-catalog--category .premium-category-breadcrumb::-webkit-scrollbar{display:none} .nora-functional-page .premium-category-breadcrumb .premium-breadcrumb-home,.nora-functional-page .premium-category-breadcrumb .premium-breadcrumb-link{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:32px;padding:0 8px;border-radius:9px;color:#555750;font-size:11px;font-weight:650;letter-spacing:.01em;transition:background .18s ease,color .18s ease,transform .18s ease} .nora-functional-page .premium-category-breadcrumb .premium-breadcrumb-home{padding-left:4px} .nora-functional-page .premium-category-breadcrumb .premium-breadcrumb-home-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border:1px solid rgba(184,148,36,.2);border-radius:9px;background:linear-gradient(145deg,#fffdf7,#f4eedc);color:#987512;box-shadow:0 3px 10px rgba(118,91,5,.07)} .nora-functional-page .premium-category-breadcrumb .premium-breadcrumb-home-icon svg{width:14px;height:14px} .nora-functional-page .premium-category-breadcrumb .premium-breadcrumb-home:hover,.nora-functional-page .premium-category-breadcrumb .premium-breadcrumb-link:hover{background:#fffaf0;color:#8b6a08;transform:translateY(-1px)} .nora-functional-page .premium-category-breadcrumb .premium-breadcrumb-sep{display:grid;place-items:center;width:22px;height:30px;flex:0 0 22px;color:#b4b2aa} .nora-functional-page .premium-category-breadcrumb .premium-breadcrumb-sep svg{width:13px;height:13px} .nora-functional-page .premium-category-breadcrumb .premium-breadcrumb-current{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-height:32px;max-width:min(520px,55vw);padding:0 11px;border:1px solid rgba(196,158,39,.16);border-radius:9px;background:linear-gradient(135deg,#1a1b17,#24251f);box-shadow:0 5px 14px rgba(22,23,19,.11);color:#fff;font-size:11px;font-weight:800;letter-spacing:.015em;white-space:nowrap;overflow:hidden} .nora-functional-page .premium-category-breadcrumb .premium-breadcrumb-current i{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#e3bb35;box-shadow:0 0 0 3px rgba(227,187,53,.12)} .nora-functional-page .premium-category-breadcrumb .premium-breadcrumb-current span{min-width:0;overflow:hidden;text-overflow:ellipsis} @media(max-width:600px){.nora-functional-page .premium-catalog--category .premium-category-breadcrumb{min-height:40px;margin-bottom:9px;padding:4px 6px 4px 5px;border-radius:12px}.nora-functional-page .premium-category-breadcrumb .premium-breadcrumb-home,.nora-functional-page .premium-category-breadcrumb .premium-breadcrumb-link,.nora-functional-page .premium-category-breadcrumb .premium-breadcrumb-current{min-height:30px;font-size:10px}.nora-functional-page .premium-category-breadcrumb .premium-breadcrumb-home-icon{width:25px;height:25px;flex-basis:25px;border-radius:8px}.nora-functional-page .premium-category-breadcrumb .premium-breadcrumb-home-icon svg{width:13px;height:13px}.nora-functional-page .premium-category-breadcrumb .premium-breadcrumb-sep{width:18px;flex-basis:18px}.nora-functional-page .premium-category-breadcrumb .premium-breadcrumb-current{max-width:48vw;padding:0 9px}} @media(prefers-reduced-motion:reduce){.nora-functional-page .premium-category-breadcrumb .premium-breadcrumb-home,.nora-functional-page .premium-category-breadcrumb .premium-breadcrumb-link{transition:none}} /* Product breadcrumb premium glass — V16.4 / 2026-10-05 */ .nora-functional-page .premium-product-breadcrumb{display:inline-flex;align-items:center;gap:4px;flex-wrap:nowrap;width:auto;max-width:100%;min-height:44px;margin:0 0 16px;padding:5px 8px 5px 6px;border:1px solid rgba(165,137,48,.18);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(249,247,239,.94));box-shadow:0 8px 26px rgba(26,27,23,.06),inset 0 1px 0 rgba(255,255,255,.85);color:#74756e;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch} .nora-functional-page .premium-product-breadcrumb::-webkit-scrollbar{display:none} .nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-home,.nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-link{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:32px;padding:0 8px;border-radius:9px;color:#555750;font-size:11px;font-weight:650;letter-spacing:.01em;transition:background .18s ease,color .18s ease,transform .18s ease} .nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-home{padding-left:4px} .nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-home-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border:1px solid rgba(184,148,36,.2);border-radius:9px;background:linear-gradient(145deg,#fffdf7,#f4eedc);color:#987512;box-shadow:0 3px 10px rgba(118,91,5,.07)} .nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-home-icon svg{width:14px;height:14px} .nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-home:hover,.nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-link:hover{background:#fffaf0;color:#8b6a08;transform:translateY(-1px)} .nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-sep{display:grid;place-items:center;width:22px;height:30px;flex:0 0 22px;color:#b4b2aa} .nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-sep svg{width:13px;height:13px} .nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-current{display:inline-flex;align-items:center;gap:8px;flex:0 1 auto;min-height:32px;min-width:0;max-width:min(620px,48vw);padding:0 11px;border:1px solid rgba(196,158,39,.16);border-radius:9px;background:linear-gradient(135deg,#1a1b17,#24251f);box-shadow:0 5px 14px rgba(22,23,19,.11);color:#fff;font-size:11px;font-weight:800;letter-spacing:.015em;white-space:nowrap;overflow:hidden} .nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-current i{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#e3bb35;box-shadow:0 0 0 3px rgba(227,187,53,.12)} .nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-current span{min-width:0;overflow:hidden;text-overflow:ellipsis} @media(max-width:760px){.nora-functional-page .premium-product-breadcrumb{min-height:40px;margin-bottom:11px;padding:4px 6px 4px 5px;border-radius:12px}.nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-home,.nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-link,.nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-current{min-height:30px;font-size:10px}.nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-home-icon{width:25px;height:25px;flex-basis:25px;border-radius:8px}.nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-home-icon svg{width:13px;height:13px}.nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-sep{width:18px;flex-basis:18px}.nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-current{max-width:44vw;padding:0 9px}.nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-category{max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}} @media(max-width:480px){.nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-current{max-width:38vw}.nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-category{max-width:26vw}} @media(prefers-reduced-motion:reduce){.nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-home,.nora-functional-page .premium-product-breadcrumb .premium-breadcrumb-link{transition:none}} /* Premium product cards V17 — badges, market price, cart CTA / 2026-10-05 */ .nora-functional-page .premium-catalog .product-badge-stack,.nora-functional-page .premium-product-stage .product-badge-stack--detail{position:absolute;z-index:6;top:14px;left:14px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;pointer-events:none} .nora-functional-page .premium-catalog .product-status-badge,.nora-functional-page .premium-product-stage .product-status-badge{display:inline-flex;align-items:center;gap:6px;min-height:29px;padding:5px 10px;border-radius:999px;font-size:10px;line-height:1;font-weight:850;letter-spacing:.01em;box-shadow:0 6px 18px rgba(17,18,16,.08);backdrop-filter:blur(8px)} .nora-functional-page .product-status-badge--new{background:#eefbea;color:#16752d;border:1px solid #d9f1d4}.nora-functional-page .product-status-badge--new i{width:7px;height:7px;border-radius:50%;background:#20bd42;box-shadow:0 0 0 3px rgba(32,189,66,.11)} .nora-functional-page .product-status-badge--sale{background:#fff0f1;color:#c82734;border:1px solid #ffdadd}.nora-functional-page .product-status-badge--sale svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nora-functional-page .product-status-badge--featured{background:#fff8df;color:#82630b;border:1px solid #f1e1a5} .nora-functional-page .premium-catalog .product-market-price{display:flex;align-items:center;gap:6px;min-height:20px;margin:0 0 2px;color:#898a84;font-size:11px}.nora-functional-page .premium-catalog .product-market-price del{color:#686a64;text-decoration-thickness:1.5px;text-decoration-color:#9a9b95}.nora-functional-page .premium-catalog .price-line{margin-top:0!important} .nora-functional-page .premium-catalog .card-btn.card-btn-premium{display:grid;grid-template-columns:36px 1fr 22px;align-items:center;gap:8px;width:100%;min-height:50px;padding:7px 12px;border:1px solid #a98522;border-radius:13px;background:linear-gradient(135deg,#c79c33 0%,#a47616 52%,#8a6412 100%);box-shadow:0 9px 20px rgba(128,91,9,.22),inset 0 1px 0 rgba(255,255,255,.28);color:#fff!important;font-size:12px;font-weight:850;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.nora-functional-page .premium-catalog .card-btn.card-btn-premium:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05);background:linear-gradient(135deg,#d0a63c,#ad7d19,#8f6812);border-color:#a98522;box-shadow:0 13px 26px rgba(128,91,9,.28),inset 0 1px 0 rgba(255,255,255,.28)} .nora-functional-page .premium-catalog .card-btn-premium .card-btn-cart{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.12)}.nora-functional-page .premium-catalog .card-btn-premium .card-btn-cart svg{width:19px;height:19px}.nora-functional-page .premium-catalog .card-btn-premium .card-btn-text{text-align:center}.nora-functional-page .premium-catalog .card-btn-premium .card-btn-arrow{font-size:24px;line-height:1;text-align:right;opacity:.9}.nora-functional-page .premium-catalog .card-btn.card-btn-premium:disabled{background:#d9d7cf;border-color:#d9d7cf;color:#797a74!important;box-shadow:none} .nora-functional-page .premium-product-stage{position:relative}.nora-functional-page .premium-product-stage .premium-product-sale-badge{display:none!important}.nora-functional-page .premium-detail-price-stack{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.nora-functional-page .product-market-price--detail{display:flex;align-items:center;gap:7px;color:#8c8d87;font-size:12px}.nora-functional-page .product-market-price--detail del{font-size:14px;color:#74766f;text-decoration-thickness:1.5px}.nora-functional-page .premium-detail-price-stack .detail-price{margin:0}.nora-functional-page .premium-detail-price-stack .detail-price strong{font-size:36px} @media(max-width:600px){.nora-functional-page .premium-catalog .product-badge-stack,.nora-functional-page .premium-product-stage .product-badge-stack--detail{top:10px;left:10px;gap:5px}.nora-functional-page .premium-catalog .product-status-badge,.nora-functional-page .premium-product-stage .product-status-badge{min-height:25px;padding:4px 8px;font-size:9px}.nora-functional-page .premium-catalog .card-btn.card-btn-premium{grid-template-columns:31px 1fr 18px;min-height:45px;padding:6px 9px}.nora-functional-page .premium-catalog .card-btn-premium .card-btn-cart{width:28px;height:28px}.nora-functional-page .premium-catalog .card-btn-premium .card-btn-cart svg{width:17px;height:17px}.nora-functional-page .premium-catalog .product-market-price{font-size:10px}.nora-functional-page .product-market-price--detail{font-size:11px}.nora-functional-page .product-market-price--detail del{font-size:12px}} /* Product CTA fine tune V17.1 — 2026-10-05 */ .nora-functional-page .premium-catalog .card-btn.card-btn-premium{background:linear-gradient(135deg,#a9780d 0%,#8b6008 54%,#6f4b05 100%);border-color:#815b0b;font-size:16px;box-shadow:0 10px 22px rgba(92,61,4,.28),inset 0 1px 0 rgba(255,255,255,.22)} .nora-functional-page .premium-catalog .card-btn.card-btn-premium:hover:not(:disabled){background:linear-gradient(135deg,#9c6e0a 0%,#7f5606 54%,#644304 100%);border-color:#765108;box-shadow:0 13px 28px rgba(92,61,4,.34),inset 0 1px 0 rgba(255,255,255,.2)} .nora-functional-page .premium-catalog .card-btn-premium .card-btn-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1} .nora-functional-page .premium-catalog a.card-btn.card-btn-premium{grid-template-columns:minmax(0,1fr) 22px;padding-left:18px;font-size:15px} @media(max-width:600px){.nora-functional-page .premium-catalog .card-btn.card-btn-premium{font-size:15px}.nora-functional-page .premium-catalog a.card-btn.card-btn-premium{grid-template-columns:minmax(0,1fr) 18px;padding-left:12px;font-size:13.5px}} /* Mobile premium cart CTA visibility V17.6 — 2026-10-05 */ @media(max-width:989px){ .nora-functional-page .premium-catalog .card-btn.card-btn-premium{grid-template-columns:28px minmax(0,1fr) 14px!important;gap:5px!important;min-height:48px!important;padding:6px 8px!important;font-size:14px!important} .nora-functional-page .premium-catalog .card-btn-premium .card-btn-cart{width:28px!important;height:28px!important;border-radius:9px!important} .nora-functional-page .premium-catalog .card-btn-premium .card-btn-cart svg{width:17px!important;height:17px!important} .nora-functional-page .premium-catalog .card-btn-premium .card-btn-text{display:block!important;min-width:0!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;line-height:1.1!important;text-align:center!important} .nora-functional-page .premium-catalog .card-btn-premium .card-btn-arrow{font-size:22px!important;width:14px!important;min-width:14px!important;text-align:right!important} .nora-functional-page .premium-catalog a.card-btn.card-btn-premium{grid-template-columns:minmax(0,1fr) 14px!important;gap:5px!important;padding-left:10px!important;padding-right:8px!important;font-size:13.5px!important} } @media(max-width:420px){ .nora-functional-page .premium-catalog .card-btn.card-btn-premium{grid-template-columns:25px minmax(0,1fr) 0!important;gap:4px!important;padding:5px 7px!important;font-size:12.5px!important} .nora-functional-page .premium-catalog .card-btn-premium .card-btn-cart{width:25px!important;height:25px!important} .nora-functional-page .premium-catalog .card-btn-premium .card-btn-arrow{display:none!important} .nora-functional-page .premium-catalog a.card-btn.card-btn-premium{grid-template-columns:minmax(0,1fr)!important;padding:6px 8px!important;font-size:12px!important} } /* ============================================================ V17.22 — Product detail brand visibility ============================================================ */ .nora-functional-page .premium-product-brand{ display:flex; align-items:center; gap:10px; width:max-content; max-width:100%; margin:-4px 0 17px; padding:7px 9px 7px 10px; border:1px solid #e1dacb; border-radius:999px; background:linear-gradient(180deg,#fffdf8,#faf6ec); box-shadow:inset 0 1px 0 rgba(255,255,255,.9); } .nora-functional-page .premium-product-brand__label{ display:inline-flex; align-items:center; min-height:24px; padding:0 9px; border-radius:999px; background:#171914; color:#dcb45d; font-size:8px; font-weight:900; line-height:1; letter-spacing:.13em; } .nora-functional-page .premium-product-brand__name{ display:inline-flex; align-items:center; gap:8px; min-width:0; color:#3e392f!important; font-size:12px; font-weight:850; line-height:1.1; text-decoration:none!important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .nora-functional-page .premium-product-brand__name b{ color:#b18435; font-size:14px; font-weight:600; transition:transform .18s ease; } .nora-functional-page a.premium-product-brand__name:hover{color:#9a6d20!important} .nora-functional-page a.premium-product-brand__name:hover b{transform:translateX(2px)} .nora-functional-page .premium-product-brand__name--plain{padding-right:5px} @media(max-width:600px){ .nora-functional-page .premium-product-brand{margin-top:-2px;margin-bottom:15px;gap:8px;padding:6px 8px} .nora-functional-page .premium-product-brand__label{min-height:22px;padding:0 8px;font-size:7.5px} .nora-functional-page .premium-product-brand__name{font-size:11.5px} } /* ============================================================ V17.39 — Mobile brand/publisher/author/search product grid fix Brand pages are premium-catalog but not faceted-catalog, so they need the same explicit responsive card grid used by categories. ============================================================ */ @media(max-width:989px){ .nora-functional-page .premium-catalog .premium-products-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; } .nora-functional-page .premium-catalog .premium-products-grid>.product-card{ min-width:0!important; width:auto!important; max-width:none!important; } .nora-functional-page .premium-catalog .premium-products-grid .product-media{ height:clamp(210px,39vw,300px)!important; padding:12px!important; } .nora-functional-page .premium-catalog .premium-products-grid .product-details{ min-width:0!important; padding:15px!important; } .nora-functional-page .premium-catalog .premium-products-grid .product-details h3{ min-height:40px!important; margin-bottom:10px!important; font-size:13px!important; line-height:1.35!important; overflow-wrap:anywhere!important; word-break:normal!important; } .nora-functional-page .premium-catalog .premium-products-grid .price-line strong{ font-size:18px!important; } .nora-functional-page .premium-catalog .premium-products-grid .card-btn.card-btn-premium{ min-width:0!important; } } @media(max-width:520px){ .nora-functional-page .premium-catalog .premium-products-grid{ gap:9px!important; } .nora-functional-page .premium-catalog .premium-products-grid .product-media{ height:clamp(185px,50vw,240px)!important; padding:9px!important; } .nora-functional-page .premium-catalog .premium-products-grid .product-details{ padding:12px!important; } .nora-functional-page .premium-catalog .premium-products-grid .product-details .eyebrow{ font-size:8px!important; letter-spacing:.08em!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .nora-functional-page .premium-catalog .premium-products-grid .product-details h3{ min-height:37px!important; font-size:12px!important; } .nora-functional-page .premium-catalog .premium-products-grid .product-market-price{ display:block!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .nora-functional-page .premium-catalog .premium-products-grid .price-line{ margin-bottom:10px!important; } .nora-functional-page .premium-catalog .premium-products-grid .price-line strong{ font-size:16px!important; } .nora-functional-page .premium-catalog .premium-products-grid .card-btn.card-btn-premium{ grid-template-columns:28px minmax(0,1fr) 16px!important; gap:5px!important; padding:5px 7px!important; font-size:12.5px!important; } .nora-functional-page .premium-catalog .premium-products-grid a.card-btn.card-btn-premium{ grid-template-columns:minmax(0,1fr) 16px!important; padding-left:9px!important; font-size:12px!important; } .nora-functional-page .premium-catalog .premium-products-grid .card-btn-premium .card-btn-cart{ width:26px!important; height:26px!important; } .nora-functional-page .premium-catalog .premium-products-grid .product-status-badge{ min-height:24px!important; padding:4px 7px!important; font-size:8.5px!important; } } @media(max-width:350px){ .nora-functional-page .premium-catalog .premium-products-grid{ grid-template-columns:1fr!important; } .nora-functional-page .premium-catalog .premium-products-grid .product-media{ height:280px!important; } } /* V17.59 — Stok Gelince Haber Ver */ .stock-alert-card{ margin-top:16px; padding:18px; border:1px solid rgba(194,151,36,.40); border-radius:18px; background: radial-gradient(circle at 100% 0,rgba(239,210,67,.10),transparent 34%), linear-gradient(180deg,#101a13 0%,#0a140d 100%); box-shadow:0 18px 36px rgba(8,20,12,.12); color:#fff; display:grid; grid-template-columns:48px minmax(0,1fr); gap:12px 14px; align-items:center; } .stock-alert-card__icon{ width:48px;height:48px;border-radius:14px; display:grid;place-items:center; border:1px solid rgba(241,215,63,.58); background:rgba(230,200,25,.08); color:#f0d832;font-size:21px; } .stock-alert-card__copy{display:flex;flex-direction:column;gap:3px} .stock-alert-card__copy strong{font-size:15px;letter-spacing:.01em} .stock-alert-card__copy span{font-size:12px;line-height:1.45;color:rgba(255,255,255,.66)} .stock-alert-form{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 126px;gap:10px;align-items:end} .stock-alert-form label{display:flex;flex-direction:column;gap:6px;margin:0;color:rgba(255,255,255,.76);font-size:11px;font-weight:750} .stock-alert-form input{ width:100%;height:48px;padding:0 15px!important; border:1px solid rgba(235,212,68,.36)!important;border-radius:13px!important; background:rgba(0,0,0,.20)!important;color:#fff!important; box-shadow:none!important; } .stock-alert-form input::placeholder{color:rgba(255,255,255,.42)} .stock-alert-form button{ height:48px;border:0;border-radius:13px; background:linear-gradient(180deg,#f7df3f 0%,#d9bd08 100%); color:#10130d;font-size:12px;font-weight:900;letter-spacing:.03em; cursor:pointer;box-shadow:0 10px 24px rgba(220,188,8,.15) } .stock-alert-form button:disabled{opacity:.65;cursor:wait} .stock-alert-card>small{grid-column:1/-1;color:rgba(255,255,255,.48);font-size:10.5px;line-height:1.5} .stock-alert-form.is-saved button{background:linear-gradient(180deg,#dff5e6 0%,#aad9b8 100%);color:#173c25} @media(max-width:640px){ .stock-alert-card{grid-template-columns:42px minmax(0,1fr);padding:15px} .stock-alert-card__icon{width:42px;height:42px;border-radius:12px} .stock-alert-form{grid-template-columns:1fr} .stock-alert-form button{width:118px;justify-self:end} } /* ============================================================ V17.60 — Stok bildirimi e-posta input focus / text visibility fix nora-functional.css içindeki genel input:focus beyaz arka planını bu bileşende kalıcı olarak ezer. ============================================================ */ .nora-functional-page .stock-alert-card .stock-alert-form input[type="email"], .nora-functional-page .stock-alert-card .stock-alert-form input[type="email"]:hover, .nora-functional-page .stock-alert-card .stock-alert-form input[type="email"]:focus, .nora-functional-page .stock-alert-card .stock-alert-form input[type="email"]:focus-visible, .nora-functional-page .stock-alert-card .stock-alert-form input[type="email"]:active { width:100%!important; height:48px!important; margin:0!important; padding:0 15px!important; border:1px solid rgba(238,213,54,.58)!important; border-radius:13px!important; background:#07130c!important; background-color:#07130c!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; caret-color:#f3d900!important; outline:none!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 0 0 3px rgba(243,217,0,.08)!important; opacity:1!important; } .nora-functional-page .stock-alert-card .stock-alert-form input[type="email"]:focus, .nora-functional-page .stock-alert-card .stock-alert-form input[type="email"]:focus-visible { border-color:rgba(243,217,0,.92)!important; background:#07130c!important; background-color:#07130c!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; box-shadow:0 0 0 4px rgba(243,217,0,.12),0 0 24px rgba(243,217,0,.08)!important; } .nora-functional-page .stock-alert-card .stock-alert-form input[type="email"]::placeholder { color:rgba(255,255,255,.46)!important; -webkit-text-fill-color:rgba(255,255,255,.46)!important; opacity:1!important; } /* Chrome / Safari otomatik doldurma beyaz-sarı arka planını da engelle */ .nora-functional-page .stock-alert-card .stock-alert-form input[type="email"]:-webkit-autofill, .nora-functional-page .stock-alert-card .stock-alert-form input[type="email"]:-webkit-autofill:hover, .nora-functional-page .stock-alert-card .stock-alert-form input[type="email"]:-webkit-autofill:focus, .nora-functional-page .stock-alert-card .stock-alert-form input[type="email"]:-webkit-autofill:active { -webkit-text-fill-color:#ffffff!important; caret-color:#f3d900!important; -webkit-box-shadow:0 0 0 1000px #07130c inset,0 0 0 4px rgba(243,217,0,.12)!important; box-shadow:0 0 0 1000px #07130c inset,0 0 0 4px rgba(243,217,0,.12)!important; border-color:rgba(243,217,0,.92)!important; transition:background-color 999999s ease-in-out 0s!important; } @media(max-width:640px){ .nora-functional-page .stock-alert-card .stock-alert-form input[type="email"], .nora-functional-page .stock-alert-card .stock-alert-form input[type="email"]:focus, .nora-functional-page .stock-alert-card .stock-alert-form input[type="email"]:focus-visible { height:46px!important; } } /* ============================================================ V17.61 — Favoriler + Fiyat Alarmı storefront ============================================================ */ .nora-functional-page .product-card.product-card-premium-v17, .nora-home-premium-card.product-card-premium-v17{position:relative} .product-favorite-form{margin:0} .product-favorite-btn{ position:absolute;z-index:9;top:14px;right:14px; width:38px;height:38px;padding:0;border-radius:50%; display:grid;place-items:center; border:1px solid rgba(178,151,78,.30);background:rgba(255,255,255,.92); color:#45463f;box-shadow:0 8px 20px rgba(20,23,18,.10);backdrop-filter:blur(8px); cursor:pointer;transition:transform .15s ease,color .15s ease,background .15s ease,border-color .15s ease } .product-favorite-btn svg{width:19px;height:19px;fill:transparent;stroke:currentColor;stroke-width:1.8} .product-favorite-btn:hover{transform:translateY(-1px);color:#9b7414;border-color:rgba(198,159,50,.55)} .product-favorite-btn.is-active{background:#171b16;color:#f1d53b;border-color:#b99725} .product-favorite-btn.is-active svg{fill:currentColor;stroke:currentColor} .product-card-favorite-home{position:absolute;z-index:9;top:14px;right:14px}.product-card-favorite-home.product-favorite-btn{position:absolute;top:14px;right:14px} .product-card-favorite-home .product-favorite-btn{top:0;right:0} .product-engagement-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 15px} .product-engagement-tools>form{margin:0} .product-engagement-btn{ min-height:48px;width:100%;padding:9px 13px;border:1px solid #ddd8c8;border-radius:14px; background:#fff;color:#24271f;display:flex;align-items:center;justify-content:center;gap:9px; text-decoration:none;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 7px 18px rgba(40,38,28,.045) } .product-engagement-btn>span{font-size:20px;line-height:1;color:#a17a14}.product-engagement-btn>small{font-size:9px;color:#969084} .product-engagement-btn.is-active{background:#171c16;color:#fff;border-color:#9d8429}.product-engagement-btn.is-active>span{color:#f1d53b} .product-price-alert-panel{position:relative}.product-price-alert-panel>summary{list-style:none}.product-price-alert-panel>summary::-webkit-details-marker{display:none} .product-price-alert-panel[data-has-alert="1"]>summary{background:#fff8d7;border-color:#d8bc42} .product-price-alert-panel form{ position:absolute;z-index:30;right:0;top:56px;width:min(360px,90vw);padding:16px;border:1px solid #d9d1b9;border-radius:16px; background:#fff;box-shadow:0 22px 50px rgba(30,31,25,.16);display:grid;gap:11px } .price-alert-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.price-alert-form-head strong{font-size:13px}.price-alert-form-head small{font-size:10px;color:#8d887a} .product-price-alert-panel form>label{display:flex;align-items:center;gap:8px;font-size:12px;color:#4f504a}.product-price-alert-panel form input[type="radio"]{width:auto}.product-price-alert-panel form select{height:34px;padding:0 8px;border:1px solid #ded9ca;border-radius:9px;background:#fff} .product-price-alert-panel form>button{min-height:40px;border:0;border-radius:11px;background:#1b2118;color:#fff;font-weight:850;cursor:pointer} @media(max-width:640px){.product-engagement-tools{grid-template-columns:1fr}.product-price-alert-panel form{left:0;right:auto;width:100%}.product-favorite-btn{top:10px;right:10px;width:34px;height:34px}.product-card-favorite-home{top:10px;right:10px}.product-card-favorite-home.product-favorite-btn{top:10px;right:10px}} /* ============================================================ V17.62 — Tükendi ürün butonlarını Trend Ürünler ile eşitle Kategori / marka / yayınevi / arama gibi store_card kullanan tüm listelerde stok 0 olduğunda gri placeholder yerine gerçek premium "Tükendi" butonu gösterilir. ============================================================ */ .nora-functional-page .premium-catalog .card-btn.card-btn-premium:disabled { opacity:1!important; cursor:not-allowed!important; background:linear-gradient(135deg,#d4bb83 0%,#c6aa70 54%,#b99b5e 100%)!important; border-color:#c1a566!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; box-shadow:0 10px 22px rgba(126,98,38,.17),inset 0 1px 0 rgba(255,255,255,.34)!important; filter:none!important; transform:none!important; } .nora-functional-page .premium-catalog .card-btn.card-btn-premium:disabled .card-btn-cart { display:grid!important; place-items:center!important; background:rgba(255,255,255,.14)!important; color:#ffffff!important; opacity:1!important; } .nora-functional-page .premium-catalog .card-btn.card-btn-premium:disabled .card-btn-cart svg, .nora-functional-page .premium-catalog .card-btn.card-btn-premium:disabled .card-btn-text, .nora-functional-page .premium-catalog .card-btn.card-btn-premium:disabled .card-btn-arrow { color:#ffffff!important; stroke:currentColor!important; opacity:1!important; } .nora-functional-page .premium-catalog .card-btn.card-btn-premium:disabled .card-btn-text { font-weight:850!important; white-space:nowrap!important; } /* Global functional-page button:disabled opacity kuralının, sadece ürün kartındaki Tükendi butonunu soldurmaması için. */ .nora-functional-page .product-card .card-btn.card-btn-premium:disabled { opacity:1!important; } /* Marka / yayınevi / yazar / konu / arama / kategori sayfalarında aynı server product-card bileşeni kullanıldığı için tek kural bütün bu alanları eşitler. */ /* V17.63 — Favori / fiyat alarm başlıklarını 1px küçült */ .product-engagement-btn > b { font-size:11px!important; line-height:1.3!important; } /* ============================================================ V17.81 — Ürün detay görsel galerisi sağ/sol ok + efekt ============================================================ */ .nora-functional-page .premium-product-stage[data-premium-gallery-stage]{ outline:none; } .nora-functional-page .premium-product-stage[data-premium-gallery-stage]:focus-visible{ box-shadow:0 22px 60px rgba(22,23,19,.07),0 0 0 3px rgba(202,165,47,.14); } .nora-functional-page .premium-product-stage[data-premium-gallery-stage] > img{ will-change:opacity,transform; transition:opacity .18s ease,transform .24s cubic-bezier(.22,.61,.36,1)!important; } .nora-functional-page .premium-product-stage.is-gallery-switching > img{ opacity:.08; } .nora-functional-page .premium-product-stage.is-gallery-switching[data-gallery-direction="next"] > img{ transform:translateX(-18px) scale(.985)!important; } .nora-functional-page .premium-product-stage.is-gallery-switching[data-gallery-direction="prev"] > img{ transform:translateX(18px) scale(.985)!important; } .nora-functional-page .premium-gallery-arrow{ position:absolute; z-index:8; top:50%; width:48px; height:48px; margin:0; padding:0; display:grid; place-items:center; border:1px solid rgba(183,153,63,.42); border-radius:50%; background:rgba(255,255,255,.90); color:#6f5816; box-shadow:0 12px 28px rgba(29,28,20,.14); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); transform:translateY(-50%); cursor:pointer; transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease; } .nora-functional-page .premium-gallery-arrow--prev{left:18px} .nora-functional-page .premium-gallery-arrow--next{right:18px} .nora-functional-page .premium-gallery-arrow svg{ width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; } .nora-functional-page .premium-gallery-arrow:hover{ background:#171b16; color:#f1d53b; border-color:#9f8425; box-shadow:0 15px 32px rgba(22,23,19,.20); } .nora-functional-page .premium-gallery-arrow--prev:hover{ transform:translateY(-50%) translateX(-2px); } .nora-functional-page .premium-gallery-arrow--next:hover{ transform:translateY(-50%) translateX(2px); } .nora-functional-page .premium-gallery-arrow:focus-visible{ outline:2px solid #d0aa2c; outline-offset:3px; } .nora-functional-page .premium-gallery-status{ position:absolute; z-index:7; left:50%; bottom:18px; min-width:50px; padding:6px 9px; border:1px solid rgba(190,166,92,.24); border-radius:999px; background:rgba(255,255,255,.78); color:#777263; font-size:9px; font-weight:800; letter-spacing:.08em; text-align:center; transform:translateX(-50%); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); } @media(max-width:600px){ .nora-functional-page .premium-gallery-arrow{ width:40px; height:40px; } .nora-functional-page .premium-gallery-arrow--prev{left:8px} .nora-functional-page .premium-gallery-arrow--next{right:8px} .nora-functional-page .premium-gallery-arrow svg{ width:19px; height:19px; } .nora-functional-page .premium-gallery-status{ bottom:10px; padding:5px 8px; font-size:8px; } } @media(prefers-reduced-motion:reduce){ .nora-functional-page .premium-product-stage[data-premium-gallery-stage] > img, .nora-functional-page .premium-gallery-arrow{ transition:none!important; } } /* ============================================================ V17.92 — Sadece satın alan üyeler ürün yorumu yapabilir ============================================================ */ .nora-functional-page .premium-review-restricted{ margin-top:18px; padding:17px 18px; border:1px solid rgba(173,139,48,.28); border-radius:14px; background:rgba(245,239,215,.42); color:#514a37; } .nora-functional-page .premium-review-restricted strong{ display:block; margin-bottom:5px; color:#29271f; font-size:13px; font-weight:800; } .nora-functional-page .premium-review-restricted span{ display:block; color:#77705f; font-size:11px; line-height:1.55; } .nora-functional-page .premium-review-restricted--done{ border-color:rgba(70,151,96,.22); background:rgba(231,246,235,.55); } .nora-functional-page .premium-review-purchase-badge{ display:inline-flex; align-items:center; min-height:28px; margin:0 0 10px; padding:5px 10px; border:1px solid rgba(70,151,96,.26); border-radius:999px; background:rgba(231,246,235,.62); color:#317447; font-size:10px; font-weight:800; letter-spacing:.02em; }