/* Bath Box TR — sitenin kendi stil dosyası. * Canlı yayından alındı; değerler ölçümle değil kaynaktan gelir. * Renk ve ölçü değişiklikleri :root değişkenleri üzerinden yapılır. */ :root{--ink:#332d30;--muted:#81777c;--paper:#f8f5f0;--surface:#fffdf8;--line:#ded7d1;--rose:#956b79;--green:#54765d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;background:0 0;border:0}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--rose);outline-offset:3px}.admin-shell{min-height:100vh;display:flex}.admin-sidebar{border-right:1px solid var(--line);background:#eee9e3;flex-direction:column;flex:none;width:232px;padding:28px 16px 20px;display:flex}.admin-brand{color:var(--ink);letter-spacing:-.04em;font-family:Georgia,serif;font-size:17px;text-decoration:none}.admin-brand span{margin-left:2px;font-size:.72em}.admin-brand i{color:var(--rose);font-style:normal}.admin-caption,.admin-context,.panel-kicker{color:var(--muted);letter-spacing:.13em;font-size:9px;font-weight:700}.admin-caption{margin:30px 8px 12px}.admin-sidebar nav{gap:3px;display:grid}.admin-sidebar nav a,.admin-settings,.admin-back-store{color:#675e62;align-items:center;gap:10px;padding:10px 9px;font-size:12px;text-decoration:none;display:flex}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:var(--surface);color:var(--ink)}.admin-sidebar nav em{background:#e3d9df;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:10px;font-style:normal}.admin-settings{margin-top:auto}.admin-back-store{border-top:1px solid var(--line);margin-top:8px;padding-top:16px}.admin-main{flex:1;min-width:0;max-width:1500px;padding:34px clamp(20px,4vw,56px)}.admin-top{justify-content:space-between;align-items:flex-start;margin-bottom:30px;display:flex}.admin-context{margin-bottom:10px;display:block}.admin-top h1{letter-spacing:-.035em;margin:0;font:400 clamp(28px,3vw,42px)/1.05 Georgia,serif}.admin-subtitle{max-width:62ch;color:var(--muted);margin:10px 0 0;line-height:1.55}.admin-top-actions{align-items:center;gap:14px;display:flex}.admin-user{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.admin-user span{background:var(--ink);width:28px;height:28px;color:var(--surface);place-items:center;font-size:10px;display:grid}.admin-toolbar{justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;display:flex}.admin-search{background:var(--surface);border:1px solid var(--line);min-width:260px;color:var(--muted);align-items:center;gap:8px;padding:9px 11px;display:flex}.admin-search input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.admin-ghost,.admin-primary{justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 14px;font-size:11px;display:inline-flex}.admin-ghost{border:1px solid var(--line);color:var(--ink);background:var(--surface)}.admin-primary{background:var(--ink);color:var(--surface)}.admin-ghost:hover{background:#f0eae4}.admin-primary:hover{background:var(--rose)}button:disabled{cursor:not-allowed;opacity:.45}.admin-table-wrap{background:var(--surface);border:1px solid var(--line);overflow:auto}.admin-table{border-collapse:collapse;width:100%;font-size:12px}.admin-table th{text-align:left;color:var(--muted);letter-spacing:.1em;white-space:nowrap;border-bottom:1px solid var(--line);padding:11px 13px;font-size:9px;font-weight:700}.admin-table td{vertical-align:top;border-bottom:1px solid #eee8e2;padding:13px}.admin-table tbody tr:hover{background:#fcf8f3}.admin-table tr:last-child td{border-bottom:0}.table-secondary{color:var(--muted);margin-top:4px;font-size:10px;display:block}.admin-status{color:var(--green);white-space:nowrap;background:#e8eee9;padding:5px 7px;font-size:9px;display:inline-block}.admin-status.pink{color:#9a5968;background:#f0e1e5}.admin-status.gray{color:var(--muted);background:#ece9e6}.admin-inline-link{color:var(--rose);font-size:11px}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.order-drawer-backdrop{z-index:10;background:#332d3066;justify-content:flex-end;display:flex;position:fixed;inset:0}.order-drawer{background:var(--surface);width:min(440px,100%);height:100%;padding:42px 30px;position:relative;overflow:auto;box-shadow:-12px 0 30px #332d3025}.drawer-close{color:var(--muted);position:absolute;top:20px;right:20px}.order-drawer h2{margin:8px 0 18px;font:400 28px Georgia,serif}.drawer-customer{color:var(--muted);gap:4px;font-size:12px;display:grid}.drawer-customer b{color:var(--ink)}.drawer-box{background:#f2ede8;gap:7px;margin:20px 0;padding:13px;font-size:12px;display:grid}.drawer-items{gap:10px;margin:20px 0;display:grid}.drawer-items>b{font-size:11px}.drawer-items>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:8px;font-size:11px;display:flex}.drawer-label{color:var(--muted);gap:6px;margin:14px 0;font-size:10px;display:grid}.drawer-label input,.drawer-label select{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--ink);padding:0 10px}.drawer-save{width:100%;margin-top:10px}.form-error{color:#9a5968;font-size:12px}.admin-error{margin:12px 0}.admin-login-page{background:var(--paper);place-items:center;min-height:100vh;padding:32px 20px;display:grid}.admin-login-card{background:var(--surface);border:1px solid var(--line);width:min(430px,100%);padding:42px;box-shadow:0 18px 50px #332d3010}.admin-login-brand{color:var(--ink);letter-spacing:-.07em;margin-bottom:54px;font:400 22px Georgia,serif;text-decoration:none;display:inline-block}.admin-login-brand span{letter-spacing:.08em;color:var(--rose);margin-left:4px;font:700 9px Arial,sans-serif}.admin-login-brand i{color:var(--rose);font-style:normal}.admin-login-card h1{letter-spacing:-.06em;max-width:9ch;margin:0;font:400 clamp(34px,5vw,48px)/.98 Georgia,serif}.admin-login-copy{max-width:32ch;color:var(--muted);margin:16px 0 28px;font-size:12px;line-height:1.6}.admin-login-form{gap:16px;display:grid}.admin-login-form label{color:var(--muted);gap:7px;font-size:10px;display:grid}.admin-login-form input{border:1px solid var(--line);background:var(--paper);width:100%;height:47px;color:var(--ink);outline:0;padding:0 13px;font-size:12px}.admin-login-form input:focus{border-color:var(--rose);box-shadow:0 0 0 2px #956b7930}.admin-login-foot{color:var(--muted);margin:22px 0 0;font-size:11px}.admin-login-foot a{color:var(--rose)}.admin-login-loading{color:var(--muted);font-size:12px}@media (width<=600px){.admin-login-card{padding:28px 22px}.admin-login-brand{margin-bottom:40px}}.designed-empty{text-align:center;color:var(--muted);padding:40px}.designed-empty h2{color:var(--ink);margin:10px 0 4px;font:400 21px Georgia,serif}@media (width<=800px){.admin-sidebar{width:190px}.admin-main{padding:24px 16px}.admin-top h1{font-size:30px}}@media (width<=600px){.admin-shell{display:block}.admin-sidebar{width:auto;min-height:0;padding:16px}.admin-sidebar nav{display:flex;overflow:auto}.admin-sidebar nav a{white-space:nowrap}.admin-settings,.admin-back-store{display:none}.admin-top{margin-bottom:22px}.admin-top-actions{display:none}.admin-toolbar{flex-direction:column;align-items:stretch}.admin-search{min-width:0}.admin-table-wrap{margin-right:-16px}}.reports-period{border:1px solid var(--line);background:#f0ebe5;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:15px 18px;display:flex}.reports-period div{gap:4px;display:grid}.reports-period b{font-size:13px}.reports-period div>span:last-child{color:var(--muted);font-size:10px}.live-dot{color:var(--green);align-items:center;gap:7px;font-size:10px;display:flex}.live-dot i{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #dce8de}.report-stat-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.report-stat{background:var(--surface);border:1px solid var(--line);gap:7px;min-height:124px;padding:16px;display:grid}.report-stat.featured{border-top:3px solid var(--rose);padding-top:14px}.report-stat>span{color:var(--muted);align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.report-stat>span svg{color:var(--rose)}.report-stat b{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:26px;line-height:1}.report-delta{align-items:center;gap:3px;font-size:10px;font-weight:600;display:flex}.report-delta.positive{color:var(--green)}.report-delta.negative{color:#a55f6b}.report-delta.neutral{color:var(--muted);font-weight:400}.reports-main-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:16px;margin-bottom:16px;display:grid}.report-performance,.report-funnel,.top-products,.stock-watch{background:var(--surface);border:1px solid var(--line);padding:20px}.report-performance .panel-head,.report-funnel .panel-head,.top-products .panel-head,.stock-watch .panel-head{margin-bottom:18px}.report-performance h2,.report-funnel h2,.top-products h2,.stock-watch h2{margin:6px 0 0;font:400 21px Georgia,serif}.chart-unit{color:var(--muted);font-size:10px}.report-chart{gap:12px;height:235px;display:flex}.chart-y{color:var(--muted);white-space:nowrap;flex-direction:column;justify-content:space-between;padding:2px 0 22px;font-size:9px;display:flex}.report-bars{border-bottom:1px solid var(--line);background:repeating-linear-gradient(#0000 0 54px,#eee8e2 55px);flex:1;align-items:stretch;gap:4px;display:flex}.report-bar-slot{flex:1;align-items:flex-end;min-width:4px;display:flex;position:relative}.report-bar-slot i{background:var(--rose);width:100%;min-height:2px;transition:filter .2s;display:block}.report-bar-slot i:hover{filter:brightness(.82)}.report-bar-slot i.empty{background:#e7dfda}.report-bar-slot span{color:var(--muted);white-space:nowrap;font-size:9px;position:absolute;bottom:-19px;left:50%;transform:translate(-50%)}.chart-foot{color:var(--muted);justify-content:space-between;margin-top:28px;font-size:10px;display:flex}.chart-foot b{color:var(--ink);font-weight:600}.funnel-list{gap:18px;margin:24px 0 26px;display:grid}.funnel-row{gap:7px;display:grid}.funnel-row>div:first-child{justify-content:space-between;font-size:11px;display:flex}.funnel-row span{color:var(--muted)}.funnel-row b{font-variant-numeric:tabular-nums}.funnel-track{background:#eee9e3;height:6px}.funnel-track i{min-width:0;height:100%;display:block}.funnel-track i.rose{background:var(--rose)}.funnel-track i.amber{background:#b47c55}.funnel-track i.green{background:var(--green)}.funnel-track i.ink{background:var(--ink)}.admin-inline-link{align-items:center;gap:4px;display:inline-flex}.reports-bottom-grid{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.report-product-list,.low-stock-list{display:grid}.report-product-list>div,.low-stock-list>div{border-top:1px solid #eee8e2;align-items:center;gap:11px;padding:10px 0;display:flex}.report-product-list>div:first-child,.low-stock-list>div:first-child{border-top:0}.report-product-list>div>strong{width:20px;color:var(--muted);font-size:11px}.report-product-list img,.report-product-list .product-placeholder{object-fit:cover;width:38px;height:46px;color:var(--rose);background:#eee9e3;flex:none;place-items:center;display:grid}.report-product-list>div>div{flex:1;gap:4px;min-width:0;display:grid}.report-product-list b,.low-stock-list b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.report-product-list small,.low-stock-list small{color:var(--muted);font-size:10px}.product-share{color:var(--rose);font-variant-numeric:tabular-nums;font-size:11px}.low-stock-list>div{justify-content:space-between}.low-stock-list>div>span{gap:4px;min-width:0;display:grid}.stock-ok{min-height:158px;color:var(--green);text-align:center;place-items:center;gap:7px;display:grid}.stock-ok b{color:var(--ink);font-size:12px}.stock-ok span{color:var(--muted);font-size:10px}.stock-watch>.admin-inline-link{margin-top:18px}.designed-empty{place-items:center;gap:7px;min-height:130px;display:grid}.designed-empty p{margin:0;font-size:11px}@media (width<=900px){.report-stat-grid{grid-template-columns:repeat(2,1fr)}.reports-main-grid,.reports-bottom-grid{grid-template-columns:1fr}}@media (width<=600px){.reports-period{flex-direction:column;align-items:flex-start}.report-stat b{font-size:23px}.report-performance,.report-funnel,.top-products,.stock-watch{padding:16px}.report-chart{height:200px}.report-bars{gap:2px}.chart-foot{flex-direction:column;gap:12px}.report-product-list b{max-width:180px}}.ops-notice{border:1px solid var(--line);background:#fffdf8;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 16px;font-size:11px;display:flex}.ops-notice>svg{color:var(--green);flex:none}.ops-notice div{gap:4px;display:grid}.ops-notice span{color:var(--muted);line-height:1.5}.ops-api-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px;display:grid}.ops-api-card{background:var(--surface);border:1px solid var(--line);align-items:flex-start;gap:12px;padding:16px;display:flex}.ops-api-icon{width:34px;height:34px;color:var(--rose);background:#eee9e3;flex:none;place-items:center;display:grid}.ops-api-icon.shipping{color:var(--green)}.ops-api-card>div:nth-child(2){flex:1}.ops-api-card h2{margin:5px 0 4px;font:400 18px Georgia,serif}.ops-api-card p{color:var(--muted);margin:0;font-size:11px}.ops-api-card>.admin-status{margin-left:auto}.ops-sync{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.admin-loading{color:var(--muted);padding:30px}@media (width<=700px){.ops-api-grid{grid-template-columns:1fr}.ops-api-card{flex-wrap:wrap}.ops-api-card>.admin-status{margin-left:46px}}.ops-queue-tabs{border-bottom:1px solid #ddd4cb;align-items:stretch;gap:0;margin:0 0 18px;display:flex}.ops-queue-tabs button{color:#8f828e;border-bottom:2px solid #0000;align-items:center;gap:10px;padding:12px 16px;font-size:11px;display:flex}.ops-queue-tabs button:hover{color:var(--ink);background:#fffdf8}.ops-queue-tabs button.active{color:var(--ink);background:#fffdf8;border-bottom-color:#956b79}.ops-queue-tabs b{color:#81777c;font-variant-numeric:tabular-nums;background:#ece9e6;place-items:center;min-width:21px;height:21px;font-size:10px;display:grid}.ops-queue-tabs .active b{color:#6f526c;background:#e7dbe8}.ops-detail-button{color:#956b79;border-bottom:1px solid #0000;padding:8px 0;font-size:10px;font-weight:650}.ops-detail-button:hover{border-color:#956b79}.ops-drawer-status{margin-bottom:4px}.ops-drawer-actions{grid-template-columns:1fr 1.35fr;gap:8px;margin-top:22px;display:grid}.ops-drawer-actions button{width:100%}.pack-check{color:var(--ink);cursor:pointer;border-top:1px solid #54765d2e;align-items:center;gap:10px;padding:11px 0;font-size:11px;display:flex}.pack-check input{accent-color:#54765d;width:17px;height:17px}.pack-check span{flex-direction:column;flex:1;gap:3px;display:flex}.pack-check strong{color:#54765d;font-size:10px}.pack-check>svg,.pack-check.checked{color:#54765d}.pack-helper{color:#a55f6b;margin-top:10px;font-size:10px;display:block}@media (width<=600px){.ops-queue-tabs{overflow-x:auto}.ops-queue-tabs button{white-space:nowrap;padding:11px 12px}.ops-drawer-actions{grid-template-columns:1fr}.ops-drawer{padding:38px 22px}}.order-filters{gap:3px;margin-left:auto;display:flex;overflow:auto}.order-filters button{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;padding:0 9px;font-size:10px}.order-filters button:hover,.order-filters button.active{color:var(--ink);background:var(--surface);border-bottom-color:var(--rose)}.admin-fulfillment-note{color:#4f4548;background:#fffdf8;border:1px solid #ded7d1;align-items:flex-start;gap:12px;margin:0 0 20px;padding:14px 16px;display:flex}.admin-fulfillment-note>svg{color:#956b79;flex:none;margin-top:2px}.admin-fulfillment-note div{gap:4px;display:grid}.admin-fulfillment-note b{font-size:12px}.admin-fulfillment-note span{color:#81777c;font-size:11px;line-height:1.5}.admin-shipping-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 22px;display:grid}.admin-shipping-summary>div{background:#fffdf8;border-left:3px solid #956b79;gap:5px;padding:14px 16px;display:grid}.admin-shipping-summary>div:nth-child(2){border-color:#54765d}.admin-shipping-summary>div:nth-child(3){border-color:#b47c89}.admin-shipping-summary span{color:#8f828e;letter-spacing:.12em;font-size:9px;font-weight:700}.admin-shipping-summary b{font-variant-numeric:tabular-nums;color:#332d30;font-size:26px;line-height:1}.admin-shipping-summary small{color:#81777c;font-size:10px}.admin-order-status-grid{border-top:1px solid #e5ded8;border-bottom:1px solid #e5ded8;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;padding:12px 0;display:grid}.admin-order-status-grid>div{gap:6px;display:grid}.admin-order-status-grid span{letter-spacing:.1em;color:#8f828e;font-size:9px;font-weight:700}.admin-table td small.table-secondary{white-space:normal;max-width:190px;line-height:1.45;display:block}.admin-table td b{font-variant-numeric:tabular-nums}@media (width<=700px){.admin-shipping-summary{grid-template-columns:1fr}.admin-fulfillment-note{margin-bottom:16px}.order-filters{order:3;justify-content:space-between;width:100%;margin-left:0}.order-filters button{padding:8px 6px}}.product-admin-summary{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.product-admin-summary>div{border-left:3px solid var(--rose);background:var(--surface);gap:5px;padding:14px 16px;display:grid}.product-admin-summary .summary-green{border-color:var(--green)}.product-admin-summary .summary-pink{border-color:#b47c89}.product-admin-summary .summary-muted{border-color:#aaa09a}.product-admin-summary span{color:var(--muted);letter-spacing:.12em;font-size:9px;font-weight:700}.product-admin-summary b{font-variant-numeric:tabular-nums;font-size:26px;line-height:1}.product-admin-summary small{color:var(--muted);font-size:10px}.product-filters{gap:3px;margin-left:auto;display:flex}.product-filters button{color:var(--muted);border-bottom:2px solid #0000;padding:0 10px;font-size:10px}.product-filters button:hover,.product-filters button.active{color:var(--ink);background:var(--surface);border-bottom-color:var(--rose)}.product-cell{align-items:center;gap:10px;min-width:220px;display:flex}.product-cell img,.product-cell .product-placeholder{object-fit:cover;width:36px;height:44px;color:var(--rose);background:#eee9e3;flex:none;place-items:center;display:grid}.product-cell>div{min-width:0}.stock-alert{color:#a55f6b;font-weight:700}.row-actions{white-space:nowrap}.icon-button{width:30px;height:30px;color:var(--muted)}.icon-button:hover{color:var(--rose);background:#f2ebe7}.icon-button.danger:hover{color:#a55f6b}.product-editor{background:var(--surface);border:1px solid var(--line);margin-bottom:20px;padding:20px;position:relative}.editor-head{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.editor-head h2{margin:6px 0 0;font:400 22px Georgia,serif}.editor-head .drawer-close{position:static}.admin-create-form{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:14px;padding:18px 0 2px;display:grid}.admin-create-form label{color:var(--muted);gap:6px;font-size:10px;display:grid}.admin-create-form input,.admin-create-form select,.admin-create-form textarea{border:1px solid var(--line);width:100%;min-height:38px;color:var(--ink);background:#fffdf8;padding:8px 10px;font-size:12px}.admin-create-form textarea{resize:vertical;min-height:78px}.admin-create-form .wide-field{grid-column:span 2}.form-actions{align-items:flex-end;gap:8px;display:flex}.form-actions button{min-height:38px}.admin-empty{gap:10px}.admin-empty .admin-primary{margin-top:4px}@media (width<=900px){.product-admin-summary{grid-template-columns:repeat(2,1fr)}.product-filters{order:3;margin-left:0}.admin-toolbar{flex-wrap:wrap}.admin-create-form{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.product-admin-summary{gap:8px}.product-admin-summary>div{padding:12px}.product-admin-summary b{font-size:22px}.product-filters{justify-content:space-between;width:100%}.product-filters button{padding:8px 6px}.admin-create-form{grid-template-columns:1fr}.admin-create-form .wide-field{grid-column:auto}.form-actions{flex-direction:column;align-items:stretch}}.customer-summary{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.customer-summary>div{border-left:3px solid var(--rose);background:var(--surface);gap:5px;padding:14px 16px;display:grid}.customer-summary .summary-green{border-color:var(--green)}.customer-summary .summary-pink{border-color:#b47c89}.customer-summary .summary-muted{border-color:#aaa09a}.customer-summary span{color:var(--muted);letter-spacing:.12em;font-size:9px;font-weight:700}.customer-summary b{font-variant-numeric:tabular-nums;font-size:26px;line-height:1}.customer-summary small{color:var(--muted);font-size:10px}.customer-filters{gap:3px;margin-left:auto;display:flex}.customer-filters button{color:var(--muted);border-bottom:2px solid #0000;padding:0 10px;font-size:10px}.customer-filters button:hover,.customer-filters button.active{color:var(--ink);background:var(--surface);border-bottom-color:var(--rose)}.customer-cell{align-items:center;gap:10px;min-width:220px;display:flex}.customer-cell>span{width:34px;height:34px;color:var(--rose);letter-spacing:.05em;background:#eee1e5;flex:none;place-items:center;font-size:10px;font-weight:700;display:grid}.customer-cell>div{gap:4px;min-width:0;display:grid}.customer-cell small{color:var(--muted);white-space:nowrap;font-size:10px}.customer-drawer h2{overflow-wrap:anywhere;max-width:330px}.customer-detail-stats{grid-template-columns:1fr 1fr;gap:8px;margin:22px 0 12px;display:grid}.customer-detail-stats>div{background:#f2ede8;gap:5px;padding:12px;display:grid}.customer-detail-stats span{letter-spacing:.1em;color:var(--muted);font-size:9px;font-weight:700}.customer-detail-stats b{font-variant-numeric:tabular-nums;font-size:20px}.customer-mail{color:var(--rose);align-items:center;gap:7px;font-size:11px;text-decoration:none;display:inline-flex}.customer-mail:hover{text-decoration:underline}.customer-drawer .drawer-items{margin-top:26px}.customer-drawer .drawer-items>div{align-items:flex-start}.customer-drawer .drawer-items>div>span{gap:4px;min-width:0;display:grid}.customer-drawer .drawer-items>div>span small{color:var(--muted);font-size:10px;line-height:1.4}.customer-drawer .drawer-items>div>strong{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:5px;font-size:11px;display:flex}.customer-drawer .admin-status{font-size:8px}.drawer-muted{color:var(--muted);font-size:11px}@media (width<=900px){.customer-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.customer-summary{gap:8px}.customer-summary>div{padding:12px}.customer-summary b{font-size:22px}.customer-filters{order:3;justify-content:space-between;width:100%}.customer-filters button{padding:8px 6px}.customer-drawer .drawer-items>div>strong{white-space:normal;text-align:right}}.invoice-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.invoice-summary>div{border-left:3px solid var(--rose);background:var(--surface);gap:5px;padding:14px 16px;display:grid}.invoice-summary .summary-green{border-color:var(--green)}.invoice-summary .summary-pink{border-color:#b47c89}.invoice-summary span{color:var(--muted);letter-spacing:.12em;font-size:9px;font-weight:700}.invoice-summary b{font-variant-numeric:tabular-nums;font-size:26px;line-height:1}.invoice-summary small{color:var(--muted);font-size:10px}.invoice-filters{gap:3px;margin-left:auto;display:flex}.invoice-filters button{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;padding:0 10px;font-size:10px}.invoice-filters button:hover,.invoice-filters button.active{color:var(--ink);background:var(--surface);border-bottom-color:var(--rose)}@media (width<=800px){.invoice-summary{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.invoice-summary{gap:8px}.invoice-summary>div{padding:12px}.invoice-summary b{font-size:22px}.invoice-filters{order:3;justify-content:space-between;width:100%}.invoice-filters button{padding:8px 6px}}:root{--lavender:#c8bddb;--peach:#f2c9b8;--blush:#e8b8b9;--sage:#b7cdbd;--deep:#332d30}.site-shell{background:var(--paper);min-width:320px;overflow:hidden}.announcement{background:var(--deep);color:#fffdf8;letter-spacing:.08em;justify-content:center;align-items:center;gap:10px;height:32px;font-size:10px;display:flex}.announcement span{color:var(--peach)}.announcement b{color:var(--peach);font-weight:700}.site-header{background:var(--paper);border-bottom:1px solid var(--line);z-index:20;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(24px,4vw,64px);height:76px;padding:0 clamp(20px,5vw,72px);transition:background .25s,box-shadow .25s;display:grid;position:sticky;top:0}.wordmark{color:var(--ink);letter-spacing:-.07em;white-space:nowrap;align-items:center;font:400 28px/1 Georgia,serif;text-decoration:none;display:flex}.brand-logo{object-fit:contain;width:clamp(112px,9vw,144px);height:auto;max-height:45px;display:block}.brand-logo-dark{filter:none}.brand-logo-light{width:132px}.wordmark span{letter-spacing:.08em;color:var(--rose);vertical-align:top;margin-left:5px;font:700 10px/1 Arial,sans-serif}.wordmark i{color:var(--rose);font-style:normal}.main-nav{justify-content:center;align-items:center;gap:clamp(12px,2vw,25px);display:flex}.main-nav a{color:var(--muted);white-space:nowrap;font-size:11px;text-decoration:none;transition:color .2s}.main-nav a:hover{color:var(--rose)}.header-actions{align-items:center;gap:16px;display:flex}.header-actions button,.header-actions a{width:28px;height:36px;color:var(--ink);place-items:center;text-decoration:none;display:grid}.header-actions svg{stroke-width:1.5px;width:17px;height:17px}.header-actions button:hover,.header-actions a:hover{color:var(--rose)}.cart-button{position:relative}.cart-button em{background:var(--rose);color:#fff;border-radius:50%;place-items:center;min-width:15px;height:15px;font:700 9px Arial;display:grid;position:absolute;top:1px;right:-5px}.mobile-menu{display:none}.hero{isolation:isolate;background:#ded2ca;height:min(680px,100vh - 108px);min-height:570px;position:relative;overflow:hidden}.hero-slide-image{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.hero-wash{z-index:0;background:linear-gradient(90deg,#2d23267a,#2d23261f 56%,#0000 78%);position:absolute;inset:0}.hero-copy{z-index:2;color:#fffdf8;max-width:600px;animation:.45s ease-out both hero-in;position:absolute;top:50%;left:clamp(24px,9vw,140px);transform:translateY(-50%)}.eyebrow{color:var(--rose);letter-spacing:.16em;margin:0 0 14px;font-size:10px;font-weight:700}.hero .eyebrow{color:#fffdf8}.hero h1{letter-spacing:-.06em;max-width:680px;margin:0;font:400 clamp(48px,7vw,104px)/.95 Georgia,serif}.hero-text{max-width:38ch;margin:22px 0 28px;font-size:15px;line-height:1.6}.hero-buttons{align-items:center;gap:22px;display:flex}.button{justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 20px;font-size:11px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s,color .2s;display:inline-flex}.button:active{transform:scale(.98)}.button-dark{background:var(--deep);color:#fffdf8}.button-dark:hover{background:var(--rose)}.button-light{color:var(--deep);background:#fffdf8}.button-light:hover{background:var(--peach)}.text-link{color:inherit;border-bottom:1px solid;align-items:center;gap:7px;padding-bottom:4px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.text-link:hover{color:var(--rose)}.hero-note{z-index:2;color:#fffdf8;align-items:center;gap:7px;font:italic 16px Georgia,serif;display:flex;position:absolute;top:14%;right:6%}.hero-note svg{color:var(--peach)}.hero-controls{z-index:3;color:#fff;align-items:center;gap:18px;display:flex;position:absolute;bottom:28px;left:clamp(24px,9vw,140px)}.hero-controls button{color:inherit}.hero-controls>button:not(.hero-pause){color:#fff;opacity:.55;align-items:center;gap:7px;font:10px Arial;display:flex}.hero-controls>button.active{opacity:1}.hero-controls i{background:currentColor;width:32px;height:1px;display:block}.hero-pause{text-transform:uppercase;letter-spacing:.1em;opacity:.75;font-size:10px}.hero-ritual-stage{z-index:2;width:240px;height:240px;position:absolute;bottom:10%;right:7%}.ritual-glow{filter:blur(15px);background:#f0d3dc59;border-radius:50%;position:absolute;inset:15px}.floating-orb{border-radius:50%;position:absolute;overflow:hidden;box-shadow:0 15px 30px #332d3040}.floating-orb img{object-fit:cover;width:100%;height:100%;display:block}.orb-back{opacity:.7;width:112px;height:112px;top:12px;right:8px}.orb-front{border:4px solid #fff8;width:160px;height:160px;bottom:12px;left:15px}.ritual-caption{color:#fff;text-align:right;gap:3px;font-size:11px;display:grid;position:absolute;bottom:-4px;right:0}.ritual-caption span{letter-spacing:.14em;opacity:.8;font-size:8px}.ritual-switch{color:#fff;align-items:center;gap:6px;font-size:10px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.ritual-switch:hover{color:var(--peach)}.hero-bubbles{z-index:1;gap:9px;display:flex;position:absolute;top:15%;right:35%}.hero-bubbles i{background:#f0c2c8;border:1px solid #fff8;border-radius:50%;width:10px;height:10px}.hero-bubbles i:nth-child(2){background:#c7b9de;margin-top:18px}.hero-bubbles i:nth-child(3){background:#f2d8b8;width:6px;height:6px;margin-top:-8px}.benefit-ticker{color:var(--muted);letter-spacing:.1em;white-space:nowrap;background:#eee6df;justify-content:space-around;gap:16px;padding:14px 5%;font-size:9px;display:flex}.benefit-ticker span{color:var(--rose);margin-right:8px}.content-width{width:min(1180px,100% - 48px);margin-inline:auto}.products-section{padding:104px 0 120px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:34px;display:flex}.section-heading h2,.use-intro h2,.category-section h2,.ritual-copy h2,.shower-copy h2,.social-proof h2{letter-spacing:-.05em;margin:0;font:400 clamp(36px,4vw,58px)/.98 Georgia,serif}.section-heading h2 i,.use-intro h2 i,.category-section h2 i,.ritual-copy h2 i,.shower-copy h2 i,.social-proof h2 i{color:var(--rose);font-style:italic}.catalog-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.catalog-search{border-bottom:1px solid var(--line);width:260px;color:var(--muted);align-items:center;gap:9px;padding:10px 0;display:flex}.catalog-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.catalog-filters{gap:4px;display:flex;overflow:auto}.catalog-filters button{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;padding:9px 12px;font-size:10px}.catalog-filters button:hover,.catalog-filters button.active{color:var(--ink);border-color:var(--rose)}.product-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.product-card{min-width:0;position:relative}.product-sparkle{z-index:1;color:#fff;font-size:14px;position:absolute;top:12px;left:14px}.product-image{background:var(--lavender);height:330px;position:relative;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%;transition:transform .45s;display:block}.product-card:hover .product-image img{transform:scale(1.04)}.product-image.peach{background:var(--peach)}.product-image.sage{background:var(--sage)}.product-image.blush{background:var(--blush)}.badge{color:var(--ink);letter-spacing:.1em;background:#fffdf8d9;padding:6px 8px;font-size:8px;position:absolute;bottom:12px;left:12px}.product-image>button{width:32px;height:32px;color:var(--ink);background:#fffdf8d9;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.product-image>button:hover,.product-image>button.liked{color:var(--rose)}.product-info{justify-content:space-between;gap:10px;padding:14px 0 12px;display:flex}.product-info h3{margin:0 0 7px;font:400 16px/1.1 Georgia,serif}.product-info h3 a{color:var(--ink);text-decoration:none}.product-info h3 a:hover{color:var(--rose)}.rating{color:var(--rose);align-items:center;gap:4px;font-size:10px;display:flex}.rating span{color:var(--muted)}.price{text-align:right;white-space:nowrap}.price b{font-size:12px;display:block}.price del{color:var(--muted);margin-top:4px;font-size:10px;display:block}.add-button{border-top:1px solid var(--line);width:100%;color:var(--ink);justify-content:space-between;align-items:center;padding:12px 0;font-size:10px;font-weight:700;display:flex}.add-button:hover{color:var(--rose)}.catalog-empty{text-align:center;color:var(--muted);padding:60px}.catalog-empty p{font-size:12px}.ritual-use-section{grid-template-columns:.7fr 1.3fr;gap:90px;padding:0 0 120px;display:grid}.use-intro{padding-top:15px}.use-intro>p:not(.eyebrow){max-width:34ch;color:var(--muted);margin:20px 0;font-size:13px;line-height:1.7}.use-intro .text-link{color:var(--ink)}.use-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.use-card{color:#fff;background:#8b7775;flex-direction:column;justify-content:flex-end;min-height:360px;padding:18px;text-decoration:none;display:flex;position:relative;overflow:hidden}.use-card:after{content:"";background:linear-gradient(#0000 25%,#332d30b8);position:absolute;inset:0}.use-card img{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.use-card:hover img{transform:scale(1.05)}.use-card>div,.use-card>b{z-index:1;position:relative}.use-card>div{margin-top:auto}.use-card span{letter-spacing:.14em;font-size:8px}.use-card h3{margin:8px 0;font:400 25px Georgia,serif}.use-card p{margin:0;font-size:11px;line-height:1.5}.use-card>b{margin-top:18px;font-size:10px}.category-section{padding:0 0 120px}.category-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px;display:grid}.category-card{min-height:220px;color:var(--ink);background:var(--lavender);flex-direction:column;justify-content:space-between;padding:20px;text-decoration:none;display:flex}.category-card.peach{background:var(--peach)}.category-card.blush{background:var(--blush)}.category-card.sage{background:var(--sage)}.category-card:hover{transition:transform .2s;transform:translateY(-4px)}.category-icon{font-size:24px}.category-card h3{margin:0 0 8px;font:400 22px Georgia,serif}.category-card p{color:#5d5557;max-width:20ch;margin:0 0 15px;font-size:11px;line-height:1.5}.category-card svg{color:var(--rose)}.mood-band{background:var(--rose);color:#fffdf8;min-height:490px;padding:92px max(24px,50% - 590px);position:relative;overflow:hidden}.mood-inner{z-index:2;max-width:510px;position:relative}.mood-band .eyebrow{color:#f7dedb}.mood-band h2{letter-spacing:-.06em;margin:0;font:400 clamp(50px,6vw,82px)/.9 Georgia,serif}.mood-band h2 i{color:var(--peach);font-style:italic}.mood-band p:not(.eyebrow){max-width:34ch;font-size:13px;line-height:1.6}.mood-pills{gap:8px;margin:24px 0;display:flex}.mood-pills button{color:#fff;border:1px solid #fff7;padding:9px 12px;font-size:10px}.mood-pills button:hover,.mood-pills button.active{color:var(--rose);background:#fff}.mood-pills span{margin-left:10px}.mood-orbit{border:1px solid #fff5;border-radius:50%;width:520px;height:520px;position:absolute;top:-40px;right:10%}.orbit-two{border-color:#f2c9b855;width:350px;height:350px;top:45px;right:18%}.mood-bubble{z-index:1;width:105px;height:105px;color:var(--ink);border-radius:50%;place-items:center;font:italic 16px Georgia,serif;display:grid;position:absolute}.bubble-a{background:var(--lavender);top:17%;right:25%}.bubble-b{background:var(--peach);bottom:14%;right:11%}.bubble-c{background:var(--sage);bottom:7%;right:36%}.mood-sticker{z-index:2;color:var(--peach);font:italic 17px Georgia,serif;position:absolute;top:18%;right:6%;transform:rotate(8deg)}.ritual-section{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,8vw,120px);padding:120px max(24px,50% - 590px);display:grid}.ritual-visual{position:relative}.ritual-visual img{object-fit:cover;width:100%;height:530px}.image-label{color:#fff;background:var(--rose);padding:12px;font:italic 16px Georgia,serif;position:absolute;bottom:25px;left:25px}.ritual-copy>p:not(.eyebrow){max-width:43ch;color:var(--muted);margin:22px 0 30px;font-size:13px;line-height:1.7}.steps{gap:0;display:grid}.step{border-top:1px solid var(--line);gap:14px;padding:13px 0;display:flex}.step>span{color:var(--rose)}.step b{font:400 16px Georgia,serif}.step p{color:var(--muted);margin:4px 0 0;font-size:11px}.shower-section{grid-template-columns:.8fr 1.2fr;align-items:center;gap:9%;padding-bottom:120px;display:grid}.shower-copy>p:not(.eyebrow){max-width:42ch;color:var(--muted);margin:22px 0 28px;font-size:13px;line-height:1.7}.shower-art{position:relative}.shower-art img{object-fit:cover;width:100%;height:360px;display:block}.shower-art span{color:#fff;text-align:right;font:italic 18px/1.2 Georgia,serif;position:absolute;bottom:18px;right:18px}.social-proof{text-align:center;background:#eee5df;padding:105px 24px 120px}.social-proof .eyebrow{margin-bottom:12px}.social-intro{color:var(--muted);font-size:13px}.quotes{text-align:left;grid-template-columns:1fr 1fr;gap:14px;width:min(850px,100%);margin:38px auto 0;display:grid}.ugc-invite{background:var(--peach);min-height:235px;padding:28px}.ugc-outline{border:1px solid var(--rose);background:0 0}.stars{color:var(--rose);letter-spacing:.13em;font-size:9px}.ugc-invite h3{margin:32px 0 10px;font:400 30px/.95 Georgia,serif}.ugc-invite h3 i{color:var(--rose)}.ugc-invite p{color:#64595a;max-width:35ch;font-size:11px;line-height:1.6}.ugc-invite b{color:var(--rose);margin-top:22px;font-size:10px;display:block}.footer{background:var(--deep);color:#fffdf8;grid-template-columns:1.3fr 1fr 1fr;gap:20px;padding:54px max(24px,50% - 590px);display:grid}.footer .wordmark{color:#fffdf8}.footer p{color:#cfc3c0;margin:5px 0;font-size:11px}.footer-links{flex-wrap:wrap;gap:12px;display:flex}.footer-links a{color:#fffdf8;font-size:10px;text-decoration:none}.footer-links a:hover{color:var(--peach)}.footer-credit{text-align:center;border-top:1px solid #fff3;grid-column:1/-1;justify-items:center;gap:4px;width:100%;max-width:720px;margin-inline:auto;padding-top:24px;display:grid}.footer-credit p{color:#b9acab;margin:0;font-size:10px;line-height:1.65}.footer-credit strong{color:#fffdf8;font-weight:600}.footer-credit a{color:var(--peach);text-decoration:none}.footer-credit a:hover{text-underline-offset:3px;text-decoration:underline}.footer small{color:#b9acab;border-top:1px solid #fff3;grid-column:1/-1;padding-top:26px;font-size:10px}.back-to-top{z-index:18;color:var(--ink);border:1px solid var(--line);opacity:0;pointer-events:none;background:#fffdf8;align-items:center;gap:4px;padding:10px;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:22px;right:22px;transform:translateY(8px)}.back-to-top.visible{opacity:1;pointer-events:auto;transform:none}.back-to-top span{font-size:9px}.mobile-cta{display:none}.commerce-page{min-height:100vh;padding:38px max(24px,50% - 530px) 100px}.commerce-top{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding-bottom:26px;font-size:11px;display:flex}.commerce-top a{color:var(--ink);align-items:center;gap:7px;text-decoration:none;display:inline-flex}.commerce-top a:hover{color:var(--rose)}.commerce-top>span,.secure-label{align-items:center;gap:7px;font-size:10px;display:flex}.page-title-row{justify-content:space-between;align-items:end;padding:62px 0 38px;display:flex}.commerce-page h1{letter-spacing:-.06em;margin:0;font:400 clamp(42px,6vw,72px)/.95 Georgia,serif}.commerce-page h1 i{color:var(--rose)}.checkout-layout,.cart-layout{grid-template-columns:1fr 330px;align-items:start;gap:70px;display:grid}.checkout-form{gap:18px;display:grid}.checkout-form label{color:var(--muted);gap:7px;font-size:10px;display:grid}.checkout-form input,.checkout-form textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);outline:0;padding:13px;font-size:12px}.checkout-form input{height:47px}.checkout-form textarea{resize:vertical;min-height:110px}.checkout-form input:focus,.checkout-form textarea:focus{border-color:var(--rose);box-shadow:0 0 0 2px #956b7930}.form-intro{color:var(--muted);margin:0 0 4px;font-size:12px;line-height:1.6}.payment-placeholder{color:var(--rose);background:#eee6df;gap:12px;padding:17px;display:flex}.payment-placeholder div{gap:6px;display:grid}.payment-placeholder b{color:var(--ink);font-size:12px}.payment-placeholder small{color:var(--muted);font-size:10px;line-height:1.5}.campaign-entry{border:1px solid var(--line);background:#f2ede8;grid-template-columns:1fr auto;align-items:end;gap:10px;padding:15px;display:grid}.campaign-entry label{gap:7px!important}.campaign-entry label>span{align-items:center;gap:6px;display:flex}.campaign-entry input{background:var(--surface)}.campaign-entry button{min-height:47px}.campaign-entry small{grid-column:1/-1;font-size:10px}.campaign-success{color:var(--green)}.campaign-error{color:#a55f6b}.delivery-note{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.discount-value{color:var(--green)!important}.wide-button{width:100%}.summary{background:var(--surface);border:1px solid var(--line);padding:22px}.summary>div{color:var(--muted);justify-content:space-between;gap:15px;padding:11px 0;font-size:11px;display:flex}.summary b{color:var(--ink)}.summary hr{border:0;border-top:1px solid var(--line)}.summary .summary-total{padding:17px 0;font-size:13px}.summary .summary-total b{font-size:16px}.summary .button{margin-top:15px}.summary-help{color:var(--muted);font-size:10px;line-height:1.5}.designed-empty{text-align:center;place-items:center;gap:12px;min-height:330px;padding:40px;display:grid}.designed-empty h2{margin:0;font:400 28px Georgia,serif}.designed-empty p{color:var(--muted);margin:0;font-size:12px}.cart-list{gap:0;display:grid}.cart-row{border-top:1px solid var(--line);grid-template-columns:100px 1fr auto 28px;align-items:center;gap:18px;padding:14px 0;display:grid}.cart-row img{object-fit:cover;width:100px;height:115px}.cart-row-info{gap:7px;display:grid}.cart-row-info>b{font:400 18px Georgia,serif}.cart-row-info small{color:var(--muted);font-size:10px}.cart-row>strong{white-space:nowrap;font-size:12px}.qty{border:1px solid var(--line);align-items:center;width:max-content;display:flex}.qty button{width:28px;height:28px;color:var(--muted)}.qty button:hover{color:var(--rose);background:#f3ece7}.qty span{text-align:center;width:26px;font-size:11px}.remove{color:var(--muted)}.remove:hover{color:#a55f6b}.detail-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-top:55px;display:grid}.detail-image{background:var(--lavender);height:600px;position:relative}.detail-image img{object-fit:cover;width:100%;height:100%}.detail-image>span{color:var(--rose);background:#fffdf8dd;align-items:center;gap:7px;padding:9px 12px;font-size:10px;display:flex;position:absolute;bottom:18px;left:18px}.detail-copy h1{letter-spacing:-.06em;margin:0;font:400 clamp(38px,5vw,65px)/.97 Georgia,serif}.detail-description{max-width:42ch;color:var(--muted);margin:24px 0;font-size:13px;line-height:1.7}.detail-price{align-items:baseline;gap:12px;margin:25px 0;font-size:20px;display:flex}.detail-price del{color:var(--muted);font-size:12px}.stock-note{color:var(--green);font-size:10px}.stock-note.out{color:#a55f6b}.trust-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);gap:18px;padding:20px 0;font-size:10px;display:flex}.trust-row span{align-items:center;gap:6px;display:flex}.trust-row svg{color:var(--rose)}.detail-note{margin-top:24px}.detail-note b{font:400 17px Georgia,serif}.detail-note p{color:var(--muted);font-size:11px;line-height:1.6}@keyframes hero-in{0%{opacity:0;transform:translateY(calc(12px - 50%))}to{opacity:1;transform:translateY(-50%)}}@media (width<=900px){.main-nav{gap:11px}.main-nav a{font-size:10px}.hero-ritual-stage{right:3%}.product-grid{grid-template-columns:repeat(2,1fr)}.ritual-use-section{grid-template-columns:1fr;gap:35px}.category-grid{grid-template-columns:repeat(2,1fr)}.checkout-layout,.cart-layout,.detail-grid{grid-template-columns:1fr;gap:32px}.summary{order:2}.detail-grid{padding-top:32px}.detail-image{height:480px}}@media (width<=640px){.announcement{gap:5px;font-size:8px}.site-header{justify-content:space-between;height:64px;padding:0 18px;display:flex}.mobile-menu{width:30px;height:36px;color:var(--ink);place-items:center;display:grid}.mobile-menu svg{width:19px}.main-nav{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:8px 18px;display:none;position:absolute;top:64px;left:0;right:0}.main-nav.open{display:flex}.main-nav a{border-bottom:1px solid var(--line);padding:12px 0;font-size:11px}.header-actions{gap:5px}.header-actions button,.header-actions a{width:28px}.header-actions button:first-child,.header-actions a:nth-child(2),.header-actions button:nth-child(3){display:none}.hero{height:calc(100vh - 96px);min-height:600px}.hero-slide-image{object-position:58% center}.hero-wash{background:linear-gradient(90deg,#2d23268c,#2d23262e)}.hero-copy{top:42%;left:24px;right:24px}.hero h1{font-size:clamp(48px,14vw,72px)}.hero-text{max-width:29ch;font-size:13px}.hero-note{display:none}.hero-ritual-stage{transform-origin:100% 100%;bottom:12px;right:18px;transform:scale(.72)}.hero-controls{bottom:20px;left:24px}.hero-bubbles{display:none}.benefit-ticker{justify-content:flex-start;padding:12px 18px;font-size:8px;overflow:hidden}.benefit-ticker div:not(:first-child){display:none}.content-width{width:calc(100% - 36px)}.products-section{padding:70px 0 78px}.section-heading{align-items:start;gap:20px}.section-heading h2,.use-intro h2,.category-section h2,.ritual-copy h2,.shower-copy h2,.social-proof h2{font-size:41px}.desktop-link{display:none}.catalog-toolbar{gap:12px;display:grid}.catalog-search,.catalog-filters{width:100%}.product-grid{gap:18px 10px}.product-image{height:200px}.product-info{display:block}.price{text-align:left;margin-top:8px}.product-info h3{font-size:14px}.add-button{font-size:9px}.ritual-use-section,.category-section{padding-bottom:78px}.use-cards{grid-template-columns:1fr;gap:10px}.use-card{min-height:300px}.category-grid{gap:8px}.category-card{min-height:190px;padding:15px}.category-card h3{font-size:18px}.category-card p{font-size:10px}.mood-band{min-height:570px;padding:70px 24px}.mood-orbit{top:190px;right:-150px}.orbit-two{top:260px;right:-60px}.bubble-a{top:48%;right:32%}.bubble-b{bottom:8%;right:4%}.bubble-c{bottom:1%;right:53%}.mood-sticker{top:20px;right:20px}.mood-pills{flex-wrap:wrap}.ritual-section{grid-template-columns:1fr;gap:40px;padding:78px 24px}.ritual-visual img{height:360px}.shower-section{grid-template-columns:1fr;gap:35px;padding-bottom:78px}.shower-art img{height:270px}.social-proof{padding:78px 18px}.quotes{grid-template-columns:1fr}.footer{grid-template-columns:1fr;gap:16px;padding:42px 24px}.footer small{grid-column:auto}.commerce-page{padding:24px 18px 80px}.commerce-top{padding-bottom:20px}.page-title-row{padding:42px 0 28px;display:block}.secure-label{margin-top:14px}.commerce-page h1{font-size:52px}.cart-row{grid-template-columns:72px 1fr auto;gap:12px}.cart-row img{width:72px;height:88px}.cart-row>strong{grid-column:2}.remove{grid-area:1/3}.detail-grid{gap:35px}.detail-image{height:390px}.trust-row{gap:10px;display:grid}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-copy,.product-image img,.use-card img{transition:none;animation:none}.category-card{transition:none}}.terms-check{color:var(--muted);align-items:flex-start;gap:10px;line-height:1.5;grid-template-columns:none!important;font-size:11px!important;display:flex!important}.terms-check input{height:17px;accent-color:var(--rose);flex:none;margin:0;width:17px!important;min-height:17px!important}.terms-check a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.legal-layout{grid-template-columns:220px minmax(0,700px);gap:clamp(50px,10vw,140px);padding:70px 0;display:grid}.legal-layout aside{padding-top:8px}.legal-layout aside>p:last-of-type{max-width:18ch;color:var(--muted);margin:16px 0 30px;font:italic 17px/1.3 Georgia,serif}.legal-layout aside nav{border-top:1px solid var(--line);gap:12px;padding-top:18px;display:grid}.legal-layout aside nav a{color:var(--muted);font-size:11px;text-decoration:none}.legal-layout aside nav a:hover,.legal-layout aside nav a.active{color:var(--rose)}.legal-layout article{min-width:0}.legal-layout article h1{letter-spacing:-.06em;max-width:11ch;margin:0;font:400 clamp(44px,6vw,72px)/.95 Georgia,serif}.legal-intro{max-width:58ch;color:var(--muted);margin:28px 0 60px;font-size:14px;line-height:1.7}.legal-layout article section{border-top:1px solid var(--line);padding:24px 0}.legal-layout article h2{margin:0 0 10px;font:400 22px/1.1 Georgia,serif}.legal-layout article section p{max-width:65ch;color:var(--muted);margin:0;font-size:12px;line-height:1.75}.legal-updated{color:var(--muted);margin-top:30px;font-size:10px}@media (width<=640px){.legal-layout{grid-template-columns:1fr;gap:38px;padding:44px 0}.legal-layout aside{padding-top:0}.legal-layout aside>p:last-of-type{margin-bottom:20px}.legal-layout aside nav{border-bottom:1px solid var(--line);border-top:1px solid var(--line);gap:14px;padding:14px 0;display:flex;overflow:auto}.legal-layout aside nav a{white-space:nowrap}.legal-layout article h1{font-size:52px}.legal-intro{margin:22px 0 38px}}.social-link{color:var(--rose);border-bottom:1px solid;margin-top:22px;padding-bottom:4px;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex}.social-link:hover{color:var(--ink)}.journal-page{background:var(--paper);min-height:100vh;padding:38px max(24px,50% - 590px) 100px}.journal-top{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.08em;justify-content:space-between;align-items:center;padding-bottom:26px;font-size:10px;display:flex}.journal-top a{color:var(--ink);letter-spacing:0;align-items:center;gap:7px;text-decoration:none;display:flex}.journal-top a:hover{color:var(--rose)}.journal-hero{max-width:780px;padding:95px 0 72px}.journal-hero h1{letter-spacing:-.06em;margin:0;font:400 clamp(48px,7vw,92px)/.94 Georgia,serif}.journal-hero h1 i{color:var(--rose);font-style:italic}.journal-hero>p:last-child{max-width:42ch;color:var(--muted);margin:24px 0 0;font-size:14px;line-height:1.7}.journal-grid{grid-template-columns:1.4fr 1fr 1fr;gap:14px;display:grid}.journal-grid article{flex-direction:column;align-items:flex-start;min-height:310px;padding:28px;display:flex}.journal-feature{background:var(--peach)}.journal-note{background:var(--lavender)}.journal-note-dark{background:var(--deep);color:#fffdf8}.journal-mark{width:42px;height:42px;color:var(--rose);border:1px solid;place-items:center;margin-bottom:38px;display:grid}.journal-grid h2{letter-spacing:-.04em;margin:0;font:400 clamp(25px,2.5vw,37px)/1 Georgia,serif}.journal-note h2{font-size:29px}.journal-grid article>p:not(.eyebrow){max-width:34ch;color:var(--muted);margin:18px 0;font-size:12px;line-height:1.65}.journal-note-dark article>p:not(.eyebrow),.journal-note-dark>p:not(.eyebrow){color:#cfc3c0}.journal-grid article>span,.journal-grid article>a{color:var(--rose);align-items:center;gap:7px;margin-top:auto;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex}.journal-grid article>a:hover{color:var(--ink)}.journal-note-dark>a:hover{color:var(--peach)}@media (width<=800px){.journal-grid{grid-template-columns:1fr 1fr}.journal-feature{grid-column:1/-1}}@media (width<=600px){.journal-page{padding:24px 18px 70px}.journal-top{flex-direction:column;align-items:flex-start;gap:18px}.journal-hero{padding:65px 0 48px}.journal-hero h1{font-size:55px}.journal-grid{grid-template-columns:1fr}.journal-feature{grid-column:auto}.journal-grid article{min-height:270px;padding:22px}}.article-page{background:var(--paper);min-height:100vh;padding:38px max(24px,50% - 590px) 110px}.article-top{justify-content:space-between;display:flex}.article-content{max-width:760px;margin-inline:auto;padding:92px 0 0}.article-content h1{letter-spacing:-.06em;max-width:700px;margin:0;font:400 clamp(45px,6vw,78px)/.96 Georgia,serif}.article-intro{max-width:55ch;color:var(--muted);margin:28px 0 64px;font-size:15px;line-height:1.7}.article-sections{border-top:1px solid var(--line);margin-bottom:40px}.article-sections section{border-bottom:1px solid var(--line);padding:25px 0}.article-sections h2{margin:0 0 10px;font:400 25px Georgia,serif}.article-sections p{max-width:65ch;color:var(--muted);margin:0;font-size:13px;line-height:1.75}@media (width<=600px){.article-page{padding:24px 18px 75px}.article-content{padding-top:60px}.article-content h1{font-size:52px}.article-intro{margin-bottom:42px}}.tracking-layout{grid-template-columns:minmax(0,.86fr) minmax(320px,1fr);align-items:start;gap:clamp(2rem,6vw,6rem);max-width:1000px;margin:3rem auto 0;display:grid}.tracking-form,.order-status-card,.tracking-placeholder{border:1px solid var(--line,#d9d5cf);background:var(--surface,#fff);padding:clamp(1.5rem,3vw,2.5rem)}.order-status-card{background:var(--ink,#262421);color:var(--paper,#f6f3ed)}.order-status-card .success-icon{color:inherit;background:#ffffff1f}.order-status-card h2,.tracking-placeholder h2{margin:.7rem 0 1rem;font-size:clamp(1.8rem,4vw,3rem)}.status-line,.status-items>div{border-bottom:1px solid color-mix(in srgb, currentColor 18%, transparent);justify-content:space-between;gap:1rem;padding:1rem 0;display:flex}.status-items{margin-top:1rem;font-size:.9rem}.tracking-placeholder{flex-direction:column;justify-content:center;min-height:280px;display:flex}.confirmation-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}@media (width<=760px){.tracking-layout{grid-template-columns:1fr;margin-top:2rem}}.auth-page{grid-template-columns:minmax(260px,.8fr) minmax(320px,1fr);align-items:center;gap:clamp(40px,9vw,130px);max-width:1060px;margin:0 auto;padding-top:clamp(60px,12vh,140px);display:grid}.auth-visual{background:var(--peach);flex-direction:column;justify-content:space-between;min-height:400px;padding:38px;display:flex}.auth-visual>span{letter-spacing:-.07em;font:400 30px Georgia,serif}.auth-visual>span span{letter-spacing:.08em;color:var(--rose);margin-left:5px;font:700 10px Arial,sans-serif}.auth-visual>span i{color:var(--rose);font-style:normal}.auth-visual p{letter-spacing:-.05em;margin:0;font:400 clamp(34px,4vw,52px)/.95 Georgia,serif}.auth-visual em{color:var(--rose)}.auth-form{gap:16px;max-width:430px;display:grid}.auth-form h1{margin:0 0 8px}.auth-form label{color:var(--muted);gap:7px;font-size:10px;display:grid}.auth-form input{border:1px solid var(--line);background:var(--surface);width:100%;height:47px;color:var(--ink);outline:0;padding:0 13px;font-size:12px}.auth-form input:focus{border-color:var(--rose);box-shadow:0 0 0 2px #956b7930}.switch-auth{color:var(--rose);text-underline-offset:3px;justify-self:start;font-size:11px;text-decoration:underline}.account-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;padding-bottom:28px;display:flex}.account-head h1{margin-top:0}.text-button{color:var(--rose);align-items:center;gap:7px;font-size:11px;display:inline-flex}.account-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px;display:grid}.account-cards a{background:var(--surface);border:1px solid var(--line);min-height:150px;color:var(--ink);gap:10px;padding:20px;text-decoration:none;transition:transform .2s,border-color .2s;display:grid}.account-cards a:hover{border-color:var(--rose);transform:translateY(-3px)}.account-cards svg{color:var(--rose)}.account-cards b{font:400 20px Georgia,serif}.account-cards span{color:var(--muted);font-size:11px}.auth-form .form-error{margin:0}.auth-form .button{cursor:pointer;border:0}@media (width<=700px){.auth-page{grid-template-columns:1fr;padding-top:30px}.auth-visual{min-height:240px;padding:24px}.account-head{gap:20px;display:grid}.account-cards{grid-template-columns:1fr}.auth-form{max-width:none}}.stat-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}.stat-grid>div{border-left:3px solid var(--rose);background:var(--surface);border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);gap:6px;min-height:120px;padding:15px 16px;display:grid}.stat-grid>div:nth-child(2){border-left-color:var(--green)}.stat-grid>div:nth-child(3){border-left-color:#b47c89}.stat-grid>div:nth-child(4){border-left-color:#aaa09a}.stat-grid span,.stat-grid small{color:var(--muted);letter-spacing:.08em;font-size:9px}.stat-grid span{font-weight:700}.stat-grid b{font-variant-numeric:tabular-nums;font-size:26px;line-height:1}.stat-grid small{letter-spacing:0;font-size:10px}.admin-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:16px;margin-bottom:16px;display:grid}.admin-panel{background:var(--surface);border:1px solid var(--line);padding:20px}.admin-panel h2{margin:6px 0 0;font:400 21px Georgia,serif}.panel-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.range-label{color:var(--muted);letter-spacing:.12em;font-size:9px;font-weight:700}.fake-chart{height:226px;margin-top:24px;padding-top:10px}.chart-line{border-bottom:1px solid var(--line);background:repeating-linear-gradient(#0000 0 43px,#eee8e2 44px);align-items:flex-end;gap:7px;height:178px;display:flex}.chart-line i{background:var(--rose);opacity:.82;flex:1;min-width:10px;transition:filter .2s;display:block}.chart-line i:hover{filter:brightness(.82)}.chart-labels{color:var(--muted);justify-content:space-between;gap:7px;margin-top:10px;font-size:9px;display:flex}.chart-labels span{text-align:center;flex:1}.campaign-panel{flex-direction:column;display:flex}.campaign-panel>.admin-inline-link{margin-top:auto;padding-top:20px}.campaign-card{border-top:1px solid #eee8e2;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 0;display:grid}.campaign-card:first-of-type{margin-top:18px}.campaign-card b{font-size:11px}.campaign-card>span{color:var(--muted);font-size:10px}.product-panel{margin-bottom:16px}.admin-products{display:grid}.admin-products>div{border-top:1px solid #eee8e2;grid-template-columns:26px 38px minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:10px 0;display:grid}.admin-products>div:first-child{border-top:0}.admin-products img,.admin-products .product-placeholder{object-fit:cover;width:38px;height:46px;color:var(--rose);background:#eee9e3;place-items:center;display:grid}.admin-products>div>div{gap:4px;min-width:0;display:grid}.admin-products b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.admin-products small,.rank{color:var(--muted);font-size:10px}.admin-products strong{white-space:nowrap;font-size:11px}.stock{color:var(--green);background:#e8eee9;padding:4px 6px;font-size:9px}.empty-mark{width:34px;height:34px;color:var(--rose);border:1px solid var(--line);place-items:center;display:grid}.admin-insight{border:1px solid var(--line);color:var(--rose);background:#eee6df;align-items:center;gap:12px;padding:14px 16px;display:flex}.admin-insight>div{flex:1;gap:4px;display:grid}.admin-insight b{color:var(--ink);font-size:11px}.admin-insight span{color:var(--muted);font-size:10px}.admin-insight>a{color:var(--rose);white-space:nowrap;align-items:center;gap:4px;font-size:10px;text-decoration:none;display:flex}.admin-insight>a:hover{color:var(--ink)}.admin-summary-strip,.toolbar-note{background:var(--surface);border:1px solid var(--line);align-items:center;gap:12px;margin-bottom:18px;padding:14px 16px;display:flex}.admin-summary-strip>svg,.toolbar-note>svg{color:var(--rose);flex:none}.admin-summary-strip>div,.toolbar-note>span{gap:4px;display:grid}.admin-summary-strip b,.toolbar-note b{font-size:12px}.admin-summary-strip span,.toolbar-note small{color:var(--muted);font-size:10px}.toolbar-note{background:0 0;border:0;margin:0;padding:0}.toolbar-note>span{gap:3px}.settings-form{gap:16px;max-width:940px;display:grid}.settings-section{background:var(--surface);border:1px solid var(--line);grid-template-columns:220px minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;padding:20px;display:grid}.settings-label{align-items:flex-start;gap:10px;display:flex}.settings-label>svg{color:var(--rose);flex:none}.settings-label>div{gap:5px;display:grid}.settings-label b{font:400 17px Georgia,serif}.settings-label span{color:var(--muted);font-size:10px;line-height:1.45}.settings-section>label:not(.check-row),.staff-add label{color:var(--muted);gap:7px;font-size:10px;display:grid}.settings-section input:not([type=checkbox]),.settings-section textarea,.settings-section select,.staff-add input,.staff-add select{border:1px solid var(--line);background:var(--paper);width:100%;min-height:40px;color:var(--ink);outline:0;padding:9px 10px;font-size:12px}.settings-section textarea{resize:vertical;min-height:82px}.settings-section input:focus,.settings-section textarea:focus,.settings-section select:focus,.staff-add input:focus,.staff-add select:focus{border-color:var(--rose);box-shadow:0 0 0 2px #956b7930}.check-row{min-height:40px;color:var(--ink);align-items:center;gap:9px;font-size:11px;display:flex}.check-row input{width:17px;height:17px;accent-color:var(--rose)}.staff-list{grid-column:2/-1;display:grid}.staff-row{border-top:1px solid #eee8e2;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.staff-row>div{gap:4px;display:grid}.staff-row b{font-size:11px}.staff-row small{color:var(--muted);font-size:10px}.staff-add{border-top:1px solid var(--line);grid-column:2/-1;grid-template-columns:minmax(0,1fr) 150px auto;align-items:end;gap:10px;padding-top:16px;display:grid}.staff-add button{min-height:40px}.settings-section>.form-error{grid-column:2/-1;margin:0}.settings-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:4px 0 0;font-size:10px;display:flex}.settings-footer button{min-height:40px}@media (width<=900px){.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.settings-section{grid-template-columns:1fr 1fr}.settings-label,.staff-list,.staff-add{grid-column:1/-1}}@media (width<=600px){.stat-grid{gap:8px}.stat-grid>div{min-height:105px;padding:12px}.stat-grid b{font-size:22px}.admin-panel{padding:16px}.admin-products>div{grid-template-columns:22px 38px minmax(0,1fr) auto}.admin-products .stock{display:none}.admin-insight{flex-wrap:wrap;align-items:flex-start}.admin-insight>a{margin-left:30px}.campaign-card{grid-template-columns:1fr auto}.campaign-card>span{grid-column:1/-1}.settings-section{grid-template-columns:1fr;padding:16px}.settings-label,.staff-list,.staff-add{grid-column:auto}.staff-add{grid-template-columns:1fr}.settings-footer{flex-direction:column;align-items:stretch}.settings-footer button{width:100%}} /* ------------------------------------------------------------------ hidden özniteliği HER ZAMAN gizlesin. ------------------------------------------------------------------ Tarayıcının varsayılanı [hidden]{display:none} ama bu kural, kendi yazdığımız .odeme-duzen{display:grid} gibi kurallarla aynı özgüllükte olduğu için sonra gelen kazanıyor ve öğe gizlenmiyordu. Bu hataya iki ayrı yerde düştük (giriş formundaki "Ad Soyad" alanı ve kapalı ödeme ekranı), üçüncüye gerek yok. ------------------------------------------------------------------ */ [hidden] { display: none !important; } /* --- Kopyaya özgü: çalışan sepet, favori ve bildirim --- */ .sepet-duzen { display: grid; grid-template-columns: 1fr 340px; gap: 40px; margin-top: 40px; } .sepet-satir { display: grid; grid-template-columns: 80px 1fr auto auto 30px; gap: 20px; align-items: center; padding: 18px 0; border-bottom: 1px solid var(--line); } .sepet-satir img { width: 80px; height: 80px; object-fit: cover; background: var(--line); } .sepet-ad b { display: block; font-size: 15px; } .sepet-ad small { color: var(--muted); } .sepet-adet { display: flex; align-items: center; gap: 14px; border: 1px solid var(--line); padding: 6px 12px; } .sepet-adet button { font-size: 16px; line-height: 1; color: var(--muted); } .sepet-adet button:hover { color: var(--ink); } .sepet-tutar { font-size: 15px; white-space: nowrap; } .sepet-sil { color: var(--muted); font-size: 20px; line-height: 1; } .sepet-sil:hover { color: var(--rose); } .sepet-ozet { border: 1px solid var(--line); background: var(--surface); padding: 26px 24px; align-self: start; } .sepet-ozet h2 { font-family: Georgia, serif; font-size: 24px; letter-spacing: -.03em; margin: 0 0 20px; } .sepet-ozet > div { display: flex; justify-content: space-between; padding: 10px 0; font-size: 14px; } .sepet-toplam { border-top: 1px solid var(--line); margin-top: 10px; padding-top: 16px !important; font-size: 16px !important; } .sepet-toplam b { font-size: 19px; } .sepet-ozet .wide-button { width: 100%; justify-content: center; margin-top: 18px; opacity: .45; cursor: not-allowed; } .sepet-ipucu, .sepet-not { font-size: 12px; color: var(--muted); margin: 4px 0 0; } .sepet-not { margin-top: 12px; text-align: center; } .product-image button.is-fav svg { fill: currentColor; } @media (max-width: 860px) { .sepet-duzen { grid-template-columns: 1fr; gap: 26px; } .sepet-satir { grid-template-columns: 64px 1fr auto; row-gap: 10px; } .sepet-satir img { width: 64px; height: 64px; } .sepet-tutar, .sepet-sil { grid-column: 3; } } /* --- İletişim sayfası --- */ .iletisim-duzen { display: grid; grid-template-columns: 1fr 320px; gap: 70px; margin-top: 46px; padding-bottom: 100px; } .iletisim-form { display: grid; gap: 22px; max-width: 620px; } .iletisim-form label { display: block; font-size: 13px; color: var(--muted); } .iletisim-form label small { font-weight: 400; } .iletisim-form input, .iletisim-form select, .iletisim-form textarea { display: block; width: 100%; margin-top: 8px; padding: 13px 14px; border: 1px solid var(--line); background: var(--surface); font: inherit; font-size: 14px; color: var(--ink); border-radius: 0; } .iletisim-form textarea { resize: vertical; min-height: 130px; } .iletisim-form .alan-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; } .iletisim-form .wide-button { justify-content: center; width: 100%; } .form-not { font-size: 12px; color: var(--muted); margin: 0; } .form-not a { color: var(--rose); border-bottom: 1px solid currentColor; } .gizli-alan { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .iletisim-yan { border-left: 1px solid var(--line); padding-left: 34px; align-self: start; } .iletisim-yan h2 { font-family: Georgia, serif; font-size: 22px; letter-spacing: -.03em; margin: 0 0 22px; } .iletisim-yan p { font-size: 13px; color: var(--muted); line-height: 1.7; margin: 0 0 20px; } .iletisim-yan b { color: var(--ink); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; } .iletisim-yan a { color: var(--rose); } .iletisim-yan hr { border: 0; border-top: 1px solid var(--line); margin: 24px 0; } @media (max-width: 900px) { .iletisim-duzen { grid-template-columns: 1fr; gap: 40px; } .iletisim-form .alan-ikili { grid-template-columns: 1fr; } .iletisim-yan { border-left: 0; border-top: 1px solid var(--line); padding: 28px 0 0; } } /* ------------------------------------------------------------------ Mağaza katmanının eklediği ekranlar (giriş formu, stok rozeti, panel yetki kapısı, sipariş listesi) ------------------------------------------------------------------ */ /* Panel yetki kontrolü bitene kadar içerik görünmesin — yetkisiz birine bir an için bile panel görüntüsü gösterilmemeli. */ .panel-bekliyor body { visibility: hidden; } .panel-kapi { text-align: center; max-width: 34rem; } .panel-kapi h1 { margin: .4rem 0 .8rem; } .panel-kapi p { color: var(--muted, #6b6660); margin-bottom: 1.6rem; } .giris-alan { max-width: 26rem; margin: 2rem 0 4rem; } .giris-kutu { border: 1px solid var(--line, #e6e1da); padding: 1.6rem; } .giris-sekme { display: flex; gap: .4rem; margin-bottom: 1.4rem; } .giris-sekme button { flex: 1; padding: .7rem; background: none; cursor: pointer; border: 1px solid var(--line, #e6e1da); font: inherit; font-size: .82rem; letter-spacing: .02em; } .giris-sekme button.etkin { background: var(--ink, #1c1a17); color: var(--surface, #fff); } .giris-form label { display: block; margin-bottom: 1rem; } /* display:block, [hidden]'ın display:none'unu eziyor (aynı özgüllük, sonra gelen kazanıyor). Giriş kipinde "Ad Soyad" alanı bu yüzden görünüyordu. */ .giris-form label[hidden] { display: none; } .giris-form label span { display: block; font-size: .78rem; margin-bottom: .35rem; } .giris-form input { width: 100%; padding: .7rem .8rem; font: inherit; border: 1px solid var(--line, #e6e1da); background: var(--surface, #fff); } .giris-hata { background: #fdf1f1; border: 1px solid #e8c7c7; color: #8a2b2b; padding: .7rem .8rem; font-size: .84rem; margin-bottom: 1rem; } .stok-rozet { display: inline-block; margin-top: .35rem; font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; color: var(--rose, #b4726f); } .siparis-alan { margin-top: 2.6rem; } .siparis-liste { border-top: 1px solid var(--line, #e6e1da); } .siparis-satir { display: grid; grid-template-columns: 1fr auto auto; gap: 1rem; padding: .9rem 0; border-bottom: 1px solid var(--line, #e6e1da); align-items: center; font-size: .9rem; } @media (max-width: 640px) { .giris-alan { max-width: none; } } /* iyzico ödeme bandı — footer */ .odeme-bandi { grid-column: 1 / -1; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding-top: 26px; border-top: 1px solid #fff3; } .odeme-bandi span { font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: #b9acab; } .odeme-bandi img { height: 26px; width: auto; max-width: 100%; } .footer .odeme-bandi + small { border-top: 0; padding-top: 14px; } /* iyzico rozeti — sepet özeti */ .iyzico-rozet { display: flex; align-items: center; gap: 10px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line, #ded7d1); } .iyzico-rozet img { height: 22px; width: auto; } .iyzico-rozet small { color: var(--muted, #81777c); font-size: 11px; line-height: 1.4; } /* ------------------------------------------------------------------ Panelin yeni parçaları: ürün formu, onay kutusu, rapor listeleri, ekip yönetimi, uyarı satırı ------------------------------------------------------------------ */ .panel-uyari { background: #fdf6ec; border: 1px solid #e8d7bd; color: #6b4f22; padding: .8rem 1rem; font-size: .86rem; margin: 0 0 1.2rem; } .panel-katman { position: fixed; inset: 0; z-index: 300; background: rgba(28, 24, 26, .45); display: flex; align-items: center; justify-content: center; padding: 1.2rem; } .panel-kutu { background: var(--surface, #fffdf8); border: 1px solid var(--line, #ded7d1); width: min(560px, 100%); max-height: 90vh; overflow: auto; padding: 1.6rem; } .panel-kutu h2 { margin: 0 0 1rem; font: 400 1.4rem/1.15 Georgia, serif; } .panel-onay p { color: var(--muted, #81777c); margin: 0 0 1.4rem; } .panel-form label { display: block; margin-bottom: .9rem; font-size: .8rem; } .panel-form input, .panel-form select, .panel-form textarea { width: 100%; margin-top: .3rem; padding: .55rem .65rem; font: inherit; font-size: .88rem; border: 1px solid var(--line, #ded7d1); background: var(--surface, #fffdf8); } .panel-form input[readonly] { background: #f4f0eb; color: var(--muted, #81777c); } .panel-form-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; } .panel-form-uclu { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: .9rem; } .panel-onay-kutu { display: flex; align-items: center; gap: .5rem; align-self: end; padding-bottom: .8rem; } .panel-onay-kutu input { width: auto; margin: 0; } .panel-form-hata { background: #fdf1f1; border: 1px solid #e8c7c7; color: #8a2b2b; padding: .6rem .7rem; font-size: .84rem; margin: 0 0 1rem; } .panel-kutu-alt { display: flex; justify-content: flex-end; gap: .6rem; margin-top: .4rem; } .rapor-liste { margin-top: 1rem; } .rapor-satir { display: flex; align-items: center; gap: .9rem; padding: .7rem 0; border-top: 1px solid var(--line, #ded7d1); font-size: .88rem; } .rapor-satir > div { flex: 1; min-width: 0; } .rapor-satir b { display: block; } .rapor-satir small { color: var(--muted, #81777c); font-size: .76rem; } .rapor-sira { width: 22px; height: 22px; flex: none; display: grid; place-items: center; background: #efe9e4; border-radius: 50%; font-size: .72rem; } .funnel-bar { flex: 1; height: 6px; background: #efe9e4; } .funnel-bar i { display: block; height: 100%; background: var(--rose, #956b79); } .funnel-row { display: flex; align-items: center; gap: .8rem; padding: .55rem 0; font-size: .85rem; } .funnel-row span { width: 8.5rem; flex: none; } .ekip-liste { margin: 1rem 0; } .ekip-satir { display: flex; align-items: center; gap: .9rem; padding: .7rem 0; border-top: 1px solid var(--line, #ded7d1); font-size: .88rem; } .ekip-satir > div { flex: 1; min-width: 0; } .ekip-satir small { display: block; color: var(--muted, #81777c); font-size: .76rem; } .admin-status.amber { background: #f6ead3; color: #7a5a1e; } /* --- sipariş detayı ---------------------------------------------- */ .panel-siparis { width: min(680px, 100%); } .panel-yukleniyor { color: var(--muted, #81777c); margin: 0; font-size: .9rem; } .panel-siparis-bas { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--line, #ded7d1); } .panel-siparis-bas h2 { margin: 0; font: 400 1.35rem/1.15 Georgia, serif; } .panel-siparis-bas small { color: var(--muted, #81777c); font-size: .78rem; } .panel-siparis-bilgi { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem 1.4rem; padding: 1.1rem 0; } .panel-siparis-bilgi span { display: block; font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted, #81777c); margin-bottom: .25rem; } .panel-siparis-bilgi p { margin: 0; font-size: .86rem; line-height: 1.45; } .panel-siparis-bilgi b { display: block; } .panel-siparis-kalem { width: 100%; border-collapse: collapse; font-size: .86rem; } .panel-siparis-kalem td { padding: .45rem 0; border-top: 1px solid var(--line, #ded7d1); } .panel-siparis-kalem .num { text-align: right; white-space: nowrap; } .panel-siparis-kalem tfoot td { color: var(--muted, #81777c); } .panel-siparis-kalem tfoot .panel-siparis-toplam td { color: inherit; font-weight: 600; border-top: 2px solid var(--ink, #1c181a); } .panel-siparis-form { margin-top: 1.4rem; } .panel-siparis-form label { display: block; margin-bottom: .9rem; font-size: .8rem; } .panel-siparis-form input, .panel-siparis-form select { width: 100%; margin-top: .3rem; padding: .55rem .65rem; font: inherit; font-size: .88rem; border: 1px solid var(--line, #ded7d1); background: var(--surface, #fffdf8); } .panel-siparis-form small { display: block; margin-top: .3rem; color: var(--muted, #81777c); font-size: .74rem; } .panel-siparis-durum { margin: 0 0 .9rem; font-size: .84rem; color: var(--muted, #81777c); } @media (max-width: 640px) { .panel-form-ikili, .panel-form-uclu { grid-template-columns: 1fr; } .panel-siparis-bilgi { grid-template-columns: 1fr; } .funnel-row span { width: 6.5rem; } } /* ------------------------------------------------------------------ Ödeme (checkout), sipariş sonucu ve takip ekranları ------------------------------------------------------------------ */ .odeme-kapali { text-align: center; padding: 3rem 0 4rem; } .odeme-kapali h2 { margin: 0 0 .6rem; font: 400 1.6rem/1.2 Georgia, serif; } .odeme-kapali p { color: var(--muted, #81777c); margin-bottom: 1.6rem; } .odeme-duzen { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 2.4rem; align-items: start; margin: 1.6rem 0 4rem; } .odeme-uyari { grid-column: 1 / -1; background: #fdf6ec; border: 1px solid #e8d7bd; color: #6b4f22; padding: .8rem 1rem; font-size: .86rem; margin: 0; } .odeme-form fieldset { border: 0; border-top: 1px solid var(--line, #ded7d1); padding: 1.2rem 0 .4rem; margin: 0; } .odeme-form fieldset:first-of-type { border-top: 0; padding-top: 0; } .odeme-form legend { padding: 0; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--muted, #81777c); } .odeme-form label { display: block; margin: .9rem 0; font-size: .8rem; } .odeme-form label small { color: var(--muted, #81777c); } .odeme-form input[type=text], .odeme-form input[type=email], .odeme-form input[type=tel], .odeme-form textarea { width: 100%; margin-top: .3rem; padding: .6rem .7rem; font: inherit; font-size: .9rem; border: 1px solid var(--line, #ded7d1); background: var(--surface, #fffdf8); } .alan-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; } .fatura-secim { display: flex; gap: 1.4rem; margin: .8rem 0 .2rem; } .fatura-secim label { display: flex; align-items: center; gap: .4rem; margin: 0; } .fatura-secim input { width: auto; margin: 0; } .onay-satir { display: flex; align-items: flex-start; gap: .6rem; font-size: .84rem; line-height: 1.5; } .onay-satir input { width: auto; margin: .2rem 0 0; flex: none; } .odeme-hata { background: #fdf1f1; border: 1px solid #e8c7c7; color: #8a2b2b; padding: .7rem .8rem; font-size: .86rem; margin: 1rem 0; } .odeme-not { color: var(--muted, #81777c); font-size: .78rem; margin-top: .7rem; } .odeme-ozet { background: var(--surface, #fffdf8); border: 1px solid var(--line, #ded7d1); padding: 1.4rem; position: sticky; top: 1.4rem; } .odeme-ozet h2 { margin: 0 0 1rem; font: 400 1.15rem/1.2 Georgia, serif; } .odeme-kalem { display: flex; align-items: center; gap: .8rem; padding: .6rem 0; border-bottom: 1px solid var(--line, #ded7d1); font-size: .84rem; } .odeme-kalem img { object-fit: cover; } .odeme-kalem > div { flex: 1; min-width: 0; } .odeme-kalem small { display: block; color: var(--muted, #81777c); font-size: .76rem; } .kampanya-alan { display: block; margin: 1.1rem 0; font-size: .78rem; } .kampanya-giris { display: flex; gap: .4rem; margin-top: .35rem; } .kampanya-giris input { flex: 1; min-width: 0; padding: .5rem .6rem; font: inherit; font-size: .85rem; border: 1px solid var(--line, #ded7d1); background: var(--surface, #fffdf8); } .kampanya-not { display: block; margin-top: .4rem; font-size: .76rem; } .kampanya-not.gecerli { color: var(--green, #54765d); } .kampanya-not.gecersiz { color: #8a2b2b; } .odeme-tutarlar div { display: flex; justify-content: space-between; padding: .35rem 0; font-size: .86rem; } .odeme-toplam { border-top: 1px solid var(--line, #ded7d1); margin-top: .5rem; padding-top: .7rem !important; font-size: 1rem !important; } .odeme-kdv { color: var(--muted, #81777c); font-size: .74rem; margin: .6rem 0 0; } /* Kapalı "Ödemeye geç" bağlantısı düğme gibi görünsün ama tıklanmasın */ .odeme-gec { display: block; text-align: center; text-decoration: none; } .odeme-gec[aria-disabled="true"] { opacity: .45; pointer-events: none; } .siparis-tamam { max-width: 40rem; padding: 2rem 0 4rem; } .siparis-tamam h1 { margin: .3rem 0 1.2rem; } .siparis-no b { font-size: 1.1rem; } .siparis-takip-kutu { border: 1px solid var(--line, #ded7d1); background: var(--surface, #fffdf8); padding: 1rem; margin: 1.4rem 0; } .siparis-takip-kutu span { display: block; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--muted, #81777c); } .siparis-takip-kutu code { display: block; margin: .4rem 0; font-size: 1rem; word-break: break-all; } .siparis-takip-kutu small { color: var(--muted, #81777c); font-size: .76rem; } .siparis-not { color: var(--muted, #81777c); font-size: .82rem; } .siparis-eylem { display: flex; gap: .7rem; flex-wrap: wrap; margin-top: 1.6rem; } .takip-alan { display: grid; gap: 2rem; max-width: 44rem; margin-bottom: 4rem; } .takip-form { max-width: 26rem; } .takip-hata { background: #fdf1f1; border: 1px solid #e8c7c7; color: #8a2b2b; padding: .7rem .8rem; font-size: .86rem; } .takip-ipucu { color: var(--muted, #81777c); font-size: .8rem; } .takip-sonuc { border: 1px solid var(--line, #ded7d1); padding: 1.4rem; } .takip-sonuc h2 { margin: 0 0 1.2rem; font: 400 1.2rem/1.2 Georgia, serif; } .takip-adimlar { display: grid; gap: .55rem; margin-bottom: 1.2rem; } .takip-adim { display: flex; align-items: center; gap: .7rem; font-size: .86rem; color: var(--muted, #81777c); } .takip-adim i { width: 10px; height: 10px; border-radius: 50%; flex: none; border: 1px solid var(--line, #ded7d1); } .takip-adim.tamam { color: var(--ink, #332d30); } .takip-adim.tamam i { background: var(--green, #54765d); border-color: var(--green, #54765d); } .takip-kalemler div, .takip-toplam { display: flex; justify-content: space-between; padding: .4rem 0; font-size: .86rem; } .takip-toplam { border-top: 1px solid var(--line, #ded7d1); margin-top: .4rem; padding-top: .7rem; } @media (max-width: 860px) { .odeme-duzen { grid-template-columns: 1fr; } .odeme-ozet { position: static; order: -1; } } @media (max-width: 560px) { .alan-ikili { grid-template-columns: 1fr; } } /* Satış aç/kapat anahtarı — ayarlar sayfası */ .satis-anahtari { border-bottom: 1px solid var(--line, #ded7d1); padding-bottom: 1.2rem; } .satis-satir { display: flex; align-items: flex-start; gap: .7rem; margin: 1rem 0 .6rem; } .satis-satir input { width: auto; margin: .25rem 0 0; flex: none; } .satis-satir b { display: block; font-size: .9rem; } .satis-satir small { display: block; color: var(--muted, #81777c); font-size: .78rem; line-height: 1.5; margin-top: .2rem; } .satis-durum { font-size: .8rem; margin: 0; } .satis-durum.acik { color: var(--green, #54765d); } .satis-durum.kapali { color: var(--muted, #81777c); } /* ------------------------------------------------------------------ Çerez bilgilendirme bandı ------------------------------------------------------------------ */ .cerez-bandi { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 200; max-width: 46rem; margin: 0 auto; display: flex; align-items: center; gap: 1.2rem; background: var(--surface, #fffdf8); border: 1px solid var(--line, #ded7d1); box-shadow: 0 8px 30px rgba(28, 24, 26, .12); padding: .95rem 1.1rem; } .cerez-bandi p { margin: 0; font-size: .8rem; line-height: 1.55; color: var(--muted, #81777c); } .cerez-bandi a { color: inherit; text-decoration: underline; } .cerez-bandi button { flex: none; font: inherit; font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; padding: .55rem 1.1rem; border: 1px solid var(--ink, #1c181a); background: var(--ink, #1c181a); color: #fffdf8; } .cerez-bandi button:hover { opacity: .88; } @media (max-width: 560px) { .cerez-bandi { flex-direction: column; align-items: stretch; gap: .8rem; } .cerez-bandi button { width: 100%; } } /* Başlıktaki kalp: favori süzgeci açıkken dolu görünsün */ .header-actions button.is-fav { color: var(--rose, #956b79); } .header-actions button.is-fav svg { fill: currentColor; } /* Panel süzgeç sayacı ve müşteri detayı */ .suzgec-sayaci { font-size: .76rem; color: var(--muted, #81777c); margin-left: auto; align-self: center; } .panel-musteri { width: min(620px, 100%); } .panel-form-not { margin: 0 0 1rem; font-size: .78rem; color: var(--muted, #81777c); line-height: 1.5; } .panel-kutu-alt .admin-ghost { text-decoration: none; display: inline-flex; align-items: center; } /* Sepette stok/ürün değişikliği uyarısı */ .sepet-uyari { grid-column: 1 / -1; background: #fdf6ec; border: 1px solid #e8d7bd; color: #6b4f22; padding: .8rem 1rem; font-size: .86rem; margin: 0 0 4px; line-height: 1.5; } .sepet-adet button[disabled] { opacity: .35; cursor: not-allowed; } /* 404 — sayfa bulunamadı */ .bulunamadi { max-width: 44rem; padding: 3rem 0 5rem; } .bulunamadi h1 { margin: .4rem 0 1rem; } .bulunamadi > p { color: var(--muted, #81777c); line-height: 1.7; margin: 0 0 2rem; } .bulunamadi-yollar { display: flex; flex-wrap: wrap; gap: .6rem; } .bulunamadi-urunler { margin-top: 4rem; } .bulunamadi-urunler h2 { font: 400 1.5rem/1.2 Georgia, serif; letter-spacing: -.03em; margin: 0 0 1.4rem; } .bulunamadi-urunler .product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6rem; } @media (max-width: 720px) { .bulunamadi-urunler .product-grid { grid-template-columns: 1fr 1fr; } } /* ================================================================== MOBİL DÜZEN ------------------------------------------------------------------ Ölçerek yazıldı: 390×844 ekranda her düğmenin ve her yazının boyu tek tek alındı (mobil-denetim.mjs). İki kural: · Dokunma hedefi en az 44×44 — Apple ve Google'ın ikisi de bu eşiği veriyor, altında parmakla ıskalanıyor. · Metin en az 12px — 8-10px'lik etiketler telefonda okunmuyordu. ================================================================== */ @media (max-width: 720px) { /* --- başlıktaki ikonlar: en çok kullanılan düğmeler, en küçükleriydi */ .site-header .mobile-menu, .site-header .cart-button, .header-actions button, .header-actions > a { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; } .cart-button em { /* rozet büyüyen düğmenin köşesinde kalsın */ position: absolute; transform: translate(12px, -12px); } .site-header .cart-button { position: relative; } /* --- duyuru bandı: kampanya kodu 8px'ti, okunmuyordu */ .announcement { font-size: 12px; line-height: 1.5; padding: 9px 14px; } .announcement b { font-size: 12px; } /* --- hero: kaydırma noktaları hem küçük hem süs görsellerinin altında kalıyordu; hedefi büyütüp süsleri geri çekiyoruz */ .hero-controls button, .hero-pause { min-height: 44px; font-size: 12px; display: inline-flex; align-items: center; } .hero-controls, .hero-pause { position: relative; z-index: 3; } .mood-orbit, .floating-orb.orb-back { display: none; } /* --- genel okunabilirlik tabanı */ .eyebrow, .secure-label, .stock-note, .commerce-top span, .commerce-top a { font-size: 12px !important; } .product-info p, .product-card small, .sepet-ad small { font-size: 13px; } /* --- geri dönüş bağlantıları 12px yüksekliğindeydi */ .commerce-top { gap: .6rem; } .commerce-top a { min-height: 44px; display: inline-flex; align-items: center; } /* --- sepet: adet düğmeleri 21×18'di, parmakla ıskalanıyordu */ .sepet-adet { padding: 4px 8px; gap: 6px; } .sepet-adet button { min-width: 44px; min-height: 44px; font-size: 20px; display: inline-flex; align-items: center; justify-content: center; } .sepet-sil { min-width: 44px; min-height: 44px; font-size: 22px; display: inline-flex; align-items: center; justify-content: flex-end; } .sepet-ozet .wide-button, .sepet-ozet .button { min-height: 48px; font-size: 14px; } /* --- ödeme: onay kutuları 13×13'tü. Bunlar zorunlu onaylar; müşteri ıskalayıp "sözleşmeyi onayla" hatası alıyordu */ .odeme-form input[type="checkbox"], .odeme-form input[type="radio"] { width: 22px; height: 22px; flex: none; margin: 0; } .onay-satir { display: flex; align-items: flex-start; gap: .7rem; padding: .5rem 0; } .onay-satir span { font-size: 13px; line-height: 1.6; } .onay-satir a { padding: 2px 0; display: inline-block; } .fatura-secim label { display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; } .odeme-form input, .odeme-form textarea, .odeme-form select { font-size: 16px; /* 16px altı: iOS Safari alana girince sayfayı yakınlaştırıyor */ min-height: 44px; } .odeme-form textarea { min-height: 92px; } .odeme-form .button, .odeme-form button { min-height: 48px; font-size: 14px; } /* diğer formlarda da iOS yakınlaştırmasını engelle */ .iletisim-form input, .iletisim-form textarea, .iletisim-form select, .giris-form input, .takip-form input, .panel-form input, .panel-form select, .panel-form textarea, .panel-siparis-form input, .panel-siparis-form select, .settings-form input, .settings-form textarea, .admin-search input { font-size: 16px; } .giris-form input, .takip-form input { min-height: 44px; } .giris-sekme button { min-height: 44px; } .text-button, .text-link { min-height: 44px; display: inline-flex; align-items: center; } } /* ------------------------------------------------------------------ PANEL — MOBİL ------------------------------------------------------------------ Panelde iki gerçek engel vardı: 1. Sol menü telefonda yatay bir şeride dönüşüyor ve taşan kısmı görünmüyordu: Müşteriler'den sonrası (Kampanyalar, Raporlar, Faturalar, Ayarlar) fiilen ulaşılamazdı — kaydırılabildiğine dair hiçbir işaret yoktu. 2. Tablolar 593px genişliğindeydi, 374px'lik alanda yatay kayıyordu. Yani Stok, Durum ve DÜZENLE/KALDIR sütunları ekran dışındaydı. Mağaza sahibi telefondan ürün düzenleyemiyordu. Çözüm: menü satır atlasın, tablo kart düzenine dönsün. ------------------------------------------------------------------ */ @media (max-width: 720px) { /* --- sol menü: kesilmek yerine satır atlasın */ .admin-sidebar { padding-bottom: .6rem; } .admin-sidebar nav { display: flex; flex-wrap: wrap; gap: .4rem; overflow: visible; width: 100%; } .admin-sidebar nav a { min-height: 44px; display: inline-flex; align-items: center; gap: .4rem; padding: .4rem .7rem; font-size: 13px; white-space: nowrap; } .admin-brand { min-height: 44px; display: inline-flex; align-items: center; } .admin-caption { font-size: 11px; } /* --- tablo → kart düzeni */ .admin-table-wrap { overflow: visible; border: 0; } .admin-table { display: block; width: 100%; border-collapse: collapse; } .admin-table thead { display: none; } /* başlıklar hücrelere taşındı */ .admin-table tbody, .admin-table tr, .admin-table td { display: block; width: 100%; } .admin-table tr { border: 1px solid var(--line, #ded7d1); background: var(--surface, #fffdf8); padding: .9rem 1rem; margin-bottom: .7rem; } .admin-table td { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: .4rem 0; border: 0; text-align: right; } .admin-table td::before { content: attr(data-etiket); flex: none; max-width: 42%; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted, #81777c); text-align: left; padding-top: .15rem; } /* Başlığı olmayan (ör. eylem) sütunda etiket satırı boşluk bırakmasın */ .admin-table td:not([data-etiket])::before, .admin-table td[data-etiket=""]::before { content: none; } .admin-table td:empty { display: none; } .admin-table td.num { text-align: right; } /* ürün/müşteri hücresi: görsel + ad, etiketin sağında toparlansın */ .admin-table .product-cell, .admin-table .customer-cell { display: flex; align-items: center; gap: .7rem; text-align: left; } .admin-table .product-cell img { width: 48px; height: 48px; } /* eylem düğmeleri: parmakla basılabilir olsun */ .admin-table .row-actions, .admin-table td:last-child { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: flex-end; } .admin-table .icon-button { min-height: 44px; padding: 0 .9rem; font-size: 13px; display: inline-flex; align-items: center; } /* --- araç çubuğu ve süzgeçler alt alta */ .admin-toolbar { flex-wrap: wrap; gap: .6rem; } .admin-search { width: 100%; } .admin-search input { min-height: 44px; width: 100%; } .product-filters, .order-filters, .customer-filters, .invoice-filters, .ops-queue-tabs { display: flex; flex-wrap: wrap; gap: .4rem; width: 100%; } .product-filters button, .order-filters button, .customer-filters button, .invoice-filters button, .ops-queue-tabs button { min-height: 44px; padding: 0 .8rem; font-size: 13px; } .admin-primary, .admin-ghost { min-height: 46px; font-size: 14px; } .suzgec-sayaci { width: 100%; margin-left: 0; font-size: 12px; } /* --- panelin küçük etiketleri okunur olsun */ .admin-context, .panel-kicker, .admin-table th, .stat-grid span, .customer-summary span, .invoice-summary span, .admin-shipping-summary span { font-size: 11px !important; } .stat-grid small, .settings-label span, .satis-satir small, .toolbar-note small, .report-delta { font-size: 12px !important; } /* --- açılan pencereler telefonda ekranı doldursun */ .panel-katman { padding: 0; align-items: flex-end; } .panel-kutu { width: 100%; max-height: 92vh; border-radius: 0; border-left: 0; border-right: 0; border-bottom: 0; } .panel-kutu-alt { position: sticky; bottom: 0; background: var(--surface, #fffdf8); padding-top: .7rem; } .panel-kutu-alt button, .panel-kutu-alt .admin-ghost { min-height: 46px; } .panel-siparis-bilgi { grid-template-columns: 1fr; } } /* --- mobil: ölçümden sonra kalan küçük hedefler ve yazılar ---------- */ @media (max-width: 720px) { /* hero kaydırma şeridi ekrandan taşıyordu: satır atlasın */ /* Şerit width:100% + soldan 24px kaçık duruyordu, sağ ucu ("03") kırpılıyordu. Genişliği içeriğe bırakıp payı düşüyoruz. */ .hero-controls { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1rem; width: auto; max-width: calc(100% - 48px); } .hero-controls button { padding: 0 .2rem; } .ritual-switch { min-height: 44px; font-size: 12px; display: inline-flex; align-items: center; gap: .4rem; } /* katalog kategori sekmeleri: 50×31 ve 10px idi */ .catalog-filters { gap: .4rem; } .catalog-filters button { min-height: 44px; padding: 0 .9rem; font-size: 13px; } #catalog-search { min-height: 44px; } /* hero ürün rozeti 8px'ti */ .ritual-caption span { font-size: 11px; } .ritual-caption b { font-size: 13px; } /* düğme metinleri 11px kalıyordu */ .button, .button-dark, .button-light, .wide-button, .text-button, .add-button { font-size: 14px; } .add-button, .wide-button { min-height: 46px; } /* küçük açıklama metinleri */ .odeme-form small, .iyzico-rozet small, .product-detail p, .account-card span, .stock-note { font-size: 12px; } .product-detail p, .commerce-page article p { line-height: 1.7; } /* Paragraf içi bağlantılar: 44px zorlamak metni bozar. Bunun yerine satır aralığını açıp dokunma alanını dikeyde büyütüyoruz. */ p a, .onay-satir a, li a { padding: .25rem 0; } .commerce-page p, .legal-page p { line-height: 1.75; } } /* --- mobil: son tur düzeltmeler --------------------------------- */ @media (max-width: 720px) { /* ürün kartı başlığı ana bağlantı; dokunma alanı dikeyde büyüsün */ .product-info h3 { line-height: 1.35; } .product-info > div > a { display: block; padding: .3rem 0; } /* indirimli fiyat ve yorum sayısı 10px'ti */ .price del, .price s, .product-info span, .rating span { font-size: 12px; } /* hero slayt etiketi 8px */ .hero-copy .eyebrow, .hero-slide-tag, .hero span { font-size: 11px; } /* journal ve yasal sayfa gezinme bağlantıları */ .journal-links a, .legal-layout aside nav a, .journal-hero a, .journal-card a, .article-back a { min-height: 44px; display: inline-flex; align-items: center; font-size: 13px; } .legal-layout aside nav { display: flex; flex-direction: column; gap: .2rem; } .journal-meta, .journal-card small { font-size: 12px; } /* hesabım kartlarındaki açıklamalar */ .account-card span, .account-grid span, .siparis-satir small { font-size: 12px; } /* iletişim formundaki küçük not */ .iletisim-form label small, .form-not { font-size: 12px; } } /* --- mobil: ölçümle bulunan son öğeler (seçiciler tahminle değil, sayfadan okunarak yazıldı) ----------------------------------- */ @media (max-width: 720px) { /* hero'daki ritüel değiştirme düğmesi 90×32 idi */ .hero-ritual-stage .ritual-switch { min-height: 44px; padding: 0 .6rem; } .ritual-caption span { font-size: 11px; } /* "01 · KÜVET" adımları 8px, açıklaması 11px */ .ritual-use-section span { font-size: 11px; } .ritual-use-section p { font-size: 13px; line-height: 1.7; } .ritual-use-section b { font-size: 13px; } /* ürün kartı başlık bağlantısı */ .product-info a { display: inline-block; padding: .3rem 0; min-height: 40px; } /* journal üst şeridi ve kart bağlantıları */ .journal-top a, .journal-top span { font-size: 12px; } .journal-top a { min-height: 44px; display: inline-flex; align-items: center; } .journal-feature a, .journal-grid a, .article-page > a { min-height: 44px; display: inline-flex; align-items: center; font-size: 13px; } /* yasal sayfa güncelleme tarihi */ .legal-page .legal-updated { font-size: 12px; } /* 404 ürün önerileri */ .bulunamadi-urunler .product-info a { min-height: 44px; } } /* --- mobil: dokunma hedefi son tur ------------------------------- */ @media (max-width: 720px) { /* min-height satır içi öğede işlemiyor; inline-flex'e çeviriyoruz */ .ritual-switch, .mood-pills button, .social-link, .admin-inline-link, .hero-controls button, .icon-button, .text-button { display: inline-flex !important; align-items: center; justify-content: center; } .mood-pills { display: flex; flex-wrap: wrap; gap: .5rem; } .mood-pills button { min-height: 44px; padding: 0 1rem; font-size: 13px; } .social-link, .admin-inline-link { min-height: 44px; font-size: 13px; } /* hero'daki ikon düğmeleri (favori, oynat) */ .product-image button, .hero button:not(.hero-controls button) { min-width: 44px; min-height: 44px; } /* panelde satır eylemleri daralıp metni eziyordu */ .admin-table .row-actions .icon-button, .admin-table td:last-child .icon-button { flex: 0 0 auto; min-width: 104px; min-height: 44px; } /* panel özet kutularındaki etiketler 9-10px idi */ .stat-grid span, .stat-grid small, .customer-summary span, .customer-summary small, .invoice-summary span, .invoice-summary small, .admin-shipping-summary span, .admin-shipping-summary small, .admin-summary-strip span { font-size: 12px !important; } /* ritüel bölümü gövde metni 10px idi */ .ritual-use-section p, .hero-text, .section-intro p { font-size: 13px !important; } } /* --- mobil: ölçekli kap ve kalan küçük yazılar -------------------- */ @media (max-width: 720px) { /* .hero-ritual-stage mobilde transform: scale(.72) uyguluyor. Yani CSS'te 44px yazan düğme ekranda 32px görünüyor — hesabı ölçeğe göre yapmak zorundayız: 44 / 0.72 ≈ 61px. */ .hero-ritual-stage .ritual-switch { min-height: 61px !important; font-size: 16px; } /* footer bağlantıları 10px ve 11px yüksekliğindeydi */ .footer-links a, .footer a, .footer p, .footer small { font-size: 12px; } .footer-links { display: flex; flex-wrap: wrap; gap: .2rem 1rem; } .footer-links a { min-height: 44px; display: inline-flex; align-items: center; } /* gövde metni için mobil taban: 12px altı okunmuyor */ main p, main li, main span, main small, main b, main div { font-size: max(1em, 12px) !important; } .social-proof .stars, .social-proof .eyebrow { font-size: 12px; } } /* --- panel: ölçümle bulunan gerçek seçiciler --------------------- */ @media (max-width: 720px) { .product-admin-summary span, .product-admin-summary small, .range-label, .campaign-card span, .campaign-card b, .admin-insight a, .admin-insight p, .admin-status, .ops-api-card p, .ops-api-card span, .panel-head span { font-size: 12px !important; } .admin-insight a { min-height: 44px; display: inline-flex; align-items: center; } .admin-main p, .admin-main span, .admin-main small, .admin-main li, .admin-main div, .admin-main b { font-size: max(1em, 12px) !important; } } /* --- mobil: kalan iki hedef -------------------------------------- */ @media (max-width: 720px) { /* ekip listesindeki kaldır düğmesi 30×30 idi */ .ekip-satir .icon-button, .rapor-satir .icon-button { min-width: 96px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; } .ekip-satir { flex-wrap: wrap; gap: .6rem; } } /* --- mobil: son iki yazı ----------------------------------------- */ @media (max-width: 720px) { /* footer'daki iyzico bandı etiketi ve "yukarı" düğmesi */ .odeme-bandi span { font-size: 12px; } .back-to-top, .back-to-top span, .scroll-top, .scroll-top span { font-size: 12px; } .back-to-top, .scroll-top { min-height: 44px; display: inline-flex; align-items: center; gap: .4rem; } } /* ================================================================== BAŞLIK — 721px ile 900px arası ------------------------------------------------------------------ Ölçüm: 768px'lik ekranda (iPad dikey, küçük dizüstü penceresi) .header-actions 660..820 aralığına düşüyor, yani SEPET İKONU EKRANIN DIŞINDA kalıyordu — müşteri sepetine ulaşamıyordu. Tasarım hamburger menüyü ancak 640px altında açıyor; arada kalan bant boşta kalmış. Kompakt başlığı 900px'e kadar yukarı taşıyoruz. ================================================================== */ @media (max-width: 939px) { .mobile-menu { display: grid !important; place-items: center; } .main-nav { display: none; position: absolute; top: 64px; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; padding: 8px 18px; background: var(--paper, #f6f1ea); border-bottom: 1px solid var(--line, #ded7d1); z-index: 40; } .main-nav.open, .main-nav.is-open { display: flex; } .main-nav a { border-bottom: 1px solid var(--line, #ded7d1); padding: 14px 0; font-size: 14px; min-height: 48px; display: flex; align-items: center; } .main-nav a:last-child { border-bottom: 0; } /* menüye sonradan eklenen hesap/takip/iletişim bağlantıları */ .main-nav .menu-ek { color: var(--rose, #956b79); } /* Hesap ikonu telefonda gizleniyordu; müşterinin giriş yapabilmesi için başlıkta kalması gerekiyor. Arama ve favori menüden erişilir. */ .header-actions > a { display: inline-flex !important; } .header-actions { gap: .3rem; } } /* Menüye sonradan eklenen Hesabım/Takip/İletişim bağlantıları yalnız açılır menü içindir. 900px üstünde yatay gezinme çubuğuna girip .header-actions'ı ekran dışına itiyorlardı — sepet ikonu 1024px'te kayboldu. Masaüstünde gizliyoruz (oradaki karşılıkları zaten var). */ @media (min-width: 940px) { .main-nav .menu-ek { display: none !important; } } /* Cayma hakkı formundaki doldurulacak bilgi listesi */ .cayma-liste { margin: .6rem 0 1.2rem; padding-left: 1.2rem; } .cayma-liste li { padding: .3rem 0; font-size: .92rem; line-height: 1.5; } /* KVKK veri işleme tablosu ve listeleri */ .kvkk-tablo-sarmal { overflow-x: auto; margin: .8rem 0 1.4rem; } .kvkk-tablo { width: 100%; border-collapse: collapse; font-size: .86rem; } .kvkk-tablo th, .kvkk-tablo td { text-align: left; padding: .6rem .7rem; border: 1px solid var(--line, #ded7d1); vertical-align: top; line-height: 1.5; } .kvkk-tablo th { background: #f4f0eb; font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; } .kvkk-liste { margin: .6rem 0 1.2rem; padding-left: 1.2rem; } .kvkk-liste li { padding: .3rem 0; font-size: .92rem; line-height: 1.55; } @media (max-width: 720px) { /* Üç sütunlu tablo telefonda okunmuyor; kart düzenine çeviriyoruz */ .kvkk-tablo, .kvkk-tablo tbody, .kvkk-tablo tr, .kvkk-tablo td { display: block; width: 100%; } .kvkk-tablo thead { display: none; } .kvkk-tablo tr { border: 1px solid var(--line, #ded7d1); margin-bottom: .7rem; padding: .3rem .8rem; } .kvkk-tablo td { border: 0; padding: .5rem 0; } .kvkk-tablo td::before { content: attr(data-etiket); display: block; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted, #81777c); margin-bottom: .15rem; } .kvkk-tablo-sarmal { overflow-x: visible; } }