diff --git a/.deco/blocks/pages-Category%2520Page-69217.json b/.deco/blocks/pages-Category%2520Page-69217.json index 6a5b05c..090be9c 100644 --- a/.deco/blocks/pages-Category%2520Page-69217.json +++ b/.deco/blocks/pages-Category%2520Page-69217.json @@ -56,7 +56,38 @@ "variant": "aside", "pagination": "show-more" }, - "startingPage": 1 + "startingPage": 1, + "productShelf": { + "__resolveType": "site/sections/Product/ProductShelf.tsx", + "products": { + "__resolveType": "wake/loaders/productList.ts", + "first": 12, + "sortDirection": "ASC", + "sortKey": "DISCOUNT", + "filters": { + "attributes": { + "id": [], + "name": [], + "type": [], + "value": [] + }, + "brandId": [], + "categoryId": [], + "ean": [], + "productId": [], + "productVariantId": [], + "sameParentAs": [], + "sku": [], + "stocks": { + "dcId": [], + "dcName": [] + }, + "prices": {} + } + }, + "title": "Veja por Lançamentos", + "cta": "VER TODOS" + } } }, { diff --git a/.deco/blocks/pages-My%2520New%2520Page-506121.json b/.deco/blocks/pages-My%2520New%2520Page-506121.json index 664752e..8f42b26 100644 --- a/.deco/blocks/pages-My%2520New%2520Page-506121.json +++ b/.deco/blocks/pages-My%2520New%2520Page-506121.json @@ -122,7 +122,7 @@ { "__resolveType": "website/sections/Rendering/Lazy.tsx", "section": { - "__resolveType": "site/sections/Footer/Footer.tsx" + "__resolveType": "Footer" } } ], diff --git a/.deco/blocks/pages-Search%2520Page-514254.json b/.deco/blocks/pages-Search%2520Page-514254.json index a7a737f..3915f52 100644 --- a/.deco/blocks/pages-Search%2520Page-514254.json +++ b/.deco/blocks/pages-Search%2520Page-514254.json @@ -42,14 +42,50 @@ } }, { - "__resolveType": "website/sections/Rendering/Lazy.tsx", - "section": { - "__resolveType": "site/sections/Product/SearchResult.tsx", - "page": { - "__resolveType": "wake/loaders/productListingPage.ts", - "limit": 12, - "operation": "AND", - "sort": "NAME:ASC", + "__resolveType": "site/sections/Product/SearchResult.tsx", + "page": { + "__resolveType": "wake/loaders/productListingPage.ts", + "limit": 12, + "operation": "AND", + "sort": "NAME:ASC", + "filters": { + "attributes": { + "id": [], + "name": [], + "type": [], + "value": [] + }, + "brandId": [], + "categoryId": [], + "ean": [], + "productId": [], + "productVariantId": [], + "sameParentAs": [], + "sku": [], + "stocks": { + "dcId": [], + "dcName": [] + }, + "prices": {} + }, + "pageOffset": 0 + }, + "layout": { + "columns": { + "mobile": 2, + "desktop": 4 + }, + "variant": "aside", + "pagination": "show-more" + }, + "startingPage": 1, + "productShelf": { + "__resolveType": "site/sections/Product/ProductShelf.tsx", + "products": { + "__resolveType": "wake/loaders/productList.ts", + "first": 12, + "sortDirection": "ASC", + "sortKey": "DISCOUNT", "filters": { "attributes": { "id": [], @@ -69,18 +105,10 @@ "dcName": [] }, "prices": {} - }, - "pageOffset": 0 - }, - "layout": { - "columns": { - "mobile": 2, - "desktop": 4 - }, - "variant": "aside", - "pagination": "show-more" + } }, - "startingPage": 1 + "title": "Veja os lançamentos", + "cta": "VER TODOS" } }, { diff --git a/.deco/blocks/pages-home-c4bcbfb771e9.json b/.deco/blocks/pages-home-c4bcbfb771e9.json index 4a7489a..d866d95 100644 --- a/.deco/blocks/pages-home-c4bcbfb771e9.json +++ b/.deco/blocks/pages-home-c4bcbfb771e9.json @@ -858,7 +858,9 @@ { "__resolveType": "website/sections/Rendering/Lazy.tsx", "section": { - "__resolveType": "site/sections/LGPD/PopupLGPD.tsx" + "__resolveType": "site/sections/LGPD/PopupLGPD.tsx", + "text": "

Para sua maior segurança, atualizamos as Políticas de Privacidade e Termos de Uso do site.
Ao continuar navegando, entendemos que você está ciente e de acordo com elas.

", + "btnText": "CONCORDAR E FECHAR" } } ], diff --git a/.deco/blocks/site.json b/.deco/blocks/site.json index 747e10d..090794c 100644 --- a/.deco/blocks/site.json +++ b/.deco/blocks/site.json @@ -62,7 +62,10 @@ "includeScriptsToHead": { "includes": [] }, - "enabled": true + "enabled": true, + "includeScriptsToBody": { + "includes": [] + } }, "flavor": { "framework": "htmx" diff --git a/.github/workflows/deco-deploy.yaml b/.github/workflows/deco-deploy.yaml index 55486e8..e043335 100644 --- a/.github/workflows/deco-deploy.yaml +++ b/.github/workflows/deco-deploy.yaml @@ -1,4 +1,3 @@ - name: Deploy on: push: @@ -13,7 +12,7 @@ jobs: permissions: id-token: write # Needed for auth with Deno Deploy contents: read # Needed to clone the repository - + steps: - name: Clone repository uses: actions/checkout@v3 @@ -22,7 +21,7 @@ jobs: uses: denoland/setup-deno@v1 with: deno-version: v2.x - + - uses: actions/cache@v3 with: path: | @@ -33,7 +32,7 @@ jobs: - name: Build step shell: bash run: "deno run -A dev.ts build" - + - name: Clean unnecessary files shell: bash run: | @@ -43,10 +42,10 @@ jobs: rm -rf CHANGELOG.md rm -rf README.md rm -rf .vscode - + - name: Upload to Deno Deploy uses: denoland/deployctl@v1 with: project: "deco-sites-${{ github.event.repository.name }}" entrypoint: "./main.ts" - exclude: "node_modules" \ No newline at end of file + exclude: "node_modules" diff --git a/components/search/SearchResult.tsx b/components/search/SearchResult.tsx index ed5822f..537e69e 100644 --- a/components/search/SearchResult.tsx +++ b/components/search/SearchResult.tsx @@ -3,6 +3,11 @@ import { mapProductToAnalyticsItem } from "apps/commerce/utils/productToAnalytic import ProductCard from "../../components/product/ProductCard.tsx"; import Filters from "../../components/search/Filters.tsx"; import Icon from "../../components/ui/Icon.tsx"; +import Searchbar, { + type SearchbarProps, +} from "../../components/search/Searchbar/Form.tsx"; +import { type Section as SectionType } from "@deco/deco/blocks"; +import { ShelfComponent } from "../../sections/Product/ProductShelf.tsx"; import { clx } from "../../sdk/clx.ts"; import { useId } from "../../sdk/useId.ts"; import { useOffer } from "../../sdk/useOffer.ts"; @@ -21,20 +26,100 @@ export interface Layout { } export interface Props { /** @title Integration */ - page: ProductListingPage | null; + page?: ProductListingPage | null; layout?: Layout; /** @description 0 for ?page=0 as your first page */ startingPage?: 0 | 1; /** @hidden */ partial?: "hideMore" | "hideLess"; + + searchbar: SearchbarProps; + + productShelf: SectionType; + + searchParams?: string | null; } -function NotFound() { +function NotFound({ searchbar, productShelf, searchParams }: Props) { return ( -
- Not Found! -
+ <> + {searchParams + ? ( +
+
+ + + OPS... Não encontramos nenhum resultado para: + +
+
+ +
+
+
  • + Verifique se a palavra foi digitada corretamente; +
    • +
  • + Tente palavras menos específicas; +
    • +
  • + Tente palavras-chave diferentes; +
    • +
  • Faça buscas relacionadas.
    • +
    +
    + ) + : ( +
    +
    +

    + 404 +

    +
    +
    +
    + + Página não encontrada + + + A página que você procura não existe ou não está disponível + +
    +
    + + Causas possíveis + +
  • + O conteúdo não está mais no ar; +
    • +
  • + A página mudou de lugar; +
    • +
  • + O servidor está fora do ar; +
    • +
  • + Você digitou o endereço errado +
    • +
    + + Voltar para o início + +
    +
    + )} + + ); } + const useUrlRebased = (overrides: string | undefined, base: string) => { let url: string | undefined = undefined; if (overrides) { @@ -299,14 +384,17 @@ function Result(props: SectionProps) { } function SearchResult({ page, ...props }: SectionProps) { if (!page) { - return ; + return ; } return ; } export const loader = (props: Props, req: Request) => { + const url = new URL(req.url); + const searchParams = url.search ?? null; return { ...props, - url: req.url, + url: url.href, + searchParams, }; }; export default SearchResult; diff --git a/fresh.gen.ts b/fresh.gen.ts index 3ffd2aa..5cc831c 100644 --- a/fresh.gen.ts +++ b/fresh.gen.ts @@ -6,6 +6,7 @@ import * as $_app from "./routes/_app.tsx"; import * as $Accordion from "./islands/Accordion.tsx"; import * as $AccordionItem from "./islands/AccordionItem.tsx"; import * as $ButtonMenuInstitucionalMobile from "./islands/ButtonMenuInstitucionalMobile.tsx"; +import * as $Popup from "./islands/Popup.tsx"; import type { Manifest } from "$fresh/server.ts"; import * as $Popup from "./islands/Popup.tsx"; diff --git a/manifest.gen.ts b/manifest.gen.ts index 217a04a..a0272aa 100644 --- a/manifest.gen.ts +++ b/manifest.gen.ts @@ -49,10 +49,11 @@ import * as $$$$$$32 from "./sections/Product/ProductShelfTabbed.tsx"; import * as $$$$$$33 from "./sections/Product/SearchResult.tsx"; import * as $$$$$$34 from "./sections/Product/ShelfWithImage.tsx"; import * as $$$$$$35 from "./sections/Product/Wishlist.tsx"; -import * as $$$$$$36 from "./sections/Session.tsx"; -import * as $$$$$$37 from "./sections/Social/InstagramPosts.tsx"; -import * as $$$$$$38 from "./sections/Social/WhatsApp.tsx"; -import * as $$$$$$39 from "./sections/Theme/Theme.tsx"; +import * as $$$$$$36 from "./sections/Quem Somos/quemSomos.tsx"; +import * as $$$$$$37 from "./sections/Session.tsx"; +import * as $$$$$$38 from "./sections/Social/InstagramPosts.tsx"; +import * as $$$$$$39 from "./sections/Social/WhatsApp.tsx"; +import * as $$$$$$40 from "./sections/Theme/Theme.tsx"; const manifest = { "loaders": { @@ -99,10 +100,11 @@ const manifest = { "site/sections/Product/SearchResult.tsx": $$$$$$33, "site/sections/Product/ShelfWithImage.tsx": $$$$$$34, "site/sections/Product/Wishlist.tsx": $$$$$$35, - "site/sections/Session.tsx": $$$$$$36, - "site/sections/Social/InstagramPosts.tsx": $$$$$$37, - "site/sections/Social/WhatsApp.tsx": $$$$$$38, - "site/sections/Theme/Theme.tsx": $$$$$$39, + "site/sections/Quem Somos/quemSomos.tsx": $$$$$$36, + "site/sections/Session.tsx": $$$$$$37, + "site/sections/Social/InstagramPosts.tsx": $$$$$$38, + "site/sections/Social/WhatsApp.tsx": $$$$$$39, + "site/sections/Theme/Theme.tsx": $$$$$$40, }, "actions": { "site/actions/minicart/submit.ts": $$$$$$$$$0, diff --git a/sections/Product/ProductShelf.tsx b/sections/Product/ProductShelf.tsx index 79a094e..8c98142 100644 --- a/sections/Product/ProductShelf.tsx +++ b/sections/Product/ProductShelf.tsx @@ -7,10 +7,16 @@ import Section, { import { useOffer } from "../../sdk/useOffer.ts"; import { useSendEvent } from "../../sdk/useSendEvent.ts"; import { type LoadingFallbackProps } from "@deco/deco"; +import { JSX } from "preact"; + +export type ShelfComponent = JSX.Element; + export interface Props extends SectionHeaderProps { products: Product[] | null; } -export default function ProductShelf({ products, title, cta }: Props) { +export default function ProductShelf( + { products, title, cta }: Props, +): ShelfComponent | null { if (!products || products.length === 0) { return null; } diff --git a/static/sprites.svg b/static/sprites.svg index dceb4eb..0c78206 100644 --- a/static/sprites.svg +++ b/static/sprites.svg @@ -40,4 +40,5 @@ + diff --git a/static/tailwind.css b/static/tailwind.css index b0ff177..f8f949f 100644 --- a/static/tailwind.css +++ b/static/tailwind.css @@ -3584,6 +3584,9 @@ details.collapse summary::-webkit-details-marker { .inset-0 { inset: 0px; } +.inset-0 { + inset: 0px; +} .bottom-0 { bottom: 0px; } @@ -3802,6 +3805,9 @@ details.collapse summary::-webkit-details-marker { .mb-4 { margin-bottom: 1rem; } +.mb-4 { + margin-bottom: 1rem; +} .mb-5 { margin-bottom: 1.25rem; } @@ -3811,15 +3817,27 @@ details.collapse summary::-webkit-details-marker { .mb-\[10px\] { margin-bottom: 10px; } +.mb-\[16px\] { + margin-bottom: 16px; +} .mb-\[1px\] { margin-bottom: 1px; } .mb-\[20px\] { margin-bottom: 20px; } +.mb-\[24px\] { + margin-bottom: 24px; +} +.mb-\[30px\] { + margin-bottom: 30px; +} .mb-\[34px\] { margin-bottom: 34px; } +.mb-\[40px\] { + margin-bottom: 40px; +} .mb-\[80px\] { margin-bottom: 80px; } @@ -3835,6 +3853,9 @@ details.collapse summary::-webkit-details-marker { .ml-4 { margin-left: 1rem; } +.ml-\[-120px\] { + margin-left: -120px; +} .ml-auto { margin-left: auto; } @@ -3847,6 +3868,9 @@ details.collapse summary::-webkit-details-marker { .mr-\[10px\] { margin-right: 10px; } +.mr-\[10px\] { + margin-right: 10px; +} .mt-10 { margin-top: 2.5rem; } @@ -3871,6 +3895,9 @@ details.collapse summary::-webkit-details-marker { .mt-\[16px\] { margin-top: 16px; } +.mt-\[16px\] { + margin-top: 16px; +} .mt-\[20px\] { margin-top: 20px; } @@ -3880,9 +3907,15 @@ details.collapse summary::-webkit-details-marker { .mt-\[24px\] { margin-top: 24px; } +.mt-\[24px\] { + margin-top: 24px; +} .mt-\[5px\] { margin-top: 5px; } +.mt-\[87px\] { + margin-top: 87px; +} .mt-auto { margin-top: auto; } @@ -3958,6 +3991,9 @@ details.collapse summary::-webkit-details-marker { .h-\[222px\] { height: 222px; } +.h-\[222px\] { + height: 222px; +} .h-\[29px\] { height: 29px; } @@ -4110,6 +4146,9 @@ details.collapse summary::-webkit-details-marker { .w-\[332px\] { width: 332px; } +.w-\[335px\] { + width: 335px; +} .w-\[35px\] { width: 35px; } @@ -4131,6 +4170,9 @@ details.collapse summary::-webkit-details-marker { .w-\[522px\] { width: 522px; } +.w-\[526px\] { + width: 526px; +} .w-\[70\.12\%\] { width: 70.12%; } @@ -4211,9 +4253,15 @@ details.collapse summary::-webkit-details-marker { .max-w-\[1030px\] { max-width: 1030px; } +.max-w-\[1030px\] { + max-width: 1030px; +} .max-w-\[11\.25vw\] { max-width: 11.25vw; } +.max-w-\[137px\] { + max-width: 137px; +} .max-w-\[139px\] { max-width: 139px; } @@ -4235,6 +4283,9 @@ details.collapse summary::-webkit-details-marker { .max-w-\[257px\] { max-width: 257px; } +.max-w-\[257px\] { + max-width: 257px; +} .max-w-\[26px\] { max-width: 26px; } @@ -4286,6 +4337,9 @@ details.collapse summary::-webkit-details-marker { .max-w-\[750px\] { max-width: 750px; } +.max-w-\[750px\] { + max-width: 750px; +} .max-w-\[80px\] { max-width: 80px; } @@ -4453,6 +4507,9 @@ details.collapse summary::-webkit-details-marker { .justify-between { justify-content: space-between; } +.justify-around { + justify-content: space-around; +} .justify-evenly { justify-content: space-evenly; } @@ -4498,6 +4555,9 @@ details.collapse summary::-webkit-details-marker { .gap-\[20px\] { gap: 20px; } +.gap-\[20px\] { + gap: 20px; +} .gap-\[2px\] { gap: 2px; } @@ -4635,9 +4695,6 @@ details.collapse summary::-webkit-details-marker { .rounded-none { border-radius: 0px; } -.rounded-sm { - border-radius: 0.125rem; -} .rounded-b-\[5px\] { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; @@ -4678,6 +4735,9 @@ details.collapse summary::-webkit-details-marker { .border-2 { border-width: 2px; } +.border-\[1px\] { + border-width: 1px; +} .border-\[2px\] { border-width: 2px; } @@ -4713,6 +4773,10 @@ details.collapse summary::-webkit-details-marker { --tw-border-opacity: 1; border-color: rgb(143 42 237 / var(--tw-border-opacity)); } +.border-\[\#8F2AED\] { + --tw-border-opacity: 1; + border-color: rgb(143 42 237 / var(--tw-border-opacity)); +} .border-\[\#C9CFCF\] { --tw-border-opacity: 1; border-color: rgb(201 207 207 / var(--tw-border-opacity)); @@ -4784,6 +4848,10 @@ details.collapse summary::-webkit-details-marker { --tw-bg-opacity: 1; background-color: rgb(189 135 237 / var(--tw-bg-opacity)); } +.bg-\[\#BD87ED\] { + --tw-bg-opacity: 1; + background-color: rgb(189 135 237 / var(--tw-bg-opacity)); +} .bg-\[\#C9CFCF\] { --tw-bg-opacity: 1; background-color: rgb(201 207 207 / var(--tw-bg-opacity)); @@ -4872,6 +4940,9 @@ details.collapse summary::-webkit-details-marker { .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)); } +.bg-none { + background-image: none; +} .from-\[\#1F1F1F80\] { --tw-gradient-from: #1F1F1F80 var(--tw-gradient-from-position); --tw-gradient-to: rgb(31 31 31 / 0) var(--tw-gradient-to-position); @@ -5043,6 +5114,10 @@ details.collapse summary::-webkit-details-marker { padding-top: 10px; padding-bottom: 10px; } +.py-\[120px\] { + padding-top: 120px; + padding-bottom: 120px; +} .py-\[40px\] { padding-top: 40px; padding-bottom: 40px; @@ -5081,6 +5156,9 @@ details.collapse summary::-webkit-details-marker { .pl-\[20px\] { padding-left: 20px; } +.pl-\[20px\] { + padding-left: 20px; +} .pl-\[333px\] { padding-left: 333px; } @@ -5123,6 +5201,9 @@ details.collapse summary::-webkit-details-marker { .pt-\[10px\] { padding-top: 10px; } +.pt-\[10px\] { + padding-top: 10px; +} .pt-\[57\.63px\] { padding-top: 57.63px; } @@ -5193,6 +5274,9 @@ details.collapse summary::-webkit-details-marker { .text-\[18px\] { font-size: 18px; } +.text-\[200px\] { + font-size: 200px; +} .text-\[20px\] { font-size: 20px; } @@ -5322,6 +5406,9 @@ details.collapse summary::-webkit-details-marker { .leading-\[24px\] { line-height: 24px; } +.leading-\[24px\] { + line-height: 24px; +} .leading-\[34px\] { line-height: 34px; } @@ -5450,6 +5537,9 @@ details.collapse summary::-webkit-details-marker { .opacity-50 { opacity: 0.5; } +.opacity-50 { + opacity: 0.5; +} .opacity-70 { opacity: 0.7; } @@ -5473,6 +5563,11 @@ details.collapse summary::-webkit-details-marker { --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } +.shadow-md { + --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} .shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); @@ -5722,6 +5817,14 @@ details.collapse summary::-webkit-details-marker { } } +.marker\:text-\[\#BD87ED\] *::marker { + color: rgb(189 135 237 ); +} + +.marker\:text-\[\#BD87ED\]::marker { + color: rgb(189 135 237 ); +} + .placeholder\:font-\[Montserrat\]::-moz-placeholder { font-family: Montserrat; } @@ -5822,6 +5925,11 @@ details.collapse summary::-webkit-details-marker { border-color: rgb(189 135 237 / var(--tw-border-opacity)); } +.hover\:border-\[\#BD87ED\]:hover { + --tw-border-opacity: 1; + border-color: rgb(189 135 237 / var(--tw-border-opacity)); +} + .hover\:border-\[\#C9CFCF\]:hover { --tw-border-opacity: 1; border-color: rgb(201 207 207 / var(--tw-border-opacity)); @@ -5846,6 +5954,16 @@ details.collapse summary::-webkit-details-marker { background-color: rgb(26 26 26 / var(--tw-bg-opacity)); } +.hover\:bg-\[\#8F2AED\]:hover { + --tw-bg-opacity: 1; + background-color: rgb(143 42 237 / var(--tw-bg-opacity)); +} + +.hover\:bg-\[\#BD87ED\]:hover { + --tw-bg-opacity: 1; + background-color: rgb(189 135 237 / var(--tw-bg-opacity)); +} + .hover\:bg-\[\#C493EF\]:hover { --tw-bg-opacity: 1; background-color: rgb(196 147 239 / var(--tw-bg-opacity)); @@ -5880,6 +5998,11 @@ details.collapse summary::-webkit-details-marker { color: rgb(143 42 237 / var(--tw-text-opacity)); } +.hover\:text-\[\#FFF\]:hover { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + .hover\:text-accent-content:hover { --tw-text-opacity: 1; color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); @@ -5890,6 +6013,11 @@ details.collapse summary::-webkit-details-marker { color: rgb(0 0 0 / var(--tw-text-opacity)); } +.hover\:text-black:hover { + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} + .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); @@ -5908,6 +6036,11 @@ details.collapse summary::-webkit-details-marker { border-color: rgb(163 227 255 / var(--tw-border-opacity)); } +.focus\:border-\[\#A3E3FF\]:focus { + --tw-border-opacity: 1; + border-color: rgb(163 227 255 / var(--tw-border-opacity)); +} + .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -6006,6 +6139,33 @@ details.collapse summary::-webkit-details-marker { background-color: rgb(13 23 23 / var(--tw-bg-opacity)); } +@media (max-width: 768px) { + + .phone\:ml-\[20px\] { + margin-left: 20px; + } + + .phone\:w-\[335px\] { + width: 335px; + } + + .phone\:flex-col { + flex-direction: column; + } + + .phone\:text-\[127px\] { + font-size: 127px; + } + + .phone\:text-\[14px\] { + font-size: 14px; + } + + .phone\:text-\[20px\] { + font-size: 20px; + } +} + @media (max-width: 1025px) { .mobile\:bottom-10 { @@ -6057,6 +6217,10 @@ details.collapse summary::-webkit-details-marker { margin-left: 0px; } + .mobile\:ml-\[0px\] { + margin-left: 0px; + } + .mobile\:ml-\[35px\] { margin-left: 35px; } @@ -6073,6 +6237,14 @@ details.collapse summary::-webkit-details-marker { margin-top: 24px; } + .mobile\:mt-\[200px\] { + margin-top: 200px; + } + + .mobile\:mt-\[24px\] { + margin-top: 24px; + } + .mobile\:mt-\[250px\] { margin-top: 250px; } @@ -6125,10 +6297,18 @@ details.collapse summary::-webkit-details-marker { width: 26.93vw; } + .mobile\:w-\[333px\] { + width: 333px; + } + .mobile\:w-\[42\.66vw\] { width: 42.66vw; } + .mobile\:w-\[89\.4\%\] { + width: 89.4%; + } + .mobile\:w-full { width: 100%; } @@ -6292,6 +6472,10 @@ details.collapse summary::-webkit-details-marker { padding-bottom: 89px; } + .mobile\:pt-\[44px\] { + padding-top: 44px; + } + .mobile\:pt-\[5px\] { padding-top: 5px; } @@ -6312,6 +6496,10 @@ details.collapse summary::-webkit-details-marker { font-size: 14px; } + .mobile\:text-\[20px\] { + font-size: 20px; + } + .mobile\:text-\[24px\] { font-size: 24px; }