/*
  Aura Store Krd - main stylesheet
  Kept in one file on purpose while you're learning Django/static files.
  Sections below are grouped so it's easy to find what you need:
  1. Variables & resets
  2. Navbar
  3. Layout / page containers
  4. Product grid & cards
  5. Checkout form
  6. Success page
  7. Footer
  8. Scroll-reveal motion
  9. Responsive (mobile) overrides
  10. Splash intro (homepage only)

  Shape rule (kept consistent everywhere, do not mix):
  --radius-lg  -> cards, forms, big surfaces
  --radius-md  -> buttons, inputs
  --radius-sm  -> small elements (logo box)
*/

/* NRT: the Kurdish font used for all Sorani text on the site. */
@font-face {
    font-family: "NRT";
    src: url("../fonts/NRT.dc9a8bb1a3a6.ttf") format("truetype");
    font-display: swap;
}

/* 1. Variables & resets ------------------------------------------------- */
:root {
    --color-bg: #fafafa;
    --color-surface: #ffffff;
    --color-text: #1a1a1a;
    --color-muted: #6b7280;
    --color-primary: #d62828; /* matches the logo's red accent - the one accent color used everywhere */
    --color-primary-dark: #b21f1f;
    --color-border: #e5e7eb;

    --radius-lg: 16px;
    --radius-md: 10px;
    --radius-sm: 8px;

    --shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    --shadow-hover: 0 10px 24px rgba(0, 0, 0, 0.1);
}

/* Dark mode: same page, same accent, swapped surfaces only.
   Triggered automatically by the visitor's OS/browser setting. */
@media (prefers-color-scheme: dark) {
    :root {
        --color-bg: #121212;
        --color-surface: #1c1c1e;
        --color-text: #f2f2f2;
        --color-muted: #9a9a9f;
        --color-border: #2e2e31;
        --shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
        --shadow-hover: 0 10px 24px rgba(0, 0, 0, 0.55);
    }
}

* {
    box-sizing: border-box;
}

html, body {
    overflow-x: hidden;
}

/* Hide scrollbar visually, keep scroll working */
html {
    scrollbar-width: none;
}
html::-webkit-scrollbar {
    display: none;
}

body {
    font-family: "NRT", "Tahoma", ui-sans-serif, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    margin: 0;
    background: var(--color-bg);
    color: var(--color-text);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
}

/* 2. Navbar -------------------------------------------------------------- */
.navbar {
    background: var(--color-surface);
    border-bottom: 1px solid var(--color-border);
    position: sticky;
    top: 0;
    z-index: 10;
}

.navbar-inner {
    max-width: 1080px;
    margin: 0 auto;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.navbar-cart {
    margin-right: auto;
    position: relative;
    display: flex;
    align-items: center;
    color: var(--color-text);
    text-decoration: none;
    padding: 4px;
}

.navbar-cart:hover {
    color: var(--color-primary);
}

.cart-badge {
    position: absolute;
    top: -4px;
    left: -6px;
    background: var(--color-primary);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    line-height: 1;
}

.navbar-logo {
    width: 38px;
    height: 38px;
    border-radius: var(--radius-sm);
    object-fit: cover;
    flex-shrink: 0;
}

.navbar-brand {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    text-decoration: none;
    color: var(--color-text);
}

/* 3. Layout / page containers ------------------------------------------- */
main {
    max-width: 1080px;
    margin: 0 auto;
    padding: 32px 20px 64px;
}

.page-intro {
    margin-bottom: 24px;
}

.page-intro h1 {
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin: 0 0 4px;
}

/* News-ticker: padding-left:100% places the text just past the container's
   right edge so it's visible from the first frame. translateX(-100%) shifts
   by the full element width (padding + text), landing it just past the left
   edge — zero dead time in either direction. */
.marquee {
    overflow: hidden;
    width: 100%;
    direction: ltr;
}

.marquee-text {
    display: inline-block;
    padding-left: 100%;
    white-space: nowrap;
    color: var(--color-primary);
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    animation: marquee-scroll 14s linear infinite;
}

@keyframes marquee-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}

@media (prefers-reduced-motion: reduce) {
    .marquee-text {
        animation: none;
        white-space: normal;
        transform: none;
    }
}

/* 4. Product grid & cards ------------------------------------------------ */
.grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 28px;
}

.card {
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow);
    display: flex;
    flex-direction: column;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-hover);
}

.card-img-wrap {
    width: 100%;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    background: var(--color-border);
}

.card-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.card:hover .card-img-wrap img {
    transform: scale(1.04);
}

.card-body {
    padding: 18px 18px 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
    text-align: center;
}

.card-body h3 {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.3;
}

.price {
    font-weight: 700;
    color: var(--color-primary);
    font-size: 1.15rem;
    margin-top: 2px;
}

.card-btn {
    display: block;
    background: var(--color-primary);
    color: #fff;
    text-decoration: none;
    padding: 14px 18px;
    text-align: center;
    font-weight: 700;
    font-size: 1rem;
    border: none;
    cursor: pointer;
    transition: background 0.15s ease;
    margin: 0 18px 18px;
    border-radius: var(--radius-md);
}

.card-btn:hover {
    background: var(--color-primary-dark);
}

.card-btn:active {
    transform: scale(0.98);
}

.empty-state {
    text-align: center;
    color: var(--color-muted);
    padding: 60px 20px;
}

.btn {
    display: inline-block;
    background: var(--color-primary);
    color: #fff;
    text-decoration: none;
    padding: 11px 16px;
    border-radius: var(--radius-md);
    text-align: center;
    font-weight: 600;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    transition: background 0.15s ease, transform 0.1s ease;
}

.btn:hover {
    background: var(--color-primary-dark);
}

.btn:active {
    transform: scale(0.98);
}

.btn-block {
    width: 100%;
}

/* 5. Checkout form -------------------------------------------------------- */
.checkout-product {
    text-align: center;
    margin-bottom: 20px;
}

.checkout-product h2 {
    margin: 0 0 4px;
    font-weight: 700;
}

form.checkout-form {
    background: var(--color-surface);
    padding: 24px;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
    max-width: 480px;
    margin: 0 auto;
}

form.checkout-form label {
    display: block;
    margin-top: 14px;
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 0.9rem;
}

form.checkout-form input,
form.checkout-form textarea {
    width: 100%;
    padding: 11px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: 1rem;
    font-family: inherit;
    background: var(--color-surface);
    color: var(--color-text);
}

form.checkout-form input:focus,
form.checkout-form textarea:focus {
    outline: none;
    border-color: var(--color-primary);
}

.errorlist {
    color: var(--color-primary);
    font-size: 0.85rem;
    list-style: none;
    padding: 0;
    margin: 4px 0 0;
}

/* 5b. Order page (checkout) -------------------------------------------------
   Asymmetric split: product summary card on one side, plain (uncarded)
   form fields on the other. Hover/focus states are the only motion here -
   this is a trust-first commerce flow, not a place for flourish. */
.order-layout {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 36px;
    align-items: start;
}

/* Grid items default to min-width: auto, which lets long unbroken text
   (a product name/description with no spaces) blow the column past the
   viewport. min-width: 0 lets them shrink and wrap instead. */
.order-summary,
.order-form {
    min-width: 0;
}

.order-summary {
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
    padding: 20px;
    position: sticky;
    top: 86px;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.order-summary:hover {
    box-shadow: var(--shadow-hover);
    transform: translateY(-2px);
}

.order-summary-img {
    aspect-ratio: 1 / 1;
    border-radius: var(--radius-md);
    overflow: hidden;
    background: var(--color-border);
    margin-bottom: 16px;
}

.order-summary-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.order-summary h2 {
    margin: 0 0 8px;
    font-size: 1.2rem;
    overflow-wrap: break-word;
}

.order-summary-desc {
    color: var(--color-muted);
    font-size: 0.9rem;
    margin: 0 0 12px;
    overflow-wrap: break-word;
}

.order-summary-price {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--color-primary);
    margin: 0;
}

.order-summary-price span {
    font-size: 0.9rem;
    font-weight: 600;
}

.order-delivery-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0 0;
    font-size: 0.95rem;
}

.delivery-label {
    color: var(--color-muted);
    font-weight: 600;
}

.delivery-original {
    color: #ca8a04;
    font-weight: 700;
}

.delivery-struck {
    text-decoration: line-through;
    color: var(--color-muted);
    margin-left: 6px;
}

.delivery-free {
    color: #16a34a;
    font-weight: 700;
    margin-left: 6px;
}

.order-total-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0;
    border-top: 1px solid var(--color-border);
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 1.05rem;
}

.order-total-value {
    color: #16a34a;
    font-size: 1.15rem;
}

.order-form {
    display: flex;
    flex-direction: column;
}

.field {
    margin-bottom: 18px;
}

.field label {
    display: block;
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 6px;
}

.field input,
.field textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: 1rem;
    font-family: inherit;
    background: var(--color-surface);
    color: var(--color-text);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.field input:hover,
.field textarea:hover {
    border-color: var(--color-muted);
}

.field input:focus,
.field textarea:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 18%, transparent);
}

.field-error {
    color: var(--color-primary);
    font-size: 0.85rem;
    margin: 6px 0 0;
}

.qty-stepper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.qty-display {
    min-width: 60px;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 700;
    padding: 10px 14px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    display: inline-block;
}

.qty-btn {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    color: var(--color-text);
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
    transition: border-color 0.15s ease, transform 0.1s ease, color 0.15s ease;
}

.qty-btn:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.qty-btn:active {
    transform: scale(0.92);
}

.order-submit {
    margin-top: 8px;
    padding: 15px 20px;
    border: none;
    border-radius: var(--radius-md);
    background: var(--color-primary);
    color: #fff;
    font-size: 1.05rem;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: background 0.2s ease, transform 0.1s ease;
}

.order-submit span {
    position: relative;
    z-index: 1;
}

.order-submit:hover {
    background: var(--color-primary-dark);
}

.order-submit:active {
    transform: scale(0.98);
}

/* 5c. Cart ---------------------------------------------------------------- */
.cart-empty {
    text-align: center;
    padding: 80px 20px;
    color: var(--color-muted);
}

.cart-empty p {
    font-size: 1.1rem;
    margin-bottom: 20px;
}

.cart-layout {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 36px;
    align-items: start;
}

.cart-title {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 0 20px;
}

.cart-items {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.cart-row {
    display: grid;
    grid-template-columns: 70px 1fr auto;
    grid-template-rows: auto auto;
    column-gap: 12px;
    row-gap: 10px;
    padding: 16px 0;
    border-bottom: 1px solid var(--color-border);
    align-items: center;
}

.cart-img-wrap {
    width: 70px;
    height: 70px;
    flex-shrink: 0;
    border-radius: var(--radius-md);
    overflow: hidden;
    background: var(--color-border);
    grid-row: 1 / 3;
}

.cart-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cart-row-info {
    min-width: 0;
    grid-column: 2;
    grid-row: 1;
}

.cart-remove {
    background: none;
    border: none;
    color: var(--color-muted);
    font-size: 1.3rem;
    cursor: pointer;
    padding: 0 4px;
    line-height: 1;
    transition: color 0.15s ease;
    grid-column: 3;
    grid-row: 1;
    align-self: start;
}

.cart-remove:hover {
    color: var(--color-primary);
}

.cart-row-name {
    margin: 0 0 2px;
    font-weight: 600;
    font-size: 0.95rem;
    overflow-wrap: break-word;
}

.cart-row-price {
    margin: 0;
    font-size: 0.85rem;
    color: var(--color-muted);
}

/* bottom row: qty left, subtotal right */
.cart-qty-form {
    display: flex;
    align-items: center;
    gap: 6px;
    grid-column: 2;
    grid-row: 2;
}

.cart-qty-form .qty-btn {
    width: 32px;
    height: 32px;
    font-size: 1rem;
}

.cart-qty-form .qty-display {
    min-width: 30px;
    padding: 4px 8px;
    font-size: 0.95rem;
}

.cart-row-subtotal {
    margin: 0;
    font-weight: 700;
    font-size: 0.95rem;
    white-space: nowrap;
    color: var(--color-primary);
    grid-column: 3;
    grid-row: 2;
    text-align: left;
}

.cart-summary {
    margin-top: 20px;
    border-top: 2px solid var(--color-border);
    padding-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cart-summary-row {
    display: flex;
    justify-content: space-between;
    font-size: 0.95rem;
    color: var(--color-muted);
}

.cart-summary-total {
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--color-text);
}

.cart-form-section {
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    padding: 24px;
    box-shadow: var(--shadow);
    position: sticky;
    top: 86px;
}

@media (max-width: 767px) {
    .cart-layout {
        grid-template-columns: 1fr;
    }
    .cart-form-section {
        position: static;
    }
}

/* Added-to-cart overlay */
.added-overlay {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-bg);
    animation: overlay-in 0.3s ease forwards;
}

.added-overlay-out {
    animation: overlay-out 0.4s ease forwards;
}

@keyframes overlay-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes overlay-out {
    from { opacity: 1; }
    to   { opacity: 0; }
}

.added-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    animation: card-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@keyframes card-pop {
    0%   { transform: scale(0.4) translateY(30px); opacity: 0; }
    100% { transform: scale(1)   translateY(0);    opacity: 1; }
}

.added-icon-wrap {
    width: 90px;
    height: 90px;
}

.added-check {
    width: 90px;
    height: 90px;
}

.added-check-circle {
    stroke: #16a34a;
    stroke-width: 3;
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    animation: draw-circle 0.5s 0.1s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.added-check-tick {
    stroke: #16a34a;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: draw-tick 0.35s 0.5s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

@keyframes draw-circle {
    to { stroke-dashoffset: 0; }
}

@keyframes draw-tick {
    to { stroke-dashoffset: 0; }
}

.added-text {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0;
    opacity: 0;
    animation: text-up 0.4s 0.6s ease forwards;
}

@keyframes text-up {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* 6. Success page --------------------------------------------------------- */
.success-box {
    text-align: center;
    background: var(--color-surface);
    padding: 48px 24px;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
    max-width: 480px;
    margin: 40px auto;
}

.success-icon {
    font-size: 2.5rem;
    margin-bottom: 8px;
}

/* 7. Footer ---------------------------------------------------------------- */
.site-footer {
    text-align: center;
    color: var(--color-muted);
    font-size: 0.85rem;
    padding: 24px 20px;
}

/* 8. Scroll-reveal motion --------------------------------------------------
   Plain CSS + a few lines of JS (see product_list.html) fade product
   cards up as they enter the viewport. Kept subtle and respects
   prefers-reduced-motion below. */
.reveal {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .card,
    .btn {
        transition: none;
    }
}

/* 9. Responsive (mobile) overrides ---------------------------------------- */
@media (max-width: 800px) {
    .order-layout {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .order-summary {
        position: static;
    }
}

@media (max-width: 600px) {
    .navbar-inner {
        padding: 10px 16px;
    }

    .navbar-brand {
        font-size: 1.05rem;
    }

    main {
        padding: 20px 14px 48px;
    }

    .page-intro h1 {
        font-size: 1.35rem;
    }

    .grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 14px;
    }

    .card-body {
        padding: 12px;
    }

    form.checkout-form {
        padding: 18px;
    }
}

/* 10. Splash intro (homepage only) ----------------------------------------
   Word carousel: "Aura / Store / Krd" scroll up behind a window that is
   softly clipped top and bottom. It plays once and stops on "Krd".
   Timeline: circle fades in over 0-1s with "Aura" showing, words start
   scrolling at 0.8s, land on "Krd" at 1.8s and rest there until 2.7s, then
   the overlay fades out by 3.2s while the real page fades in underneath. */
.splash {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-bg);
    animation: splash-out 3.2s ease forwards;
}

.splash-card {
    /* --bg-color also feeds the gradient that clips the words, so it has to
       stay identical to this card's background or the fade shows a seam. */
    --bg-color: #111;
    background-color: var(--bg-color);
    /* Circle big enough that "loading Store" fits comfortably inside. */
    width: 260px;
    height: 260px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: 0px 0px 20px var(--color-primary) inset;
    /* Soft entrance: the circle (and "Aura" inside it) fades in over the
       first second instead of popping onto the screen. */
    opacity: 0;
    animation: splash-fade-in 1s ease forwards;
}

@keyframes splash-fade-in {
    to { opacity: 1; }
}

/* The spinning ring is its own layer so the text inside stays still while it
   rotates. The right quarter is transparent, which is what reads as motion. */
.splash-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 4px solid var(--color-primary);
    border-right-color: transparent;
    animation: splash-ring-rot 1s linear infinite;
}

@keyframes splash-ring-rot {
    100% { transform: rotate(360deg); }
}

.splash-loader {
    /* The page is dir="rtl" for Sorani, which would flip this row and print
       the word before "loading". These names are Latin, so force LTR here. */
    direction: ltr;
    color: rgb(124, 124, 124);
    font-family: "Poppins", "Segoe UI", Tahoma, sans-serif;
    font-weight: 500;
    font-size: 25px;
    box-sizing: content-box;
    height: 40px;
    padding: 10px;
    display: flex;
    border-radius: var(--radius-sm);
}

.splash-loader p {
    margin: 0;
    line-height: 40px;
}

.splash-words {
    overflow: hidden;
    position: relative;
}

.splash-words::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        var(--bg-color) 10%,
        transparent 30%,
        transparent 70%,
        var(--bg-color) 90%
    );
    z-index: 20;
}

.splash-word {
    display: block;
    height: 100%;
    line-height: 40px;
    padding-left: 6px;
    color: var(--color-primary);
    /* 0.8s hold on "Aura" before the scroll kicks in (the circle is still
       finishing its 1s fade-in while the words start moving). Runs once, and
       "forwards" is what holds the last frame on "Krd" instead of snapping
       back to "Aura". */
    animation: splash-word-spin 1s 0.8s forwards;
}

/* Two steps only: Aura -> Store -> Krd, then stop. Each step overshoots by 2%
   then settles, which is what gives the words their small bounce as they land. */
@keyframes splash-word-spin {
    18% { transform: translateY(-102%); }
    42% { transform: translateY(-100%); }
    70% { transform: translateY(-202%); }
    100% { transform: translateY(-200%); }
}

/* 84% of 3.2s = 2.7s: the words land on "Krd" at 1.8s and rest there until
   the fade starts. */
@keyframes splash-out {
    0%, 84% { opacity: 1; }
    100% { opacity: 0; pointer-events: none; }
}

.site-content {
    opacity: 0;
    animation: content-fade-in 0.45s ease forwards;
    animation-delay: 2.75s;
}

@keyframes content-fade-in {
    to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .splash { display: none; }
    .site-content { opacity: 1; animation: none; }
}